@charset "utf-8";
/* CSS Document */

.offer_blk { position: relative; margin: 93px 0 140px; }
.offerlist_blk {position: relative; padding: 50px 0 133px;display: inline-block;
    width: 100%;}
.js_offer_list { max-width: 830px; margin: 0 auto;}
.js_offer_list .slick-list {padding: 80px 0 0; }
.offerbox { }
.offer_tit { font-size: 90px; font-weight: 600;  color: #9f1537; text-align: center; line-height: 30px; padding-bottom: 40px;}

.offerbox { background: #fff; width: 595px; padding: 90px 0 60px;position: relative;margin: 0 auto;}
.sale_tit { font-size: 20px; letter-spacing: 1px; text-transform: uppercase; color: #9f1537; text-align: center;padding: 10px 0;position: relative;}
.sale_tit:after, .sale_tit:before{ position: absolute; content: ""; background: url(../images/line.png); width: 358px; height: 1px; left: 0; right: 0; margin: 0 auto; top: 0;}
.sale_tit:before{ top: auto; bottom: 0;}
.offershap { position: absolute;left: 0px;
    top: -84px;}
    .js_offer_list li { position: relative;}
/*.js_offer_list  li:nth-child(2) .offershap img { max-width: 180px;}*/
.logo-shap { position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; z-index: -1;}

.label_txt {
   position: absolute;
    background: #9f1537;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    background: url(../images/shap1.png) no-repeat;
    transform: rotate(50deg);
    right: 65px;
    top: 24px;
    padding: 7px 21px 7px 44px;
    letter-spacing: 0.8px;
    width: 180px;
    height: 46px;
    z-index: 1;
    font-size: 14px;
 
}
/*.label_txt:after {position: absolute; content: ""; height: 10px; width: 10px; background: #4c0315; left: 0; top: 0;}*/

.js_offer_list.common_dots .slick-dots { bottom: -220px;}





/* Popular Category */
.pop_category { padding: 155px 0 70px; display: inline-block; width: 100%;background: #fafbfb; }
.pop_list_cat  { margin: 0 -21px;}
.pop_list_cat li{ width: 25%; float: left; padding: 0 21px;}
.catebox { display: block; position: relative;}
.catebox:hover .cat_tit { color: #7f142f;}
.catebox:hover .cat_lbl { background: #7f142f; color: #fff;}
.catimg {position: relative;}
.cat_lbl { position: absolute; bottom: 20px; left: 20px; background: #fff; color: #383b3c; font-size: 14px; letter-spacing: 0.4px; padding: 8px 22px 3px;
    border-radius: 50px;transition: all ease-out 0.3s !important;
    -webkit-transition: all ease-out 0.3s !important;
    -moz-transition: all ease-out 0.3s !important;
    -ms-transition: all ease-out 0.3s !important;
    text-transform: capitalize;}
.logo_ico { position: absolute; top: 10px; left: 15px;}
.cat_txt{justify-content: space-between;padding: 35px 0 0;}
.cat_tit { font-size: 24px; color: #383b3c; letter-spacing: 0.2px; text-transform: capitalize; position: relative;padding-left: 20px;}
.cat_tit:after { position: absolute; content: ""; background: #383b3c; width: 10px; height: 1px; left: 0;top: 10px; }
.viewmore { font-size: 16px; line-height: 28px; color: #7f142f; letter-spacing: 0.2px; text-transform: capitalize; padding-bottom: 2px; position: relative;}
.viewmore:after { position: absolute; content: ""; background: url(../images/view-icon.png); width: 38px; height: 5px; left: 0; bottom: 0;}
.pop_list_cat li:nth-child(3) .logo_ico img { filter: brightness(2);
    opacity: 0.7;}



ul.resp-tabs-list{
    margin: 0px auto 30px;
    display: flex;
    justify-content: center;
}

/*.woocommerce .featureprod_container ul.products.columns-3.js_shop_prod li.product{ width: auto !important; }*/
/* ul.products.columns-3.js_shop_prod.slick-slider .slick-track { width: auto !important;}*/

.shp_products .line-shape:before {content: none;}
.shp_products .title_xlg { padding-bottom: 0;}
.shp_products { padding: 70px 0 0;}


/* area list */

.areasection {display: inline-block;
    width: 100%;  padding-top: 0;}
.areasection .dlist.arealist { width: 50%; float: left;}
.areasection .hm-img-right.width50 {width: 50%; float: left; }
.areasection .dlist.arealist  li { width: 50%; float: left;}
.area-map { height: 350px;}

.areasection .dlist.arealist li:hover, .areasection .dlist.arealist li.active { color: #9f1537}
.areasection.ptag p:last-of-type { margin-bottom:  35px !important}

.pop_list_cat { margin: 0 -21px; display: inline-flex;  flex-wrap: wrap; align-items: flex-start;}
.pop_list_cat li:last-of-type{ margin-top: 25px;}

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


    @media (max-width: 1600px) {
        
        
       


}

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

  @media (max-width: 1439px) {
        
    .cat_tit {
        font-size: 22px;}
      .pop_category {
          padding: 155px 0 130px;}
     
        
     }

    @media (max-width: 1199px) {
        
        .pop_list_cat li { padding: 0 10px;}
        .pop_list_cat {
    margin: 0 -10px;
}
        .cat_tit { width: 100%;}
        .viewmore { width: 100%; padding-left: 22px;}
        .viewmore:after { left: 22px;}
        .cat_txt  { padding:20px 0 0; }
         .pop_category {
          padding: 100px 0 90px;}
}

    @media (max-width: 991px) {
        
      .sale_tit {
          font-size: 16px;}
        .offer_tit {
            font-size: 50px;}
        .offerlist_blk { padding: 50px 0 70px;}
        .label_txt { right: -6px;    font-size: 14px;}
        .offer_blk { margin: 50px 0 90px;}
        .cat_lbl { bottom: 10px;padding: 3px 14px 0px;
    left: 10px;}
        .cat_tit {
    font-size: 18px;
}
         .pop_category {
          padding: 100px 0 50px;}
        .shp_products { padding: 50px 0 0;}
        
        .areasection .dlist.arealist { width: 100%; float: left; margin-bottom: 10px;}
.areasection .hm-img-right.width50 {width: 100%; float: left; }
        
}

    @media (max-width: 768px) {

        .offershap {
  
    left: 12px;
    top: -79px;
    max-width: 215px;
}
        .js_offer_list.common_dots .slick-dots {
    bottom: -130px;
}  
        .offer_blk { margin: 50px 0 70px;}
         .pop_category {
          padding: 100px 0 50px;}
      
}

    @media (max-width: 575px) {
       
        .offerlist_blk {
    padding: 25px 15px 25px;
}
        .offerbox { width: 80%;
    padding: 54px 0 34px;}
        .offershap {
    left: -2px;
    top: -70px;
    max-width: 160px;
}
/*        .label_txt { padding: 4px 19px 4px 28px;font-size: 12px;right: 2px;top: 4px;}*/
          .js_offer_list.common_dots .slick-dots {
    bottom: -90px;
} 
        .pop_list_cat li {
            width: 50%; }
        .pop_list_cat {     display: flex;
    flex-wrap: wrap;}
        .pop_list_cat li {
    margin: 0 0 30px;
}
         .pop_category {
          padding: 50px 0 30px;}
        .logo_ico{ max-width: 25px;}
          .shp_products { padding: 30px 0 0;}
        
        ul.resp-tabs-list { margin: 0px auto 0px;}
        .pop_list_cat li:last-of-type {margin-top: 0px;}
}


    @media (max-width: 420px) {
        .offerbox {
            width: 100%;
        }

        .offer_tit {
            font-size: 42px;
            padding-bottom: 20px;
        }

        .offershap {
              left: -3px;
        top: -39px;
            max-width: 88px;
        }

        .js_offer_list .slick-list {
            padding: 40px 0 0;
        }

        .sale_tit {
            font-size: 14px; padding: 6px 0;
        }

        .label_txt {
            padding: 4px 14px 0px 20px;
            font-size: 9px;
            right: 0px;
            top: -28px;
            transform: rotate(0deg);
            background: #9f1537;
                width: auto;
            height: auto;
        }

        .offerbox {
            width: 100%;
        }

        .sale_tit:after,
        .sale_tit:before {
            width: 175px;
            background: url(../images/line-small.png);
        }

      
}



    @media (max-width: 360px) {
        .offerbox {
    width: 100%;
}
        .sale_tit {
    font-size: 12px;
}
        .offer_tit {
            font-size: 38px;}
       .pop_list_cat li {
    padding: 0 5px;
}
        .pop_list_cat {
    margin: 0 -5px;
}
     .cat_tit {
    font-size: 16px;
}   
        
        .areasection .dlist.arealist li {
            width: 100%; }
         
}