@media screen and (max-width:1600px) {
	.styledSelect {
		padding: 14px 35px;
		font-size: 14px;
	}

	.calc .calc-container {
		padding: 30px 40px;
	}

	.calc .inner {
		margin: 0 0 20px;
	}

	.calc .slider-block>span,
	.calc .result-block .res-group>span,
	.calc .radiobox-group span,
	.calc .form-select span,
	.calc .checkbox-group span {
		font-size: 16px;
	}

	.calc .checkbox-group p {
		font-size: 14px;
	}

	.calc .result-block .res-group .res1 {
		font-size: 22px;
	}

	.front-block .controls .button1,
	.calc .bottom button {
		max-width: 350px;
	}

	.calc .checkbox-group input+p:before {
		width: 14px;
		height: 14px;
		margin-top: -11px;
		border: 4px solid #f7f7f7;
	}

	.calc .checkbox-group .radiobox {
		margin: 0 0 19px;
	}

	.price-list .inner:after {
		display: none;
	}

	.reviews .container:before {
		display: none;
	}

	.team .container:after {
		display: none;
	}

	.calc .calc-container:before,
	.calc .calc-container:after {
		display: none;
	}
}

@media screen and (max-width:1200px) {
	.fs-benefits-block {
		background-image: url('../images/fs-ruler-lg.png');
	}

	.header-btn {
		font-size: 13px;
		flex-basis: 240px;
	}

	.front-benefits-wrap:before {
		width: 177px;
		height: 177px;
	}
}

@media screen and (max-width:1190px) {
	.container {
		max-width: 992px;
	}

	.front-block .container:after,
	.front-block .max:after {
		display: none;
	}

	.btn-reverse,
	.btn {
		font-size: 16px;
		padding: 12px 0px;
		border-radius: 10px;
	}

	.front-block h1 {
		font-size: 60px;
	}

	.main-menu .inner .menu ul a {
		font-size: 14px;
		padding: 6px 20px;
	}

	.main-menu.active .inner .menu ul a {
		padding: 6px 20px;
	}

	header .inner .right .worktime,
	header .inner .left .description {
		font-size: 13px;
	}

	header .inner .right .phone a {
		font-size: 28px;
	}

	.calc {
		padding: 40px 0 70px;
	}

	.garanty .container {
		padding: 40px 0;
	}

	.garanty .container:after {
		display: none;
	}

	.map .inner:before,
	.map .inner:after {
		display: none;
	}

	.about-project .bottom a {
		max-width: 450px;
	}

	.about-project {
		margin: 60px 0;
	}

	.project-detail .review-wrapper {
		margin: 0 0 40px;
	}

	.map {
		padding: 30px 0 20px;
	}

	.project-detail .review-wrapper h2 {
		margin: 0 0 40px;
	}

	.front-action-title {
		font-size: 16px;
		margin-bottom: 0;
		margin-top: 5px;
	}

	.header-btn {
		display: none;
	}
	

	.tab-container .button .btn {
		font-size: 18px;
	}

	#recountform {
		max-width: 992px;
	}

}

@media screen and (max-width:991px) {
	.container {
		max-width: 768px;
	}

	.selectt {
		display: none;
	}

	.main-menu.active .inner .menu {
		padding: 5px 10px;
	}

	.main-menu.active .inner .menu ul a {
		padding: 6px 10px;
	}

	.calc .slider-block>span,
	.calc .result-block .res-group>span,
	.calc .radiobox-group span,
	.calc .form-select span,
	.calc .checkbox-group span {
		font-size: 14px;
	}

	.calc .checkbox-group .radiobox {
		margin: 0 0 15px;
	}

	.calc .result-block .res-group .res1 {
		max-width: 130px;
	}

	.calc .radiobox-group .inline .radiobox p {
		font-size: 14px;
		padding: 0 0 0 30px;
	}

	.calc .radiobox-group .inline .radiobox input+p:before {
		width: 14px;
		height: 14px;
		border-width: 4px;
		margin-top: -11.5px;
	}

	.calc .radiobox-group {
		margin: 0 0 20px;
	}

	.calc .calc-container h2,
	.caption-sm {
		font-size: 38px;
	}

	.complex .top {
		max-width: 100%;
		margin: 0 0 30px;
	}

	.complex h2 {
		font-size: 38px;
		margin: 0 0 20px;
	}

	.complex .container {
		background: url(../images/kondi-master2.jpg) no-repeat center 0px;background-size: contain; padding: 800px 30px 0 30px;
	}

	.gallery h2 {
		font-size: 38px;
	}

	.gallery {
		padding: 40px 0 0 0;
	}

	.gallery p {
		margin: 0 0 20px;
	}

	.gallery .swiper-button-prev {
		left: 0;
	}

	.gallery .swiper-button-next {
		right: 0;
	}

	.gift-block h2,
	.projects-wrapper h2,
	.project-detail .review-wrapper h2,
	.about-project h2,
	.project-detail h1,
	.map .inner h2,
	.faq h2,
	.team h2,
	.reviews h2,
	.projects h2,
	.recount .inner .heading h2,
	.plan h2,
	.repair h2,
	.price-list h2,
	.caption {
		font-size: 38px;
	}

	.price-list {
		padding: 30px 0 30px;
		margin: 0 0 30px;
	}

	.price-list .inner .item {
		width: 100%;
		margin: 0 0 20px;
	}

	.price-list .inner .item .preview {
		min-height: auto;
	}

	.repair {
		padding: 30px 0 30px 0;
	}

	.repair .container>p {
		margin: 0 0 60px;
	}

	.repair .inner .item {
		width: 50%;
		padding: 0 10px;
		margin: 0 0 20px !important;
	}

	.garanty .heading .info h2 {
		font-size: 70px;
	}

	.garanty .heading .info h3 {
		font-size: 43px;
	}

	.plan {
		padding: 40px 0;
	}

	.recount {
		padding: 40px 0;
	}

	.recount .inner {
		display: block;
	}

	.recount .inner .heading {
		text-align: center;
		width: 100%;
		margin: 0 0 20px;
	}

	.recount .inner .form {
		width: 100%;
	}

	.projects-wrapper .inner .item,
	.reviews .inner .item .video,
	.projects .inner .item .thumb {
		margin: 0 0 10px;
	}

	.projects-wrapper .inner .item h4,
	.projects .inner .item h4 {
		font-size: 16px;
	}

	.projects-wrapper .inner .item .cnt,
	.projects .inner .item .thumb .cnt {
		left: 10px;
		bottom: 10px;
		font-size: 18px;
		padding: 7px 17px;
	}

	.reviews,
	.projects {
		padding: 40px 0;
	}

	.reviews .tab-heading,
	.projects .tab-heading,
	.price-list .tab-heading {
		margin: 0 0 30px;
	}

	.reviews .tab-heading .tab .inner,
	.projects .tab-heading .tab .inner,
	.price-list .tab-heading .tab .inner {
		font-size: 14px;
		padding: 7px 10px;
	}

	.team {
		padding: 40px 0 10px;
	}

	.team .inner .item .thumb img {
		max-width: 100%;
	}

	.team .inner .item {
		width: 32%;
		margin-right: 2%;
	}

	.team .inner .item:nth-child(4n + 4) {
		margin-right: 2%;
	}

	.team .inner .item:nth-child(3n + 3) {
		margin-right: 0%;
	}

	.faq {
		padding: 40px 0;
	}

	.faq .item .question h3 {
		font-size: 18px;
	}

	footer .inner .middle,
	footer .inner .left {
		margin: 0 0 20px;
	}

	footer .inner .right {
		margin: 0 auto 20px;
	}

	.about-project .inner .content {
		width: 100%;
		margin: 0 0 50px;
	}

	.about-project .inner .meta {
		width: 100%;
	}

	.project-detail .review-wrapper {
		padding: 40px 0;
		margin: 0 0 10px;
	}

	.project-detail .review:before,
	.project-detail .review:after {
		display: none;
	}

	.about-project {
		margin: 40px 0;
	}

	.about-project h2 {
		margin: 0 0 40px;
	}

	.projects-wrapper {
		margin: 0 0 30px;
	}

	.main-menu .logo img {
		max-width: 100px;
	}

	.main-menu.active .inner .menu {
		width: calc(100% - 230px);
	}

	.main-menu.active .phone>a {
		font-size: 20px;
	}

	.double-arrow {
		display: none;
	}

	.front-action-title {
		margin-top: 20px;
	}

	.front-block .controls .button1,
	.front-action-cnt {
		flex-basis: 100%;
	}

	.front-block .controls .button1 {
		order: 2;
	}

	.front-action-cnt {
		order: 1;
		margin-bottom: 20px;
	}

	.fs-benefits-block {
		background: none;
		padding-bottom: 38px;
	}

	.fs-benefits-wrap {
		display: block;
	}

	.fs-benefits-item {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}

	.fs-benefits-desc {
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
		font-size: 11px;
		text-align: center;
	}

	.reviews_footer {
		flex-wrap: wrap;
	}

	.reviews_footer-list {
		flex-wrap: wrap;
	}

	.reviews_footer-title {
		margin-bottom: 30px;
	}

	.reviews_footer-item {
		flex-basis: 30%;
	}

	.tab-cnt-wrap {
		flex-wrap: wrap;
	}

	.tab-cnt-iten-col-1 {
		width: 50%;
		flex-basis: 50%;
		order: 1;
	}

	.tab-cnt-iten-col-2 {
		width: 100%;
		flex-basis: 100%;
		order: 3;
		padding-right: 0;
	}

	.tab-cnt-iten-col-3 {
		width: 50%;
		flex-basis: 50%;
		order: 2;
	}

	.repair-gallery {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.repair-operation-col {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.tab-col-gifts,
	.tab-col-gifts-cnt {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.tab-col-gifts {
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
		order: 2;
	}

	.tab-col-gifts-cnt {
		order: 1;
	}

	.item-2 .repair-materials {
		margin-top: 0;
	}

	.front-benefits-wrap:before {
		right: 121px;
	}

	.middle-txt {
		display: block;
	}

	#recountform {
		width: 768px;
	}

	#recountform .dude-block {
		max-width: calc(100% - 400px);
	}

	#recountform .popupform {
		width: 400px;
	}

	#recountform .popupform .title {
		font-size: 32px;
	}

	#recountform .dude-block__info {
		top: auto;
		bottom: 40px;
		right: 120px;
	}

	#recountform .dude-block__info span {
		color: #fff;
	}

	#recountform .dude-block__info p {
		color: #fff;
	}


	.gift-block__form h3 {
		font-size: 22px;
	}


}

@media screen and (max-width:767px) {
	.container {
		max-width: 540px;
	}
	.complex .container {
		padding: 550px 30px 0 30px;
	 }
	header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 500;
		-webkit-transition: 0.5s all ease;
		-o-transition: 0.5s all ease;
		transition: 0.5s all ease;
	}

	header.active {
		background: #fff;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	}

	header .mobile-menu {
		display: block;
	}

	.main-menu {
		height: 100vh;
		position: fixed;
		left: 0;
		top: -0;
		top: -100vh;
		z-index: 500;
		width: 100%;
		background: #fff;
	}

	.main-menu .inner {
		background: none;
		border-radius: none;
	}

	.main-menu .main-menu-top,
	.main-menu .main-menu-bottom {
		display: block;
	}

	.plan .inner .fs-benefits-desc {
		font-size: 10px;
		text-align: left;
		/* overflow-wrap: break-word; */
		word-break: break-word;
	}

	.main-menu .phone,
	.main-menu .description {
		display: block;
	}

	.main-menu .logo {
		display: block;
	}

	header .inner .logo {
		max-width: 200px;
	}

	header .inner .right {
		margin-left: auto;
	}

	header .inner .right .phone {
		line-height: 1;
	}

	header .inner .right .phone a {
		font-size: 24px;
	}

	header .inner .left .description {
		display: none;
	}

	.main-menu .toggle_mnu {
		display: block;
		position: absolute;
		right: 0;
		top: 45px;
	}

	#rr .raskr {
		display: block;
	}

	.spp {
		display: none;
	}

	.main-menu .container {
		height: 100%;
	}

	.main-menu .inner {
		background: #fff;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 40px 0 100px;
		position: relative;
	}

	.main-menu .inner .menu ul {
		display: block;
	}

	.main-menu .inner .menu ul a {
		text-transform: uppercase;
		font-family: 'Bebas Neue';
		font-size: 22px;
		color: #1553a7;
		padding: 10px 20px;
	}

	.main-menu .description {
		font-size: 15px;
	}

	.front-block {
		margin-top: 73px;
		background: url(../images/bg-mob4.jpg) no-repeat;
		position: relative;
		background-size: contain;
		background-position: center;
	}

	.front-benefits-title {
		color: #000000;
	}

	.front-block .container {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.front-block h1 {
		font-size: 50px;
	}

	.front-block ul {
		margin: 0 0 20px;
	}

	.front-block .controls .button1 {
		margin: 0 0 20px;
	}

	.calc .inner .left {
		width: 100%;
		padding: 0;
		margin: 0 0 20px;
	}

	.calc .inner .right {
		width: 100%;
	}

	.calc .slider-block {
		display: block;
	}

	.calc .slider-block>span {
		width: 100%;
	}

	.calc .slider-block .inline {
		width: 100%;
	}

	.calc .bottom {
		text-align: left;
	}

	.calc .bottom button {
		margin: 0;
	}

	.calc .calc-container h2,
	.caption-sm {
		margin: 0 0 20px;
		text-align: left;
	}

	.complex {
		margin: 0 0 30px;
	}

	.complex .ben .item {
		width: 50%;
	}

	.gallery .swiper-button-prev,
	.gallery .swiper-button-next {
		width: 45px;
		height: 45px;
		margin-top: -50px;
	}

	.gallery .swiper-button-prev:before,
	.gallery .swiper-button-next:before {
		background-size: contain;
		width: 20px;
		height: 10px;
		margin-left: -10px;
		margin-top: -5px;
	}

	.gallery .swiper-gallery .swiper-slide .name {
		font-size: 23px;
		max-width: 220px;
		padding: 10px 10px;
	}

	.garanty .button a {
		font-size: 16px;
	}

	.projects p {
		margin: 0 0 30px;
	}

	.reviews .tab-heading .tab,
	.projects .tab-heading .tab,
	.price-list .tab-heading .tab {
		margin: 5px;
		width: calc(49% - 10px);
	}

	.projects-wrapper .inner .item,
	.reviews .inner .item,
	.projects .inner .item {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}

	.projects-wrapper .inner .item:nth-child(3n + 3),
	.projects .inner .item:nth-child(3n + 3) {
		margin-right: 2%;
	}

	.projects-wrapper .inner .item:nth-child(2n + 2),
	.projects .inner .item:nth-child(2n + 2) {
		margin-right: 0;
	}

	.projects-wrapper .inner .item .thumb,
	.projects .inner .item .thumb,
	.reviews .item .video {
		height: 200px;
	}

	.team .inner .item {
		width: 49%;
		margin-right: 2%;
	}

	.team .inner .item:nth-child(3n + 3) {
		margin-right: 2%;
	}

	.team .inner .item:nth-child(2n + 2) {
		margin-right: 0%;
	}

	.map .inner {
		margin: 0 0 20px;
	}

	.map .inner form {
		display: block;
	}

	.map .inner .form-input {
		width: 100%;
		margin: 0 0 10px;
	}

	.map .inner .form-control {
		width: 100%;
	}

	.map #map {
		height: 450px;
	}

	.dev-block .inner {
		display: block;
		text-align: center;
	}

	.dev-block .inner .copyrights {
		width: 100%;
		margin: 0 0 20px;
	}

	.dev-block .inner .dev {
		text-align: center;
	}

	.popupform {
		padding: 30px 5px;
	}

	.project-detail {
		padding: 40px 0 0 0;
	}

	.about-project .inner .meta .item {
		width: 50%;
	}

	.gallery .swiper-gallery .swiper-slide img {
		height: 325px;
	}

	.about-project .inner {
		margin: 0 0 0px;
	}

	.project-detail .gallery .swiper-slide:before {
		width: 40px;
		height: 40px;
		margin-top: -20px;
		margin-left: -20px;
	}

	.recount {
		background: #ebede9;
	}

	/*.main-menu .menu {
		display: none;
	}*/
	.front-benefits-col {
		flex-basis: 100%;
		max-width: 100%;
	}

	.caption-desc {
		font-size: 16px !important;
	}

	.tab-cnt-iten-col-1 {
		width: 100%;
		flex-basis: 100%;
		padding-right: 0;
	}

	.tab-cnt-iten-col-3 {
		width: 100%;
		flex-basis: 100%;
		margin-top: 30px;
	}

	.full-projects .inner .tab-cnt-wrap {
		width: 100%;
		margin: 0;
		margin-bottom: 50px;
	}

	.tab-cnt-wrap {
		border: 1px solid #ccc;
		padding: 15px;
		border-radius: 5px;
	}

	.header-center {
		display: none;
	}

	header .inner .right {
		display: block;
	}

	.repair-materials-col,
	.repair-operation-col,
	.materials-desc-col {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.repair-materials-col:first-child {
		margin-bottom: 35px;
	}

	.repair-operation br {
		display: none;
	}

	.front-benefits-wrap:before {
		display: none;
	}

	.garanty .heading .year {
		font-size: 260px;
	}

	.garanty .heading .info h2 {
		font-size: 40px;
	}

	.garanty .heading .info h3 {
		font-size: 30px;
	}

	#recountform {
		max-width: 540px;
		width: 100%;
	}

	.recountform__row {
		background: #fff;
	}

	#recountform .dude-block {
		display: none;
	}

	#recountform .popupform {
		width: 100%;
	}

	.gift-block__inner {
		display: block;
	}

	.gift-block__thumb {
		width: 100%;
		padding: 0;
	}

	.gift-block__form {
		width: 100%;
	}

}

@media screen and (max-width:576px) {
	.front-block .controls {
		justify-content: center;
	}

	.complex .d-buttons {
		justify-content: center;
	}

	.calc .bottom {
		text-align: center;
	}

	.garanty .button {
		margin-left: auto;
		margin-right: auto;
	}

	.complex .d-buttons {
		display: none;
	}

	.tab-cnt-iten-col-2 {
		display: none;
	}

	.caption-desc {
		font-size: 14px !important;
	}

	.tab-main-new-price {
		font-size: 20px;
	}

	#recountform .popupform {
		padding: 70px 20px 30px;
	}

	.gift-block {
		padding: 30px 0;
	}

}

@media screen and (max-width:320px) {
	.plan .inner .item h3 {
		text-align: center;
		font-size: 11px;
		font-weight: 500;
		line-height: 1.2;
	}

	h3.tow:before {
		margin-left: 3px;
		width: 90%;

	}
}

@media screen and (max-width:539px) {
	.container {
		max-width: 375px;
	}

	header .inner .logo {
		max-width: 140px;
	}

	header .inner .right .phone a {
		font-size: 20px;
	}

	header .inner .right .worktime {
		font-size: 11px;
	}

	.front-block h1 {
		font-size: 34px;
	}

	.front-block ul li {
		font-size: 14px;
	}

	.front-block ul li:before {
		margin-top: -20.5px;
	}

	.calc .bottom button {
		max-width: 250px;
	}

	.calc .calc-container {
		padding: 30px 15px;
	}

	.calc .calc-container h2,
	.caption-sm {
		font-size: 30px;
		margin: 0 0 20px;
		text-align: left;
	}

	.complex h2 {
		font-size: 30px;
	}
	.complex .container {
		padding: 390px 30px 0 30px;
	 }

	.complex .d-buttons {
		margin: 20px 0 0 0;
	}

	.complex .d-buttons a {
		margin: 10px 0;
	}

	.gift-block h2,
	.projects-wrapper h2,
	.about-project h2,
	.project-detail .review-wrapper h2,
	.project-detail h1,
	.map .inner h2,
	.faq h2,
	.reviews h2,
	.projects h2,
	.recount .inner .heading h2,
	.plan h2,
	.repair h2,
	.price-list h2,
	.gallery h2,
	.caption {
		font-size: 30px;
	}

	.repair .inner .item {
		width: 100%;
		padding: 0 0px;
	}

	.garanty .heading {
		margin: 0 0 20px;
	}

	.garanty .heading .year {
		font-size: 230px;
	}

	.garanty .heading .info h2 {
		font-size: 54px;
	}

	.garanty .heading .info h3 {
		padding: 0 0 10px;
		margin: 0 0 10px;
		font-size: 30px;
	}

	.garanty .heading .info p {
		font-size: 14px;
	}

	.plan .inner .item {
		margin: 40px 0 0 0;
		width: 50%;
		padding: 0 10px !important;
	}

	.plan .inner .item h3 {
		text-align: center;
		font-size: 13px;
		font-weight: 600;
		line-height: 1.2;
	}

	.recount .inner .form form .form-inner {
		padding: 10px 5px;
	}

	.projects-wrapper .inner .item,
	.reviews .inner .item,
	.projects .inner .item {
		width: 100%;
		margin: 0 0 20px !important;
	}

	.projects .tab-heading .tab,
	.price-list .tab-heading .tab,
	.reviews .tab-heading .tab {
		width: 100%;
		margin: 5px 0 !important;
	}

	.team .inner .item {
		width: 100%;
		margin: 0 0 20px !important;
	}

	.faq .item {
		margin: 0 0 10px;
	}

	.faq .item .question h3 {
		font-size: 16px;
		padding: 0 40px 0 0;
	}

	.faq .item .item-inner {
		padding: 20px 10px;
	}

	.faq .item .question:after {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background-size: contain;
	}

	.map .inner .form {
		padding: 40px 15px 35px 15px;
	}

	footer {
		padding: 10px 0 0 0;
	}

	footer .inner {
		display: block;
	}

	footer .inner .left img {
		max-width: 100%;
		width: auto;
		display: inline-block;
	}

	footer .inner .middle,
	footer .inner .left {
		text-align: center;
		display: block;
	}

	footer .inner .right {
		text-align: center;
		margin: 0;
	}

	.about-project .inner .meta .item {
		width: 100%;
	}

	.gallery .swiper-gallery .swiper-slide img {
		height: 250px;
	}

	.thanks-page .controls {
		display: block;
	}

	.thanks-page .controls .button {
		margin: 10px 0;
	}

	.garanty .button {
		max-width: 300px;
	}

	.garanty .button a {
		padding: 15px 0;
	}

	.garanty .heading .year {
		font-size: 160px;
		margin-top: -40px;
	}

	.garanty .heading .info h2 {
		font-size: 40px;
		margin-top: 30px;
	}

	.garanty .heading .info h3 {
		font-size: 30px;
	}

	.front-block h1 {
		font-size: 26px;
		text-align: center;
		letter-spacing: -2px;
	}

	.front-block h1 span {
		-webkit-background-clip: unset !important;
		-webkit-text-fill-color: unset !important;
		background: transparent !important;
	}
}

@media screen and (max-width:374px) {
	.container {
		max-width: 320px;
	}

	header .inner .logo {
		max-width: 110px;
	}

	header .toggle_mnu {
		width: 30px;
	}

	header .inner .right .worktime {
		display: none;
	}
	.complex .container {
	 padding: 330px 30px 0 30px;
	}

	.main-menu .worktime {
		font-size: 15px;
		display: block;
	}
}