.hamburger{ width: 40px; height: 40px; position: absolute; right: 10px; top: 25px; display: none; cursor: pointer; }
.hamburger span{ width: 100%; height: 4px; margin-bottom: 8px; background: #FFF; display: block; }

.close-hamburger{ position: fixed; width: 100%; height: 100%; position: fixed; top: 0; left: 0; visibility: hidden; opacity: 0; background: rgba(0,0,0,0.5); transition: all .3s; }

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

    .legal .ttc-logo{ margin-right: 30px; }

}

@media screen and (max-width: 1280px){
    
    .content{ max-width: 100%; padding: 0 20px; }
    .hero .content{ padding: 0; }
    
    .legal .ttc-logo{ margin-right: 70px; }

    
}

@media screen and (max-width: 1023px){
    
    .hamburger{ display: block; }

    .main-footer .footer-wrapper{ flex-direction: column; }
    .main-footer .footer-wrapper .footer-column{ margin-bottom: 20px; }

    .main-menu{ width: 270px; position: fixed; top: 0; left: 0; height: 100%; background: none; z-index: 9999; transform: translateX(-320px); transition: all .3s; }
    .menu-open .main-menu{ transform: translateX(0); }
    .main-header .menu{ flex-direction: column; margin-top: 100px; }
    .main-header .menu li{ display: block; margin-bottom: 5px; }
    .main-header .menu li a{ padding: 25px 20px; display: block; color: #FFF; background: #000; border-left: 5px solid #e2e31b; }
    .main-header .menu li a:hover{ color: #FFF; }

    .menu-open .close-hamburger{ visibility: visible; opacity: 1; }

    .protection-list{ flex-direction: column; }

    .hero{ margin-top: 80px; }

    .main-header{ height: 80px; }
    .main-header .left .logo{ width: 150px; min-width: 150px; height: 49px; background: url("../img/black.svg"); background-size: 150px 49px; overflow: hidden; text-indent: -1000px; }
    .main-header .left p{ font-size: .7em; max-width: 50px; margin-left: 10px; line-height: 1.3; }

    .contact .content-box{ flex-direction: column; }
    .contact .content-box .left,
    .contact .content-box .right{ width: 100%; text-align: left; }
    .contact .content-box .right{ padding-left: 0; margin-top: 40px; }

    .ppf .content-box .section-title{ font-size: 2em; }
    .ppf .content-box .description{ font-size: .9em; }
    .protection-list li p{ font-size: 1em; }
    
    .ppf .right,
    .ppf.ceramico .right{ justify-content: flex-start; }

    .page-title{ font-size: 2em; }

    .ppf .content-box .yellow-label{ font-size: 1.2em; }
    
}

@media screen and (max-width: 782px){
    
    .admin-bar .main-header{ top: 46px; }

    .hero{ height: 600px; }

    .desktop{ display: none; }
    .mobile{ display: block; }

}

@media screen and (max-width: 600px){
    
    #wpadminbar {
        position: fixed;
    }

}

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

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

    .legal .content{ flex-direction: column; justify-content: flex-start; text-align: left; align-items: flex-start; }
    .legal .ttc-logo{ margin-right: 0; margin-top: 10px; }
    
}