@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:none;
	}
	
	.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;
	}

	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;
	}
	.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 .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;
	}
	.main-menu .worktime{
		font-size:15px;
		display:block;
	}
}