@media (max-width: 1200px) {
    body, button, input, select, optgroup, textarea {
        font-size: 1.15vw !important;
    }
    .icon-otziv, .banner .excerpt {
        font-size: 1.2vw;
    }
    .about-team, .desctop-menu a, .social .phone, .map-controls {
        font-size: 1.15vw;
    }
    .map-controls {
        width: 18vw;
    }
    .logo-main .logo-name {
        font-size: 12px;
    }
    .logo-main span {
        font-size: 1.7vw;
    }
}
@media (max-width: 1000px) {
    .wpcf7-select {
        height: 9.125vw;
    }
    .menu-toggle {
        position: relative;
        width: 30px;
        height: 30px;
        z-index: 9;
    }
    .mobile-header-menu.active{
        opacity: 1;
        right: 0;
        top: 0;
        visibility: visible;
        transform: translateX(0);
    }
    .mobile-header-menu .social{
        justify-content: center;
    }
    .menu-bottom-footer {
        text-align: center;
    }
    .main-navigation .mobile-header-menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 2.6vw;
        gap: 15px;
        margin-bottom: 30px;
    }
    .open-menu, .close-menu {
        position: absolute;
        left: 0;
        top: 0;
    }
    .mob-phone {
        margin: 20px 0;
        text-align: center;
        font-size: 3vw;
    }
    .main-navigation {
        width: auto;
        order: 3;
    }
    .open-menu, .menu-opened .close-menu {
        opacity: 1;
        transition: all 0.4s;
    }
    .menu-opened .open-menu, .close-menu {
        opacity: 0;
        transition: all 0.4s;
    }
    .desctop-menu, .site-header .desctop .social-icon{
        display: none;
    }
    #site-navigation.main-navigation {
        align-items: center;
        width: auto;
        gap: 20px;
    }
    .site-header .section-inner {
        justify-content: space-between;
        height: 55px;
    }
    .main-slider {
        margin-top: -62px;
    }
    .is-left {
        padding-top: 8vw;
    }
    .site-branding {
        width: 123px;
    }
    .btn {
        font-size: 1.8vw;
    }
    .tour_about {
        font-size: 1.5vw;
    }
    .tour-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .social-link {
        padding: 1.4vw 1.2vw;
    }

    .slide-title {
        font-size: 2.2vw;
    }

    .advantage .h4 {
        font-size: 2.2vw;
    }

    .icon-otziv, .banner .excerpt {
        font-size: 1.5vw;
    }

    .team-title {
        font-size: 2.554vw;
    }

    .about-team {
        padding: 2.08vw 2.08vw 2.08vw 6.65vw;
        display: flex;
        align-items: center;
    }

    .team-title {
        height: 100%;
        text-align: center;
    }

    .otziv_item, .otziv_item:nth-child(1), .otziv_item:nth-child(2), .otziv_item:nth-child(5), .otziv_item:nth-child(6), .otziv_item:nth-child(3), .otziv_item:nth-child(4) {
        flex: 0 0 calc(50% - 0.72vw);
    }

    .otziv_item:nth-child(3), .otziv_item:nth-child(4) {
        height: 30vw;
    }

    body, button, input, select, optgroup, textarea {
        font-size: 1.8vw !important;
    }

    h1 {
        font-size: 4.5vw;
    }

    .icon-otziv, .banner .excerpt, .page-header-subtitle, .second-part .price {
        font-size: 2vw;
    }

    .benefit-ask {
        font-size: 2.6vw;
        margin-top: 3vw;
    }

    .icon-otziv::before {
        margin-right: 10px;
    }

    .banner-text {
        width: 78%;
        margin: 7.33% 0 0 18.83%;
    }

    .tour_items {
        height: 40vw;
    }

    .sezon, .hit, .social-link {
        font-size: 1.6vw;
    }

    .map-controls {
        width: 25vw;
    }

    .dark-row, .dark-row a {
        font-size: 1.3vw;
    }

    .social-link {
        padding: 2.4vw 2.2vw;
    }

    .footer-contacts {
        width: 100%;
    }

    .site-info ul, .row-contacts, h3, .text, .about-team, .desctop-menu a, .social .phone, .map-controls, .benefit-ask-small,
    .header-text, .second-part p {
        font-size: 1.8vw;
    }

    .site-footer .logo-main {
        max-width: 20vw;
    }
    .map-controls p {
        margin: 1vw 0;
    }

    .collection-btn, .submit .wpcf7-submit {
        border-radius: 2.5vw;
        height: 3.6vw;
    }
    .collection-btn {
       min-width: 3.6vw;
    }
    .collection-btn svg {
        width: 2vw;
        height: 2vw;
    }
    .benefit-ask {
        font-size: 3.2vw;
    }
    .benefit-row {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.5vw;
    }

    .title-benefit {
        font-size: 2.2vw;
        margin-bottom: 1.5vw;
    }

    .icon-benefit {
        height: 4.125vw;
        width: 4.125vw;
    }

    .benefit_item:nth-child(3) {
        grid-row: span 2;
    }

    .modal-content, .modal-content1 {
        padding: 3.08vw;
        max-width: 44vw;
    }

    .close-modal-btn, .close-modal-btn1 {
        font-size: 2.08vw;
        width: 3.6vw;
        height: 3.6vw;
        border-radius: 2.56vw;
        right: 46vw;
    }

    .form-last-row {
        flex-direction: column;
    }

    .textarea-label {
        font-size: 1.4vw;
    }

    .simple-page-content {
        width: 94vw;
    }
    .row-page-contacts .flex {
        font-size: 2vw;
        margin-bottom: 15px;
        gap: 15px;
    }
    .social-icon {
        height: 35px;
        width: 35px;

    }
    .social.flex {
        gap: 15px;
    }
    textarea {
        max-height: 80px !important;
    }
}
    @media (max-width: 680px) {
        .modal-content, .modal-content1 {
            max-width: 70vw;
        }
        .close-modal-btn, .close-modal-btn1 {
            font-size: 2.08vw;
            width: 6.6vw;
            height: 6.6vw;
            border-radius: 4.56vw;
            right: 75vw;
        }
        .main-navigation .mobile-header-menu ul {
            font-size: 3.2vw;
        }
        .is-left {
            padding-top: 5vw;
        }
        .logo-main .logo-name {
            font-size: 11px;
        }
        .logo-main span {
            font-size: 20px;
        }
        .is-left h1 {
            font-size: 4.8vw !important;
        }
        .btn {
            font-size: 2.8vw;
            margin-top: 25px !important;
        }
        .benefit-row {
            grid-template-columns: 1fr 1fr;
            gap: 3vw;
        }
        .benefit_item:nth-child(3) {
            grid-row: unset;
        }
        .benefit_item {
            padding: 10px 20px 20px;
        }
        .background-block-text {
            grid-column: span 2;
            grid-row: unset;
            order: 4;
        }
        p, ul li, ol li{
            margin-bottom: 1.8vw !important;
            line-height: 1.6 !important;
        }
        body, button, input, select, optgroup, textarea {
            font-size: 2.8vw !important;
        }
        .desctop-menu a,
        .header-text, .second-part p {
            font-size: 4vw;
        }
        h3, .text, .benefit-ask-small, .social .phone {
            font-size: 3vw;
        }
        .map-controls {
            font-size: 2.5vw;
        }
        .map-controls {
            width: 34vw;
        }
        .title-benefit {
            font-size: 3.4vw;
        }
        .icon-benefit {
            height: 30px;
            width: 30px;
        }
        h2 {
            margin-bottom: 20px;
            font-size: 6vw;
        }
        .dark {
            padding: 15px;
        }
        .slider-counter {
            font-size: 2.5vw !important;
        }
        .map-container {
            height: 70vw;
        }
        .hidd {
            font-size: 2.4vw !important;
        }
        .tour_items {
            height: 60vw;
        }
        .about-team {
            font-size: 3vw;
            padding: 5px 20px 20px;
        }
        .page-header-title {
            margin-bottom: 2vw;
        }
        h1 {
            font-size: 6.2vw !important;
        }
        .slide-title {
            font-size: 3vw;
        }
        .list-img-1 {
            padding-top: 9.77vw;
            height: 100vh;
            width: 100%;
        }
        .is-right {
            width: 28%;
        }
        .icon-otziv, .banner .excerpt, .page-header-subtitle, .second-part .price {
            font-size: 3vw;
        }
        .otziv_item b {
            font-size: 3.4vw;
        }
        .team-item {
            grid-template-columns: 1fr;
        }
        .team-row .slick-slide .team-photo {
            height: 80vw;
        }
        .team-title {
            height: auto;
            text-align: center;
            writing-mode: unset;
            transform: unset;
            position: relative;
            top: unset;
            left: unset;
            font-size: 4vw;
        }
        .about-team{
            flex-direction: column;
        }
        .site-footer .logo-main {
            max-width: 50vw;
            margin: 0 auto;
        }
        .footer-text, .block1 .text, .list-img.slick-slider, .site-header .desctop .phone {
            display: none;
        }
        .banner-text {
            width: 90%;
            margin: 7.33% 0 0 20px;
        }
        .small-title {
            width: 27.54vw;
        }
        .dark-row, .dark-row a {
            font-size: 2.7vw;
        }
        .site-footer .section-inner {
            padding: 10px 0 0;
            gap: 0;
        }
        .site-info ul {
            align-items: center;
            width: 100%;
            font-size: 3.5vw;
            flex-wrap: wrap;
            gap: 0px 25px;
            justify-content: center;
            margin: 20px 0;
        }
        .row-contacts {
            flex-direction: column;
            align-items: center;
            font-size: 3.4vw;
            gap: 15px;
        }
        .site-footer .social.flex {
            justify-content: center;
            margin: 20px 0;
            gap: 20px;
        }
        .social-icon {
            height: 30px;
            width: 30px;
        }
        .social-link {
            padding: 15px;
            border-radius: 20px;
            font-size: 10px;
            gap: 10px;
        }
        .flex.simple-page-content {
            gap: 40px;
            flex-direction: column;
        }
        .collection-btn, .submit .wpcf7-submit {
            border-radius: 30px;
            height: 35px;
        }
        .contacts-name {
            font-size: 6.4vw;
            margin: 25px 0;
        }
        .row-page-contacts .flex {
            font-size: 2.8vw;
        }
        .row-page-contacts {
            margin-bottom: 30px;
        }
        .textarea-label {
            font-size: 2.4vw;
        }
        .flex.simple-page-content .contacts-form, .contacts-main-page {
            flex: unset;
            width: 100%;
        }
        .tour-list {
            grid-template-columns: 1fr 1fr ;
        }
        .breadrcumbs.align {
            margin: 20px 0;
        }
        .sezon, .hit, .social-link {
            font-size: 13px;
        }
        .collection-btn {
            min-width: 28px;
            height: 28px;
        }
        .collection-btn svg {
            width: 16px;
            height: 16px;
        }
        .line-fon {
            background-size: cover !important;
        }
        .tour_about {
            font-size: 2.2vw;
        }
        .otziv_item, .otziv_item:nth-child(1), .otziv_item:nth-child(2), .otziv_item:nth-child(5), .otziv_item:nth-child(6), .otziv_item:nth-child(3), .otziv_item:nth-child(4) {
            flex: 0 0 100%;
            padding: 15px;
        }
        .otziv_item:nth-child(3), .otziv_item:nth-child(4) {
            height: 50vw;
        }
        .advantage .h3 {
            font-size: 4.4vw;
            line-height: 120% !important;
        }
        .advantage .h4 {
            font-size: 2.6vw;
        }
        .mark svg {
            width: 11px;
            height: 11px;
        }
        .tour_items:hover {
            transform: unset;
        }
        .tour_items a:hover .hidd {
            display: none;
        }
        .tour_items a:hover .dark {
            backdrop-filter: unset;
        }
        .dropdown-item {
            margin: 0 0 2vw;
        }
        .dropdown-content {
            margin-top: 7px;
        }
    }
@media (max-width: 510px) {
    .icon-otziv, .banner .excerpt, .page-header-subtitle, .second-part .price {
        font-size: 4vw;
    }
    .list-img-1 .slick-list {
        height: 100% !important;
    }
    .is-left {
        padding-top: 12vw;
    }
    .row-page-contacts .flex {
        font-size: 3.8vw;
    }
    .tour_about {
        font-size: 3.2vw;
    }
    .blog-item {
        width: 100%;
    }
    .blog-list .hidd {
        font-size: 2.9vw !important;
    }
    .main-navigation .mobile-header-menu ul {
        font-size: 4.2vw;
    }
    .mob-phone {
        font-size: 4vw;
    }
    .is-left h1 {
        font-size: 6.8vw !important;
    }
    .slider-main .slick-slide{
        font-size: 4vw;
    }
    .btn {
        font-size: 3.3vw;
    }
    .list-img-1 {
        padding-top: 13.77vw;
    }
    .advantage .h3 {
        font-size: 3.4vw;
    }
    .advantage .h4 {
        font-size: 2.9vw;
    }
    body, button, input, select, optgroup, textarea {
        font-size: 3.4vw !important;
    }
    .small-title {
        width: 24.54vw;
    }
    .icon-otziv, .banner .excerpt, .page-header-subtitle, .second-part .price, .title-benefit,  h3, .text, .benefit-ask-small, .social .phone {
        font-size: 4vw;
    }
    .about-team {
        font-size: 3.6vw;
    }
    .simple-page-content {
        font-size: 3.8vw;
    }
}
@media (max-width: 450px) {
    .tour-list {
        grid-template-columns: 1fr;
    }
}