@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1080px) {}

@media screen and (max-width: 820px) {}

@media screen and (max-width: 768px) {
    .hero-youtube__video--desktop {display: block;}
    .hero-youtube__video--desktop video {width: 100vw; height: 177.78vw; min-width: 56.25vh; min-height: 100vh;}
    .hero-youtube__overlay p {font-size: 70px; line-height: 80px;}
    nav .cta {display: none !important;}
    h1 {text-align: center; font-size: 45px; line-height: 50px;}
    h1 span, .title-contatti h1 span {font-size: 50px; line-height: 50px;}
    h2 {margin-top: 20px;}
    h3 {font-size: 24px; line-height: 30px;}
    h4 {font-size: 20px; line-height: 26px;}
    nav.navbar.home a.navbar-brand img, nav.navbar.bg-dark a.navbar-brand img {max-width: 100px;}
    .box-cta {background-attachment: scroll !important; padding: 40px 0; position: relative;}
	.box-cta:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,.4);}
	.box-cta h2, .box-cta p, .box-cta a {position: relative; z-index: 99;}
	.box-cta h2, .box-cta p {color: var(--white);}
    nav.navbar.bg-dark .navbar-brand {display: block; margin: 0 auto;}
    nav.navbar .left {min-width: 100%; max-width: 100%;}
    nav.navbar.home .navbar-toggler, nav.navbar.bg-dark .navbar-toggler {display: block; margin: 10px auto;}
    nav.navbar .offcanvas-header {padding: 10px 0 0;}
    nav.navbar .nav-link {font-size: 35px; display: block; text-align: center; line-height: 45px; margin: 0; padding: 5px 0;}
    nav.navbar .offcanvas .btn-close {margin: 0 auto; display: block;}
    nav.navbar .offcanvas-start {width: auto;}
    .content.light .row.mt-5.pt-5 {padding-top: 0 !important;}
    .offcanvas-body {padding-top: 0;}
    .offcanvas-body h5, .offcanvas-body p, .offcanvas-body dati p {text-align: center;}
    nav.navbar .offcanvas-body .dati ul.social {justify-content: center; margin: 10px 0;}
    nav.navbar .offcanvas-body p {margin-bottom: 15px;}
    nav.navbar .navbar-toggler {min-width: 120px; max-width: 120px; padding: 10px 0;}
    nav .dati {display: none;}
    ul.list-fasi li {flex-basis: 100%; margin: 0 0 10px 0; padding: 0 0 15px 0; border-bottom: 1px solid var(--black); border-right: 0;}
    ul.list-fasi li img {max-width: 80px; max-height: 80px;}
    ul.list-fasi li h4 {font-weight: 600;}
    ul.list-fasi li p {font-size: 18px; line-height: 26px;}
    .box-referenze ul {justify-content: center;}
    .box-referenze ul li {flex-basis: 30%;}
    footer .text-end {text-align: center !important;}
    footer form {margin-bottom: 30px;}
    .copy p {text-align: center;}
    .copy ul.social {justify-content: center; margin-top: 15px;}
    .title-int, .title-contatti {margin-top: 150px;}
    .title-contatti h1 {font-size: 45px; line-height: 50px;}
    .title-int h5 {display: table; margin: 0 auto 20px;}
	.title-int p {text-align: center;}
    .hd-int {background-attachment: scroll !important; min-height: 400px;}
    .content h4 {margin-top: 15px;}
    .content ul.list-focus li {flex-basis: 100%;}
    .content ul.list-focus li h3 {margin-top: 15px; font-size: 17px;}
    .content ul.list-focus li p {font-size: 15px; line-height: 22px; margin-top: 10px;}
    .content.puzzle-section {height: auto;}
    .content.puzzle-section .puzzle-card {position: relative;}
    .content.puzzle-section .image-puzzle {text-align: center;}
    .content.puzzle-section .card-left, .content.puzzle-section .card-bottom-center, .content.puzzle-section .card-top-right {left: 0; top: auto; width: 100%;}
    .content.puzzle-section .puzzle-card img {width: 100%; height: 100%; object-fit: contain; margin-top: 25px;}
    .content ul.certificati {justify-content: center;}
    .content ul.certificati li {margin: 15px;}
    .parallax {background-attachment: scroll !important; height: 200px;}
    .content h2.accordion-header {line-height: 22px;}
    .content .box-metodo .box-text {flex-basis: 100%; min-height: 0;}
    .content .box-metodo .box-img {flex-basis: 100%;}
    .content .box-metodo .box-text.right, .content .box-metodo .box-text.left {border: 0;}
    .carousel {margin: 25px 0;}
    section.filter .filters ul {flex-wrap: wrap;}
    section.filter .single-content {margin: 20px;}
    section.filter .single-content img, .single-content .sold-out-img {width: 100%;}
    .content ul.correlati li {flex-basis: 50%; margin-bottom: 25px;}
    section.filter .filters li {margin: 0 10px;}
    .detail-portfolio ul li {flex-basis: 33%;}
    .cnt-portfolio .row.pt-5.mt-5 {padding-top: 0 !important;}
    .title-contatti .contatti {margin-top: 25px;}
    .cnt-contatti form textarea.material-field-input {min-height: 200px;}
	.detail-portfolio ul li {flex-basis: 100%; margin-right: 0; margin-bottom: 10px; text-align: center;}
}

@media screen and (max-width: 430px) {
    

}

@media screen and (max-width: 375px) {}