/* Start Brand Logo and Banner */

    .brand_logo img{        
        width:100%;
        height: 150px; 
        border-radius:5px;        
    }

    .brand_banner img{
        width:100%;
        height: 150px;
    }

    .brands_list {
        max-height: 250px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-left: 20px;
        padding-right: 20px;
    }

    .categories_list {
        max-height: 250px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-left: 20px;
        padding-right: 20px;
    }

    .subcategories_list {
        max-height: 250px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-left: 20px;
        padding-right: 20px;
    }

    .description{
        width: 100%;
        margin:25px;
        font-size:16px;
        line-height: 25px; 
        margin-bottom: 0px;       
    }
  
    /* End Brand Logo and Banner */

    .sfProductImageContainer hr{
        margin-top:0px;
    }

    .sfProductImage img{         
        position: relative;                  
        width:100%;
        /*height: 175px; */
        border-radius:5px;        
    }

    .sfProductImage .sfProductCaption{
        text-align: center;        
        text-decoration: none;        
        color:black;
        font-size: 11px;
        overflow: auto;
        height: 90px;        
    }

    .sfProduct a:hover,
    .sfProduct a:visited
    {
        text-decoration:none;                
    }

    .sfProductImage .productImages{
        box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.1);
        padding: 10px 10px;
        border-radius:10px;
    }

    .sfProductImage .productImages:hover{        
        box-shadow: 0px 3px 9px 5px rgba(0,0,0,0.1);
        border-width: thin;
        color:#fff; 
    }

    .sfProductImage .sfProductPrice{ 
        text-align: center;
        font-size: 18px; 
        font-weight: bolder;
        text-decoration: none; 
        margin-bottom:15px;     
    }

    .sfProductNew{
        background: url('/images/default_images/listing_new_badge_catalog.png') no-repeat;
        position: absolute;
        top: 10px;
        left:15px;
        width: 80px;
        height: 80px;    
    }

    .sfAddToCartAction{
        margin-bottom: 15px;
    }

    .sfAddToCartAction div{
        width: 130px;
        margin-right:auto;
        margin-left:auto;
        
    }
    
    .sfAddToCartAction button{
        width:100%;
        border-radius: 20px;
        padding: 10px 20px;
        background-color: rgb(50, 123, 213);
        border: solid rgb(50, 123, 213);
        color:#fff;
        border-width: thin;        
        box-shadow:0px 3px 9px 0px rgba(0,0,0,0.23);
        cursor: pointer;
        transition: 0.2s;
    }

    .sfAddToCartAction button:hover{
        transition: 0.2s;
        background-color: rgb(40, 71, 207);
        border: solid rgb(40, 71, 207) 0px;
        border-width: thin;
        color:#fff;  
    }

    .sfProductGrid hr{
        margin-top:3px;
    }    

    .sfProductChunk{
        margin-bottom: 12px; 
        line-height: 23px;
        cursor: pointer;   
    }

    .sfProductChunk #amount{
        border:0; 
        color:#000; 
        font-weight:bold;
    }

    .sfProductChunk_title{
        font-weight: bolder;
        font-size:15px;
    }

    .sfProductChunk .badge{
        background-color:rgb(176, 169, 169);
        box-shadow:0px 3px 9px 0px rgba(0,0,0,0.23);
        font-size: 13px;
        height: 100%;
        width: 50px;
        transition: 0.2s;
        padding: 1px;
    }

    .sfProductChunk .badge:hover{
        background-color: rgb(176, 169, 169);
        border: solid rgb(176, 169, 169) 0px;
        border-width: thin;
        color:#fff; 
        transition: 0.2s;
    }
    
     .sfProductSearch_Add:hover{
        background-color: #f0f3f5;
        color:#000;
        font-weight: bold;
        border-radius: 3px;
        padding:4px 0px 0px 2px; 
     }

     .sfProductSearch_Values{
        margin-bottom: 5px;
     }

     #slider-range{
        margin-top:5px;
     }

    .pagination>li>a, .pagination>li>span{        
        border:2px solid #f0f3f5;        
        margin-top:0px;         
        color:#000;               
     }

    .pagination>li.active>span{ 
        /*border:2px solid rgb(50, 123, 213);  
        background: rgb(50, 123, 213);
        color: #fff;
        transition: 0.5s;*/
        border: 2px solid rgb(207 180 132);
        background: rgb(207 180 132);
        color: #fff;
        transition: 0.5s;
    }
     
    .pagination>li.active>span:hover{    
        /*background: rgb(40, 71, 207);*/
        background: rgb(207 180 132);
        opacity: 0.9;
        color: #fff;
        transition: 0.5s;
    }
    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
        background-color: rgb(207 180 132) !important;
        border-color: rgb(207 180 132) !important;
    }

    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        color: #000 !important;
        background-color: #eee;
        border-color: #ddd;
    }
    .paginationAndSorting{
        margin-bottom: 10px; 
        color:#000;
        border-radius: 3px;
        padding-left: 10px;        
    }
    

    .orderPendingModal{
        margin-top: 0%;
    }

    .orderPendingModal .modal-dialog{
        width: 100%;
    }

    .orderPendingModal .modal-dialog .modal-content{
        background-color: rgba(0, 0, 0, 0.7);
    }
    
    .orderPendingModal .modal-dialog .modal-content p{
        color:#ddd;
        font-weight:bolder;
        font-size:18px;
        margin-bottom:10px;
    }


    .orderPendingModal .modal-dialog .modal-content .circle{
       opacity: 1;
    }

  
    
 /* according to bootstrap max ratio */
@media(min-width:250px){
     .sfProductImage img{         
        margin:auto;
        position: relative;                  
        width:100%;
        min-height: 175px;
        max-height: 175px;/*Sandar Added Oct12019*/
        object-fit: contain;
       /*height: 175px; */
        border-radius:5px;        
    }

    .sfProductNew{
        background: url('/images/default_images/listing_new_badge_catalog.png') no-repeat;
        position: absolute;
        top: 10px;
        left:5%;
        width: 80px;
        height: 80px;    
    }

    .productImages{
        width: 175px;
        margin:0px auto 30px auto;        
    }

    .sfProductImage  .sfProductCaption{
        height: 50px;
    }

}

@media (min-width:480px){
     .sfProductImage img{         
        margin:auto;
        position: relative;                  
        width:100%;
        min-height: 175px;
        max-height: 175px;/*Sandar Added Oct12019*/
        object-fit: contain;
       /*height: 175px; */
        border-radius:5px;        
    }

    .sfProductNew{
        background: url('/images/default_images/listing_new_badge_catalog.png') no-repeat;
        position: absolute;
        top: 10px;
        left: 22%;
        width: 80px;
        height: 80px;    
    }

    .productImages{
        width: 175px;
        margin:0px auto 30px auto;        
    }

    .sfProductImage  .sfProductCaption{
        height: 50px;
    }

 
}
@media (min-width:768px){

     .sfProductImage img{         
        margin:auto;
        position: relative;                  
        width:100%;
        min-height: 175px;
        max-height: 175px;/*Sandar Added Oct12019*/
        object-fit: contain;
        /*height: 175px; */
        border-radius:5px;        
    }

    .sfProductNew{
        background: url('/images/default_images/listing_new_badge_catalog.png') no-repeat;
        position: absolute;
        top: 10px;
        left: 150px;
        width: 80px;
        height: 80px;    
    }

    .productImages{
        width: 175px;
        margin:0px auto 30px auto;        
    }

    .sfProductImage  .sfProductCaption{
        height: 50px;
    }

}

@media (min-width:992px){
     .sfProductImage img{       
        position: relative;                  
        width:100%;
        min-height: 175px;
        max-height: 175px;/*Sandar Added Oct12019*/
        object-fit: contain;
        /*height: 175px;*/
        border-radius:5px;        
    }

     .sfProductNew{
        background: url('/images/default_images/listing_new_badge_catalog.png') no-repeat;
        position: absolute;
        top: 10px;
        left: 15px;
        width: 80px;
        height: 80px;    
    }

     .productImages{
        width:auto;              
    }

    .sfProductImage  .sfProductCaption{
        height: 70px;
/*        overflow: hidden;*/
    }
    

}