.carousel{
position:relalive;/*for base grid for next and prev button*/
}
.carousel .slick-list{
margin-top:10px;
padding-bottom:15px;
border-bottom:1px solid #e8e6e6;
}
.carousel a{
text-decoration:none;
}
.carousel img{
width:155px;
border:1px solid #e8e6e6;
}

.carousel .dsc, .carousel .price2{
display:block;
text-align:center;
}
.carousel .dsc{
height:37px;
margin-top:15px;
}

.slick-prev{
position:absolute;
top:-25px;
left:auto;
right:20px;
background-image:url(../../../../../../img/website/arrLeft.png);
background-repeat:no-repeat;
background-size:11px;
z-index:10;
}
.slick-prev::before {
content:'';/*resetting*/
}

.slick-next{
position:absolute;
top:-25px;
right:0;
background-image:url(../../../../../../img/website/arrRgt.png);
background-repeat:no-repeat;
background-size:11px;
}
.slick-next::before {
content:'';/*resetting*/
}


/*1200px or smaller only triggers mobile version*/
@media only screen and (max-width: 1230px) {
.mobile .carousel{
margin-left:-3px;
}
.mobile .carousel .slick-slide{
width:20%;
padding:10px;
}
.mobile .carousel img{
width:100%;
border:1px solid #e8e6e6;
}
}


@media only screen and (max-width: 700px) {
.mobile .carousel .dsc {
height:80px;
}
@media only screen and (max-width: 500px) {
.mobile .carousel .dsc {
display:none;
}
.mobile .carousel .price2 {
padding-top:5px;
}
@media only screen and (max-width: 400px) {
.mobile #loc45 #bl12979 {

}
}