/* Small Desktop Layout */
@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .main-menu {
        padding: 0;
    }

    .hero-button {
        margin-bottom: 90px;
    }

    .section-text h1 {
        font-size: 45px;
    }

    .promotion-tab .nav-tabs>li>a {
        font-size: 14px;
    }

    .blog-text h2 {
        font-size: 25px;
        margin: 10px 0 15px;
    }
}

/* Tablet Layout */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-menu {
        display: none;
    }

    .slicknav_menu {
        display: block;
    }

    .hero {
        display: block;
        text-align: center;
    }

    .hero-text {
        padding-bottom: 115px;
    }

    .section-text.pl-35.mt-150 {
        margin: 0;
        padding: 0;
    }

    .section-text {
        text-align: center;
        margin-bottom: 40px;
    }

    .promotion-image {
        position: relative;
        height: auto;
        width: 100%;
        border: 0;
        margin-bottom: 50px;
    }

    .promotion-image.antifragile-image-mod {
        position: relative;
        left: auto;
        width: 100%;
        margin-bottom: 0px;
    }

    .section-box {
        margin-bottom: 95px;
    }

    .blog-text h2 {
        font-size: 24px;
        margin: 10px 0 0;
    }
}


/* Mobile Small Layout */
@media only screen and (max-width: 767px) {
    .main-menu {
        display: none;
    }

    .slicknav_menu {
        display: block;
        position: absolute;
        top: -65px;
        right: 5px;
    }

    .hero {
        display: block;
        text-align: center;
    }

    .hero-text {
        padding-bottom: 115px;
    }

    .section-text.pl-35.mt-150 {
        margin: 0;
        padding: 0;
    }

    .section-text {
        text-align: center;
        margin-bottom: 40px;
    }

    .promotion-image {
        position: relative;
        height: auto;
        width: 100%;
        border: 0;
        margin-bottom: 50px;
    }

    .promotion-image.antifragile-image-mod {
        position: relative;
        left: auto;
        width: 100%;
        margin-bottom: 0px;
    }

    .section-box {
        margin-bottom: 95px;
    }

    .blog-text h2 {
        font-size: 24px;
        margin: 10px 0 0;
    }

    .logo {
        margin: 0 0 15px;
    }

    .header-top-area {
        display: none;
    }

    ul.slicknav_nav {
        top: 65px;
        right: 10px;
    }

    .header-right {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .search-box {
        margin-right: auto;
    }

    .hero-text h1 {
        font-size: 32px;
    }

    .section-area {
        padding: 40px 0;
    }

    .promo-box.mt-200 {
        margin: 0;
    }

    .client-list img {
        width: 15%;
    }

    .section-text h1 {
        font-size: 35px;
    }

    .row.blog-list [class*="col-"]:nth-child(even) {
        margin: 0;
    }

    .blog-wrap {
        margin: 0 0 35px;
    }

    .footer-menu ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 20px;
    }

    .footer-copyright {
        text-align: center;
    }

    .footer {
        display: block;
    }

    .scrolling .cart,
    .scrolling .search-box,
    .scrolling .header-right .btn-green {
        display: none;
    }

    .header-area.sticky-top.scrolling {
        height: 70px;
    }
}