@media screen and (max-width: 767px) and (min-width: 300px) {
    img.mb-2.abs-logo {
        position: initial;
    }
    .csheading {
        font-size: 24px;
    }
    p.big.mb-2 {
        font-size: 18px;
    }
    .connect {
        position: relative;
        bottom: 0;
        right: 0;
        border-radius: 5px;
        padding: 25px;
        margin: 30px 20px;
    }
    .h-100vh {
        min-height: 100vh;
        padding: 20px 0;
        height: 100%;
    }
    .slidertext h2 {
        font-size: 16px;
        margin: 0;
    }
    .slidertext {
        width: 95%;
        top: 10px;
        left: 2.5%;
    }
    .slidertext a.btn.btn-orange.mt-1 {
        margin-top: 10px;
        padding: 5px 15px;
    }
    .slidertext .subtext {
        margin-top: 5px;
        font-size: 9px;
        margin-bottom: 0;
    }
    section.home.slider {
        background: #f6f7f8;
    }
    .sliderbox {
        padding-top: 2em;
    }
    .navbar-header h1 {
        top: 8px;
        color: #16254c;
        width: 85%;
    }
    img.logo {
        width: 90px;
        margin-left: 15px;
    }
    .navbar-header h1 {
        top: 10px;
        color: #16254c;
        width: 75%;
        z-index: 1;
        left: 15px;
        font-size: 12px;
    }
    ul.nav.navbar-nav.right {
        width: 100%;
    }
    .range-box img {
        max-height: inherit;
        width: 100%;
    }
    .range-box img {
        max-height: inherit;
        width: 100%;
    }
    section.about.p-4.blue-bg.height-315 {
        height: auto;
    }
    img.qulity-img {
        border-radius: 5px;
        margin-bottom: 30px;
    }
    .about-text h4 {
        font-size: 14px;
    }
    .social .wmobile {display:inline-block;}
    .social .wlp {display:none;}
    ul.social-share li.hide-on-mobile {display: none;}
    ul.social-share li.show-on-mobile {display: inline-block;}
}

ul.social-share li.hide-on-mobile {display: inline-block;}
ul.social-share li.show-on-mobile {display: none;}

@media screen and (max-width: 360px) and (min-width: 300px) {
    img.mb-2.abs-logo {
        position: initial;
        margin-top: 30px;
        margin-bottom: 0px;
    }
    .csheading {
        font-size: 18px;
    }
    p.big.mb-2 {
        font-size: 14px;
    }
    .csform input.form-control {
        height: 30px;
    }
    .connect {
        position: relative;
        bottom: 0;
        right: 0;
        border-radius: 5px;
        padding: 25px;
        margin: 30px 20px;
    }
    .h-100vh {
        min-height: 100vh;
        padding: 20px 0;
        height: 100%;
    }
}