@media screen and (max-width: 1600px) {
    .container {
        max-width: 95vw;
    }
	.phone_services .number {
    font-size: 22px !important;
    }    
}
@media screen and (max-width: 1440px) {
    .header .callback-btn {
        --padding: 10px;
    }
    .phone {
        --font-size: 18px;
    }
    .option {
        font-size: clamp(18px, calc(var(--index)*1), 20px);
    }
    .option--oldprice b {
        font-size: clamp(28px, calc(var(--index)*2), 56px);
    }
    .advantage__title, .primary-btn {
        font-size: clamp(18px, calc(var(--index)*1.15), 24px);
    }
    .video__city-name {
         font-size: clamp(18px, calc(var(--index)*1.25), 32px);
    }
    .video__city-phone {
        font-size: 20px;
    }
	.howitworks_or {
	    padding-right: 30px;
	}
	.phone_services .number {
        font-size: 16px !important;
    }
    .consultation__phone .number {
        font-size: 22px;
    }  

}
@media screen and (max-width: 1200px) {
    .nav__link {--font-size: 18px;}
    .intro__options {
        grid-template-columns: repeat(3, 1fr);
        margin-block-start: 20px;
    }
    .option {
        --advantage-padding: 20px;
    }
    .video__city-phone {
        font-size: 17px;
    }
    .reviews__inner {
        display: flex;
        flex-direction: column;
    }
    .for-mobile {display: block;}
    .for-desktop {display: none;}
    input.water-warm {
        font-size: 28px;
        height: 60px;
    }
    input.water-warm::after, input.water-water::after {
        padding: 10px;
    }
    .services__top {
        display: grid;
        grid-template-areas:
            "A A"
            "B C";
        grid-template-columns: repeat(2, 48%);
    }
    .services__item:nth-child(2n) .services__top {
        grid-template-areas:
            "A A"
            "C B";
        gap: 20px;
    }
    .services__slider .works__item img {
        max-height: 360px;
    }
    .services__description {grid-area: A;width: 100%;}
    .services__entities {grid-area: B;width: 100%;}
    .services__sliders {grid-area: C;width: 100%;}
    .services .option--oldprice s {font-size: 14px}
    .services .callback-btn {
        --advantage-padding: 30px 20px;
    }
    .howitworks__description {
        padding: 10px
    }
    .consultation__inner {width: 82%;}
    .howitworks__item::before {
        padding: 15px
    }
    .advantages__bottom {
        display: none;
    }
.advantages__bottom-mobile {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
    .advantage__description {
        height: 100%;
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
    .howitworks_or {
	    padding-right: 20px;
	}    
	.phone_services .number {
    font-size: 26px !important;
    }	
    .consultation__phone .number {
        font-size: 18px;
    }    
}
@media screen and (max-width: 1100px) {
    .phone {--font-size: 13px}
    .contacts .contact__item, .contacts .contact__item a {
        gap: 10px
        font-size: var(--font-size. 15px);
    }
    .howitworks__inner {
        display: flex;
        margin-inline: 0;
        flex-direction: column;
        gap: 20px
    }
    .certificates__item {
        overflow: hidden;
        padding: 0px;
    }
    .certificates__item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
}
    .howitworks__item.button {
        flex-direction: column;
        align-items: center;
    }
    .howitworks .consultation__phone,.services__entities .consultation__phone {
        align-items: center;
    }
    .howitworks__item::before {height: 100%}
    .howitworks__description {padding: 0 20px}
    .howitworks .howitworks__connector-line,
    .howitworks__item::after
    {display: none}
    .howitworks__item {flex-direction: row}
    .howitworks__item.button::before {
        width: 100%;
        justify-content: center
    }
    .arshin__form {
        padding: var(--main-padding)
    }
    .contacts__inner {
        grid-template-areas:
            "A B"
            "C C";
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .contacts__description {grid-area: A;justify-content: space-evenly;}
    .contacts__form {grid-area: B}
    .map__frame {grid-area: C}
    .contacts__description, .contacts__form {
        gap: 20px;
    }
    .contacts .contact__item, .contacts .contact__item a {
        gap: 10px
    }
    .footer__inner {
        grid-template-columns: repeat(4, 24%);
    }
    .howitworks .consultation__phone {
	    width: 100%;
	}
    .consultation__phone .number {
        font-size: 20px;
    }	
}

@media screen and (max-width: 991px) {
    section {--section-padding: 40px 0}
    .header__buttons-mobile {display: flex;}
    .heaader__buttons, .header__center {display: none;}
    .intro {padding-block-start:30px}
    .intro h1 {--font-size: 36px}
    .intro__top {
        flex-direction: column
    }
    .intro__image {
        display: flex;
        justify-content: center;
    }
    .intro__image img {
        max-height: 30vh;
    }
    .video__city-phone {
        font-size: 14px;
    }
    .map__top {
        gap: 10px
    }
    .header__inner {display: flex; justify-content: space-between}
    .consultation__inner {
        gap: 15px;
        width: auto;
    }
    .consultation__inner .section__title {max-width: 85%;}
    .consultation .btn {--padding: 10px 25px;}
    .map__top {
        display: flex;
        flex-direction: column-reverse;
    }
    .map__frame {max-height: 30vh}
    .arshin form {
        display: flex;
        flex-direction: column
    }
    .footer__inner {
        grid-template-columns: 38% 23% 34%;
        grid-template-areas:
            "A B C"
            "D B C";
        gap: 15px;
    }
    .footer__inner .logo {grid-area: A}
    .footer__inner .footer__nav {grid-area: B}
    .footer__inner address.contacts {grid-area: C}
    .footer__inner .footer__buttons {grid-area: D}
    .thankyoutitle {
        font-size: clamp(32px, calc(var(--index) * 3.2), 56px);
    }
    .thankyoutext {
        font-size: clamp(20px, calc(var(--index) * 1.6), 32px);
    }
    .thankyousubtext {
        font-size: clamp(14px, calc(var(--index) * 1), 20px);
    }
    .howitworks_or {
	    padding-right: 0;
	}
	
	.geo-head .tab-buttons button {
	    font-size: 18px;
	    padding: 15px 30px;
	}
	
	.companies-list {
	    height: 110px;
	    overflow-x: scroll;
    	flex-wrap: nowrap;
	}
	
	.companies-list a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    height: 50px;
        text-wrap: nowrap;
        text-align: center;
	}
	.certificates__item {
        overflow: hidden;
        padding: 0px;
    }

    .certificates__item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
}


}

@media screen and (max-width: 768px) {
    .intro__options {
        grid-template-columns: repeat(2, 1fr);
    }
    .services__top {
        grid-template-columns: 49% 50%;
    }
    .video__city-name {
         font-size: clamp(16px, calc(var(--index)*2), 24px);
    }
    .video__city-phone {
        font-size: 20px;
    }
    .consultation__bottom {
        flex-direction: column;
        gap: 10px;
    }
    .consultation__phone {
        align-items: center;
    }
    .consultation__phone .callus {
        font-size: 12px;
    }
    .popup__inner {width: 80%}
    
    .footer .conf {padding-block: 30px 0;}
    .phone_services .number {
        font-size: 22px !important;
    }
    
    .geo-head .tab-buttons button {
	    font-size: 18px;
        padding: 5px 30px;
        justify-content: center;
        align-items: center;
	}
	
	.policy {
        height: 300px;
        width: 100%;
    }
	
}

@media screen and (max-width: 680px) {
    .section__title, .section__subtitle {text-align:center;}
    .services__top, .services__item:nth-child(2n) .services__top {
        display: flex;
        flex-direction: column-reverse;
        gap: 50px
    }
    .services .callback-btn {
        padding: 20px
    }
    .services__slider .works__item img {
        height: auto;
    }
    .works__item, .masters__item {
        height: auto;
        align-items: center;
    }
    .services__slider .masters__item img {
        max-height: 80%;
    }
    .master__name {font-size: 18px}
    .master__spec {font-size: 16px}
    .consultation__inner .section__title {max-width: 100%;--font-size: clamp(24px, calc(var(--index) * 1.4), 36px);}
    .description {
        --font-size: 14px;
        padding-inline: 10px 0;
    }
    .consultation__inner .description{
        max-width: 85%
    }
    .contacts__inner {
        display: flex;
        flex-direction: column;
    }
    .footer__inner {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "A B"
            "C D";
    }
    .services__item:nth-child(2n) {
        padding-block-start: 30px
    }
    .phone_services .number {
        font-size: 22px !important;
    }    
}

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

    .video__city-phone {
        font-size: 16px;
    }
    .phone_services .number {
        font-size: 22px !important;
    }    

    .g-recaptcha {
        transform:scale(0.9); 
        transform-origin:0;
    }
    
    .geo-head .tab-buttons button {
        padding: 15px 30px;
	}
	
	.map__inner .geo-head {
	    flex-direction: column;
        justify-content: center;
        align-items: flex-start;
	}

    
}

@media screen and (max-width: 480px) {
    .burger__button{
        padding: 0px;
    }
        .header__inner{
        padding: 16px 0px;
    }
    .phone-hours{
        display: flex;
        line-height: 1;
        max-width: 140px;
    }
    .phone-mobile img{
        width: 24px;
        max-width: 24px;
        height: 24px;
        margin-right: 3px;
    }
    .phone.phone-mobile {
        font-size: 12px;
    }
    
    .logo{
        max-width: 100px;
    }
        .container { 
        max-width: 100vw;
    }
    .phone.phone-mobile {
        display: inline-flex;
    }
    .working-hours-mobile{
        display: inline-flex;
}
    .advantages__videos-container, .footer__inner {
        display: flex;
        flex-direction: column;
    }
    .section__title, .section__subtitle {
        --font-size: clamp(24px, calc(var(--index) * 2), 32px);
    }
    .advantages__top .section__title::before {
        font-size: 32px;
        padding: 15px;
    }
    .advantages__top .section__title {gap: 15px}
    .advantages__top {margin-block-end: 30px}
    .advantage__item {padding: 15px}
    .advantage__item img{height: 50px}
    .video__city-name {
         font-size: 14px;
    }
    .video__city-phone {
        font-size: 10px;
    }
    .howitworks__item::before {font-size: 24px;}
    .howitworks__inner {gap: 10px}
    .footer {padding-block: 40px}
    .arshin__form {
        width: 100%;
        padding: 25px;
    }
    .arshin__bg {
        right: 0%;
        z-index: 5
    }
    .slider-buttons .slider-button-prev,
    .slider-buttons .slider-button-next {
        gap: 10px;
    --font-size: 18px;
    }
    .slider-buttons .slider-button-prev::before,
    .slider-buttons .slider-button-next::after {
        width: 20px;
        height: 20px;
    }
    .contacts .section__subtitle {
        --font-size : clamp(24px, calc(var(--index) * 1.65), 28px)
    }
    .contacts form,.contacts address.contacts {gap:10px}
    .contacts .contact__item {
        font-size: 16px
    }
    .intro__options {
        grid-template-columns: 1fr
    }
    .intro__option {justify-content: flex-start}
    .option--oldprice.option--active{
        padding-block-end: 30px;
        justify-content: center;
    }
    .intro__option img{height: 45px}
    .intro__description {
        gap: 10px;
        order: 2;
    }
    .intro h1 {--font-size: 24px}
    .intro .description {
        padding: 0;
        --font-size: 18px;
    }
    .services__slider .works__item img {
        max-height: 260px
    }
    .primary-btn {
        padding: 10px;
    }
    .consultation .btn {
        width: 100%
    }
    .maps .section__title {margin-block-end: 15px;}
    .mobile-background-nav {width: 100%;}
	.mobile-background-nav .mobile-inner {
		padding-block: 20px;
		overflow-x: hidden;
		padding-inline: 20px 40px;
	}
	.includes__body {
	    grid-template-columns: 1fr
	}
	.g-recaptcha {
        transform:scale(0.8); 
        transform-origin:0;
    }
    
    .advantages__description .description {
        display: none;
    }
    
    .description.mobile {
        display: block;
    }
    
    .geo-head .search input {
        width: 90%;
    }
}
@media screen and (max-width: 400px) {
    .maps__button {font-size: 14px;align-items: center;}
}
@media screen and (max-width: 360px) {
    /* .header__inner{
        padding: 16px 0px;
    }
    .phone-hours{
        display: flex;
        line-height: 1;
        max-width: 140px;
    }
    .phone-mobile img{
        width: 24px;
        max-width: 24px;
        height: 24px;
        margin-right: 3px;
    }
    
    .logo{
        max-height: 26px;
        max-width: 100px;
    } */
        .container { 
        max-width: 100vw;
    }
    .header .container {
        max-width: 100vw;
        padding-inline: 15px;
    }
/*     .phone.phone-mobile {
    --font-size: 12px;
} */
    .advantage__text {
        --font-size: 16px;
    }
    .services .callback-btn {
        padding: 10px;
    }
    .sliders__swap-buttons {
        flex-direction: column;
        gap: 10px
    }
    .tab__button, .subtab__button {
        width: 100%
    }
    .arshin__inner {
        display: flex;
    }
    .arshin__form {padding: 12px;gap: 10px;}
    .arshin .section__title {margin: 0;text-align: center;}
    section {
        --section-padding: 30px 0
    }
    
    .geo-head .search input {
        width: 69%;
        font-size: 16px;
    }
    
    .companies-list {
	    padding: 15px 10px;
	}

    .geo-head .tab-buttons button {
        padding: 15px 28px;
        font-size: 16px;
	}
}