@media screen and (max-width: 1500px){
	#promo.usa .form{left: 20px; max-width: calc(100% - 40px); z-index: 22}
	#promo.uk .form{left: 20px; max-width: calc(100% - 40px); z-index: 22}
	#promo.sc .form{left: 20px; max-width: calc(100% - 40px); z-index: 22}
	#promo .cust::after {
		display: none;
	}
	#promo .form:after {
    left: 705px;
}

#promo .form:before {
	left: 705px;
}
}

@media screen and (max-width: 1220px){
	.container{max-width: 100%; padding: 0 25px}
	.bt{font-size: 28px; margin-bottom: 20px; line-height: normal;}


	header{background: rgba(255, 255, 255, 1); padding: 17px 0; position: fixed;}
	header .logo img{max-width: 112px;}
	header nav,header.header__page nav{display: none;}
	header .pull{display: block; width: 26px; height: 22px; background: url("../img/pull.svg") 50% 50% no-repeat; margin-left: 30px}
	header .pull.open{background: url("../img/close.svg") 50% 50% no-repeat;}
	header .phone{margin-right: 35px}
	header .phone a{font-size: 18px;}
	header .data .btn-blue{display: flex;}
	header.header__page .phone{display: none;}
	header.header__page .lang{display: none;}
	.article-page {
    margin-top: 100px;
    padding-bottom: 50px;
}

	#promo{padding: 120px 0 225px}
	#promo .cust{display: none;}
	#promo:after{background: url("../img/bg_promo_usa_tablet.png") 100% 100% no-repeat;}

	#promo.sc:after{background: url("../img/mostsc_tablet.png") 100% 100% no-repeat;}
	#promo.sc .action{top: 0}

	#promo.uk:after{background: url("../img/mostuk_tablet.png") 100% calc(100% - 120px) no-repeat;}
	#promo.uk:after{z-index: 2;}
	#promo.uk .cust{display: block; z-index: 1}
	#promo.uk .cust:after{display: none;}
	#promo.uk .cust:before{background: url("../img/cust_right_uk_tablet.png") 100% calc(100% - 220px) no-repeat;}
	#promo.uk .container{z-index: 10;}
	#promo .text{max-width: 465px;}
	#promo h1{font-size: 50px; line-height: 58px}
	#promo ul.promo-ul li{font-size: 14px; line-height: 18px;}
	#promo ul.promo-ul li:nth-child(1){order: 0}
	#promo ul.promo-ul li:nth-child(2){order: 2}
	#promo ul.promo-ul li:nth-child(3){order: 1}
	#promo ul.promo-ul li:nth-child(4){order: 3}
	#promo .form{padding: 35px 40px; width: calc(100% - 50px); left: 25px; border-radius: 15px; bottom: -330px; z-index: 5;}
	#promo .form p{width: 100%; max-width: 250px; font-size: 26px}
	#promo .form p br{display: block;}
	#promo .form form.flex{width: 100%;}
	#promo .form form .flex{width: calc(100% - 300px);}
	#promo .form .flex input{width: 100%; margin: 0 0 10px; max-width: 100%}
	#promo .form .flex .btn,#promo .form .flex .btn span{width: 100%;}
	#promo .form .flex .btn {
		margin-top: 5px;
	}
	#promo .form:before{left: 50px; transform: scale(0.7); top: -85px}
	#promo .form:after{left: 150px; top: -70px; background: url("../img/bilet_tablet.svg") 50% 50% no-repeat;}
	#promo .action{max-width: 225px; height: 70px; right: 25px; font-size: 16px; line-height: 22px; padding: 0 20px; top: calc(100% - 80px)}
	#promo .action img{width: 47px; position: relative; left: -10px}


	#promo__page{padding: 130px 0 0; background: url("../img/bg_promo_paget.png") 50% 80px no-repeat; background-size: 100%;}
	#promo__page .text{max-width: 332px;}
	#promo__page h1{font-size: 40px; line-height: 50px;}
	#promo__page p{font-size: 14px; line-height: 20px;}
	#promo__page .form{max-width: 100%; width: 285px; padding: 20px;}
	#promo .iti--allow-dropdown{margin-bottom: 10px; max-width: 100%; margin-right: 0}
	#promo__page .advantages{position: relative; bottom: 0; left: 0; top: 0; padding: 65px 0 0; border-radius: 0; background: transparent;}
	#promo__page .advantages .item{width: calc(50% - 10px); margin-bottom: 20px; background: #fff url("../img/ls.svg") 50% 28px no-repeat; background-size: 50px; border-radius: 20px; border: none; padding: 85px 0 28px}


	#services{padding: 40px 0 0;}
	#services .item:nth-child(4){display: block;}
	.grid{grid-template-columns: repeat(2, 1fr);}
	#services .item .data{padding: 15px 39px 35px}
	#services .item .title{font-size: 20px; line-height: 28px;}
	#services .item .price{font-size: 20px; margin-bottom: 15px;}
	#services .item .price span{font-size: 36px; margin-left: 2px}
	#services .item p{font-size: 14px; line-height: 22px; padding-left: 29px; background-size: 20px!important; margin-bottom: 12px;}
	#services .item .btn{margin-top: 10px}
	#services .center .btn{width: 270px; height: 60px; font-size: 14px;}


	#about{padding: 40px 0 0;}
	#about .image{width: 100%; margin-bottom: 20px}
	#about .image img.desctop{display: none;}
	#about .image img.tablet{display: block; width: 100%;}
	#about .image .logo{bottom: calc(100% - 48px); left: calc(100% - 112px)}
	#about .image .logo img{width: 112px; height: 48px}
	#about .text{width: 100%; margin: 0; max-width: 570px; font-size: 14px; line-height: 20px;}
	#about .text .bt{max-width: 370px}
	#about .text .bt br{display: none;}


	#reviews.reviews__contacts{padding: 40px 0 0;}
	#reviews .item .sale{font-size: 30px; line-height: 36px;}
	#reviews .form__contacts{width: calc(100% - 292px); padding: 30px 20px; background-position: 100% 100%; background-size: auto 100%;}
	#reviews .item p{font-size: 14px; max-width: 112px}
	#reviews .item .inn p{max-width: 100%; margin-bottom: 20px}
	#reviews .form__contacts .form{max-width: 245px;}
	#reviews .item .inn{padding-top: 50px;}
	#reviews .item .inn img{max-height: 36px; width: auto;}
	#reviews .form__contacts .bt{display: none;}


	#faq{padding: 40px 0 30px}
	#faq .item .title{padding: 30px 115px 30px 40px; font-size: 16px; line-height: 22px;}
	#faq .item .answer{padding: 65px 105px 30px 50px; font-size: 14px; line-height: 20px;}


	.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form textarea, .form select{font-size: 16px; height: 60px}
	.form textarea{height: 130px;}
	.btn-red span{height: 60px; font-size: 16px;}


	#why{padding: 135px 0 0;}
	#why .item{width: 100%!important; padding: 40px 40px 65px;}
	#why .item:nth-child(1):after{background-size: 80px; background-position: calc(100% - 20px) calc(100% - 30px)}
	#why .title{font-size: 26px;}
	#why p{max-width: 475px; font-size: 14px; line-height: 25px;}


	#tarrifs .flex{align-items: inherit; position: relative;}
	#tarrifs .item{width: calc(50% - 10px); position: relative; padding-bottom: 100px; margin-bottom: 20px}
	#tarrifs .item .btn{position: absolute; bottom: 30px; left: 38px; width: calc(100% - 76px);}
	#tarrifs .action{margin-top: 0; width: calc(50% - 10px)}
	#tarrifs .action{display: none;}
	#tarrifs .item:last-child{display: block;}
	#tarrifs .item.last{display: block; padding: 20px 20px 0; background: url("../img/bg_tarrifs.png") 50% 50% no-repeat; background-size: cover;}
	#tarrifs .item.last img{position: absolute; bottom: 0; left: calc(50% - 133px); width: 266px}
    #tarrifs .item.last .sale{border-radius: 10px; background: rgba(255, 255, 255, 0.85); box-sizing: border-box; overflow: hidden; width: 100%;}
    #tarrifs .item.last .sale .number{color: #fff; font-size: 60px; border-radius: 10px; font-weight: 600; background: linear-gradient(90deg, #80ADFC 0%, #3D7EEE 100%); text-align: center; width: 100%;}
    #tarrifs .item.last .sale p{padding: 15px 23px; text-align: center; font-size: 14px; line-height: 22px;}


    #works{position: relative;}
    #works .container{position: relative; z-index: 2}
    #works:after{position: absolute; top: 190px; left: 0; width: 100%; height: calc(100% - 270px); background: #BEDCFE; content: ''}
    #works.custom-works:after{display: none;}
    #works .items{width: 100%;}
    #works img{width: 100%; height: 320px; object-fit: cover;}
    #works .items .item{font-size: 16px; line-height: 22px;}


    #reviews .item{width: 272px; padding: 20px;}
    #reviews .item .sale{font-size: 40px}
    #reviews .item .inn .title{font-size: 35px;}
    #reviews .item .inn p{font-size: 14px;}
    #reviews .items{width: calc(100% - 292px)}
    #reviews .review .data{margin-bottom: 20px}
    #reviews .review .name{margin-bottom: 0; font-size: 16px; line-height: normal;}
    #reviews .review{padding: 25px 30px}
    #reviews .review p{font-size: 14px; line-height: 24px;}
    #reviews .more__reviews .review{width: 100%!important}


    #questions{padding: 40px 0 80px}
    #questions .inn{padding: 35px;}
    #questions .data{max-width: 395px}
    #questions .image{max-width: 460px; right: -100px}
    #questions .data .form{max-width: 320px}
    #questions .data .note{font-size: 15px; line-height: 25px;}


    .box__modal{width: 584px!important}
    .box__modal .form{max-width: 490px}

    #tarrifs .item:last-child img.mobile{display: none;}


    footer{padding: 25px 0 195px; position: relative;}
    footer .bottom{position: absolute; bottom: 40px; left: 0; width: 100%; box-sizing: border-box; padding: 0 25px}
    footer .btn{position: absolute; bottom: 40px; right: 25px}
    footer .socials{order: 0; margin-bottom: 20px;}
    footer .socials a{margin: 0 10px 0 0;}
    footer .copyright{order: 1; max-width: 100%; width: 100%;}
    footer .copyright p{max-width: 380px}
    footer .info li a{font-size: 14px;}

		
    #breadcrumbs{padding: 116px 0 10px; font-size: 14px;}
    #breadcrumbs a, #breadcrumbs span{margin-right: 11px}


    #error__page{background-size: auto 500px}


    .bt__large{font-size: 28px; line-height: normal;}
    .bt__small{font-size: 28px; margin-bottom: 30px; line-height: 32px;}

    #blog__page{background: url("../img/bg_blog_tablet.png") 50% 100% no-repeat; background-size: 100%;}
    #blog__page .top{margin-bottom: 20px}
    .slider__category{left: 273px; width: calc(100% - 273px); padding-left: 57px; top: 0}

    .blog__list .item .image{width: 248px;}
    .blog__list .item .image img{height: 225px}
    .blog__list .item .data{width: calc(100% - 248px); padding: 22px 30px}
    .blog__list .item .category{font-size: 14px; margin-bottom: 9px;}
    .blog__list .item .title{font-size: 20px; line-height: 28px; margin-bottom: 6px}
    .blog__list .item .excerpt{font-size: 14px; line-height: 20px;}
    .blog__list .item .info{padding: 0 30px 22px; font-size: 14px;}

    .slider__category .swiper-slide a{height: 40px; font-size: 14px; padding: 0 28px}
    #blog__page .slider-sw .swiper-button-prev,#blog__page .slider-sw .swiper-button-next{width: 24px; height: 24px; top: 30px}
    #blog__page .slider-sw .swiper-button-next{right: calc(100% - 50px)}

    #blog__page .form{padding: 35px 40px; border-radius: 15px; z-index: 5;}
    #blog__page .form p{width: 100%; max-width: 250px; font-size: 26px}
    #blog__page .form p br{display: block;}
    #blog__page .form form.flex{width: 100%;}
    #blog__page .form form .flex{width: calc(100% - 300px);}
    #blog__page .form .flex input{width: 100%; margin: 0 0 10px; max-width: 100%}
    #blog__page .form .flex .btn,#blog__page .form .flex .btn span{width: 100%;}
    #blog__page .center .btn{width: 272px; height: 60px; font-size: 14px;}


    #error__page{padding: 520px 0 0; background: url("../img/bg_error_tablet.png") 50% 100% no-repeat;}
    #error__page .title{font-size: 28px; line-height: 32px; margin-bottom: 20px;}


    article .info .description{width: 300px; padding: 34px 40px 20px 30px}
    article .info .description p{font-size: 15px; line-height: 26px;}
    article .info img{width: calc(100% - 320px); height: 265px;}
    article h1{font-size: 36px; line-height: 44px; max-width: 500px; margin-bottom: 27px}
    article .content{font-size: 14px; line-height: 26px;}
    article .content p{max-width: 590px}
    article .content h2{margin-bottom: 20px; font-size: 20px; line-height: 28px; max-width: 470px}
    article .content img{margin-bottom: 30px;}
}



@media screen and (max-width: 767px){
	.container{max-width: 100%; padding: 0 20px}
	.bt{font-size: 24px;}
	.btn-red{width: 100%!important;}
	.btn-red{margin-top: 10px;}
	.btn-red span{font-weight: normal!important; font-size: 13px!important; width: 100%!important; height: 60px!important; margin-top: 10px;}

	header{padding: 20px 0}
	header .data .btn-blue{display: none;}
	header .socials img{width: 30px;}
	header .lang,header .phone{display: none;}
	header .logo img{max-width: 90px}
	header .lang{font-size: 12px;}
	header .pull{margin-left: 10px;}
	header .data .btn-blue span{display: flex; font-size: 10px; height: 32px; width: 123px; font-weight: normal;}


	#promo{padding: 90px 0 335px; padding-top: 120px}
	/*#promo:after{background: url("../img/bg_promom1.jpg") 50% 100% no-repeat;}*/
	#promo:after{background: transparent;}
	#promo ul.promo-ul li:nth-child(1){order: 0}
	#promo ul.promo-ul li:nth-child(2){order: 1}
	#promo ul.promo-ul li:nth-child(3){order: 2}
	#promo ul.promo-ul li:nth-child(4){order: 3}
	#promo .cust{display: block; background: url("../img/cust_mobile.png") 100% 100% no-repeat;}
	#promo .cust:after,#promo .cust:before{display: none;}
	#promo .statuya{display: block; margin-top: -20px; z-index: -1; position: relative;}
	#promo.usa{padding-bottom: 0;}
	#promo.usa .container{padding: 0}
	#promo.usa .text{padding: 0 20px}
	#promo.usa .form{bottom: -280px}
	#promo .action{position: relative; justify-content: flex-start; margin-top: 10px; top: 0; bottom: 0; display: flex; height: 50px; font-size: 14px; right: -20px; width: calc(100% - 40px); max-width: 100%}
	#promo .action img{width: 32px;}
	#promo br.mobile{display: block;}


	#promo.uk:after{background: url("../img/bg_promomuk.png") 50% 100% no-repeat; background-size: cover; background: transparent;}
	#promo.uk{padding-bottom: 0;padding-top: 120px;}
	#promo.uk .container{padding: 0}
	#promo.uk .text{padding: 0 20px}
	#promo.uk .form{bottom: -280px}
	#promo.uk .cust{background: transparent; z-index: 7;}
	#promo.uk .cust:after{background: url("../img/cust_right_mobile.png") 100% 100px no-repeat; display: block;}
	#promo.uk:after{z-index: 2;}
	#promo.uk .cust:before{display: block; background: url("../img/cust_left_mobile_uk.png") 100% 100% no-repeat; z-index: 3}


	#promo.sc:after{background: url("../img/bg_promoscm.png") 50% 100% no-repeat; background-size: cover; background: transparent;}
	#promo.sc{padding-bottom: 0; padding-top: 120px;}
	#promo.sc .container{padding: 0}
	#promo.sc .text{padding: 0 20px}
	#promo.sc .form{bottom: -280px}
	#promo.sc .cust{background: transparent; z-index: 7;}
	#promo.sc .cust:after{background: url("../img/cust_right_mobile.png") 100% 100px no-repeat; display: block;}
	#promo.sc:after{z-index: 2;}
	#promo.sc .cust:before{display: block; background: url("../img/cust_left_mobile_uk.png") 100% 100% no-repeat; z-index: 3; display: none;}
	#promo.sc:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: url("../img/custsc.png") 0 calc(100% - 80px) no-repeat; z-index: 20}





	#promo h1{font-size: 30px; line-height: 36px; margin-bottom: 13px}
	#promo h1 strong{display: block;}
	#promo ul.promo-ul li{width: 100%; background-size: 22px; padding: 3px 0 3px 33px; margin-bottom: 15px}
	#promo ul{max-width: 235px}

	#promo .form{padding: 25px; text-align: center; bottom: -600px; z-index: 10}
	#promo .form p{max-width: 100%; font-size: 16px; line-height: 24px; margin-bottom: 20px}
	#promo .form form .flex{width: 100%;}
	#promo .form:after{left: calc(100% - 130px); transform: scale(0.7); top: -100px}
	#promo .form:before{left: calc(100% - 205px)}

	#tarrifs .item.last .sale .number{font-size: 68px; padding: 13px 0}


	#why{padding: 300px 0 0}
	#why .item{padding: 30px 25px 120px}
	#why .item:nth-child(1):after{background-size: 100px}
	#why .item:nth-child(2){padding-bottom: 100px;  background-size: 86px; background-position: calc(100% - 12px) calc(100% - 32px)}
	#why .item:nth-child(3){padding-bottom: 80px; background-size: 97px; background-position: calc(100% - 6px) calc(100% - 32px)}
	#why .item .title{font-size: 20px; line-height: 26px; max-width: 190px}
	#why p{font-size: 13px; line-height: 22px; max-width: 240px}


	#tarrifs{padding: 45px 0 0;}
	#tarrifs .item{width: 100%; padding: 25px;}
	#tarrifs .info .name{font-size: 20px; margin-bottom: 0px;}
	#tarrifs .info .price{font-size: 40px; margin-bottom: 0px}
	#tarrifs .info .time{font-size: 13px;}
	#tarrifs li{font-size: 13px;}
	#tarrifs .item .btn{position: relative; width: 100%; bottom: 0; left: 0}
	#tarrifs .item:last-child{min-height: 0px; background: #C2E7FF; padding: 230px 0 0}
	#tarrifs .item:last-child img{position: relative; left: 0; margin-top: -12px}
	#tarrifs .item:last-child img.tablet{display: none;}
	#tarrifs .item:last-child img.mobile{display: block; width: 100%; left: 0;}
	#tarrifs .info .top{width: 110px; font-size: 13px;}
	#tarrifs .item.last .sale{position: absolute; top: 20px; width: calc(100% - 40px); left: 20px; margin-bottom: -240px}
	#tarrifs .note{font-size: 11px; line-height: 28px}
	#tarrifs .item .btn{margin-top: 15px!important}


	#works{padding: 40px 0 0;}
	#works:after{top: 150px;}
	#works .items .item{width: 100%; height: 104px; border-radius: 15px; font-size: 13px; line-height: 22px; padding-left: 115px}
	#works .items .item:last-child:after{transform: scale(0.7); right: -40px; top: -90px}
	#works .items .item span{font-size: 60px; top: 12px}
	#works img{height: auto;}
	#works.custom-works img{height: 420px;}
	#works img.desctop{display: none;}
	#works img.mobile{display: block;}


	#reviews{padding: 40px 0 0;}
	#reviews .item{width: 100%; margin-bottom: 20px;}
	#reviews .item .inn{padding-top: 40px}
	#reviews .item .inn .title{font-size: 35px;}
	#reviews .item p{font-size: 13px; line-height: 22px; max-width: 100%}
	#reviews .item img{max-height: 40px; width: auto;}
	#reviews .items{width: 100%;}
	#reviews .more__reviews{display: none;}
	#reviews .center{display: block; padding: 20px 0 0;}


	#questions{padding: 40px 0}
	#questions .image{max-width: 100%; width: 100%; position: relative; right: 0; margin-top: 20px}
	#questions .inn{padding: 30px 25px 0;}


	.box__modal{padding: 45px 25px 25px!important}
	.box__modal .form__title{margin-bottom: 20px; font-size: 22px; line-height: 30px;}
	.box__modal .contacts{font-size: 13px;}
	.box__modal .contacts a{font-size: 20px;}

	.box__modal{width: 100%!important}
    .box__modal .form{max-width: 100%; box-sizing: border-box; padding: 0 25px}
    .box__modal.box__modal-service .form__title{margin-bottom: 10px}
    .box__modal.box__modal-service img{height: 200px; margin-bottom: 10px}
    .box__modal.box__modal-service .form__title p{font-size: 24px; line-height: normal; margin-bottom: 0}
    .box__modal.box__modal-service .form__title span{font-size: 14px; line-height: normal;}


	#promo__page{padding: 90px 0 0; background: url("../img/bg_promo_pagem.png") 50% -30px no-repeat; background-size: 100%}
	#promo__page .text {
		max-width: 100%;
		margin-top: 20px;
	}
	.page-template-page-home #promo__page .text {
		margin-bottom: 500px;
	}
	#promo__page h1{font-size: 30px; line-height: 36px; max-width: 100%}
	#promo__page p{max-width: 100%; margin-bottom: 200px}
	#promo__page .form{max-width: 100%; width: 100%;}
	#promo__page .flex{max-width: 100%; width: 100%!important;}
	#promo__page .form p{font-size: 16px; max-width: 100%;}
	#promo__page .advantages{padding-top: 35px}
	#promo__page .advantages .bt{display: block; text-align: left;}
	#promo__page .advantages .item{padding: 5px 5px 5px 40px; background: url("../img/ls.svg") 0 50% no-repeat; font-size: 13px; line-height: 20px; width: 100%; text-align: left;}
	#promo__page .advantages .item:last-child{margin-bottom: 0;}
	#promo__page .advantages .item br {
		display: none;
	}
	#promo__page{background: transparent;}
	#promo__page .container{padding: 0}
	#promo__page .text{padding: 0 20px; position: relative; z-index: 2}
	#promo__page .statuya{display: block; width: 100%;}
	.page-template-page-home #promo__page .statuya{display: block; width: 100%;position: absolute;top: -55px;left: 0;}
	#promo__page p{margin-bottom: -90px;}
	#promo__page .form{max-width: calc(100% - 40px); margin: -200px 0 0 20px}
	#promo__page .advantages{margin-left: 20px}


	.grid{grid-template-columns: repeat(1, 1fr);}


	#about .image img.tablet{display: none;}
	#about .image img.mobile{display: block;}
	#about .text .bt{font-size: 18px; line-height: 26px; margin-bottom: 10px; max-width: 245px}


	#reviews .form__contacts{width: 100%; padding: 30px 23px 255px; background: url("../img/bg_form_c.jpg") 50% 100% no-repeat; background-size: cover;}
	#reviews .form__contacts .form{max-width: 100%;}
	#reviews .form__contacts .bt{display: block; font-size: 20px; line-height: 26px; margin-bottom: 20px;}


	#faq .item .title{padding: 30px 50px 30px 24px; font-size: 13px; line-height: 22px;}
	#faq .item .title:after{right: 15px}
	#faq .item .answer{padding: 45px 50px 20px 24px; font-size: 12px; line-height: 22px;}

	.iti-mobile .iti__country{padding: 5px!important}

	footer{padding: 40px 0 10px;}
	footer .info .title{font-size: 24px; line-height: 56px}
	footer .info li a{font-size: 13px; line-height: 22px;}
	footer .btn-red span{font-size: 13px; font-weight: normal;}
	footer .gallery{width: 100%; padding: 25px;}
	footer .gallery .slider__gallery{width: 100%; margin-top: 30px}
	footer .info{width: 100%; padding: 30px 0;}
	footer .btn-red{position: relative; top: 0; left: 0; bottom: 0; width: 100%; margin-top: 20px}
	footer .bottom{position: relative; bottom: 0; left: 0; width: 100%; padding: 35px 0 0;}
	footer .copyright{font-size: 13px; line-height: 22px;}
	footer .gallery{padding: 27px 22px 23px}
	footer .gallery .data{line-height: normal;}
	footer .gallery .data p{font-size: 24px; line-height: 56px; margin-bottom: 19px}
	footer .gallery .slider__gallery img{height: 250px; object-fit: cover;}
	footer .col.col__callback{width: 100%}
	footer .col.col__callback .btn span{width: 100%;}
	footer .socials img{width: 30px; height: 30px;}
	footer .copyright p{max-width: 220px; font-size: 13px; line-height: 22px;}
	#breadcrumbs{padding: 92px 0 10px; font-size: 13px; line-height: 28px}

    .bt__large{font-size: 24px}
    .bt__small{font-size: 24px; margin-bottom: 25px; line-height: 32px;}



    .slider__category{position: relative; left: 0; width: calc(100% + 20px); top: 0; margin-top: 12px}
    .slider__category .swiper-slide a{height: 34px; font-size: 13px; padding: 0 20px}
    #blog__page{padding-bottom: 60px}
    #blog__page .slider-sw .swiper-button-prev, #blog__page .slider-sw .swiper-button-next{top: 28px}
    .blog__list .item{border-radius: 15px;}
    .blog__list .item .image{width: 100%;}
    .blog__list .item .image img{border-radius: 0; width: 100%; height: 150px}
    .blog__list .item .data{width: 100%; padding: 20px;}
    .blog__list .item .title br{display: none;}
    .blog__list .item .info{position: static; padding: 0;}
    .blog__list .item .category{font-size: 13px;}
    .blog__list .item .excerpt{font-size: 13px; line-height: 22px; margin-bottom: 16px}
    .blog__list .item .date{font-size: 13px; position: absolute; top: 20px; right: 20px;}


    #blog__page .form{padding: 25px 23px; text-align: center; z-index: 10; margin-top: 60px}
    #blog__page .form p{max-width: 100%; font-size: 16px; line-height: 24px; margin-bottom: 20px}
    #blog__page .form form .flex{width: 100%;}
    #blog__page .center{padding-top: 30px}
    #blog__page .center .btn{font-size: 13px;}
    #blog__page .center .btn svg{width: 28px; height: 28px}


    article .info img{width: 100%; border-radius: 15px 15px 0 0; height: 150px}
    article .info{margin-bottom: 25px;}
    article .info .description{border-radius: 0 0 15px 15px; width: 100%; padding: 52px 20px 25px; position: relative;}
    article .info .description .flex{position: absolute; bottom: calc(100% - 40px); padding: 0 20px; font-size: 13px;}
    article .info .description p{font-size: 15px; line-height: 24px;}
    article h1{margin-bottom: 20px; font-size: 20px; line-height: 28px}
    article .content{font-size: 16px; line-height: 24px;}
    article .content p{margin-bottom: 15px}
    article .content img{height: 350px; object-fit: cover;}


    #error__page{background: url('../img/bg_error_mobile.png') 50% 0% no-repeat; background-size: auto 400px; padding-top: 330px}
    #error__page .title{font-size: 24px;}

		#promo.service-page {
			background-position: right -470px center;
		}
		#promo.service-page .text {
			top: -172px;
			position: relative;
			width: 250px;
		}
		#promo.service-page p {
			font-size: 14px;
			line-height: 30px;
			margin-top: 0;
		}
		#text-form .grid {
			grid-template-columns: 1fr;
		}
		#promo h1 {
			font-size: 34px;
			line-height: 36px;
		}
		article.custom-text h2, article.custom-text h1, article.custom-text h3, #article h1, #article h2, #article h3, #article h4 {
			font-size: 20px;
			line-height: 28px;
		}
		article.custom-text p, #article p {
			font-size: 13px;
			line-height: 24px;
		}
		#text-form .form {
			max-width: 490px;
			width: 100%;
		}
		#article strong, #article ul {
			font-size: 13px;
			line-height: 24px;
		}
}