@media(max-width:991px){

.main-navigation{
    display:none;
}

.mobile-menu-toggle{
    display:block;
}

.header-cta{
    display:none;
}

}
/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px){

.hero-section{
    padding:80px 0;
}

.hero-grid{
    grid-template-columns:1fr;
    text-align:center;
}

.hero-image{
    order:-1;
}

.hero-content h1{
    font-size:2.4rem;
}

.hero-buttons{
    justify-content:center;
}

.trust-badges{
    justify-content:center;
}

.countdown-box{
    font-size:1.8rem;
}

.bundle-card{
    padding:30px;
}

.footer-grid{
    grid-template-columns:
    repeat(2,1fr);
}

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px){

.section{
    padding:60px 0;
}

.container{
    padding-left:15px;
    padding-right:15px;
}

.hero-section{
    padding:60px 0;
}

.hero-content h1{
    font-size:2rem;
    line-height:1.3;
}

.hero-content p{
    font-size:1rem;
}

.hero-badge{
    font-size:.8rem;
}

.hero-buttons{
    flex-direction:column;
    width:100%;
}

.hero-buttons .btn{
    width:100%;
}

.btn{
    width:100%;
}

.section-title h2{
    font-size:1.8rem;
}

.countdown-box{
    font-size:1.5rem;
}

.product-card img{
    height:220px;
}

.product-body{
    padding:20px;
}

.price{
    font-size:1.5rem;
}

.bundle-card{
    padding:25px;
}

.bundle-card .price{
    font-size:1.8rem;
}

.trust-badges{
    flex-direction:column;
    align-items:center;
}

.trust-badges span{
    width:100%;
    max-width:250px;
    text-align:center;
}

.faq-wrapper details{
    padding:18px;
}

.cta-section h2{
    font-size:1.8rem;
}

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

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

.custom-logo{
    max-height:50px;
}

.floating-wa{
    width:60px;
    height:60px;
    font-size:24px;
    right:15px;
    bottom:15px;
}

.footer-grid{
    grid-template-columns:1fr;
}

}

/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 480px){

.hero-content h1{
    font-size:1.7rem;
}

.section-title h2{
    font-size:1.5rem;
}

.countdown-box{
    font-size:1.2rem;
}

.price{
    font-size:1.3rem;
}

.bundle-card .price{
    font-size:1.5rem;
}

.hero-buttons{
    gap:10px;
}

.product-card img{
    height:180px;
}

}

/* ==========================================
   LARGE DESKTOP
========================================== */

@media (min-width: 1400px){

.container{
    max-width:1320px;
}

.hero-content h1{
    font-size:4rem;
}

.hero-content p{
    font-size:1.2rem;
}

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

#njb-cart{

padding:12px;

}

#njb-cart-total{

font-size:16px;

}

#njb-cart-checkout{

font-size:14px;

padding:
10px 15px;

}

}