@media (max-width: 1100px){

    .menu{
        display:none !important;
    }

    .hamburger{
        display:flex !important;
        align-items:center;
        justify-content:center;
        margin-left:auto;
    }

    .nav-container{
        padding:0 15px;
    }

    .dropdown-menu{
        display:none !important;
    }

    .nav-right{
        display:flex;
        align-items:center;
        gap:8px;
    }

    .mail{
        width:36px;
        height:36px;
        font-size:14px;
    }

    .quote-btn{
        height:36px;
        padding:0 12px;
        font-size:11px;
    }
}



@media (max-width:768px){

    html,
    body{
        overflow-x:hidden;
    }

    .nav-container{
        padding:0 10px;
        gap:8px;
    }

    .logo-text{
        flex:1;
        min-width:0;
        font-size:12px;
        overflow:hidden;
    }

    .logo-text a{
        display:block;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .mail{
        width:32px;
        height:32px;
        font-size:12px;
    }

    .quote-btn{
        height:32px;
        padding:0 8px;
        font-size:9px;
        letter-spacing:0;
    }

    .mobile-menu{
        width:min(280px,80vw);
    }

    .footer-container{
        grid-template-columns:1fr !important;
        gap:35px;
    }

    .footer-bottom{
        flex-direction:column;
        gap:15px;
        text-align:center;
    }
}