/*==========  Desktop First Method  ==========*/
@media only screen and (max-width: 1900px) {
    .main-works .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tab_content .row {
        max-width: 1774px;
        margin: 0 auto;
    }

    .tab_block {
        width: calc((100% - 3 * 30px) / 4) !important;
        height: auto !important;
        aspect-ratio: 4/5;
    }
}
@media only screen and (max-width: 1600px) {
    .tab_block span img {
        aspect-ratio: 6/7;
    }
}
@media only screen and (max-width: 1320px) {
    h2 {
        font-size: 64px;
    }

    .header-phone__number {
        margin-right: 0;
    }

    .header-phone__number > span:not(.mob_fix),
    .header-phone__number a {
        margin-top: 0;
    }

    .сarousel-wrapper {
        margin: 0 -15px;
    }

    .carouse-wrapper img {
        max-width: 100%;
    }

    .line-wrapper {
        width: 200px;
        min-width: 200px;
    }

    .we-block,
    .beginer-block {
        width: calc(50% - 200px);
    }

    .we-block__item,
    .beginer-block__item {
        width: calc(50% - 86px);
    }

    .main-order .order-buttons {
        flex-direction: column;
    }

    .tab_block span img {
        aspect-ratio: 6/6.9;
    }

    .main-warranty .warranty-list {
        column-gap: 30px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1258px) {
    /*.slider-clients .slick-prev,
    .slider-clients .slick-next {
    	top: 70px;
    }
    .slider-clients .slick-prev {
    	left: 42%;
    }
    .slider-clients .slick-next {
    	right: 42%;
    }*/

    .сarousel-wrapper {
        margin: 0 -15px;
    }

    .carouse-wrapper img {
        max-width: 100%;
    }

    .form-callback,
    .form-callback .inputs {
        text-align: center;
    }

    .form-callback .inputs,
    .main-callback .form-callback {
        flex-direction: column;
        gap: 30px;
    }

    .form-callback .inputs,
    .form-callback .submits {
        width: 100%;
    }

    .form-callback .submit {
        width: 50%;
    }

    .form-callback .input {
        display: inline-block;
        width: 50%;
    }
}

@media only screen and (max-width: 1199px) {
    #online-chat-wrapper .b-callback__icons {
        left: -54px !important;
        top: 46px !important;
    }

    #online-chat-wrapper .b-callback__icon:nth-of-type(6) {
        margin-top: -14px !important;
    }

    .sandwich {
        display: inline-block;
    }

    .top-nav .nav {
        display: none;
    }

    .top-nav {
        text-align: left;
        padding: 5px 0;
    }

    .logo-wrapper {
        margin-top: 46px;
    }

    h2 {
        font-size: 58px;
    }

    .banner-text {
        margin-bottom: 28px;
    }

    .banner-text .h1 {
        margin-top: 40px;
        font-size: 58px;
    }

    .header-phone {
        margin-top: 38px;
    }

    .main-works .tab_item img,
    .carousel-sites .carousel-item img {
        width: 100%;
    }

    .carousel-sites {
        transform: translateX(0);
    }

    .main-offer {
        padding-top: 50px;
        padding-bottom: 0;
    }

    .thumb-wrap {
        position: relative;
        padding-bottom: 56.25%;
        /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .thumb-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .colum-left,
    .colum-center,
    .colum-right {
        top: 0;
    }

    .instagram-link {
        margin-top: 10px;
    }

    .colum-right {
        top: 58px;
    }

    #toTop {
        left: 10px;
    }

    .main-why .icon-block {
        margin: 0 36px;
    }

    .star-line:after {
        width: 255px;
        right: 190px;
    }

    .star-line::before {
        width: 255px;
        left: 190px;
    }

    .we-block,
    .beginer-block {
        width: calc(50% - 100px);
    }

    .we-block__item,
    .beginer-block__item {
        width: calc(50% - 36px);
        min-height: auto;
    }

    .tab_block {
        width: 420px !important;
        height: 526px !important;
    }

    .tab_block span img {
        aspect-ratio: 11/13;
    }

    .main-warranty .warranty-list {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        column-gap: 100px;
    }

    .main-warranty .warranty-item {
        margin: 0;
        width: 100%;
    }

    .main-reach__map img,
    .main-reach__image img {
        min-height: auto;
    }

    .main-reach__image {
        display: none;
    }

    .main-reach__road-item--office {
        display: flex;
    }

    .main-reach__road-list {
        flex-wrap: wrap;
    }

    .main-reach__road-item {
        width: calc((100% - 30px) / 2);
        margin: 0 auto;
    }

    .main-contacts .container__inner {
        flex-direction: column;
        align-items: center;
    }

    .main-contacts__item {
        min-width: 300px;
        width: calc(50% - 25px);
    }

    .main-contacts .photo-office {
        max-width: 100%;
        width: 100%;
    }

    .main-contacts__list {
        min-width: 100%;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 50px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
    /*.banner::before {
        height: auto;
        bottom: 0;
    }*/

    /*.price.price_desktop {
        display: none;
    }*/

    .price.price_mobile {
        display: none;
    }

    .main-reviews-video .slick-arrow.slick-next {
        right: 15px;
    }

    .main-reviews-video .slick-arrow.slick-prev {
        right: 70px;
        left: auto;
    }

    .main-reviews-video .slider-reviews-video {
        padding: 0 15px;
    }

    .main-reviews-text .slick-arrow.slick-next {
        right: 15px;
    }

    .main-reviews-text .slick-arrow.slick-prev {
        right: 70px;
        left: auto;
    }

    .main-reviews-text .slider-reviews-text {
        padding: 0 15px;
    }

    .main-clients .slider-clients {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .main-clients .slider-clients .item {
        min-width: 160px;
        width: 33.3% !important;
        padding: 0;
    }

    .main-contacts__item {
        min-width: 270px;
    }

    .main-contacts .address,
    .main-contacts .map_link,
    .main-contacts .show_map,
    .main-contacts .phone,
    .main-contacts .email,
    .main-contacts a {
        font-size: 28px;
    }

    .header-phone__number > span:not(.mob_fix),
    .header-phone__number a {
        font-size: 30px;
    }

    .we-block .we-title {
        text-align: center;
        margin-bottom: 0;
    }

    .beginer-block h3 {
        text-align: center;
    }

    .beginer-block .beginer-title {
        margin-top: 20px;
    }

    .main-why .block-item {
        margin: 30px auto;
        min-height: auto;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .we-block__item {
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .main-why .icon-block {
        order: -1;
        margin-left: auto;
        margin-right: auto;
    }

    /*.main-why h2 {
        margin: 0 auto 24px;
    }*/

    .main-why .why-sticky-header {
        padding-top: 24px;
        position: static;
    }

    .we-block__item,
    .main-why .icon-block {
        margin-bottom: 20px;
    }

    .why_mobile_scroll_wrap {
        padding-top: 0;
    }

    .block-item:after,
    .block-item:before,
    .icon-block:after,
    .we-block h3:before,
    .beginer-block__item,
    .beginer-block h3:after,
    .beginer-block,
    .we-block,
    .line-wrapper {
        display: none;
    }

    .main-offer {
        margin-bottom: 0;
    }

    .main-offer .offer-item {
        margin-bottom: 50px;
    }

    .main-offer .clearfix {
        display: none;
    }

    .main-offer .offer-item:last-child {
        text-align: center;
        width: 100%;
    }

    /*.main-works .tab_item .tab_block {
        width: 49%;
    }*/

    .main-works .tabs .tab {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-clients .slider-clients {
        margin-top: 40px;
    }

    .main-warranty .warranty-list {
        column-gap: 50px;
    }

    .main-warranty .warranty-item {
        max-width: calc(40% - 25px);
    }

    .form-send-presentation__wrapper .popup-layout {
        flex-direction: column-reverse;
        gap: 50px;
    }

    .form-send-presentation__wrapper .popup-elements {
        margin-right: 0;
    }

    .main-reach__road-list {
        flex-direction: column;
    }


    .main-reach__video-list {
        flex-direction: column;
    }

    .main-reach__video-item-wrapper {
        max-width: 100%;
    }

    .main-reach__road-item {
        width: 100%;
    }

    .main-reach__video-item-caption,
    .main-reach__road-desc,
    .main-reach__address-item,
    .main-reach__address-item * {
        font-size: 20px;
    }

    .main-reach__video-title {
        font-size: 30px;
    }

    .main-callback h3 {
        font-size: 30px;
    }

    .main-callback .form-callback {
        margin-top: 35px;
    }

    /* PADDINGS of Sections _START_*/
    .main-why {
        padding-top: 40px;
    }

    .main-offer {
        padding-top: 50px;
    }

    .main-reviews-text {
        padding-top: 40px;
    }

    .main-reviews-text .container__inner {
        padding-bottom: 340px;
    }

    .main-works {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .main-clients {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .main-warranty {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .main-callback {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .main-reviews-video {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .main-collective h3 {
        font-size: 38px;
    }

    .main-reach {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .main-reach__road-list {
        margin-top: 30px;
    }

    .main-reach__video-block {
        margin: 30px auto 0;
    }

    .main-collective {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .main-order .container__inner {
        padding-top: 40px;
        padding-bottom: 280px;
    }

    .main-contacts {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .seo-text {
        padding-bottom: 40px;
    }
    /* PADDINGS of Sections _END_*/

    .main-contacts .container__inner {
        gap: 40px;
    }
}

@media only screen and (max-width: 867px) {
    .main-works .tabs .tabs-wrapper {
        flex-wrap: wrap;
    }

    .main-works .tabs .tab {
        margin-right: 0;
        width: 100%;
        border-radius: 0;
    }

    .main-works .tabs .tab.active {
        border-radius: 0;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    /*Disable Animation on Mobile Devices*/
    .animated {
        /*CSS transitions*/
        /*-o-transition-property: none !important;*/
        /*-moz-transition-property: none !important;*/
        /*-ms-transition-property: none !important;*/
        /*-webkit-transition-property: none !important;*/
        transition-property: none !important;
        /*CSS transforms*/
        /*-o-transform: none !important;*/
        /*-moz-transform: none !important;*/
        /*-ms-transform: none !important;*/
        /*-webkit-transform: none !important;*/
        transform: none !important;
        /*CSS animations*/
        /*-webkit-animation: none !important;*/
        /*-moz-animation: none !important;*/
        /*-o-animation: none !important;*/
        /*-ms-animation: none !important;*/
        animation: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .banner-text .h1 {
        font-family: "RobotoMedium", Arial, sans-serif;
        font-size: 42px;
        font-weight: 500;
    }

    h2 {
        font-size: 42px;
    }

    h3,
    .banner-text .price {
        font-size: 22px;
    }

    .banner {
        /*background-size: auto 75%;*/
    }

    .banner > .container > .row:first-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .header-phone {
        text-align: center;
        margin-top: 20px;
    }

    .logo-wrapper {
        text-align: center;
    }

    .logo-wrapper .logo-link {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .logo-wrapper img {
        float: none;
    }

    .header-phone__number {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .banner-text .h1 {
        line-height: 1.2;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /*.logo-wrapper img {
        float: none;
        vertical-align: top;
    }*/

    .banner-button {
        display: block;
        margin-top: 40px;
        margin-left: 0;
    }

    .main-reviews-text h3,
    .main-reviews-video h3 {
        margin-top: 15px;
        font-size: 20px;
    }

    .main-reviews-text .container__inner {
        padding-bottom: 368px;
    }

    .main-reviews-text .slider-reviews-text {
        margin-top: 16px;
        position: relative;
    }

    .main-reviews-video .slider-reviews-video {
        margin-top: 40px;
        position: relative;
    }

    .main-reviews-text .slider-reviews-text::before,
    .main-reviews-text .slider-reviews-text::after {
        top: -32px;
        right: 8px;
    }


    .main-reviews-video .slider-reviews-video::before,
    .main-reviews-video .slider-reviews-video::after {
        top: -36px;
        right: 8px;
    }

    .main-reviews-text .slider-reviews-text::before,
    .main-reviews-text .slider-reviews-text::after,
    .main-reviews-video .slider-reviews-video::before,
    .main-reviews-video .slider-reviews-video::after {
        content: "";
        display: block;
        position: absolute;
        background-size: cover;
        pointer-events: none;
        z-index: 1;
    }

    /*LAST EDIT NO-SLIDER*/
    .main-reviews-video .slider-reviews-video::before,
    .main-reviews-video .slider-reviews-video::after {
        display: none !important;
    }

    .main-reviews-video .slider-reviews-video::before,
    .main-reviews-text .slider-reviews-text::before {
        width: 36px;
        height: 24px;
        background: url('../img/icons/slides-icon-dark.svg') no-repeat;
        background-position-y: top;
        animation: translateTableScroll 2s infinite ease-in-out;
    }

    .main-reviews-video .slider-reviews-video::after,
    .main-reviews-text .slider-reviews-text::after {
        width: 30px;
        height: 35px;
        transform: translate(50%, 0);
        background: url('../img/icons/hand-icon-dark.svg') no-repeat;
        animation: translateHandScroll 2s infinite ease-in-out;
    }

    .main-reviews-text .review-item {
        margin: 8px;
        /*width: 100%;*/
        /*height: auto;*/
        aspect-ratio: 11/9;
    }

    .main-reviews-video .review-item {
        margin: 0 8px;
    }

    .mark-reviews-text__mark {
        margin-top: 60px;
        position: static;
        transform: none;
    }

    .main-callback .form-callback {
        margin-top: 12px;
    }

    .form-callback .inputs,
    .main-callback .form-callback {
        gap: 33px;
    }

    .main-clients .slider-clients {
        margin-top: 26px;
    }

    .main-clients .teaser {
        margin-top: 10px;
        font-size: 20px;
    }

    .slider-clients .slick-prev {
        left: 32%;
    }

    .slider-clients .slick-next {
        right: 32%;
    }

    .main-clients .slider-clients .item {
        width: 50%;
    }

    .main-clients .slider-clients {
        justify-content: center;
    }

    .colum-right {
        top: -7px;
    }

    .colum-right > img {
        display: inline-block;
        vertical-align: top;
        margin-left: -2px;
    }

    .instagram-link {
        float: none;
    }

    .seo-text .scroll-text h3 {
        font-size: 24px;
    }

    .seo-text .scroll-text *:not(h3) {
        font-size: 18px;
    }

    .main-collective h2 {
        margin-bottom: 20px;
    }

    .main-collective h3 {
        font-size: 18px;
        font-variant: initial;
    }

    .main-collective h3::after {
        margin: 24px auto 30px;
        width: 100px;
    }

    .main-collective .no-problem {
        font-size: 20px;
    }

    .main-collective .big-number {
        margin-top: 60px;
        font-size: 200px;
    }

    .main-collective .big-number-teaser {
        font-size: 20px;
    }

    .main-collective .instagram-btn-block {
        margin: 30px auto 0;
    }

    .main-collective .instagram-btn-link {
        padding: 6px 48px;
        min-width: 256px;
        font-size: 20px;
    }

    .main-contacts h3 {
        font-size: 20px;
    }

    .main-clients {
        padding-bottom: 40px;
    }

    /*.why_mobile_scroll_wrap::-webkit-scrollbar {
        height: 10px;
    }

    .why_mobile_scroll_wrap::-webkit-scrollbar-track {
        background-color: rgba(77, 176, 29, 0.2);
        border-radius: 50px;
    }

    .why_mobile_scroll_wrap::-webkit-scrollbar-thumb {
        height: 10px;
        border-radius: 50px;
        background: linear-gradient(143deg, #8BC929 0%, #6BAF19 100%);
    }

    @keyframes scroll {
        from {
            transform: translateX(0);
        }
        25% {
            transform: translateX(-8px);
        }
        75% {
            transform: translateX(8px);
        }
        to {
            transform: translateX(0);
        }
    }

    .main-why:after {
        width: 36px;
        height: 40px;
        position: absolute;
        bottom: 10px;
        transition: .3s;
        left: 50%;
        transform: translateX(0);
        margin-left: -18px;
        content: '';
        display: block;
        z-index: 2;
        background: url('../img/block-why-img/hand_img.svg') center no-repeat;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        animation: scroll 2s linear infinite;
    }*/

    .main-why {
        position: relative;
        padding-bottom: 50px;
    }

    .main-why h2 {
        position: relative;
    }

    .main-why h2::before,
    .main-why h2::after {
        content: "";
        display: block;
        position: absolute;
        /*top: calc(50% - 12px);*/
        top: 50%;
        right: 0;
        background-size: cover;
        pointer-events: none;
        z-index: 1;
    }

    .main-why h2::before {
        width: 36px;
        height: 24px;
        background: url('../img/block-why-img/slides-icon.svg');
        background-position-y: top;
        animation: translateTableScroll 2s infinite ease-in-out;
    }

    .main-why h2::after {
        width: 30px;
        height: 35px;
        transform: translate(50%, 0);
        background: url('../img/block-why-img/hand-icon.svg');
        animation: translateHandScroll 2s infinite ease-in-out;
    }

    .main-why .main-text {
        font-size: 28px;
    }

    .main-why .block-item {
        min-width: 100%;
        padding: 0 25px;
        /* to scroll like a slider */
        scroll-snap-align: start;
    }

    .main-why .icon-block {
        min-width: 100px;
        width: 100px;
        height: 100px;
    }

    .why_mobile_scroll_wrap {
        margin: 0 -25px;
        display: flex;
        align-items: flex-start;
        overflow: auto;
        position: relative;
        /* to scroll like a slider */
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .why_mobile_scroll_wrap::-webkit-scrollbar {
        display: none;
    }

    .star-line {
        display: none;
    }

    .star-line::before {
        width: 220px;
    }

    .star-line::after {
        width: 220px;
    }

    .main-works .tabs {
        display: none;
    }

    .main-works .tab_item {
        display: block !important;
        margin: 0 auto;
    }

    .main-works .tab_block {
        margin: 20px auto;
        width: calc(100% - 20px) !important;
        max-width: 426px !important;
        height: auto !important;
        aspect-ratio: 4/5;
    }

    .tab_block span img {
        /*width: 275px !important;*/
        /*height: 374px !important;*/
        top: 5.5%;
        aspect-ratio: 6/7.1;
    }

    .tab_block span {
        /*background-position-x: -12px;*/
        /*-webkit-background-size: calc(100% + 24px) auto;*/
        /*background-size: calc(100% + 24px) auto;*/
    }

    .tab_block {
        /*height: 390px !important;*/
    }

    .tab_block__text {
        width: 100%;
        left: 0;
        transform: none;
    }

    .main-works .button-wrapper {
        margin-top: 20px;
    }

    .main-reach__address-list {
        margin: 20px 25px 0;
    }

    .main-reach__road-list {
        gap: 20px;
    }

    .main-reach__video-item-caption,
    .main-reach__road-desc,
    .main-reach__address-item,
    .main-reach__address-item * {
        font-size: 16px;
    }

    .main-reach__address-item {
        text-align: center;
    }

    .main-reach__map-block {
        margin-top: 20px;
    }

    .main-reach__video-title {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .main-reach__video-item::before {
        background-size: 60px;
    }

    .main-offer {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .main-offer .offer-item {
        margin-bottom: 40px;
    }

    .main-offer .offer-item:last-child {
        margin-bottom: 0;
    }

    .main-offer .offer-item img {
        width: 70px;
        height: auto;
    }

    .main-offer .offer-item p {
        margin-top: 15px;
    }

    .main-callback .main-callback__break {
        display: none;
    }

    .form-callback .input {
        font-size: 18px;
        opacity: 1;
        color: #333;
        border-bottom: 1px solid #333;
    }

    .form-callback .input::placeholder {
        font-size: 18px;
        opacity: 1;
        color: #333;
    }

    .main-order .container__inner {
        gap: 30px;
    }

    .main-order .container__inner::before,
    .main-order .container__inner::after {
        width: 240px;
        height: 360px;
    }

    .main-order .order-buttons {
        gap: 18px;
        max-width: 304px;
    }

    .main-order .order-buttons .order-btn {
        width: 100%;
        font-size: 20px;
    }

    .form-callback .submit,
    .button_works {
        font-size: 20px;
    }

    .main-clients__more {
        font-size: 18px;
    }
}

@media screen and (max-width: 680px) {
    .top-nav {
        /*display: none;*/
    }

    .banner {
        /*top: 0;*/
        /*top: 60px;*/
    }

    .banner::before {
        bottom: 25%;
    }

    /*.logo-wrapper {
        margin-top: -6px;
        margin-left: 0;
    }*/

    .banner-text .price span {
        font-weight: bold;
    }

    .price_mobile {
        font-size: 18px !important;
        margin-top: -5px;
    }

    .header-phone__number p.note_fix {
        margin-top: 5px;
    }

    .header-phone__number {
        margin-bottom: 5px;
    }

    .price.price_mobile {
        display: none;
    }

    .form-send-presentation__wrapper .form-presentation-get {
        flex-direction: column;
        gap: 20px;
    }

    .form-send-presentation__wrapper .form-presentation-get .inputs {
        flex-direction: column;
        gap: 20px;
    }

    .main-callback h3 {
        font-size: 22px;
    }

    .form-callback {
        /*width: calc(100% - 40px);*/
        width: 100%;
        margin: 0 auto;
    }

    .form-callback .input {
        width: 100%;
    }

    /*.form-callback .submit {
        width: 100%;
        padding: 15px 25px;
    }*/

    .main-warranty .warranty-list {
        row-gap: 30px;
        column-gap: 30px;
    }

    .main-warranty .warranty-item {
        max-width: 375px;
        width: calc(50% - 15px);
        gap: 10px;
    }

    .main-warranty .warranty-item__text {
        font-size: 16px;
    }

    .main-warranty .warranty-item__icon {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }

    .main-order .container__inner::before,
    .main-order .container__inner::after {
        width: 200px;
        height: 300px;
    }

    .main-contacts__list {
        flex-direction: column;
        gap: 30px;
    }

    .main-contacts__item {
        min-width: 100%;
        width: 100%;
        text-align: center;
    }

    .main-contacts .text {
        margin-bottom: 4px;
        font-size: 18px;
        justify-content: center;
    }

    .main-contacts .text img {
        width: 24px;
        min-width: 24px;
        height: 24px;
    }

    .main-contacts .address,
    .main-contacts .show_map,
    .main-contacts .phone,
    .main-contacts .email,
    .main-contacts a {
        font-size: 24px;
    }

    .main-contacts .teaser {
        font-size: 16px;
    }

    .seo-text .scroll-text {
        min-height: 375px;
    }

    .main-contacts .container__inner {
        margin-top: 20px;
        gap: 20px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    h2 {
        font-size: 24px;
    }

    .banner-text .h1 {
        font-size: 20px;
        text-shadow: 0 3px 0 rgba(0, 0, 0, 0.08);
    }

    .header-phone__number > span:not(.mob_fix),
    .header-phone__number a,
    .header-phone__number span {
        margin-top: 5px;
        font-size: 16px;
    }

    .banner-text .price {
        font-size: 18px;
        margin: 0;
    }

    .button_banner {
        padding: 12px 30px 12px;
        font-size: 20px;
        line-height: 1;
    }

    .banner {
        /*background-size: auto 90%;*/
        background-size: auto 100%;
    }

    .banner-text .price > span {
        font-size: 40px;
    }

    .banner-button {
        margin-top: 16px;
    }

    .banner .header-phone__number {
        display: none;
    }

    .top-nav .container > .row {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 20px;
    }

    .top-nav .header-phone {
        margin: 0 0 0 auto;
    }

    .top-nav .header-phone__number {
        display: block;
    }

    .top-nav .header-phone__number a {
        margin: 0;
    }

    /*.header-phone__number > span:not([class]) {
        font-size: 24px;
    }

    .show_number {
        font-size: 24px;
    }

    .banner::before {
        bottom: 10.1%;
    }

    .second-text {
        text-align: justify;
    }*/

    .main-why .block-item {
        margin: 0 auto;
        max-width: 310px;
    }

    .main-why .main-text {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .main-why .second-text {
        font-size: 14px;
    }

    .main-why .icon-block {
        min-width: 64px;
        width: 64px;
        height: 64px;
    }

    .main-offer h2 {
        /*margin-bottom: 20px;*/
        margin-bottom: 26px;
    }
    .main-offer .offer-item {
        margin-bottom: 20px;
    }

    .main-offer .offer-item img {
        width: 50px;
    }

    .star-line::before {
        width: 150px;
    }

    .star-line:after {
        width: 150px;
    }

    .main-reviews-text .review-item {
        max-height: 253px;
        height: 253px;
    }

    .main-reviews-video {
        padding-bottom: 40px;
    }

    .main-reviews-text h3 {
        font-size: 16px;
    }

    .main-reviews-video h3 {
        /*font-size: 16px;*/
        font-size: 14px;
        margin-top: 12px;
    }

    .main-reviews-text .container,
    .main-reviews-video .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-reviews-video .slider-reviews-video {
        margin-top: 22px;
    }

    .main-reviews-video .slider-reviews-video::before,
    .main-reviews-video .slider-reviews-video::after {
        top: -30px;
    }

    .mark-reviews-text__mark {
        margin-top: 22px;
        gap: 15px;
    }

    .mark-reviews-text__top {
        font-size: 40px;
        font-weight: 700;
        color: #333;
        gap: 20px;
    }

    .mark-reviews-text__top span {
        border-radius: 10px;
    }

    .mark-reviews-text__stars img {
        /*width: 24px;*/
        /*height: 24px;*/
        /*LAST EDIT*/
        width: 32px;
        height: 32px;
    }

    .main-works h2 {
        margin-bottom: 0;
    }

    /*.main-works .tab_item .tab_block {
        width: 100%;
    }*/

    .form-callback .input {
        /*font-size: 16px;*/
        font-size: 14px;
        padding: 12px 12px 4px 0;
    }

    .main-callback .form-callback#form-2 .input {
        padding: 9px 12px 8px 0;
    }

    .form-callback .input::placeholder {
        font-size: 14px;
    }

    .form-callback .submit,
    .button_works,
    .main-order .order-buttons .order-btn {
        font-size: 14px;
    }

    .form-callback .inputs {
        gap: 13px;
    }

    .main-callback .form-callback#form-2 .inputs {
        gap: 16px;
    }

    .main-callback .form-callback {
        gap: 30px;
    }

    .main-callback .form-callback#form-2 {
        margin-top: 42px;
    }

    .main-order .order-buttons {
        max-width: 204px;
    }

    .main-order .order-buttons .order-btn {
        padding: 8px 20px;
    }

    .main-order .container__inner {
        padding-bottom: 282px;
        gap: 23px;
    }

    .main-order .container__inner::before,
    .main-order .container__inner::after {
        width: 160px;
        height: 240px;
    }

    .main-clients .teaser {
        /*font-size: 16px;*/
        margin-top: 14px;
        font-size: 14px;
    }

    .main-clients__more {
        margin-top: 4px;
        font-size: 14px;
    }

    .carousel-sites .carousel-item {
        /*padding-left: 15px;*/
    }

    .main-warranty h2 {
        /*margin-bottom: 20px;*/
        margin-bottom: 24px;
    }

    .tooltipster-base {
        width: 100% !important;
        height: auto !important;
    }

    .tooltipster-base .tooltipster-content img {
        width: 100%;
        height: auto;
    }

    .tab_item > div {
        width: 100%;
    }

    .main-callback h3 {
        /*margin-top: 12px;*/
        /*font-size: 16px;*/
        margin-top: 11px;
        font-size: 14px;
    }

    .main-collective h2 {
        margin-bottom: 14px;
    }

    .main-collective h3 {
        font-size: 16px;
    }

    .main-collective h3::after {
        margin: 23px auto 25px;
    }

    .main-collective .no-problem {
        font-size: 16px;
    }

    .main-collective .big-number {
        font-size: 140px;
    }

    .main-collective .big-number-teaser {
        font-size: 18px;
        margin-top: 33px;
    }

    .main-collective .instagram-btn-link {
        font-size: 16px;
    }

    .main-reach__video-item::before {
        background: url('../img/block-to-reach-img/video-play-icon-mob.svg') no-repeat center / 24px;
    }

    .main-reach__address-list,
    .main-reach__map-block {
        margin-top: 24px;
    }

    .main-reach__road-item {
        gap: 10px;
    }

    .main-reach__road-desc {
        line-height: 1.42;
    }

    .main-contacts {
        padding-bottom: 36px;
    }

    .main-contacts__list {
        gap: 20px;
    }

    .main-contacts .container__inner {
        gap: 21px;
    }

    .main-contacts .text {
        margin-bottom: 10px;
        font-size: 16px;
        gap: 10px;
    }

    .main-contacts .text img {
        width: 16px;
        min-width: 16px;
        height: 16px;
    }

    .main-contacts .address,
    .main-contacts .map_link,
    .main-contacts .show_map,
    .main-contacts .phone,
    .main-contacts .email,
    .main-contacts a {
        font-size: 20px;
    }

    .main-contacts .teaser {
        display: none;
    }

    .seo-text {
        padding-bottom: 44px;
    }

    .seo-text .scroll-text {
        min-height: 311px;
    }

    .seo-text .scroll-text h3 {
        font-size: 20px;
    }

    .seo-text .scroll-text *:not(h3) {
        /*font-size: 16px;*/
        font-size: 14px;
        line-height: 1.27;
    }

    .main-contacts h3 {
        font-size: 16px;
        margin-top: 10px;
    }

    .main-footer {
        padding-top: 70px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
    .star-line::before {
        width: 120px;
    }

    .star-line::after {
        width: 120px;
    }

    #toTop {
        right: 85%;
    }
}


/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    /*.main-reviews-video .review-item .review-youtube {
        height: 416px;
    }*/

    .main-reviews-video .review-item {
        /*max-height: 416px;*/ /*LAST EDIT NO-SLIDER*/
    }

    .main-reviews-text .review-item {
        max-height: 314px;
    }

    .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* Extra Large Devices, Full Screens */
@media only screen and (min-width: 1320px) {
    .container {
        padding-left: 74px;
        padding-right: 74px;
    }
}

@media only screen and (min-width: 1600px) {
    .main-warranty .container {
        padding-left: 125px;
        padding-right: 125px;
    }

    .main-contacts .container__inner {
        padding-left: 150px;
        padding-right: 75px;
    }

    .seo-text {
        padding-left: 150px;
        padding-right: 150px;
    }

    .main-works .tabs .tab {
        padding: 8px 60px;
    }
}

@media only screen and (min-width: 1930px) {
    .main-contacts .container {
        max-width: initial;
    }

    .main-contacts .container__inner {
        margin-left: auto;
        margin-right: auto;
        max-width: 1920px;
        padding-left: 150px;
        padding-right: 150px;
        justify-content: space-between;
    }
}