@media only screen and (max-width: 768px){


#mainSlider{

    width: 100vw !important;
    height: 25vh !important;
}
.slider-text {
    max-width: 300px !important;
    top: 80px !important;
            left: 50px !important;
}

.slider-text>h2 {
    font-size: 1rem !important;
  
}

a.js-btn {
    display: none !important;
}

#mainSlider .owl-dots {
    display: none !important;
}
    #mainSlider .item {
        background-size: 100% 110% !important;
    }
    
    .service-maindiv {
        height: 100px !important;
    }
    
    #mainSlider .item {
box-shadow: inset 0px 70px 70px 0px rgba(0, 0, 0, .8) !important;    }


.offcanvas {
    background-color: #ffffffed !important;

}


}