@media only screen and (max-width : 1199px) {
	
	.top-line {
		height: auto;
	}
	.header {
		background-position: 40% !important;
		height: 640px;
	}
	.header-contacts-wrap {
		padding-right: 50px;
	}
	.header-city-wrap {
		padding-left: 20px;
	}
	.top-mnu-wrap {
		background: rgba(255,255,255,0.96);
		position: absolute;
		z-index: 999;
		width: 100%;
	}
	.principles .descript {
		height: 363px;
		padding: 0 33px;
	}
	.consult-text {
		font-size: 26px;
		line-height: 35px;
		text-align: center;
		margin-top: 47px;
	}
	#form-consult {
		padding: 23px 35px 35px 35px;
	}
	#form-consult .head {
		font-size: 21px;
	}
	#form-kp .small {
		width: 213px;
	}
	.kp .tab_item .descript {
		width: 60%;
	}
	.client-logo-wrap {
		text-align: center;
	}
	.owl-carousel.docs .owl-next {
		right: -15px;
	}
	.owl-carousel.docs .owl-prev {
		left: -15px;
	}
	.footer-payment-link {
		padding: 10px 28px;
	}
	.footer-menu li {
		margin-right: 14px;
		font-size: 14px;
	}
	.footer .logo {
		width: 130px;
	}

}

@media only screen and (max-width : 991px) {
	
	.header {
		background-position: 37% !important;
	}
	.header-city-wrap {
		padding-left: 0;
		margin-left: 20px;
	}
	.header-phone {
		font-size: 16px;
	}
	.header-call {
		margin-left: 18px;
		top: -2px;
	}
	.item-number {
		width: 12%;
	}
	.item-text {
		padding: 28px 20px;
		width: 88%;
	}
	.content-block-text {
		margin-top: 30px;
	}
	.about-logo-wrap {
		margin-bottom: 30px;
	}
	.about-item-text {
		padding-top: 21px;
	}
	.principles .descript {
		height: 278px;
		padding: 0 20px;
	}
	.principles .head {
		font-size: 16px;
	}
	.principles .num {
		font-size: 26px;
	}
	.principles .text {
		line-height: 22px;
		font-size: 13px;
	}
	.principles .num::after {
		height: 18px;
		margin: 4px 0 10px 0;
	}
	.consult-text {
		margin-top: 0;
		font-size: 22px;
		line-height: 30px;
	}
	.consult-text br {
		display: none;
	}
	.reviews-fiz-item {
		max-width: 80%;
		margin: 0 auto;
	}
	.owl-carousel.reviews .owl-prev {
		left: 0;
	}
	.owl-carousel.reviews .owl-next {
		right: 0;
	}
	.kp .tab {
		padding: 10px;
		font-size: 14px;
	}
	#form-kp .small {
		width: 100%;
	}
	#form-kp input,
	#form-kp select {
		height: 40px;
		margin-bottom: 15px;
	}
	.kp .tab_item .descript {
		width: 100%;
		bottom: 0;
		height: auto;
		top: auto;
	}
	.kp .tab_item {
		text-align: center;
	}
	.tab_content {
		max-width: 555px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#form-kp {
		max-width: 555px;
		margin: 0 auto;
	}
	.contacts-wrap {
		margin-bottom: 30px;
		text-align: center;
	}
	.footer-menu {
		text-align: right;
	}
	.footer {
		text-align: center;
	}
	.footer-soc-wrap {
		text-align: center;
	}
	#popup-header-city .form-head {
		font-size: 22px;
	}
	#popup-header-city .city-item span {
		font-size: 18px;
	}

}

@media only screen and (max-width : 767px) {
	
	.top-line {
		height: auto;
		text-align: center;
		line-height: normal;
	}
	.logo {
		margin: 12px 0;
		max-width: 140px;
	}
	.header-city-wrap {
		margin-left: 15px;
	}
	.header-contacts-wrap {
		text-align: center;
		padding-top: 6px;
		padding-right: 40px;
	}
	.header-phone {
		margin-bottom: 2px;
		display: block;
	}
	.header-call {
		top: 0;
		display: inline-block;
		margin-bottom: 12px;
		font-size: 14px;
		margin-left: 10px;
	}
	h1 {
		margin-top: 60px;
		font-size: 39px;
		line-height: 48px;
	}
	.about-logo-wrap img {
		max-width: 337px;
	}
	.principles .text {
		font-size: 15px;
	}
	.principles .descript {
		height: auto;
		padding: 20px 30px;
		max-width: 570px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.nopaddingleft {
		padding-left: 15px;
	}
	.nopaddingright {
		padding-right: 15px;
	}
	.principles {
		padding-bottom: 30px;
	}
	.expert-item.expert-1 .text-wrap::before,
	.expert-item.expert-2 .text-wrap::before {
		display: none;
	}
	.expert-item .text-wrap {
		margin-top: 20px;
	}
	.expert-item img {
		margin: 0 auto;
	}
	.kp .tabs {
		font-size: 0;
		border-bottom: none;
		margin: 0 -5px;
		margin-bottom: 15px;
	}
	.kp .tab {
		padding: 15px 0;
		background: #f0f5f1;
		margin: 5px;
		width: calc(33.33% - 10px);
	}
	.small-padding {
		padding: 0 15px;
	}
	.video .video-wrap {
		margin-bottom: 15px;
	}
	.footer-menu {
		text-align: center;
		margin: 10px 0;
	}
	.footer {
		line-height: normal;
		padding: 20px 0;
	}
	.footer-payment-link {
		margin: 10px 0 20px 0;
		display: inline-block;
	}
	.video {
		display: none;
	}

}

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

	.logo {
		margin: 3px 0;
		max-width: 120px;
	}
	.header-city-wrap {
		display: block;
		margin: 0;
		margin-bottom: 10px;
	}

}

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

	#popup-header-city .row > div {
		width: 100%;
	}

}

@media only screen and (max-width : 479px) {
	
	body {
		font-size: 15px;
	}
	.logo {
		width: 100px;
		margin: 2px 0;
		padding-top: 4px;
		display: block;
	}
	h1 {
    margin-top: 12vh;
    font-size: 31px;
    line-height: 40px;
	}
	.h1-descript {
		font-size: 14px;
		line-height: 21px;
	}
	h1::after {
		margin-top: 15px;
		width: 155px;
	}
	.header {
		padding-bottom: 30px;
	}
	h2 {
		font-size: 22px;
	}
	.item-number {
		width: 15%;
	}
	.item-text {
		padding: 16px 8px;
		width: 85%;
		font-size: 15px;
	}
	.content-block-item {
		margin-bottom: 20px;
	}
	.content-block-text {
		margin-top: 20px;
		font-size: 15px;
		padding: 4px 16px;
	}
	.about-logo-wrap {
		margin-bottom: 20px;
	}
	.about-text {
		line-height: 25px;
		margin-bottom: 22px;
		text-align: center;
	}
	.about-item img {
		float: none;
	}
	.about-item {
		text-align: center;
		margin-bottom: 30px;
	}
	.about-item-text {
		padding-left: 0;
		padding-top: 15px;
	}
	.about-logo-wrap {
		min-height: 150px;
		line-height: 150px;
	}
	.about-logo-wrap img {
		padding: 0 30px;
	}
	.consult-text {
		font-size: 20px;
		line-height: 30px;
	}
	#form-consult .head {
		font-size: 16px;
	}
	#form-consult {
		padding: 25px 25px 35px 25px;
	}
	#form-consult input {
		height: 48px;
	}
	#form-consult button {
		height: 48px;
	}
	.reviews-fiz-item {
		max-width: 100%;
	}
	.owl-carousel.reviews .owl-prev {
		left: -15px;
	}
	.owl-carousel.reviews .owl-next {
		right: -15px;
	}
	.reviews-ur-item .ur-name {
		font-size: 15px;
		line-height: 19px;
		min-height: 53px;
	}
	.kp .tab {
		width: calc(50% - 10px);
	}
	.kp .tab_item .descript {
		height: 100%;
	}
	.owl-carousel.docs .owl-next {
		right: 0;
	}
	.owl-carousel.docs .owl-prev {
		left: 0;
	}
	.questions .accordeon .ans {
		padding: 20px 25px;
	}
	.contacts-wrap {
		padding: 25px 20px 16px 20px;
	}
	.contact-item a {
		display: inline-block;
	}
	#form-contacts {
		padding: 25px 25px 35px 25px;
	}
	#form-contacts .head {
		font-size: 20px;
	}
	#form-contacts .descript {
		margin-bottom: 20px;
	}
	.footer-menu li {
		display: block;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.popup .form-head {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 5px;
	}
	.popup .form-descript {
		font-size: 13px;
	}
	.popup {
		padding: 25px 25px 20px 25px;
	}
	.popup .button-descript {
		font-size: 12px;
	}
	#oferta-popup.popup {
		padding: 30px 30px;
	}
	#popup-header-city .form-head {
		font-size: 20px;
		line-height: 27px;
	}
	#popup-header-city {
		padding: 25px 15px 20px 15px;
	}
	.services-name {
		font-size: 15px;
	}
	.services-name br {
		display: none;
	}
	.services-item img {
		max-width: 100%;
		height: auto;
	}
	.header-phone {
		font-size: 14px;
	}
	.header-call {
		font-size: 14px;
	}
	.header-city {
		font-size: 14px;
	}
	.header-phone::before {
		font-size: 16px;
		margin-right: 5px;
	}
	.header-contacts-wrap {
		padding-top: 10px;
		padding-right: 0;
		text-align: right;
	}
	.header-city-wrap {
		text-align: left;
		padding-left: 7px;
	}
	.toggle-mnu {
		margin-top: 67px;
		z-index: 9999;
	}
	.client-logo-item {
		margin-bottom: 10px;
	}
	.client-logo {
		padding-bottom: 30px;
	}

}