.product-slider h3{ margin:0px;}
.product-slider .carousel { position: inherit;}
.product-slider .border { border:1px solid #000 !important; padding:20px; margin:2px;}
.product-slider .col-item { padding:5px; background: #FFF; height:auto;}
.product-slider .border h6 { font-size:16px;}
.product-slider .border .border-inner-icon { margin:0px; padding:0px; display:table;}
.product-slider .border .border-inner-icon li { list-style:none; text-decoration:none; float:left; padding:0px; margin: 0 10px 0 0;}
.product-slider .border .border-inner-icon .fas.fa-heart { color:#afafaf; font-size: 15px;}
.product-slider .border .border-inner-icon .fas.fa-share-alt { color:#afafaf; font-size: 15px;}

.product-slider .col-item .photo img{ margin: 0 auto; width: 100%;}
.product-slider .col-item .photo .hover-div { display: block; }
.product-slider .col-item .photo .hover-div:hover { display:none; background-color: #818b9f; margin:0 0 0 0px;  width: 100%;}
.product-slider .col-item .info { padding: 10px; margin-top: 1px;} 
.product-slider .col-item .rating { float: left; font-size: 17px; text-align: right; line-height: 52px; margin-bottom: 10px; height: 52px;}
.product-slider .clear-left { clear: left;}
.product-slider .col-item .separator p { line-height: 20px; margin-bottom: 0; margin-top: 10px; text-align: center;}
.product-slider .controls{ margin-top: 20px;}

.product-slider [data-slide="prev"] { margin-right: 10px;}
.product-slider .fa.fa-chevron-left { color: #000;}
.product-slider .fa.fa-chevron-right { color: #000;}
.product-slider .pic { width:100%; height:269px; background: url(https://www.srimedica.com/assets/uploads/category/1535375452.jpeg) no-repeat; background-size: 100%; cursor: pointer; }
.product-slider .text { width: 236px; height: auto; background: #000; opacity: 0; position: absolute; top: 215px; display: inline-table; transition:  1s; color: #fff !important;}
.product-slider .pic:hover .text { opacity:0.6; text-align:justify; color:#000000; font-size:10px; padding:5px; bottom:0px;}
.product-slider ul { padding:15px; margin:0px; list-style:none; display: inherit; width:100%;}
.product-slider ul li { float:right; font-size:12px; padding: 0 6px 0 6px;}
.product-slider .fas.fa-heart { font-size:17px; padding: 0 12px 0 5px; color:#fff;}
.product-slider .fas.fa-share-alt { font-size:17px; color:#fff; }
.product-slider .text-repeat { width: 366px; height: auto; background: #000; opacity: 0; position: absolute; top: 297px; display: inline-table; transition:  1s; color: #fff !important;}
.product-slider .pic:hover .text-repeat { opacity:0.6; text-align:justify; color:#000000; font-size:10px; padding:5px; bottom:0px;}
.product-slider .h3 { color:#000; margin:0px; padding:0px;}


.card { margin: 0 auto; border: none; background-color: transparent;}
.card .carousel-item.active { border: none;}
.card .carousel-caption { padding: 0; right: 15px; left: 15px; top: 15px; color: #3d3d3d; border: 1px solid #ccc; min-height:175px; padding: 15px;}
.card .carousel-caption .col-sm-3 { display: flex; align-items: center;}
.card .carousel-caption .col-sm-9 { text-align: left;}
.card .carousel-control-prev, .card .carousel-control-next { color: #3d3d3d !important; opacity: 1 !important; top: -40px; bottom: auto; width: auto; }
.carousel-control-prev-icon, .carousel-control-next-icon { background-image: none;  font-size: 14px;  height: 32px; line-height: 32px; width: auto;}
.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover { opacity: 0.85;}
.carousel-control-prev { left: 97%;}

 @media (min-width: 320px) and (max-width: 575px) 
 {
.carousel-caption {  position: relative;}
.card .carousel-caption { left: 0; top: 0; margin-bottom: 15px;}
.card .carousel-caption img { margin: 0 auto;}
.carousel-control-prev { left: 90%; top: 105%;}
.carousel-control-next {  right:0;  top: 105%;}
.card .carousel-caption h3 { margin-top: 0; font-size: 16px; font-weight: 700;}
}
@media (min-width: 576px) and (max-width: 767px) 
{
.carousel-caption { position: relative; }
.card .carousel-caption { left: 0; top: 0; margin-bottom: 15px;}
.card .carousel-caption img { margin: 0 auto;}
.card .carousel-caption h3, .card .carousel-caption small { text-align: center;}
.carousel-control-prev { left: 35%; top: 105%;}
.carousel-control-next { right: 35%; top: 105%;}
}
@media (min-width: 767px) and (max-width: 991px) 
{
.card .carousel-caption h3 { margin-top: 0; font-size: 16px; font-weight: 700;}
}