/*==================================================
  HEADER RESPONSIVE
==================================================*/

/*==========================================
  Large Desktop (1600px+)
==========================================*/

@media (min-width:1600px){

.container{
    max-width:1500px;
}

.desktop-menu ul{
    gap:45px;
}

.header-logo img{
    height:68px;
}

}

/*==========================================
  Laptop (1400px)
==========================================*/

@media (max-width:1400px){

.desktop-menu ul{
    gap:28px;
}

.desktop-menu ul li a{
    font-size:15px;
}

.header-logo img{
    height:56px;
}

}

/*==========================================
  Small Laptop (1200px)
==========================================*/

@media (max-width:1200px){

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

.desktop-menu ul{
    gap:22px;
}

.desktop-menu ul li a{
    font-size:15px;
}

.header-logo img{
    height:52px;
}

.header-icons{
    gap:10px;
}

.header-icon{
    width:42px;
    height:42px;
}

}

/*==========================================
  Tablet
==========================================*/

@media (max-width:991.98px){

.mobile-toggle{
    display:block;
}

.desktop-menu{
    display:none;
}

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

.header-logo{
    flex:1;
    display:flex;
    justify-content:center;
}

.header-logo img{
    height:48px;
}

.header-icons{
    gap:8px;
}

.header-icon{
    width:40px;
    height:40px;
}

.header-icon i{
    font-size:16px;
}

.menu-toggle{
    width:42px;
    height:42px;
}

}

/*==========================================
  Mobile
==========================================*/

@media (max-width:767.98px){

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

.header-logo img{
    height:44px;
}

.header-icon{
    width:38px;
    height:38px;
}

.header-icon i{
    font-size:15px;
}

.cart-count{
    width:18px;
    height:18px;
    font-size:10px;
}

.menu-toggle{
    width:40px;
    height:40px;
}

.custom-offcanvas{
    width:300px !important;
}

}

/*==========================================
  Small Mobile
==========================================*/

@media (max-width:575.98px){

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

.header-logo img{
    height:38px;
}

.header-icons{
    gap:6px;
}

.header-icon{
    width:34px;
    height:34px;
}

.header-icon i{
    font-size:14px;
}

.menu-toggle{
    width:36px;
    height:36px;
}

.menu-toggle i{
    font-size:17px;
}

.custom-offcanvas{
    width:280px !important;
}

}

/*==========================================
  Extra Small Mobile
==========================================*/

@media (max-width:400px){

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

.header-logo img{
    height:34px;
}

.header-icon{
    width:32px;
    height:32px;
}

.header-icon i{
    font-size:13px;
}

.menu-toggle{
    width:34px;
    height:34px;
}

.menu-toggle i{
    font-size:16px;
}

.custom-offcanvas{
    width:260px !important;
}

}

/*==========================================
  Ultra Small Devices
==========================================*/

@media (max-width:360px){

.header-icons{
    gap:4px;
}

.header-icon{
    width:30px;
    height:30px;
}

.header-icon i{
    font-size:12px;
}

.header-logo img{
    height:30px;
}

.menu-toggle{
    width:32px;
    height:32px;
}

.menu-toggle i{
    font-size:15px;
}

.custom-offcanvas{
    width:250px !important;
}
}
/*=========================================
    Message From Founder Start
==========================================*/
@media(max-width:991px){

    .founder-image{
        position:relative;
        height:auto;
    }

    .founder-img{
        position:relative;
        display:none;
    }

    .founder-img.active{
        display:block;
    }

}
@media(max-width:991px){

    .founder-image{
        position:sticky;
        top:70px;
        height:45vh;
    }

    .story-wrapper{
        padding-left:0;
    }

    .story-block{
        min-height:70vh;
        opacity:.3;
    }

}
/*=========================================
    Message From Founder end
==========================================*/
/*==============================
    Trust Counter End
==============================*/
@media(max-width:767px){

.trust-counter-section{
    padding:45px 0;
}
.trust-counter h2{
    font-size:28px;
}
.trust-counter p{
    font-size:13px;
}
.trust-counter::after{
    height:40px;
}
}
/*==============================
    Trust Counter End
==============================*/