html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}
@media (max-width: 768px) {
.slider-caption {
    position: absolute;
    top: 30px;
    align-items: flex-start;
}
.slider-bg {
    max-height: 300px;
}

.slider-prev, .slider-next{
    top:150px;
} 
.slider-dots {
    top:275px;
}
.hero-slider {
    height: 300px;
}
.products {
        padding: 20px 0;
    }











}