@media screen and (max-width: 1650px){
	.container{max-width: 1344px}
	html[lang="ru-RU"] #page__price .prices table td:nth-child(4) {
		width: 220px
	}

	.section{padding: 96px 0;}

	.bt{margin-bottom: 48px; font-size: 56px; line-height: 56px;}

	.btn-violet{font-size: 16px; height: 52px;}
	.btn-violet svg{width: 52px; height: 52px;}

	.btn-more{font-size: 18px;}
	.btn-more svg{width: 38px; height: 38px;}

	header .logo{max-width: 128px;}
	header nav ul{gap: 16px; font-size: 16px;}
	header .info{gap: 16px; font-size: 14px;}
	header .callback .btn{font-size: 14px;}
	header .callback .btn svg{width: 46px; height: 46px;}
	header .toggle ul{padding: 12px 20px;}
	header .toggle ul li{margin-bottom: 14px;}
	header .toggle a{line-height: 14px; font-size: 12px;}
	header .lang.toggle a{font-size: 14px;}
	header .lang.toggle ul{left: -20px;}
	header .header__info{gap: 27px;}

	header nav ul .sub-menu{padding: 65px 65px 53px;}
	header nav ul .sub-menu li a{font-size: 16px;}
	header nav ul .sub-menu li a{max-width: 280px;}

	header nav ul li.menu-item-has-children-second .sub-menu{justify-content: center;}
	header nav ul li.menu-item-has-children-second .sub-menu li{width: auto;}


	#promo{padding: 168px 0 116px;}
	#promo .container{max-width: 1296px;}
	#promo h1{font-size: 80px; max-width: 750px; line-height: 78px; margin-bottom: 124px;}
	#promo .images img:nth-child(2){max-width: 436px; top: 52px;}
	#promo .images img:nth-child(1){top: 290px; max-width: 294px; left: 104px}
	#promo .text{margin-left: 514px; max-width: 615px;}
	#promo .text p{font-size: 20px;}
	#promo .text .btn{margin-top: 28px;}


	#questions .container{max-width: 1187px}
	#questions .item{padding: 26px; font-size: 26px; line-height: 31px;}
	#questions .item .icon{ width: 64px; height: 64px;}


	#advantages .container{max-width: 1344px}
	#advantages .advantages .item{min-height: 72px; margin-bottom: 20px; padding-left: 96px;}
	#advantages .advantages .item .icon{width: 72px; height: 72px;}
	#advantages .advantages .item .icon img{width: 44px;}
	#advantages .advantages .title{font-size: 24px; margin-bottom: 4px;}
	#advantages .advantages p{font-size: 13px;}
	#advantages .advantages{max-width: 516px; margin-right: 63px}


	#choose__specialist .data{padding: 64px 50px;}
	#choose__specialist .text{max-width: 544px}
	#choose__specialist .title{font-size: 28px;}
	#choose__specialist p{font-size: 24px; margin-bottom: 24px; max-width: 400px}


	#services .grid{gap: 4px;}
	#services .container{max-width: 1042px;}
	#services .item{padding: 24px;}
	#services .item .icon{height: 160px; margin-bottom: 20px;}

	#reviews .bt{margin-bottom: 56px;}


	#works .grid{gap: 25px;}
	#works .item p{font-size: 24px;}
	#works .item .icon img{margin-bottom: 10px; width: 36px; height: 36px;}


	#breadcrumbs{padding: 120px 0 55px; font-size: 13px;}
	#breadcrumbs .container{padding: 0 24px;}


	#methods .bt{margin-bottom: 76px;}
	#methods .container{max-width: 1160px;}
	#methods .grid{gap: 70px; row-gap: 40px;}
	#methods .item{padding: 24px 24px 24px 30px;}
	#methods .item .icon{width: 72px; height: 72px; top: calc(50% - 29px);}


	#page__services{padding-bottom: 105px}
	#page__services .container{max-width: 794px}
	.list__services__items .item{margin-bottom: 24px; border-radius: 22px;}
	.list__services__items .image{width: 180px; height: 180px; border-radius: 0 22px 22px 0;}
	.list__services__items .data{padding: 24px 32px 24px 0; width: calc(100% - 235px)}
	.list__services__items .name{font-size: 25px; margin-bottom: 13px; line-height: 1;}
	.list__services__items .status{font-size: 13px; margin-bottom: 18px}
	.list__services__items .price{font-size: 20px;}
	.list__services__items .btn{height: 38px; font-size: 13px; gap: 0; justify-content: flex-start; padding: 0; width: 140px; padding-left: 20px}
	.list__services__items .btn svg{width: 38px; height: 38px; position: absolute; top: -3px; right: -3px}


	.tags span{margin-bottom: 20px; font-size: 12px; gap: 6px;}
	.tags span svg{width: 16px; height: 16px;}


	.pagination{padding-top: 56px; font-size: 13px;}
	.pagination .prev,.pagination .next{width: 28px; height: 28px;}
	.pagination svg{width: 13px; height: 13px;}


	#page__error{padding: 195px 0 95px}
	#page__error img{margin-bottom: 52px; max-width: 280px}
	#page__error .bt{margin-bottom: 32px;}
	#page__error .note{font-size: 24px; margin-bottom: 32px;}
	#page__error p{font-size: 18px;}
	#page__error .btn{margin-top: 40px}


	#page__contacts .container{max-width: 1344px; padding: 0 24px}
	#page__contacts .bt{margin-bottom: 76px; font-size: 80px; line-height: 78px}
	#page__contacts .note{margin-bottom: 68px; padding-right: 107px; font-size: 26px;}
	#page__contacts .items{margin: 0 auto; max-width: 1234px}
	#page__contacts .item{border-radius: 22px; padding: 32px 26px;}
	#page__contacts .item .title{font-size: 20px; margin-bottom: 20px;}
	#page__contacts .item .ct{margin-bottom: 20px; font-size: 16px;}
	#page__contacts .item span{font-size: 13px;}
	#page__contacts .item p{font-size: 16px;}
	#page__contacts .item .socials a{width: 44px; height: 44px}
	#page__contacts .item .socials a svg{width: 24px; height: 24px;}
	#page__contacts .item .socials.messengers a svg{width: 44px; height: 44px;}
	#page__contacts .item .ct.email{font-size: 20px; padding-left: 32px; background-size: 26px}
	#page__contacts .contacts__form{max-width: 956px; padding: 100px 0 0;}
	#page__contacts .contacts__form .bt{margin-bottom: 32px; font-size: 40px; font-weight: 700;}
	#page__contacts .contacts__form .form{border-radius: 25px; padding: 38px 26px;}


	.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form input[type="password"], .form textarea, .form select{
		margin-bottom: 32px; height: 48px; padding: 0 20px; font-size: 16px; border-radius: 25px;
	}
	.form textarea{height: 98px; margin-bottom: 32px; padding-top: 12px; border-radius: 25px;}
	.form .send .btn{width: auto; height: 46px; width: 152px; padding: 0 0 0 20px; justify-content: flex-start;}
	.form .send .btn svg{width: 46px; height: 46px;}
	.form .send .privacy{max-width: 265px; font-size: 13px;}


	.section__page{padding-bottom: 90px}


	#page__price .container{max-width: 1122px}
	#page__price .prices{padding: 64px}
	#page__price .prices .row{padding-bottom: 48px; margin-bottom: 48px;}
	#page__price .prices .title{font-size: 38px; margin-bottom: 38px;}
	#page__price .prices table th{font-size: 13px; padding-bottom: 16px;}
	#page__price .prices table td{font-size: 20px; padding: 12px 0;}
	#page__price .prices table td:last-child{width: 185px}
	#page__price .prices table td .btn{font-size: 14px; height: 46px;}
	#page__price .prices table td .btn svg{width: 46px; height: 46px;}
	#page__price .prices table td:nth-child(1){width: 410px;}
	#page__price .prices table td:nth-child(2){font-size: 24px;}


	#page__faq .container{max-width: 908px;}
	#page__faq .list__faq .item{padding: 20px;}
	#page__faq .list__faq .item .title{font-size: 16px;}
	#page__faq .list__faq .item .title:after{width: 26px; height: 26px; top: calc(50% - 13px); background-size: 100%;}
	#page__faq .list__faq .item .answer{font-size: 16px;}


	#page__blog .container{max-width: 1260px}
	.blog__item{padding: 24px;}
	.blog__item img{height: 256px}
	.blog__item .title{margin-bottom: 14px; font-size: 18px}
	.blog__item .date{font-size: 12px;}


	.box__modal{padding: 64px; width: 700px}
	.box__modal .modal__title{margin-bottom: 38px; font-size: 40px;}


	#interest .bt{margin-bottom: 24px; font-size: 24px; padding: 0}


	#page__specialist .container{max-width: 960px;}
	#page__specialist .sidebar{max-width: 256px}
	#page__specialist .sidebar img{height: 256px;}
	#page__specialist .sidebar .data{padding: 16px;}
	#page__specialist .sidebar .data .name{margin-bottom: 8px; font-size: 26px;}
	#page__specialist .sidebar .data span{margin-bottom: 18px; font-size: 13px;}
	#page__specialist .sidebar .data .btn{height: 36px; font-size: 13px; padding: 0 36px 0 36px}
	#page__specialist .sidebar .data .btn svg{width: 36px; height: 36px; position: absolute; top: -3px;}
	#page__specialist .specialis__content .row .tags{gap: 26px}
	#page__specialist .specialis__content .row .tags span{font-size: 13px;}

	#page__specialist .specialis__content{width: calc(100% - 296px)}
	#page__specialist .specialis__content .row{padding: 32px; margin-bottom: 18px;}
	#page__specialist .specialis__content .row__title{font-size: 24px; margin-bottom: 24px;}
	#page__specialist .specialis__content .row .prices .item{font-size: 18px; margin-bottom: 16px;}
	#page__specialist .specialis__content .row .page__content{font-size: 13px;}
	.row__education{font-size: 13px;}
	#page__specialist .list__cert .item{font-size: 13px;}
	#page__specialist .list__cert .item img{height: 200px}
	#page__specialist .specialis__content .row__title span{font-size: 13px;}
	#page__specialist .reviews .item__reviews{padding: 26px;}
	#page__specialist .reviews .item__reviews .top{margin-bottom: 32px;}
	#page__specialist .reviews .item__reviews .name{font-size: 20px;}
	#page__specialist .reviews .item__reviews .more{position: relative; left: 0; bottom: 0; margin-top: 10px;}
	#page__specialist .reviews .item__reviews .more a{font-size: 13px;}
	#page__specialist .reviews .item__reviews .text{font-size: 13px;}


	footer{padding-bottom: 72px;}
	footer.footer__bg{margin-top: 72px}
	footer .data{padding: 56px 44px;}
	footer .logo{max-width: 128px}
	footer .navs{max-width: 640px}
	footer .top .title{font-size: 20px; margin-bottom: 28px;}
	footer .top .navs li{font-size: 14px; line-height: 17px; margin-bottom: 18px;}
	footer .top .navs .col:last-child li{font-size: 20px; margin-bottom: 32px;}
	footer .contacts p{margin-bottom: 24px; font-size: 36px;}
	footer .bottom{font-size: 14px;}


	.socials a{width: 48px; height: 48px;}
	.socials a svg{width: 26px; height: 26px;}
}



@media screen and (max-width: 1535px){
	.container,#page__contacts .container{max-width: 1238px}


	.section{padding: 80px 0;}


	.bt{font-size: 52px; line-height: 52px; margin-bottom: 40px;}


	.btn-more{font-size: 16px;}
	.btn-more svg{width: 34px; height: 34px;}


	header{padding: 16px 0;}
	header .main{padding: 12px 18px;}
	header .logo{max-width: 112px;}
	header nav ul{font-size: 14px;}
	header .info{font-size: 12px;}
	header .header__info{gap: 37px;}
	header nav ul li.menu-item-has-children-second .sub-menu li a{padding-right: 62px}


	#promo{padding: 142px 0 123px}
	#promo .container{max-width: 1202px}
	#promo h1{max-width: 670px; font-size: 72px; line-height: 70px; margin-bottom: 100px;}
	#promo .images img:nth-child(2){top: 42px; max-width: 390px;}
	#promo .images img:nth-child(1){top: 282px; left: 85px; max-width: 260px;}
	#promo .text{max-width: 660px; margin-left: 440px;}
	#promo .text p{font-size: 18px;}
	#promo .text .btn{margin-top: 24px;}


	#questions .grid{gap: 8px;}
	#questions .item{font-size: 24px; line-height: 29px;}
	#questions .item .icon{ width: 56px; height: 56px;}


	#advantages .container{max-width: 1202px}
	#advantages .bt{font-size: 48px;}


	#choose__specialist{padding: 40px 0;}
	#choose__specialist .container{max-width: 1202px}
	#choose__specialist .data{padding: 32px 54px; border-radius: 32px;}
	#choose__specialist .image{max-width: 500px;}
	#choose__specialist .text{max-width: 550px; width: 100%;}
	#choose__specialist p{font-size: 20px; max-width: 100%;}


	#services .container{max-width: 1002px}
	#services .item{padding: 20px;}
	#services .grid{gap: 0;}
	#services .item .icon{margin-bottom: 15px}


	#works .item p{font-size: 20px;}
	#works .item .icon img{width: 32px; height: 32px; margin-bottom: 8px;}


	#reviews .bt{margin-bottom: 40px;}


	#methods .container{max-width: 1148px}
	#methods .item .icon{width: 72px; height: 72px; top: calc(50% - 34px); left: 0px;}


	#page__error{padding: 175px 0 88px}
	#page__error img{margin-bottom: 52px; max-width: 250px}
	#page__error .note{font-size: 22px; margin-bottom: 32px;}
	#page__error p{font-size: 16px;}
	#page__error .btn{margin-top: 40px}


	#page__contacts .bt{margin-bottom: 64px; font-size: 72px; line-height: 70px}
	#page__contacts .note{margin-bottom: 64px; padding-right: 200px; font-size: 22px;}
	#page__contacts .items{margin: 0 auto; max-width: 1234px}
	#page__contacts .item{border-radius: 22px; padding: 28px 24px;}
	#page__contacts .item .title{font-size: 18px; margin-bottom: 20px;}
	#page__contacts .item .ct{margin-bottom: 20px; font-size: 14px;}
	#page__contacts .item span{font-size: 13px;}
	#page__contacts .item p{font-size: 14px;}
	#page__contacts .item .socials{gap: 20px}
	#page__contacts .item .socials a{width: 44px; height: 44px}
	#page__contacts .item .socials a svg{width: 24px; height: 24px;}
	#page__contacts .item .socials.messengers a svg{width: 44px; height: 44px;}
	#page__contacts .item .ct.email{font-size: 18px; padding-left: 32px; background-size: 26px; margin-top: 20px}
	#page__contacts .contacts__form{max-width: 956px; padding: 64px 0 0;}
	#page__contacts .contacts__form .bt{margin-bottom: 40px; font-size: 36px; font-weight: 700;}
	#page__contacts .contacts__form .form{border-radius: 25px; padding: 38px 26px;}


	#page__price .container{max-width: 990px}
	#page__price .prices{padding: 64px 52px}
	#page__price .prices .row{padding-bottom: 48px; margin-bottom: 48px;}
	#page__price .prices .title{font-size: 38px; margin-bottom: 38px;}
	#page__price .prices table th{font-size: 12px; padding-bottom: 12px;}
	#page__price .prices table td{font-size: 18px; padding: 10px 0;}
	#page__price .prices table td .btn{font-size: 14px; height: 46px;}
	#page__price .prices table td .btn svg{width: 46px; height: 46px;}
	#page__price .prices table td:nth-child(1){width: 390px;}
	#page__price .prices table td:nth-child(2){font-size: 18px;}

	#page__specialist .specialis__content .row .tags{gap: 26px}
	#page__specialist .specialis__content .row .tags span{font-size: 12px;}
	#page__specialist .specialis__content .row__title{font-size: 22px;}
	#page__specialist .specialis__content .row .prices .item{font-size: 14px; margin-bottom: 14px;}

	#page__blog .container{max-width: 1146px}
	.blog__item{padding: 24px;}
	.blog__item img{height: 228px; border-radius: 20px;}
	.blog__item .title{margin-bottom: 14px; font-size: 16px}
	.blog__item .date{font-size: 12px;}


	.box__modal{padding: 56px; width: 700px}
	.box__modal .modal__title{margin-bottom: 24px; font-size: 40px;}
	.box__modal .form{max-width: 290px}
	.fancybox-close-small{width: 20px; height: 20px; top: 24px; right: 24px;}


	footer.footer__bg{margin-top: 64px}
	footer{padding-bottom: 65px;}
	footer .top{margin-bottom: 64px;}
	footer .top .navs{max-width: 574px;}
	footer .top .navs li{line-height: 16px; font-size: 13px;}
	footer .contacts p{margin-bottom: 18px; font-size: 32px;}
	.header-menu {
    gap: 35px;
}
html[lang="ru-RU"] #page__price .prices table td:nth-child(4) {
  width: 212px;
}
}


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


	.container{max-width: 100%!important; padding: 0 24px;}

	.bt{margin-bottom: 40px; font-size: 48px; line-height: 58px;}


	.btn-violet{height: 46px;}
	.btn-violet svg{width: 46px; height: 46px;}

	.btn-more{font-size: 20px;}
	.btn-more svg{width: 46px; height: 46px;}

	.section{padding: 64px 0;}


	header .main{padding: 16px;}
	header .logo{max-width: 128px;}
	header nav{display: none;}
	header .header__info{gap: 24px;}
	header .callback{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;}
	header .pull{display: flex; align-items: center; justify-content: center; width: 46px; height: 46px;}
	header .info{font-size: 16px;}
	header .main{border-radius: 10px;}


	#promo .images{position: relative; display: flex; align-items: flex-start; justify-content: space-between; box-sizing: border-box; padding: 0 24px; margin-bottom: 32px;}
	#promo .images img{position: relative; border-radius: 12px}
	#promo .images img:nth-child(1){left: 0; top: 0; max-width: 100%; width: 260px; margin-top: 40px}
	#promo .images img:nth-child(2){left: 0; top: 0; right: 0; max-width: 100%; width: calc(100% - 275px)}
	#promo h1{max-width: 720px; font-size: 64px; line-height: 77px; margin: 0 0 20px}
	#promo .text{max-width: 100%; max-width: 100%; margin: 0; width: 100%;}
	#promo .text br{display: none;}
	#promo .text .btn{margin-top: 32px;}
	#promo .text p{font-size: 20px;}


	#questions .grid{gap: 12px; grid-template-columns: repeat(2, 1fr);}
	#questions .grid .item{padding: 32px;}
	#questions .item .icon{width: 80px; height: 80px;}


	#advantages .text{margin-bottom: 48px;}
	#advantages .advantages{margin: 0; max-width: 580px;}
	#advantages .advantages .item{min-height: 80px; margin-bottom: 32px; padding-left: 104px;}
	#advantages .advantages .item .icon{width: 80px; height: 80px;}
	#advantages .advantages .item .icon img{width: 50px; height: 50px;}
	#advantages .advantages .title{font-size: 32px; margin-bottom: 8px;}
	#advantages .advantages p{font-size: 14px;}


	#choose__specialist .data{padding: 32px 24px;}
	#choose__specialist .data .image{margin: 0 auto; width: 100%; margin-bottom: 24px; max-width: 100%;}
	#choose__specialist .data .image img{margin: 0 auto; max-width: 603px}
	#choose__specialist .text{max-width: 100%;}
	#choose__specialist .text .title br{display: none;}
	#choose__specialist .title{max-width: 600px}


	#services .grid{gap: 14px; grid-template-columns: repeat(2, 1fr);}
	#services .item{padding: 14px; border-radius: 32px;}
	#services .item .icon{height: auto; margin-bottom: 24px;}
	#services .item .icon img{width: 100%; height: auto;}


	#works .grid{gap: 12px; grid-template-columns: repeat(2, 1fr);}
	#works .grid .item .bg img{width: 100%;}
	#works .item p{font-size: 24px;}
	#works .item .icon img{width: 40px; height: 40px;}


	.item__reviews{padding: 24px 24px 65px;}
	#reviews .swiper-slide{width: 332px;}
	.item__reviews .top{margin-bottom: 16px;}
	.item__reviews .more{left: 24px; bottom: 24px;}


	#page__services{padding-bottom: 64px}
	#page__services .container{width: 794px}
	.list__services__items .item{margin-bottom: 8px; padding: 24px; border-radius: 28px}
	.list__services__items .item .image{border-radius: 28px; width: 144px; height: 144px;}
	.list__services__items .item .data{width: calc(100% - 176px); padding: 8px 0 0;}
	.list__services__items .name{font-size: 32px; margin-bottom: 6px;}
	.list__services__items .status{font-size: 16px; margin-bottom: 15px;}
	.list__services__items .btn{height: 46px; padding-left: 20px; font-size: 16px; gap: 8px; width: 166px}
	.list__services__items .btn svg{width: 46px; height: 46px;}
	.list__services__items .price{font-size: 24px;}

	.tags span{margin-bottom: 8px; font-size: 16px; gap: 8px;}


	#breadcrumbs .container{padding: 0 40px}


	.pagination{padding-top: 32px; font-size: 16px;}
	.pagination .prev,.pagination .next{width: 38px; height: 38px;}
	.pagination svg{width: 20px; height: 20px;}


	#methods .bt{margin-bottom: 48px;}
	#methods .grid{grid-template-columns: repeat(1, 1fr); gap: 0; margin: 0 auto; max-width: 423px}
	#methods.section__services .grid{grid-template-columns: repeat(2, 1fr); max-width: 720px}
	#methods.section__services .grid .item .icon{left: 0}
	#methods .item{padding: 32px 32px 32px 28px; min-height: 136px; display: flex; align-items: center; justify-content: flex-start;}
	#methods .item .icon{width: 72px; height: 72px; left: 32px; top: calc(50% - 36px)}
	#methods .item .title{font-size: 20px;}


	#page__error{padding: 194px 0 64px}
	#page__error .bt{margin-bottom: 40px; font-weight: 700;}
	#page__error img{margin-bottom: 52px; max-width: 250px}
	#page__error .note{font-size: 28px; margin-bottom: 24px;}
	#page__error p{font-size: 20px; display: inline;}
	#page__error .btn{margin-top: 40px}



	#page__contacts .bt{margin-bottom: 56px; font-size: 64px; line-height: normal;}
	#page__contacts .note{margin-bottom: 40px; padding: 0 0 0 124px; text-align: left; font-size: 28px;}
	#page__contacts .items{grid-template-columns: repeat(2, 1fr);}
	#page__contacts .item{border-radius: 28px; padding: 24px;}
	#page__contacts .item .title{font-size: 24px; margin-bottom: 24px;}
	#page__contacts .item .ct{margin-bottom: 24px; font-size: 20px;}
	#page__contacts .item span{font-size: 16px;}
	#page__contacts .item p{font-size: 20px;}
	#page__contacts .item .socials{gap: 24px}
	#page__contacts .item .socials a{width: 56px; height: 56px}
	#page__contacts .item .socials a svg{width: 32px; height: 32px;}
	#page__contacts .item .socials.messengers a svg{width: 56px; height: 56px;}
	#page__contacts .item .ct.email{font-size: 24px; padding-left: 40px; background-size: 32px; margin-top: 24px}
	#page__contacts .contacts__form{max-width: 956px; padding: 56px 0 0;}
	#page__contacts .contacts__form .bt{margin: 0 auto 40px; font-size: 48px; font-weight: 700; text-align: center; max-width: 600px}
	#page__contacts .contacts__form .bt br{display: none;}
	#page__contacts .contacts__form .form{border-radius: 25px; padding: 38px 26px;}
	#page__contacts .contacts__form .form{padding: 40px; max-width: 442px; margin: 0 auto; box-sizing: border-box;}
	.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form input[type="password"], .form textarea, .form select{
		margin-bottom: 16px; width: 100%!important; height: 60px; padding: 0 24px; font-size: 20px;
	}
	.form textarea{margin-bottom: 24px; padding-top: 16px; height: 122px}
	.form .send{gap: 32px}
	.form .send .privacy{order: 0; max-width: 100%; font-size: 16px;}
	.form .send .btn{order: 1; width: 100%; font-size: 20px; height: 64px; padding: 0; justify-content: center;}
	.form .send .btn svg{width: 64px; height: 64px;}


	.section__page{padding-bottom: 64px}


	#page__faq .list__faq .item{padding: 16px; border-radius: 18px;}
	#page__faq .list__faq .item .title{font-size: 20px;}
	#page__faq .list__faq .item .title:after{width: 32px; height: 32px; top: 4px; background-size: 100%;}
	#page__faq .list__faq .item .answer{font-size: 20px; padding-right: 50px}


	#page__blog .container{max-width: 100%}
	.list__blog.grid{grid-template-columns: repeat(2, 1fr);}
	.blog__item{padding: 12px;}
	.blog__item img{height: 240px; border-radius: 20px; margin-bottom: 12px;}
	.blog__item .title{margin-bottom: 14px; font-size: 20px}
	.blog__item .date{font-size: 12px;}


	#page__content .container{padding: 0 40px;}


	#interest .swiper{overflow-x: inherit;}
	#interest .swiper-slide{width: 350px; padding: 0}


	#page__specialist .container{max-width: 636px!important}
	#page__specialist .sidebar{width: 220px;}
	#page__specialist .sidebar img{height: 220px;}
	#page__specialist .specialis__content{width: calc(100% - 236px)}
	#page__specialist .specialis__content .row{padding: 20px 16px;}
	#page__specialist .list__cert .item{width: 100%; font-size: 15px;}


	#page__specialist .specialis__content .row .tags{gap: 8px}
	#page__specialist .specialis__content .row .tags span{font-size: 16px; margin-right: 16px}
	#page__specialist .specialis__content .row__title{font-size: 28px;}
	#page__specialist .specialis__content .row .prices .item{font-size: 16px; margin-bottom: 16px;}
	#page__specialist .specialis__content .video span{font-size: 20px; top: 17px; left: 17px;}


	footer .data{padding: 64px 56px;}
	footer .col:nth-child(1){width: 100%;}
	footer .logo{max-width: 100%; max-width: 160px;}
	footer .logo img{width: 100%;}
	footer .navs{margin: 56px 0; max-width: 445px; position: relative; width: 100%; gap: 55px}
	footer .navs .col{width: 52%;}
	footer .navs .col:last-child{position: absolute; top: 0; right: 0;}
	footer .top{margin-bottom: 56px;}
	footer .top .title{font-size: 24px; margin-bottom: 32px;}
	footer .top .navs li{line-height: 22px; margin-bottom: 20px; font-size: 18px;}
	footer .top .navs .col:last-child li{font-size: 24px; margin-bottom: 40px; line-height: 28px;}
	footer .contacts p{margin-bottom: 48px; font-size: 48px; text-align: left;}
	footer .bottom{font-size: 18px; gap: 40px;}
	footer .bottom ul{width: 100%; order: 0; justify-content: flex-start;}
	footer .bottom .copyright{width: 100%; order: 1}


	.box__modal{padding: 80px; width: 720px}
	.box__modal .modal__title{margin-bottom: 40px; font-size: 48px;}
	.box__modal .form{max-width: 360px}
	.fancybox-close-small{width: 24px; height: 24px; top: 32px; right: 32px;}


	.box__modal .modal__text{max-width: 370px; font-size: 20px;}


	.socials{justify-content: flex-start;}
	.socials a{width: 72px; height: 72px;}
	.socials a svg{width: 40px; height: 40px;}
}



@media screen and (max-width: 959px){
	header .city,header .lang{display: none;}
	#promo .text{max-width: 100%; max-width: 617px; margin: 0}


	#page__price .prices{padding: 32px; margin: 0 auto; max-width: 412px; padding: 0; background: transparent;}
	#page__price .prices .row{padding-bottom: 48px; margin-bottom: 32px; background: #fff; padding: 32px!important; border-radius: 28px; border: none;}
	#page__price .prices .row:last-child{margin-bottom: 0}
	#page__price .prices .title{font-size: 28px; margin-bottom: 24px; font-weight: normal;}
	#page__price .prices table thead{display: none;}
	#page__price .prices table td{display: block; width: 100%!important; padding: 0}
	#page__price .prices table td:nth-child(1){margin-bottom: 12px; font-size: 20px;}
	#page__price .prices table td:nth-child(2){margin-bottom: 8px; font-size: 20px; color: #000;}
	#page__price .prices table td:nth-child(3){margin-bottom: 20px;}
	#page__price .prices table td:nth-child(2),#page__price .prices table td:nth-child(3){display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
	#page__price .prices table td .btn{font-size: 14px; height: 46px; justify-content: center; padding: 0 46px 0 24px}
	#page__price .prices table td .btn svg{width: 46px; height: 46px; position: absolute; top: -3px;}
	#page__price .prices table tr{display: block; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #B6ABFF}
	#page__price .prices table tr:last-child{margin: 0; padding: 0; border: none;}
	#page__price .prices table td span{display: block}
}


@media screen and (max-width: 767px){
	.container{padding: 0 12px;}


	.section{padding: 56px 0;}


	.bt{margin-bottom: 32px; font-size: 48px; line-height: 58px;}


	.btn-violet{justify-content: center; padding: 0 72px 0 24px; font-size: 20px; height: 64px;}
	.btn-violet svg{position: absolute; top: -3px; right: 0; width: 64px; height: 64px;}


	header{padding: 12px 0;}
	header .main{padding: 8px 9px 8px 16px;}
	header .callback .btn,header .info{display: none;}


	#navigation{top: 70px; width: calc(100% - 24px); left: 12px; padding: 40px 24px; height: calc(100% - 82px)}
	#navigation .phone{display: flex; margin-bottom: 24px; font-size: 20px;}
	#navigation nav{margin-bottom: 40px;}
	#navigation .callback{padding: 40px 0 0; display: block;}
	#navigation .callback .btn{width: 100%;}
	#navigation .toggle ul{left: 0!important}


	#promo{padding: 92px 0 56px;}
	#promo h1{font-size: 48px; line-height: 52px; margin-bottom: 16px;}
	#promo .images{padding: 0; justify-content: flex-end; min-height: 200px; margin-bottom: 10px;}
	#promo .images img:nth-child(1){position: absolute; top: 0; left: 0; z-index: 2; width: 172px; margin-top: 25px}
	#promo .images img:nth-child(2){width: calc(100% - 110px);}
	#promo .text .btn{margin-top: 24px; width: 100%;}


	#questions .grid{grid-template-columns: repeat(1, 1fr);}
	#questions .item .icon{margin-bottom: 24px;}


	#advantages .advantages .item{margin-bottom: 32px; padding: 0}
	#advantages .advantages .item .icon{position: relative; margin-bottom: 16px; width: 64px; height: 64px; border-radius: 12px;}
	#advantages .advantages .item .icon img{width: 40px; height: 40px;}
	#advantages .advantages .title{font-size: 28px;}


	#choose__specialist .data{padding: 24px 12px;}
	#choose__specialist .data .image img{width: 100%;}
	#choose__specialist .title{font-size: 32px;}
	#choose__specialist p{font-size: 24px; margin-bottom: 32px;}
	#choose__specialist .btn{max-width: 100%; width: 100%;}


	#services .grid{gap: 12px; grid-template-columns: repeat(1, 1fr);}
	#services .item{padding: 12px 20px;}


	#works .grid{gap: 24px; grid-template-columns: repeat(1, 1fr);}


	#reviews .sw__nav{padding: 24px 0 0;}
	#reviews .bt{margin-bottom: 32px;}


	#ceo .content img{height: 410px; margin: 24px 0;}


	#breadcrumbs{padding: 95px 0 35px;}
	#breadcrumbs .container{padding: 0 12px;}


	#page__services{padding-bottom: 56px;}
	.list__services__items .item{padding: 16px;}
	.list__services__items .item .image{width: 96px; height: 96px; border-radius: 12px; position: absolute; top: 16px; left: 16px;}
	.list__services__items .total,.list__services__items .info{width: 100%; max-width: 100%; box-sizing: border-box;}
	.list__services__items .btn{position: relative; padding: 0 54px 0 20px; gap: 0}
	.list__services__items .item .data{width: 100%; padding: 4px 0 0}
	.list__services__items .total{display: flex; align-items: center; justify-content: space-between; padding: 30px 0 0;}
	.list__services__items .price{font-size: 20px;}
	.list__services__items .tags{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 24px;}
	.list__services__items .tags span{margin: 0}
	.list__services__items .name{margin-left: 112px; max-width: 160px; margin-bottom: 8px; font-size: 28px;}
	.list__services__items .status{margin-bottom: 32px; font-size: 14px; font-weight: normal; margin-left: 112px;}


	.pagination{padding-top: 40px;}


	#methods .bt{margin-bottom: 32px;}
	#methods .grid{gap: 24px;}
	#methods .item{padding: 16px 16px 16px 12px; min-height: 104px}
	#methods .item .icon{left: 16px}

	#methods.section__services .grid{grid-template-columns: repeat(1, 1fr); row-gap: 10px;}
	#methods.section__services .grid .item{padding-left: 112px}
	#methods.section__services .grid .item .icon{left: 16px}



	#page__error{padding: 116px 0 56px}
	#page__error .bt{margin-bottom: 24px;}
	#page__error img{margin-bottom: 40px; max-width: 200px}
	#page__error .note{font-size: 24px; margin-bottom: 24px;}
	#page__error p{font-size: 16px; display: inline;}
	#page__error .btn{margin-top: 32px}


	#page__contacts .bt{margin-bottom: 32px; font-size: 48px; line-height: 52px;}
	#page__contacts .note{margin-bottom: 56px; padding: 0; font-size: 24px; font-family: var(--Finlandica);}
	#page__contacts .items{grid-template-columns: repeat(1, 1fr);}
	#page__contacts .item{border-radius: 28px; padding: 32px 26px;}
	#page__contacts .item .title{font-size: 24px; margin-bottom: 24px;}
	#page__contacts .item .ct{margin-bottom: 24px; font-size: 20px;}
	#page__contacts .item:nth-child(2) .ct:last-child{margin: 0}
	#page__contacts .item span{font-size: 16px;}
	#page__contacts .item p{font-size: 20px;}
	#page__contacts .item .socials{gap: 24px}
	#page__contacts .item .socials a{width: 56px; height: 56px}
	#page__contacts .item .socials a svg{width: 32px; height: 32px;}
	#page__contacts .item .socials.messengers a svg{width: 56px; height: 56px;}
	#page__contacts .item .ct.email{font-size: 24px; padding-left: 40px; background-size: 32px; margin-top: 24px}
	#page__contacts .contacts__form{padding: 112px 0 0;}
	#page__contacts .contacts__form .bt{margin: 0 auto 32px; font-size: 32px; font-weight: normal; text-align: left;}
	#page__contacts .contacts__form .bt br{display: none;}
	#page__contacts .contacts__form .form{border-radius: 28px; padding: 20px 8px;}
	.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form input[type="password"], .form textarea, .form select{
		margin-bottom: 12px; width: 100%!important; height: 60px; padding: 0 24px; font-size: 20px;
	}
	.form textarea{margin-bottom: 16px; padding-top: 16px; height: 122px}
	.form .send{gap: 24px}
	.form .send .privacy{order: 0; max-width: 100%; font-size: 14px;}
	.form .send .btn{order: 1; width: 100%; font-size: 20px; height: 64px; padding: 0}
	.form .send .btn svg{width: 64px; height: 64px;}


	.section__page{padding-bottom: 64px}


	#page__price .prices .row{padding: 20px 16px!important}
	#page__price .prices .row td span{font-size: 16px;}


	#page__faq .list__faq .item{padding: 11px 16px}
	#page__faq .list__faq .item .title{font-size: 16px;}
	#page__faq .list__faq .item .answer{font-size: 16px;}


	.list__blog.grid{grid-template-columns: repeat(1, 1fr);}
	.blog__item{padding: 12px 0;}
	.blog__item img{height: 250px; border-radius: 20px; margin-bottom: 12px;}
	.blog__item .title{margin-bottom: 14px; font-size: 20px}
	.blog__item .date{font-size: 12px;}


	.box__modal{padding: 66px 14px; width: 100%; border-radius: 0; margin: 0!important; height: 100vh;}
	.box__modal .modal__title{margin-bottom: 24px; font-size: 48px; padding: 0 30px}
	.box__modal .form{max-width: 100%}
	.fancybox-close-small{width: 18px; height: 18px; top: 24px; right: 24px;}
	.box__modal .form input, .box__modal .form textarea{margin-bottom: 12px!important}
	.box__modal .form textarea{margin-bottom: 20px!important}
	.box__modal .form .privacy{font-size: 14px; padding-right: 50px}

	.thanks-content {
		height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
	}

	.thanks-content__btn {
		position: absolute;
		bottom: 40px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 100%;
	}


	#page__content .container{padding: 0 12px;}
	#page__content h1{font-size: 32px; font-weight: normal; margin-bottom: 32px;}
	#page__content .article__info{margin-bottom: 32px;}
	.page__content img{border-radius: 15px;}
	#page__content .article__info .user .name{font-size: 16px;}
	#page__content .author{padding: 40px 0 0;}
	#page__content .author .title{font-size: 16px; margin-bottom: 20px;}
	#page__content .author .user img{width: 96px; height: 96px; border-radius: 12px;}
	#page__content .author .user{padding-left: 0; padding-top: 110px}
	#page__content .author .user .name{position: absolute; top: 20px; left: 112px;}
	#page__content .author .user .status{position: absolute; top: 60px; left: 112px;}
	#page__content .author .user .btn{height: 46px; font-size: 16px;}
	#page__content .author .user .btn svg{width: 46px; height: 46px;}


	#interest .swiper{overflow-x: inherit;}
	#interest .swiper-slide{width: 340px; padding: 0}


	.content__quote{padding: 24px 12px; border-radius: 32px;}
	.content__quote img{margin-bottom: 24px;}
	.content__quote .pub__title{font-size: 32px; margin-bottom: 12px;}
	.content__quote .pub__note{font-size: 24px;}
	.content__quote .btn{width: 100%; height: 64px!important; font-size: 20px!important}
	.content__quote .btn svg{width: 64px!important; height: 64px!important;}


	#page__specialist .sidebar{width: 100%; margin-bottom: 16px; top: 0; position: relative; max-width: 100%; padding: 16px 16px 78px; box-sizing: border-box;}
	#page__specialist .sidebar img{position: absolute; top: 16px; left: 16px; width: 128px; height: 128px; border-radius: 16px;}
	#page__specialist .sidebar .name{margin-left: 128px; max-width: 140px}
	#page__specialist .sidebar span{margin-left: 128px}
	#page__specialist .sidebar .btn{position: absolute; bottom: 16px; left: 16px; width: calc(100% - 32px); height: 46px!important; font-size: 16px!important;}
	#page__specialist .sidebar .btn svg{width: 46px!important; height: 46px!important;}
	#page__specialist .specialis__content{width: 100%;}
	#page__specialist .specialis__content .row .tags{gap: 8px;}
	#page__specialist .specialis__content .row .prices .item span:last-child{font-size: 20px;}
	#page__specialist .page__content{font-size: 16px;}
	#page__specialist .page__content p{margin-bottom: 24px; font-size: 16px;}
	.row__education p,.row__education .title{font-size: 16px;}



	footer.footer__bg{margin-top: 56px}
	footer{padding: 0 0 56px;}
	footer .data{padding: 48px 32px; border-radius: 28px;}
	footer .logo{max-width: 128px;}
	footer .navs .col{width: 100%;}
	footer .navs .col:last-child{position: relative;}
	footer .navs .col li:last-child{margin: 0!important}
	footer .contacts p{font-size: 32px; font-weight: normal;}
	footer .bottom{font-size: 18px;}
	footer .bottom .copyright{max-width: 160px; order: 0}
	footer .bottom ul{order: 1; gap: 32px;}
	.form .flex .wpcf7-form-control-wrap {
		width: calc(100%);
	}
	#thanks_contacts .modal__text{ font-size: 20px; max-width: 100%}

	#page__contacts .bt br{
		display: none;
	}

	#promo .text p  {
		display: none;
		display: contents;
	}
	.box__modal .form input::placeholder {
		font-size: 20px;
	}
	#page__specialist .specialis__content .video img {
		height: 206px;
	}
	
	/* Certificates show more on mobile */
	#page__specialist .list__cert .cert-hidden {
		display: none;
	}
	
	#page__specialist .flex__cert-mobile {
		display: flex;
	}
	#page__specialist {
		padding-bottom: 0;
	}
	.page__content h2, .page__content h3, .page__content h4, .page__content h5, .page__content h6 {
		line-height: 1.2;
	}
}