.hide-on-mobile {
    display: block;
}

.show-on-mobile {
    display: none;
}

@media screen and (min-width: 300px) and (max-width: 767px) {
    .hide-on-mobile {
        display: none;
    }
    .show-on-mobile {
        display: block;
    }
    header {
        background: white;
    }
    button.navbar-toggler {
        border: 2px solid #000;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        color: black;
    }
    .navbar-expand-lg .navbar-nav .nav-link.user, .navbar-expand-lg .navbar-nav .nav-link.contact {
        color: white;
    }
    ul.navbar-nav.ms-auto {
        border-top: 1px solid black;
    }
    div#navbarNavDarkDropdown:before {
        
    }
    .slider {
        height: 300px;
        background: black;
    }
    h2.slider-title {
        font-size: 28px;
    }
    .slider-content {
        bottom: 50px;
    }
    .offset-1 {
        margin-left: 0;
    }
    .offset-2 {
        margin-left: 0;
    }
    .silder-bottom {
        flex-direction: column;
    }
    .bottombox {
        width: 100%;
    }
    .owl-carousel .owl-item img.clogo {
        width: 100%;
        height: auto;
        max-height: initial;
    }
    div#IndSlider .owl-stage-outer {
        width: 100%;
        margin-left: 0;
    }
    .owl-prev {
        left: 0px;
    }
    .owl-next {
        right: 0;
    }
    #Client .item {
        height: auto;
        padding: 0px;
    }
    .client-logos h3 {
        margin-bottom: 30px;
    }
    img.right-design, img.left-design {
        display: none;
    }
}