@media screen and (max-width: 1200px){
	.cnt{padding-left: 15px;padding-right: 15px;}
	.topline__nav ul{position: fixed;top: 0;left: -600px;width: 300px;height: 100%;background-color: #fff;box-shadow: 0 0 3px rgba(0,0,0,.2);}
	.topline__nav ul.visible{left: 0;}
	.topline__nav ul li{display: block;}
	.topline__nav ul li a{display: block;line-height: 20px;padding: 10px 20px;}
	.topline__phone{margin-top: 14px;}
	.hdr__menu_trigger{display: block;margin: 0;width: 29px;height: 16px;padding: 14px 10px 10px 10px;cursor: pointer;}
	.hdr__menu_trigger span {display: block;width: 27px;height: 2px;background-color: #4fc7fe;margin-bottom: 5px;transition: .2s ease;-webkit-transition: .2s ease;-moz-transition: .2s ease;-o-transition: .2s ease;}
	.topline{height: 45px;}
	.hdr{padding-top: 45px;}
	.fscreen__list li{font-size: 18px;line-height: 24px;}
	.topline .close_icon {display: table;margin: 30px auto;position: relative;left: -10px;}
	.topline .close_icon:before {content: '';position: absolute;top: -14px;left: 0;width: 30px;height: 30px;}
	.topline .close_icon span {position: absolute;display: block;width: 30px;height: 2px;background-color: #3fccff;}
	.topline .close_icon span:first-child {transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}
	.topline .close_icon span:last-child {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
	h2{letter-spacing: 2px;}
	.services{text-align: left;}
	.services__list li{width: 45%;margin: 0 4% 2% 0;text-align: center;}
}
@media screen and (max-width: 960px){
	.fscreen{height: auto;padding: 40px 0;text-align: center;}
	.fscreen__right{display: none;}
	.fscreen__left{padding: 0;float: none;width: 100%;}
	.fscreen__list li{display: table;width: 300px;margin: 0 auto 20px;}
	.hdr__inner{height: auto;text-align: center;padding: 40px 0;}
	.hdr__inner .cnt{padding: 0 15px;}
	.hdr__text{float:none;margin:0 0 20px 0;}
	.hdr__text br{display: none;}
	.hdr__logo{position: static;margin-bottom: 20px;}
	.hdr__contacts{float: none;text-align:center;margin:0;}
	.fscreen__trigger{margin-top: 0;}
	.whyus__list li,.staff__list li,.staff__list li:nth-child(3n),.services__list li,.materials__list li,
	.reviews__list li{width: 48%;margin: 0 3% 3% 0;}
	.whyus__list li:nth-child(2n),.staff__list li:nth-child(2n),.staff__list li:nth-child(2n),.services__list li:nth-child(2n),
	.materials__list li:nth-child(2n),.reviews__list li:nth-child(2n){margin-right: 0;}
	.gallery__img, .gallery__text{display: block;}
	.gallery__list .t_wrap,.work .t_wrap{display: block;}
	.gallery__list .t_inner,.work .t_inner{display: block;padding: 0;margin-bottom: 20px;width: 100%;}
	.owl-dots{margin-top: 20px;}
	.work__img{margin-bottom: 0 !important;text-align: center;}
	.work__img img{max-width: 100%;height: auto;}
	.work__text{padding: 15px !important;}
	.prices__list li{float: none;height: auto;width: 100%;margin-bottom: 20px;padding: 20px;}
	.faq__list{padding: 0;}
	.ftr__phone{font-size: 70px;}
	.modal_form{width: 100% !important;height: 100% !important;margin:0 !important;top:0;left: 0;overflow-y: scroll;padding-bottom: 40px !important;}
	.modal_form.visible{top: 0;}
	section.works .work__img{width: 100%;}
}
@media screen and (max-width: 520px){
	.fscreen__text br{display: none;}
	.fscreen__text{font-size: 18px;
    line-height: 30px;}
	h2 {letter-spacing: 2px;font-size: 26px;line-height: 34px;margin-bottom: 40px;}
	.whyus__list li, .staff__list li, .staff__list li:nth-child(3n), .services__list li, .materials__list li, .reviews__list li{display: block;width:100%;margin:0 0 20px 0;}
	.btn{padding: 0 20px;font-size: 14px;font-weight: 600;}
	h1 {font-size: 26px;line-height: 35px;margin-bottom: 30px;}
	.fscreen__list li{font-size: 16px;}
	.block {padding: 40px 0 0 0;}
	.staff__expand,.q_exp{font-size: 26px !important;padding: 0 !important;}
	.staff__list li.last{height: auto;}
	.gallery__list{padding: 0;}
	.gallery__list .owl-nav{display: none;}
	.services__list .title{height: auto;margin-top: 10px;}
	.materials__list li{margin-bottom: 20px;}
	.question{text-align: center;font-size: 18px;line-height: 24px;}
	.q_exp{display: block;margin:0 auto 20px;}
	.answer{padding: 10px;}
	.ftr{margin-top: 40px;padding: 40px 0;border:none}
	.ftr__title{font-size: 24px;line-height: 32px;letter-spacing: 0;margin-bottom: 20px;}
	.ftr__phone{font-size: 35px;}
	.ftr__phone{margin-bottom: 20px;}
	.person__img,.person__text{float:none;width: 100%;margin:0 0 20px 0;}
	.pricemodal__content table,.pricemodal__content tbody,.pricemodal__content tr,.pricemodal__content td{display: block;width: 100%;}
	.topline__nav ul{width: 100%;left: -150%;}
	.modal_form .btn{margin-top: 10px;}
	.modal_form h2 {font-size: 16px;line-height: 24px;}
	#success{padding: 45px;}
}
@media screen and (max-width: 400px){
	section.services > div > div h3{
		font-size: 22px;
		text-align: center;
		letter-spacing: 0px;
	}
}