@media only screen and (max-width:1200px){
.container{width:100%; padding:0 15px;}

.logo{width: 116px;}
.nav ul li{width:104px;/* height:105px; */}
.nav ul li.tel a{font-size:16px;}
.nav ul li.tel span{font-size:14px;}

.left-cont{width:50%;}
.inner-cont{width:auto;}
.left-cont3{width:100%;}
.right-cont{width:45%;}
.slid-cont{padding:41px 0 0 50px;}

.left-cont{width:50%;}
.inner-cont{width:auto;}
.left-cont3{width:100%;}
.right-cont{width:45%;}
.slid-cont{padding:41px 0 0 50px;}



.facts {height:440px;}
.list-of-projects{margin:40px 0 0;}
.book-now{width:300px; top:17%;}
.book-now h2{font-size:30px;}
.book-now h3{font-size:30px;}
.book-now a{width:100%;}

.address-block{width:33%;}
.contact-block{width:33%; padding:0 5%;}
.book-now-footer{width:28%;}
.book-now-footer h2{font-size:24px;}
.book-now-footer h3{font-size:24px;}
.book-now-footer a{width:100%;}
.book-now-footer h2:after{display:none;}

.block-iteams ul li{width: 25%;}

}
@media only screen and (max-width:991px){
	
	.wrapper{padding: 83px 0 0 0;}
.menu{display:inline-block;}	
.nav{display:block; width:200px; background:#ccc; position:fixed; right:-200px; top:0; height:100%; overflow:auto;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out; overflow:auto;}
.nav ul li{width:100%; text-align:center; height:auto; border:0;}
.nav ul li a{display:block; padding:20px 0;}
.nav ul li.tel{padding:20px 0;}
.nav ul li.tel, .nav ul li.tel a{text-align:center;}
.nav ul li.tel span{padding:0;}

.nav ul ul{position:static; width:100%; display:none; max-height:100%; height:100%; opacity:1; visibility:visible;}
.nav ul li:hover ul{display:none;}
.open .nav{right:0;}
.open .wrapper, .open .header{left:-200px;}

.header{top:0;}

.banner{margin:0 0 50px;}
.banner-cont{left:0;}
.left-cont h2{margin:0 0 15px; font-size:24px; line-height:28px;}
.left-cont h2.line1:after, .left-cont h2.line2:after{margin:14px 0 0;}
.left-cont h2 strong{font-size:24px;}
.inner-cont p{font-size:14px; line-height:20px;}
.inner-cont span{font-size:18px; line-height:24px;}
.inner-cont{margin:0 0 50px 60px;}

.gallery-section{margin:20px 0;}
.gallery-section h2{font-size:28px;}
.gallery-section h2 strong{font-size:28px;}

.gallery-section .block .lf-cont{display:block; float:none;}
.gallery-section .block h5{font-size:16px;}
.gallery-section .block span{padding:0; font-size:14px;}
.gallery-section .block .rt-cont{display:block; float:none;}
.gallery-section ul{margin:20px -15px;}
}

@media only screen and (max-width:767px){
.banner figure img{height:300px; object-fit:cover;}
.banner-cont{/* height:256px; */width:330px;padding:20px 20px;}
.banner-cont h2, .banner-cont h2 span{font-size:20px; line-height:30px; margin:0 0 10px;}
.banner-cont p{font-size:14px; line-height:20px;}
.arrows{margin:40px 0 0;}

.book-now{right:20px; width:230px;}
.book-now h2:after{width:40px;left:-50px;}

.address-block {width:100%;}
.contact-block{width:100%; padding:20px 0;}
.book-now-footer{width:100%;}





.isotops{margin:30px 0 30px 0;}
.isotops ul li{font-size:12px;}
.gallery-section ul{margin:20px -5px}
.gallery-section ul li{padding:0 5px;}

.block-iteams ul li{width: 33.3%;}
}
@media only screen and (max-width:599px){
.wrapper {padding: 92px 0 0 0;}
.logo{width:130px;}

.left-cont{width:100%;}
.right-cont{width:100%; margin:0 0 20px;}
.right-cont figure img{height:270px;object-fit:cover;}



.isotops ul li{padding:5px 8px;}

.slid-cont{padding:10px 0 0 20px;}
.slid-cont h4{font-size:18px; line-height:30px;}
.slid-cont h4:after{width:40px; margin:0 0 4px 10px;}
.slid-cont span{font-size:12px;}

.list-of-projects {margin:20px 0 0 0;}
.list-of-projects ul li{padding:5px 25px 5px 40px;}
.list-of-projects ul li small{font-size:12px;}
.list-of-projects ul li span{font-size:26px;}
.facts{height:auto;}
.book-now{width:100%; position:static; padding:20px 40px 20px 70px;}

.footer-imgs ul li{width:25%;}
.block-iteams ul li{width: 50%;}
}
@media only screen and (max-width:479px){
	
	.banner-cont{width:80%; left:0;}
	.inner-cont{margin:0 0 30px 40px;}
	.inner-cont a:after{width:40px;}
	
	.slider-section{width:100%;}
	.isotops-block{width:100%;}
	.gallery-section ul li{width:100%; padding:5px 5px;}
	.left-cont h2, .left-cont h2 strong{font-size:20px;}
	.book-now{padding:20px 20px 20px 20px;}
	.book-now h2:after{display:none;}
	
	.block-iteams ul li{width: 100%;}
}