/* On small screens, set height to 'auto' for sidenav and grid */

@media screen and (max-width: 767px) {
    .sidenav {
        height: auto;
        padding: 15px;
    }
    .row.content {
        height: auto;
    }
}

@media (max-width: 767px) {
    .mobile-logo {
        height: 150px;
        display: block;
        background: url('../img/mobile_logo.png') no-repeat center top;
        background-size: contain;
        border: none!important;
    }
    .navbar {
        background: none;
    }
    .navbar-inverse {
        border: none!important;
    }
    .navbar-brand {
        background: none!important;
    }
    .text-center-home {
        display: none;
    }
    .inv-img {
        display: none!important;
    }
    .navbar-collapse {
        border: none!important;
    }
    .nav>li>a {
        font-size: 2rem;
    }
    .carousel {
        background: none;
    }
    .wrap-block {
        padding: 15px 15px 15px 15px;
    }
    .img_right {
        margin: auto!important;
        float: none!important;
    }
    .old-well {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .scroller-contain-md-lg {
        display: none;
    }
    .scroller-contain-sm {
        display: inherit;
    }
    footer {
        background: url('../img/mobile_footer.png') no-repeat center bottom;
        background-size: contain;
        padding: 0 0 0 0;
    }
}

@media (max-width: 1199px) {
    .well-img {
        display: none;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .navbar-nav {
        float: right;
        margin-top: -20px;
    }
    .inv-img {
        margin-left: -70px;
    }
    .inv-img {
        display: none;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .navbar-nav {
        margin-top: 50px;
    }
    .navbar-collapse {
        padding-left: 20%;
    }
    .navbar {
        background: none;
    }
    .mid-mobile-head {
        background: url('../img/tall_head_bg.png') no-repeat;
        background-size: 100% 90%;
    }
}

@media (max-width: 375px) {
    .img_left,
    .img_right {
        width: 97%;
        margin: auto;
    }
}