/*==================================================
LARGE TABLETS
==================================================*/

@media (max-width:1200px){

.container{
    width:min(95%,1200px);
}

.hero-content h1{
    font-size:52px;
}

.woocommerce ul.products{
    grid-template-columns:repeat(3,1fr);
}

}

/*==================================================
TABLETS
==================================================*/

@media (max-width:992px){

.hero{
    padding:80px 0;
}

.hero-grid,
.about-grid,
.cta-wrapper,
.footer-grid,
.shop-layout,
.woocommerce-account .woocommerce{

    grid-template-columns:1fr !important;

}

.hero-image,
.cta-image{
    order:-1;
    max-width:420px;
    margin:auto;
}

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

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

.cart-collaterals,
.woocommerce-cart-form{
    width:100% !important;
    float:none !important;
}

.cart-collaterals{
    margin-top:40px;
}

}

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

@media (max-width:768px){

section{
    padding:70px 0 !important;
}

h1{
    font-size:38px !important;
}

h2{
    font-size:30px !important;
}

p{
    font-size:16px;
}

.hero-buttons,
.cta-buttons{
    flex-direction:column;
}

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

.woocommerce ul.products{
    grid-template-columns:1fr;
}

.dashboard-cards{
    grid-template-columns:1fr;
}

.footer-grid{
    gap:40px;
}

.shop_table{
    display:block;
    overflow-x:auto;
}

.nucco-size-box{
    padding:25px;
}

}

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

@media (max-width:480px){

.hero{
    padding:50px 0;
}

.hero-content h1{
    font-size:32px !important;
}

.section-tag{
    font-size:12px;
}

.btn{
    height:50px;
    font-size:15px;
}

.shop-hero{
    padding:70px 0;
}

.dashboard-hero{
    padding:25px;
}

.dashboard-actions{
    flex-direction:column;
}

.dashboard-actions a{
    width:100%;
}

}