@charset "utf-8";


.category_list { display: inline-block;  margin: 0 -13px;}
.category_list li { width: 33.3%; float: left; padding: 0 13px; text-align: center; margin-bottom: 26px;}
.cat_txt {text-align: center; background: #fff; margin: -38px auto 0; width: 280px ; position: relative;padding: 16px 0;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;}
.cattit { font-size: 22px; color: #474747; font-weight: 600; text-align: center;padding-bottom: 6px;}
.cat_btn {font-size: 14px;
    color: #f99820;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }

.cat_btn i {
    margin-left: 5px;
    font-size: 14px;
    background: #f99820;
    width: 19px;
    height: 19px;
    text-align: center;
    color: #000;
    line-height: 16px;
    border-radius: 100%;
    padding: 1px 6px;font-weight: 600;
}
.buttonbar_div .btn_dark {padding: 9px 35px; }
.buttonbar_div { margin: 20px 0;}
a.cat_box { overflow: hidden; display: block;}
.category_list li:hover .cat_txt { background: #007bc0 ; color: #fff;}
.category_list li:hover .cattit, .category_list li:hover  .cat_btn { color: #fff;}
.category_list li:hover .cat_btn  i   { background: #fff; color: #007bc0;}

.category_list.brandsec li a img  { background: #f8cbd0; padding: 60px 75px;}  
.category_list.brandsec li { width: 25%;}

.buttonbar_div.prd_room_loadmore { margin-bottom: 20px;}


.product_categorypg ul.resp-tabs-list { margin-top: 40px;}


/*================ Start media query =================*/

 @media (max-width: 1900px) {
     
   

}


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

    @media (max-width: 1439px) {
      

    }

    @media (max-width: 1200px) {
  
        .cat_txt{ margin: 0px auto 0;width: 100%;}
        .cattit {
            font-size: 20px;padding-bottom: 8px;}
       .category_list.brandsec li a img {
    background: #f8cbd0;
    padding: 60px 30px;
}
    }

    @media (max-width: 991px) {
       
        .category_list li {    padding: 0 6px; }
        .category_list { margin: 0 -6px;}
        .cat_btn {font-size: 12px;}
    }
@media (max-width: 768px) {
.category_list.brandsec li {
    width: 33.3%;
}

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

        .category_list li {width: 50%; margin-bottom: 12px;}
        .cat_txt {padding: 12px 0; }
        .cattit {font-size: 16px;padding-bottom: 5px;}
         .category_list li {    padding: 0 3px; }
        .category_list { margin: 0 -3px;}
        
          h2.resp-accordion { display: block;}
    h2.resp-tab-active {
    background: #007bc0 !important;
    color: #fff !important;
}
    h2.resp-accordion {
        font-size: 16px; font-weight: 600; color: #000; }
    .resp-tab-content { padding: 15px 0 !important;}
    ul.resp-tabs-list { display: none;}
        
        .category_list.brandsec li {
    width: 50%;
}
        .buttonbar_div .btn_dark {
    padding: 9px 20px;
  
        }
        .buttonbar_div { margin: 10px 0;}
    }


    @media (max-width: 360px) {
     
    .cat_btn {
    font-size: 10px;
}
        .cat_btn i {
            margin-left: 0px;}
        
    }