.product-panel .panel-body{
    padding-top: 1px;
}

.product-category {
    color: #878787;
    font-size: 12px;
    padding: 5px;
    height: 27px;
}

.product-name-container {
    padding: 5px;
    font-size: 14px;
    height: 46px;
    text-align: left;
}

.product-img-container {
    padding: 5px;
    height: 300px;
}

.product-label-font {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
}

#md-search-products-btn {
    cursor: pointer;
}

.product-list-container {
    min-height: 800px;
}

.product-image {
    height: 100%;
    width: 100%;
    cursor: zoom-in;
}
.product-list-container {
    padding :15px;
}

.product-picker-container {
    margin-top: 10px;
}

.search-container {
    padding-bottom: 16px;
}

.product-category-container .list-group-item:hover {
    background-color: #5592f3;
    border-color: #5592f3;
    color: white;
    opacity: 0.9;
}

.product-category-container .active, .product-category-container .active:hover, .product-category-container .active:focus {
    background-color: #5592f3;
    border-color: #5592f3;
    color: white;
    opacity: 0.9;
}

.clear_input {
    z-index: 1000;
    /*display: block !important;*/
}

.iv-container {
    z-index: 3000 !important;
}

.shopping-bag,  .shopping-bag:hover{
    color: white !important;
    border-color: white !important;
}

.product-retail-price {
    color : #E93F33;
}

@media screen and (max-width: 767px) {
    #sale-header {
        font-size: 14px !important;
    }
}

@media screen and (min-width: 1600px) {
   /* .product-image {
        max-width: 100%;
        width: unset;
    }*/

    .product-img-container {
        height : 350px;
    }
}

@media screen and (min-width: 1900px) {
    /* .product-image {
         max-width: 100%;
         width: unset;
     }*/
 
     .product-img-container {
         height : 400px;
     }
 }

 @media screen and (min-width: 4000px) {
     .product-img-container {
         height : 800px;
     }
 }

 @media screen and (min-width: 5000px) {
    .product-img-container {
        height : 1000px;
    }
}