@media screen and (max-width: 1366px) {
    .header .mainnav ul.main-menu>li+li {
        margin-left: 50px;
    }

    .overlay_menu {
        padding: 100px 100px 50px;
    }
}

@media screen and (max-width: 1199.9px) {

    .header {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .aside_open {
        display: none;
    }

    .header .logo,
    .header.sticky .logo {
        max-width: 180px;
    }

    .header .logo a {
        padding: 0;
        box-shadow: none;
    }

    .header .logo a::before {
        display: none;
    }

    .overlay_menu {
        padding: 100px 50px 50px;
    }
}

@media screen and (max-width: 991px) {

    body.left_menu {
        padding-left: 0px;
    }

    body.left_menu .mr_menu {
        left: -300px;
    }

    body.left_menu.mr_menu_active .mr_menu {
        left: 0px;
    }


    .overlay_menu {
        padding: 100px 30px 30px;
        overflow: auto;
    }

    .overlay_menu ul.main-menu li a {
        font-size: 24px;
        line-height: 36px;
    }

    .overlay_menu ul.main-menu li ul li a {
        font-size: 18px;
        line-height: 24px;
    }

    .cs-left-pane .overlay_menu_toggle,
    .cs-left-pane .mr_menu_toggle {
        width: 50px;
        height: 50px;
    }

    .overlay_menu_toggle span,
    .mr_menu_toggle span {
        width: 30px;
    }

    .overlay_menu_toggle:hover span:nth-child(3),
    .mr_menu_toggle:hover span:nth-child(3),
    .mr_menu_toggle.close span:nth-child(3) {
        width: 30px;
    }

    .cs-contact-form,
    .cs-contact-form .cs-form--wrapper {
        padding: 10px;
    }

    .h1,
    h1 {
        font-size: var(--fs-42);
        line-height: 1.3em;
    }

    .blog-details .post-header .post-title,
    .h2,
    h2 {
        font-size: var(--fs-30);
        line-height: 1.2em;
    }

    .h3,
    h3 {
        font-size: var(--fs-24);
        line-height: 1.4em;
    }

    .h4,
    h4 {
        font-size: var(--fs-22);
        line-height: 1.6em;
    }

    .h5,
    h5 {
        font-size: var(--fs-20);
        line-height: 1.6em;
    }

    .h6,
    h6 {
        font-size: var(--fs-17);
        line-height: 1.6em;
    }

    .aside_info_wrapper {
        padding: 30px 30px;
    }
}


@media screen and (max-width: 767px) {

    .overlay_menu::before {
        display: none;
    }

    .overlay_menu .overlay_navmenu {
        max-width: 100%;
        height: calc(80vh - 100px);
    }

    .cs-overlay-contact {
        margin-top: 50px;
    }

    .h1,
    h1 {
        font-size: var(--fs-42);
    }

    .h2,
    h2 {
        font-size: var(--fs-30);
    }

    .h3,
    h3 {
        font-size: var(--fs-24);
    }

    .h4,
    h4 {
        font-size: var(--fs-22);
    }

    .h5,
    h5 {
        font-size: var(--fs-20);
    }

    .h6,
    h6 {
        font-size: var(--fs-18);
    }
}

@media screen and (max-width: 650px) {
    .swiper-slide .grid-item .cs-item--holder {
        padding: 20px;
    }
}

@media screen and (max-width: 575px) {

    .h1,
    h1 {
        font-size: var(--fs-36);
    }

    .h2,
    h2 {
        font-size: var(--fs-26);
    }

    .h3,
    h3 {
        font-size: var(--fs-22);
    }

    .h4,
    h4 {
        font-size: var(--fs-20);
    }

    .h5,
    h5 {
        font-size: var(--fs-18);
    }

    .h6,
    h6 {
        font-size: var(--fs-17);
    }

    .header .header_search {
        display: none;
    }

    .header .header_right_part {
        margin-left: 30px;
    }

    .cs-partner--image2 {
        width: 100%;
    }

    .cs-contact-page-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .preloader-inner .loading-text {
        font-size: 30px;
        line-height: 30px;
    }

    .cs-agency-experience .cs-heading .cs-item--description {
        padding-right: 0px;
    }

}