@charset "utf-8";
/* CSS Document */


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

	
}
@media only screen and (max-width:999px){
	.banner, .banner figure img{height: 300px;}

	.content-bg{padding: 70px 0;}
	.facts{padding: 50px 0; height: auto;}
	.list-of-projects{width: 100%; margin:0 0 20px 0;}
	.list-of-projects ul li span{font-size: 26px; margin: 0; line-height: normal;}
	.book-now{width: 100%; padding: 0 56px; position: static; transform: translateY(0%);}
	.book-now h2, .book-now h3{font-size: 30px;}
	.book-now h2::after{display: none;}

	.grid ul li{width: 33.3%;}

}

@media only screen and (max-width:768px){
	.content-bg{padding: 40px 0;}
	.inner-cont img{width: 100%; float: none; padding: 0 0 20px;}
	.banner-cont h2{float: none !important; text-align: center;}

	.main_block_inner{padding: 50px 0 10px;}
	.profile_block1{padding: 0;}
	.profile_block1_rt{width: 100%; padding: 0;}
	.profile_block1_lt{width: 50%; float: none; margin: 0 auto 20px auto;}
	.profile_block1_lt img + img{left: inherit; right: -40px; bottom: 0; width: 60%;}
	.banner_inner_intro figure figcaption{-moz-transform: translateY(-30%);	-webkit-transform: translateY(-30%);-ms-transform: translateY(-30%);-o-transform: translateY(-30%);	transform: translateY(-30%);}
	.banner_inner_intro figure figcaption h2{font-size: 40px;}
	.banner_inner_intro figure figcaption p{line-height: 20px; font-size: 14px;}
	.contact_main_lt_in{width: 100%; padding: 0px 0 0 0;}
	.contact_main_rt iframe{min-height: 240px;}
	.map_contact{margin: 0 0 30px;}

	.chairman-block-main{display: block;}
	.pic{margin: 0 auto 20px auto; display: block;}
	.chairman-block{width: 100%; padding: 0; text-align: center;}
	.grid ul li{width: 50%;}
	.map2 img{width: 90%;}
}


@media only screen and (max-width:599px){
	.banner-cont h2{font-size: 30px; line-height: 34px; float: none !important; text-align: center;}
	.banner-cont h2 br{display: none;}
	.left-cont h2, .map h2{font-size: 26px; line-height: normal;}
	.list-of-projects ul li{padding: 10px 25px 10px 20px;}
	.book-now{padding: 0 0 0 16px;}
	.book-now h2:after{display: none;}
	.gallery-section h2{font-size: 26px;line-height: normal}
	.profile_block1_rt h5{font-size: 24px; line-height: 30px;}
	.vi-mi ul li{width: 100%;}
	.grid ul li{padding: 5px 5px;}
	.map::before{display: none;}

	.pic2{float: none; display: block; margin: 0 auto 20px auto;}
	.massage{width: 100%;}

	

}

@media only screen and (max-width:480px){
	.certificates .grid ul li a img{height: 160px;}
	

}