/*=========================================================
SCS RESPONSIVE STYLES
=========================================================*/

/*=========================================================
1400px
=========================================================*/

@media (max-width:1400px){

    .container{

        max-width:1200px;

    }

}

/*=========================================================
1200px
=========================================================*/

@media (max-width:1200px){

    .container{

        max-width:1140px;

    }

    .nav-menu{

        gap:12px;

    }

    .nav-menu>li>a{

        font-size:13px;

        padding:0 5px;

    }

    .header-wrapper{

        gap:20px;

    }

    .quote-btn{

        min-width:130px;

        font-size:13px;

    }

    .mega-menu-grid{

        gap:20px;

    }

}

/*=========================================================
1024px
=========================================================*/

@media (max-width:1024px){

    .container{

        max-width:960px;

    }

    .top-left{

        gap:14px;

    }

    .top-left a,

    .top-left span{

        font-size:12px;

    }

}

/*=========================================================
991px
=========================================================*/

@media (max-width:991px){

    .main-nav{
        display:none !important;
    }

    .mobile-toggle{
        display:flex !important;
        align-items:center;
        justify-content:center;
    }

    .header-search{
        display:none;
    }

    .quote-btn{
        display:none;
    }

    .header-wrapper{
        min-height:72px;
    }

    .logo{
        flex:1;
    }

    .logo img{
        height:54px;
    }

    .header-actions{
        flex:none;
    }

}

/*=========================================================
768px
=========================================================*/

@media (max-width:768px){

    .top-notice{

        display:none;

    }

    .topbar{

        display:none;

    }

    .container{

        padding-left:15px;

        padding-right:15px;

    }

    .header-wrapper{

        min-height:68px;

    }

    .logo img{

        height:48px;

    }

    .mobile-menu{

        width:100%;

        right:-100%;

    }

}

/*=========================================================
576px
=========================================================*/

@media (max-width:576px){

    .header-wrapper{

        min-height:64px;

    }

    .logo img{

        height:42px;

    }

    .search-box{

        width:92%;

        padding:18px;

    }

    .search-box form{

        flex-direction:column;

    }

    .search-box button{

        width:100%;

        height:48px;

        border-radius:30px;

    }

}

/*=========================================================
480px
=========================================================*/

@media (max-width:480px){

    .mobile-header{

        padding:16px;

    }

    .mobile-body{

        padding:16px;

    }

    .mobile-nav a{

        font-size:13px;

    }

}