@media screen and (max-width: 996px) {
    body {
        margin: auto;
        max-width: 600px
    }

    .navbar-expand-md .navbar-toggler {
        display: block !important
    }

    .navbar-expand-md .navbar-collapse {
        display: block !important;
        width: 100%
    }

    .collapse:not(.show) {
        display: none !important
    }

    .navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
        justify-content: flex-start;
        padding: .5rem 1.5rem
    }

    .navbar-expand-md.navbar-light .nav-item.active:after, .navbar-expand-md .navbar-light .nav-item.active:after {
        content: none
    }

    .navbar-nav {
        flex-direction: column !important
    }

    .navbar-expand-md .navbar-collapse [class^=container] {
        align-items: stretch;
        flex-direction: column
    }

    .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .mt-3 {
        margin-top: 1rem !important
    }

    .main-header .header-upper {
        max-width: 600px;
        left: 50%;
        transform: translateX(-50%);
    }

    .inner-container.clearfix.samll-nav.theme_color {
        display: none !important;
    }

    .main-header .nav-outer {
        float: right;
        position: relative;
        width: auto;
        height: auto;
        padding: 0;
    }

    .main-header .nav-outer .main-menu, .sticky-header {
        display: none !important;
    }

    .main-header .other-links .search-btn, .main-header .other-links .link-box {
        display: none;
    }

    .nav-outer .mobile-nav-toggler {
        display: block;
    }

    .main-header .header-upper .logo-box {
        padding: 25px 0 !important;
    }

    .header-section {
        max-width: 600px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .left-area ul, .right-area ul {
        margin-top: -4px;
        text-align: center;
    }

    .header-area {
        position: relative;
        padding: 10px 0px;
    }

    .logo {
        max-width: 100px;
    }

    body {
        position: relative;
    }

    .slicknav_menu {
        background: none;
        display: block;
        float: none;
        position: absolute;
        right: 0;
        top: -56px;
        z-index: 999;
    }

    nav {
        display: none;
    }

    .slider-area, .about-inner {
        margin-top: 62px;
    }

    .slicknav_nav {
        max-width: 600px;
        left: 50%;
        transform: translateX(-50%);
        padding-left: 0;
        padding-right: 0;
    }

    .slider-area .carousel-caption {
        padding-left: 15px;
        padding-right: 15px;
        position: static;
    }

    .slider-area .carousel-item {
        height: fit-content;
    }

    .slider-area .carousel-item::after {
        content: none;
    }

    .banner-image {
        margin-top: 15px;
    }

    .slider-area .carousel-caption p {
        width: 100%;
    }

    .slider-area .carousel-caption .banner-image a {
        padding: 0;
        margin: 0;
        display: block;
        position: static;
    }

    .slider-area .carousel-caption h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .mb-4.mb-md-0 {
        margin-bottom: 1.5rem !important;
    }

    .header-area {
        position: relative;
    }

    .header-area nav ul {
        flex-direction: column;
    }

    .header-area nav ul a {
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
    }

}