.slider-for div img {
    height: 300px !important;
    width: 399px !important;
}

.slider-width {
    width: 399px;
}



@media only screen and (max-width: 1024px) and (min-width: 873px) {
    .slider-for div img {
        height: 300px !important;
        width: 100% !important;
    }

    .slider-width {
        width: 100%;
    
    }

    .img-carousel-overlay-container {
        max-height: 300px;
    }
}


@media only screen and (max-width: 872px) and (min-width: 768px) {
    .slider-for div img {
        height: 300px !important;
        width: 100% !important;
    }

    .slider-width {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .slider-for div img {
        height: 300px !important;
        width: auto !important;
    }

    .slider-width {
        width: 399px;
    
    }

}

@media only screen and (max-width: 414px) {
    .slider-for div img {
        height: 280px !important;
        width: 384px !important;
    }

    .slider-width {
        width: 384px;
    
    }
}


@media only screen and (max-width: 411px) {
    .slider-for div img {
        height: 280px !important;
        width: 381px !important;
    }

    .slider-width {
        width: 381px;
    
    }
}


@media only screen and (max-width: 375px) {
    .slider-for div img {
        height: 285px !important;
        width: 345px !important;
    }

    .slider-width {
        width: 345px;
    
    }
}


@media only screen and (max-width: 360px) {
    .slider-for div img {
        height: 280px !important;
        width: 330px !important;
    }

    .slider-width {
        width: 330px;
    
    }
}

@media only screen and (max-width: 320px) {
    .slider-for div img {
        height: 170px !important;
        width: 290px !important;
    }

    .slider-width {
        width: 290px;
    
    }
}




.slick-slide {
    margin: 0px !important;
    width: 110px;
}


.nav-img {
    width: 100px;
}

.slider-nav div {}

.slick-slider {
    margin-bottom: 10px;
    border: 0px solid red;
}

.slick-prev {
    left: -10;
    z-index: 1;
}

.slick-next {
    right: 0px;
    z-index: 1;
}



.slick-track
{
display: flex !important;
}


.slide-arrow{
position: absolute;
top: 50%;
margin-top: -25px;
}


@media only screen and (max-width: 767px) {
    .slide-arrow {
        display:none !important;
    }
}

.prev-arrow{
left: -0px;
z-index:1;
height: 51px;
width: 37px;
opacity: 0.8;
transform: scaleX(-1);
border-radius: 6px 0 0 6px;
background-color: #000000;
color: #fff;
}

.next-arrow{
right: -0px;
z-index:1;
height: 51px;
width: 37px;
opacity: 0.8;
border-radius: 6px 0 0 6px;
background-color: #000000;
color: #fff;
}


.slide-arrow-thumb{
position: absolute;
top: 50%;
margin-top: -12px;
font-size: 10px;
}

.prev-arrow-thumb{
left: -0px;
z-index:1;
height: 24px;
width: 17px;
opacity: 0.8;
transform: scaleX(-1);
border-radius: 6px 0 0 6px;
background-color: #000000;
color: #fff;
}

.next-arrow-thumb{
right: -0px;
z-index:1;
height: 24px;
width: 17px;
opacity: 0.8;
border-radius: 6px 0 0 6px;
background-color: #000000;
color: #fff;
}


.slick-dots {
bottom: 25px !important;
}


.slick-dots li button::before {
font-size: 12px;
color: #6D6D6D;
opacity: 0.7;
}

.slick-dots li.slick-active button::before {
color: #6D6D6D;
opacity: 1;
}


.search-product .see-images .big img {
width: 100%;
height: 110%;
transform: none;
border-radius: 0px 0 0 0px !important;
}


.slick-dotted.slick-slider {
margin-bottom: 0px !important;
}