@media screen and (max-width: 1455px){
	body { min-width: 320px; margin: 0; }
	#bg-wrapper{ min-width: 100%; }
	#main, #content, #header, #content .text-content p{ width: 100%; }
	#header .right-nav{ left: unset; right: 0; }
	#header img.logo{ left: 50%; transform: translateX(-50%); }	
	#header .hd-msg{ max-width: 700px; width: 100%; right: 0; left: unset; }
	#content .text-content{ width: 80%; }
	#content{ box-sizing: border-box; padding-left: 20px; padding-right: 20px; }
	#content .gallileo{ width: 100%; margin: 0; }
	#content .gallery{ margin: 0 !important; padding: 25px 0 0 !important; display: flex !important; flex-wrap: wrap; justify-content: center; }
	#content .gallery li{ flex: 0 0 150px; float: none; padding: 3px 10px; }
	#content .services ul{ margin: 0; }
	#services-wrapper{ width: 100%; }
	.inner-wrap{ padding-left: 0; padding-right: 0;}
}

@media screen and (max-width: 1356px){
	body img{ height: auto !important; width: auto !important; max-width: 100%; }
	#content img.img-content{ float: none; margin: 30px auto 0; display: block; }
	#content .text-content { width: 100%; float: none; }
	#content .text-content-about{ width: 100%; }
}

@media screen and (max-width: 1200px) {
    #header .hd-msg { width: 570px; }
    
    .hd-msg h2, .hd-msg p { margin-left: 15px; max-width: 100%; }
    .hd-msg h2 { font-size: 30px; }
    .hd-msg p { font-size: 20px; }
    
    .banner-form { left: 50px; }
}

@media screen and (max-width: 1006px){
	#services-wrapper{ box-sizing: border-box; padding: 0 20px; text-align: center; }
	#services-inc, #services-inc .serv-ctr-num{ width: 100%; }
	#services-inc .serv-ctr, #footer{ width: 100%; height: 100%; }
	#services-inc{ height: auto; }
	.serv-ctr{ display: flex; flex-wrap: wrap; justify-content: center; }
	#services-inc h2{ background-position: center !important; }
	#services-inc .serv-ctr-1{ margin: 10px 20px 10px 0; }
	.serv-ctr-num p{ text-align: center; }
	#header .left-nav ul li a, #header .right-nav ul li{ width: 140px; }
	#header .right-nav ul li a{ width: 100%; }
	#header .right-nav ul{ right: 0; left: unset; }
	#footer ul{ margin: 0; box-sizing: border-box; padding: 30px 20px 0 20px; }
	#footer ul li{ float: none; display: inline-block; }
	/*body{ overflow: hidden; }*/
	#services-inc .serv-ctr-num{ height: 100%; margin-bottom: 20px; }
	#ft-wrapper{ box-sizing: border-box; padding-bottom: 20px; }
}

@media screen and (max-width: 725px){
	#header .left-nav ul li a, #header .right-nav ul li { width: 105px; }
}

@media screen and (max-width: 695px){
	#header, .banner-slider{ height: 500px; }
	.hd-msg h2{ width: 100%; margin: 0 0 15px 0; font-size: 33px; }
	#header .hd-msg{ box-sizing: border-box; padding: 0 15px; text-align: center; height: auto; top: 200px; }
	.hd-msg p{ background-position: center !important; font-size: 20px; margin: 10px 0; }
	#content{ margin: 510px 0 0 0; }

}


@media screen and (max-width: 600px){
	#nav {width: 100%; font-size: 18px; font-weight: bold; position: absolute; top: 0; left: 0; height: 40px; line-height: 40px; }
	#nav ul {padding: 0; margin: 0 auto; width: 100%; display: none; z-index: 20; position: relative; }
	#nav ul li {border-bottom: 1px solid #000;}
	#nav ul li a {color: #d3b875; background: #333; display: block; padding-left: 15px;}
	#nav .menu-btn {background: #000; color: #fff; display: block; position: relative; padding-left: 15px; border-bottom: 3px solid #d3b875;border-top: 3px solid #d3b875 }
	#nav .menu-btn:after {content: ""; background: url("../mobile/assets/common/nav-icon.png") no-repeat; width: 20px; height: 20px; display: block; position: absolute; right: 15px; top: 10px;}
	.hd-mobile{ height: 46px; display: block; }
	#header .left-nav, #header .right-nav{ display: none; }
	#header img.logo{ top: 75px; }
	#header .hd-msg{ top: 270px; }
	#bg-wrapper{ background: none; }
	#header{ background: url(../mobile/assets/common/banner.jpg) no-repeat; background-size: cover; background-position: center; }
	#header, .banner-slider{ height: 444px; }
	.hd-msg h2{ font-size: 22px; }
	.hd-msg p{ font-size: 20px; background-size: contain !important; }
	#content{ margin: 490px 0 0 0; }
	body{ background-position: center 470px; }
	#content h1{ margin: 0 !important; }
	#footer ul li{ margin: 10px 5px 0 0; }
	#footer ul{ padding: 20px 20px 0 20px; }
	#content h1{ background-size: contain !important; }
	#Form_Container, #Form_Container h2{ width: 100%; }
	#content .services img{ display: block; margin: 10px auto; }
	#content .services p{ text-align: center; margin: 0; }
	#content .services h3{ text-align: center; margin-top: 20px; }
	/*body{ overflow: unset; }*/
	.hd-header{ display: none; }
	#header:after{ bottom: -62px; }
	.home-content{ flex-direction: column; }
}

@media screen and (max-width: 400px){
	.g-recaptcha{ overflow: hidden; }
	.g-recaptcha > div{ transform: scale(.8); width: 100% !important; height: auto !important; }
}	

