/*Write Css*/

.tabs-container,
.ourServices .container,
.barberShop_testimonial_area .container,
.tabs-container,
.cat-roundslider .container,
.footer-wrapper .container{
    max-width: 100% !important;
    padding: 0 12px;
}

.ourServices {
    margin: 0 12px;
}

.furniture .headermid-wrapper {
    padding: 3px 0 !important;
}

.promo-banner-box .cat-contents,
.promo-banner-box{
    height: 297px !important;
}

.shop-bycat {
    text-align: center;
    font-size: 44px;
    font-weight: 600;
}

.agro_banner .slick-slide img,
.agro_banner .sliderArea{
    height: auto !important;
}

/*Responsive*/

@media (max-width: 1800px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 276px !important;
    }
}

@media (max-width: 1700px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 260px !important;
    }
}

@media (max-width: 1650px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 252px !important;
    }
}

@media (max-width: 1600px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 243px !important;
    }
}

@media (max-width: 1550px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 235px !important;
    }
}

@media (max-width: 1500px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 225px !important;
    }
}

@media (max-width: 1450px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 218px !important;
    }
}

@media (max-width: 1400px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 210px !important;
    }
}

@media (max-width: 1350px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 200px !important;
    }
}

@media (max-width: 1300px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 193px !important;
    }
}

@media (max-width: 1250px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 185px !important;
    }
}

@media (max-width: 1200px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 176px !important;
    }
}

@media (max-width: 1150px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 168px !important;
    }
}

@media (max-width: 1100px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 160px !important;
    }
}

@media (max-width: 992px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 307px !important;
    }
    
    .barberShop_testimonial_area .title {
        font-size: 44px !important;
    }
    
}

@media (max-width: 950px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 291px !important;
    }
}

@media (max-width: 900px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 274px !important;
    }
}

@media (max-width: 850px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 258px !important;
    }
}

@media (max-width: 800px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 240px !important;
    }
}

@media (max-width: 768px){
    .furniture .mango-product-container .mango-section-title h2, .furniture .mango-product-tabs-container .mango-section-title h2, .shop-bycat, .barberShop_testimonial_area .title {
        font-size: 30px !important;
    }
}

@media (max-width: 750px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 224px !important;
    }
}

@media (max-width: 700px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 208px !important;
    }
}

@media (max-width: 650px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 190px !important;
    }
}

@media (max-width: 600px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 174px !important;
    }
}

@media (max-width: 550px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 157px !important;
    }
}

@media (max-width: 500px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 141px !important;
        width: 100% !important;
    }
}

@media (max-width: 450px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 123px !important;
    }
}

@media (max-width: 400px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 108px !important;
    }
}

@media (max-width: 350px){
    .promo-banner-box .cat-contents,
    .promo-banner-box{
        height: 91px !important;
    }
}