@media (max-width: 767px){
    header .logo {
        position: relative;
        padding: 30px 75px 30px;
    }
    header .logo img {
        left: 0;
    }
    .header_list{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background-color: transparent;
        z-index: 14;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0s 0.6s, visibility 0s 0.6s;
        -o-transition: opacity 0s 0.6s, visibility 0s 0.6s;
        -moz-transition: opacity 0s 0.6s, visibility 0s 0.6s;
        transition: opacity 0s 0.6s, visibility 0s 0.6s;
    }
    .header_list.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0s 0s, visibility 0s 0s;
        -o-transition: opacity 0s 0s, visibility 0s 0s;
        -moz-transition: opacity 0s 0s, visibility 0s 0s;
        transition: opacity 0s 0s, visibility 0s 0s;
    }
    .menu__controls {
        position: absolute;
        top: 0;
        right: 3.4rem;
        z-index: 15;
        padding: 2.4rem 0;
    }
    .menu-close,
    .popup-close {
        display: block;
        position: relative;
        width: 34px;
        height: 34px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .menu-close::before, .menu-close::after,
    .popup-close::before,
    .popup-close::after {
        content: "";
        display: block;
        position: absolute;
        width: 28px;
        height: 2px;
        background-color: #ffffff;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        -moz-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
    }
    .menu-close::before,
    .popup-close::before {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }
    .menu-close::after,
    .popup-close::after {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    }
    .menu-close.is-visible,
    .popup-close.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .no-touch .menu-close:hover::before, .no-touch .menu-close:hover::after,
    .no-touch .popup-close:hover::before,
    .no-touch .popup-close:hover::after {
        background-color: #ffffff;
    }
    .navigation__container {
        height: 100%;
        background: var(--gray);
        -webkit-transform: translateY(101%);
        -moz-transform: translateY(101%);
        -ms-transform: translateY(101%);
        transform: translateY(101%);
        -webkit-transition: -webkit-transform 0.5s ease-in-out;
        transition: -webkit-transform 0.5s ease-in-out;
        -o-transition: transform 0.5s ease-in-out;
        -moz-transition: transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
    }
    .header_list.is-visible .navigation__container {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .navigation__content{
        padding: 10rem 0;
        flex-direction: column;
    }

    .header_btn .btn{
        display: none;
    }
    .menu-button {
        display: block;
    }
    .menu-trigger {
        position: relative;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .menu-trigger span {
        display: block;
        width: 34px;
        height: 2px;
        position: absolute;
        left: 0;
        top: 16px;
        overflow: hidden;
    }
    .menu-trigger span::before, .menu-trigger span::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
        transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
        -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
        -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
        transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
        transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
    }
    .menu-trigger span::before {
        -webkit-transform: translateX(-27px);
        -moz-transform: translateX(-27px);
        -ms-transform: translateX(-27px);
        transform: translateX(-27px);
    }
    .menu-trigger span::after {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    .menu-trigger span:nth-of-type(2) {
        top: 7px;
    }
    .menu-trigger span:nth-of-type(2)::before {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    .menu-trigger span:nth-of-type(2)::after {
        -webkit-transform: translateX(27px);
        -moz-transform: translateX(27px);
        -ms-transform: translateX(27px);
        transform: translateX(27px);
    }
    .menu-trigger span:nth-of-type(3) {
        top: 25px;
    }
    .menu-trigger span:nth-of-type(3)::before {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    .menu-trigger span:nth-of-type(3)::after {
        -webkit-transform: translateX(27px);
        -moz-transform: translateX(27px);
        -ms-transform: translateX(27px);
        transform: translateX(27px);
    }
    .no-touch .menu-trigger:hover span:nth-of-type(1)::before {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    .no-touch .menu-trigger:hover span:nth-of-type(1)::after {
        -webkit-transform: translateX(27px);
        -moz-transform: translateX(27px);
        -ms-transform: translateX(27px);
        transform: translateX(27px);
    }
    .no-touch .menu-trigger:hover span:nth-of-type(2)::before, .no-touch .menu-trigger:hover span:nth-of-type(3)::before {
        -webkit-transform: translateX(-27px);
        -moz-transform: translateX(-27px);
        -ms-transform: translateX(-27px);
        transform: translateX(-27px);
    }
    .no-touch .menu-trigger:hover span:nth-of-type(2)::after, .no-touch .menu-trigger:hover span:nth-of-type(3)::after {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    .header_link {
        font-size: 2rem!important;
    }
    .header_btn {
        margin-left: auto;
        margin-right: 20px;
    }
    .header-phone-text{
        display: none;
    }
    .vs-hero__title{
        font-size: 2em;
        display: inline-flex;
        flex-wrap: wrap;
        gap: 15px 20px;
    }
    .vs-hero__text{
        font-size: 1em;
    }
    .service-title-text{
        width: calc(100% - 25px);
        font-size: .9rem;
        margin-top: auto;
    }
    .step-number {
        font-size: 1.5rem;
        padding: 1em 1em 0;
        border-bottom: none;
    }
    .step {
        border-left: 1px solid rgba(255, 255, 255, 0.5);
    }
    .step-wrap {
        padding: 0 1.5em 1.5em;
    }
    .step-wrap:after {
        right: unset;
        top: unset;
        left: -.25em;
        bottom: -.25em;
    }
    .step:first-child .step-wrap:before {
        top: -4em;
    }
    .all_services{
        width: 100%;
    }
    .img-box2 .img1 {
        margin-right: 20px;
    }
    .img-box2 .img2 {
        display: none;
    }
    .title-area h2 {
        font-size: 2.5rem;
    }
    .tab-box {
        display: flex;
        flex-wrap: wrap;
    }
    .tab-list .list-title {
        font-size: 1.3em;
        margin: .5em 0 .75em;
    }
    .btn_book{
        width: 100%;
    }
    .call-wrapper{
        order: 9;
    }
    .call-wrapper .call-wizard{
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .form-header_wrap {
        text-align: left;
        margin-bottom: 1em;
    }
    .form-header {
        font-size: 1.5em;
    }
    .counter__two-item{
        margin-bottom: 1.5em;
    }
    .service-wrap{
        margin-bottom: 1.5em;
    }
    .service-wrap ul li a{
        margin-bottom: .75em;
    }
}