.left-button{
    top:-6px !important;
}
#site-scroll i{
    margin-top:10px !important;
}
.product-details.text-center{
    height:160px;
}
.left-button button:hover{
    background:#000;
    color:#fff;
}
form.form.minisearch{
    margin-bottom:0px;
}



hr {
    opacity: 1 !important;
    margin: 3px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #c6c6c6 !important;
    display:none;
}
select { 
    -webkit-appearance:none; 
    -moz-appearance:none; 
    appearance:none;
    background-position:right center; 
    background-image:url('<?= asset('uploads/arrow-select.png') ?>') !important;
    background-repeat:no-repeat !important; 
    background-position:right 10px center !important; 
    line-height:1.2;
    text-indent:0.01px; 
    text-overflow: ''; 
    cursor:pointer; 
    padding:6px 0px 6px 7px;
}
.collection-top-filters .flTtl:after {
       -webkit-appearance:none; 
    -moz-appearance:none; 
    appearance:none;
    background-position:right center; 
    background-image:url('<?= asset('uploads/arrow-select.png') ?>') !important;
    background-repeat:no-repeat !important; 
    background-position:right 10px center !important; 
    line-height:1.2;
    text-indent:0.01px; 
    text-overflow: ''; 
    cursor:pointer; 
    padding:6px 0px 6px 7px;
    width:25px;
}
.collection-top-filters .flTtl{
    width:135px;
}
      .collection-grid-item.right-offer .img img{     
          height: 311px !important;
     width: 545px !important;}
 
 
 @media only screen and (max-width: 1292px){ 
      .collection-grid-item.right-offer .img img{     height: 309px !important;
    width: 540px !important;}
 }
 @media only screen and (max-width: 1192px){ 
      .collection-grid-item.right-offer .img img{     height: 309px !important;
    width: 540px !important;}
 }
 @media only screen and (max-width: 1124px){ 
      .collection-grid-item.right-offer .img img{    height: 288px !important;
    width: 507px !important;}
 }

   @media only screen and (max-width: 1024px){ 
     .collection-grid-item.right-offer .img img{height:260px !important; width:454px !important;}
 }
    @media only screen and (max-width: 992px){ 
      .collection-grid-item.right-offer .img img{height:238px !important; width:438px !important;}
 }
 
     @media only screen and (max-width: 860px){ 
              .collection-grid-item.right-offer .img img{height:212px !important; width:372px !important;}
           .filters-toolbar-wrapper.sidebar_tags.m-0 {
            display:block;
        }
        hr {
            opacity: 1;
            margin: 3px 0;
            border: 0;
            border-bottom: 1px solid #c6c6c6;
            display:block;
        }
              .size-swacthes .swacth-list ul{
          margin-left:0px;
      }
.collection-top-filters .flTtl:after{
    filter:invert(1) !important;
}
 }
      @media only screen and (max-width: 820px){ 
      .collection-grid-item.right-offer .img img{height:210px !important; width:352px !important;}
 }
  @media only screen and (max-width: 768px){ 
     .collection-grid-item.right-offer .img img{height:187px !important; width:326px !important;}
 }

   @media only screen and (max-width: 668px){ 
     .collection-grid-item.right-offer .img img{height:180px !important; width:280px !important;}
     .collection-top-filters .filterDD{
         left:220px !important;
     }
 }
@media only screen and (max-width: 560px){
    .collection-grid-item.right-offer .img img{ height:235px !important;width:487px !important;} 
    .collection-top-filters .filterDD{
         left:160px !important;
     }
}
@media only screen and (max-width: 540px){
    .collection-grid-item.right-offer .img img{ height:270px !important;width:490px !important;} 
    .filters-toolbar-wrapper form.filter-sub{justify-content:center;}
    .left-button{display:flex;justify-content:center; padding-top:10px !important;}
}
    
@media only screen and (max-width: 460px){
    .collection-grid-item.right-offer .img img{ height:235px !important;width:410px !important;} 
}
@media only screen and (max-width: 440px){
    .collection-grid-item.right-offer .img img{ height:220px !important;width:390px !important;}
    .filters-toolbar-wrapper form.filter-sub .filters-toolbar__item select{width:120px !important;}
      .collection-top-filters .filterDD{
         left:110px !important;
     }
}
@media only screen and (max-width: 414px){
    .collection-grid-item.right-offer .img img{ height:210px !important;width:364px !important;} 
        .filters-toolbar-wrapper form.filter-sub .filters-toolbar__item select{width:110px !important;}
        .filterDD.dropdown-menu {
    padding: 0rem 0px;
    background: #2b2b2b !important;
    width:200px !important;
}
}
@media only screen and (max-width: 392px){
    .collection-grid-item.right-offer .img img{ height:200px !important;width:342px !important;} 
     .filters-toolbar-wrapper form.filter-sub .filters-toolbar__item select{width:105px !important;}
     .filterDD.dropdown-menu {
    padding: 0rem 0px;
    background: #2b2b2b !important;
    width: 155px !important;
     }
        .grid-products .item .product-name a {
  
    line-height: 2.3 !important;
 

}
}
@media only screen and (max-width: 375px){
    .collection-grid-item.right-offer .img img{ height:220px !important;width:325px !important;}   
    
    .filters-toolbar-wrapper form.filter-sub .filters-toolbar__item select{width:100px;}

}
 @media only screen and (max-width: 360px){
    .collection-grid-item.right-offer .img img{ height:210px !important;width:310px !important;} 
      .filters-toolbar-wrapper form.filter-sub .filters-toolbar__item select{width:95px;}
}

    .product-name.text-uppercase{
        height:75px !important;
    }
    .grid-categorys .category-page-grid .category-grid-item .category-item .details .inner{
        height:30px !important;
    }


    @media screen and (max-width: 414px) {
.product-name.text-uppercase{
    width: 155px !important;
    /*height: 95px !important;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-details.text-center{
    height:130px !important;
}
.flTtl.dropdown-toggle.show{
        width: 160px !important;
         height: 35px !important;
}
    .filterDD.dropdown-menu{
        padding: 0rem 0px;
        background:#2b2b2b !important;
        width:200px !important;
}
}
@media screen and (max-width: 375px) {
.product-name.text-uppercase{
    width: 144px !important;
    height: 75px  !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
}
@media screen and (max-width: 360px) {
.product-name.text-uppercase{
    width: 144px !important;
    height: 75px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
}


/*.an-cart-l{*/
/*    margin-top:7px;*/
/*}*/
/*.an-heart-l{*/
/*    margin-top:8px;*/
/*}*/
/*.an-chevron-up{*/
/*    margin-top: 11px;*/
/*}*/


.filter-size.swacth-list ul li a{color:#000 !important;cursor:pointer;}




       #sub-form #SortBy{ position:relative;left:21.6rem !important;}
#sub-form #sortby label{ position: absolute;right: -13.5rem !important;}
  @media only screen and (min-width: 1620px){ 
            #sub-form #SortBy{ position:relative;left:21.6rem !important;}
            #sub-form #sortby label{ position: absolute;right: -13rem !important;}
 }


 @media only screen and (max-width: 1292px){ 
            #sub-form #SortBy{ position:relative;left:21.6rem !important;}
            #sub-form #sortby label{ position: absolute;right: -13.5rem !important;}
 }
  @media only screen and (max-width: 1180px){ 
            #sub-form #SortBy{ position:relative;left:21rem !important;}
            #sub-form #sortby label{ position: absolute;right: -13rem !important;}
 }
  @media only screen and (max-width: 1124px){ 
            #sub-form #SortBy{ position:relative;left:19.2rem !important;}
            #sub-form #sortby label{ position: absolute;right: -11rem !important;}
 }
   @media only screen and (max-width: 1024px){ 
            #sub-form #SortBy{ position:relative;left:16rem !important;}
            #sub-form #sortby label{ position: absolute;right: -7.5rem !important;}
 }
    @media only screen and (max-width: 992px){ 
             #sub-form #SortBy{ position:relative;left:15.8rem !important;}
            #sub-form #sortby label{ position: absolute;right: -7.5rem !important;}
 }
 
     @media only screen and (max-width: 860px){ 
            .filters-toolbar-wrapper .filters-toolbar__item select{
                width:127px !important;
            }
    
            #sub-form #sortby label{ position: none;}
            .size-swacthes .swacth-list ul{
                background:#2b2b2b;
                z-index:999;
            }
            .filterBox ul:not(.filter-color) li label{
                color:#fff;
                font-size:11px;
            }
            .filterBox.size-swacthes ul li{
                margin-top:10px;
            }
         
            #mobileForm ul li.filters-sort{position:relative;left:23rem !important;}
 }
   @media only screen and (max-width: 992px){ 
        #mobileForm ul li.filters-sort{position:relative;left:38.8rem !important;}
   }
    @media only screen and (max-width: 860px){ 
        #mobileForm ul li.filters-sort{position:relative;left:30.8rem !important;}
   }
   @media only screen and (max-width: 820px){ 
        #mobileForm ul li.filters-sort{position:relative;left:28.8rem !important;}
   }
 @media only screen and (max-width: 768px){ 
        #mobileForm ul li.filters-sort{position:relative;left:26rem !important;}
   }
 @media only screen and (max-width: 668px){ 
        #mobileForm ul li.filters-sort{position:relative;left:20rem !important;}
                       #site-scroll i {
                     margin-top: 0;
                    }
   }
    @media only screen and (max-width: 620px){ 
        #mobileForm ul li.filters-sort{position:relative;left:17rem !important;}
   }
   
    @media only screen and (max-width: 560px){ 
        #mobileForm ul li.filters-sort{position:relative;left:13.8rem !important;}
   }
    @media only screen and (max-width: 540px){ 
        #mobileForm ul li.filters-sort{position:relative;left:12.5rem !important;}
   }
    @media only screen and (max-width: 460px){ 
        #mobileForm ul li.filters-sort{position:relative;left:10rem !important;}
        .filters-toolbar-wrapper .filters-toolbar__item select{width: 105px !important;}
   }
 @media only screen and (max-width: 440px){ 
        #mobileForm ul li.filters-sort{position:relative;left:9rem !important;}
        .filters-toolbar-wrapper select { font-size: 11px !important;}
   }
    @media only screen and (max-width: 414px){ 
        #mobileForm ul li.filters-sort{position:relative;left:8.2rem !important;}
               .filters-toolbar-wrapper .filters-toolbar__item select{width: 95px !important;}
               #site-scroll i {
    margin-top: 0;
}
   }
   
    @media only screen and (max-width: 392px){ 
        #mobileForm ul li.filters-sort{position:relative;left:7rem !important;}
        .filters-toolbar-wrapper .filters-toolbar__item select{width: 93px !important;}
   } 
   
    @media only screen and (max-width: 375px){ 
        #mobileForm ul li.filters-sort{position:relative;left:6.5rem !important;}
        .filters-toolbar-wrapper .filters-toolbar__item select{width: 90px !important;}
   }
    @media only screen and (max-width: 360px){ 
        #mobileForm ul li.filters-sort{position:relative;left:6rem !important;}
         .filters-toolbar-wrapper .filters-toolbar__item select{width: 85px !important;}
   }
   .filters-toolbar__item select:before { content: "\eb66"; font: normal normal normal 15px/1 annimex-icons; padding: 0 0 0 10px; margin: 0; border: none; }