@media only screen and (max-width:1700px){
#video-bg iframe{width:1790px; height:100vh;}
}
@media only screen and (max-width:1440px){
#video-bg iframe{width:1440px; height:1024px;}
}
@media only screen and (max-width:1366px){
#video-bg iframe{width:1366px; height:768px;}
}
@media only screen and (max-width:1280px){
#video-bg iframe{width:1280px; height:768px;}
}
@media only screen and (max-width:1166px){
#video-bg iframe{width:1166px; height:980px;}
}

@media only screen and (max-width: 1024px){
    .container{ padding:0 20px;}
	.nav-item a{padding:12px 22px;}
	.nav-click{ right:-14px;}
	.nav .container{ padding:0 0px;}
	.request-form .title{ font-size:20px;}
	.main_banner{ min-height:100%;}
	#video-bg{ display:none; }
	#no_video{display:block; }
	footer .ft-div{ min-height:630px;}
	
	}
	
@media only screen and (max-width: 1023px){
	.nav-click{ width:65px; top:0;}
	.nav-click i{width:64px; height:34px;}
	}

@media only screen and (max-width: 980px){	
    footer .map{ width:100%; height:150px;}
	.brown-btn.large{ font-size:14px; padding:12px 10px;}
	.call{ font-size:20px;}
	.call span{ font-size:22px;}
	.hero-text h1{ font-size:37px;}
	.hero-text span{ font-size:21px;}
	.heigh-light-text{ font-size:26px;}
	h1{ font-size:23px;}
	.inner_part h1{ font-size:23px;}
	.content P{ font-size:14px;}
	.inner_part .content p{ font-size:14px;}
	.inner_part .content ul li{ font-size:14px; background-position:0 9px;}
	.brown-btn{ font-size:14px;}
	.testimonial-home .author-quote{ font-size:18px; line-height:30px;}
	.testimonial-home .author-name{ font-size:16px;}
	.inner_page{ height:380px;}
	.nav{ padding:38px 0 0; z-index:9;}
	.nav-mobile{ height:38px; width:43px;}
	.menu-item a{ padding:7px 22px; font-size:13px;}
	.nav-click i{ height:34px;}
	.sub-menu li.menu-item a{ width:100% !important;padding:5px 22px; font-size:13px;}
   
  }
  
  
@media only screen and (max-width: 800px){

	}
	
@media only screen and (max-width: 768px){
	.heigh-light-text{ font-size:21px;}
	.mid-left{ width:57%;}
	.mid-right{ width:39%;}
	.brown-btn.large{ line-height:21px;}
	.hero-text span{ font-size:19px;}
	main{ padding:40px 0;}
	footer{ padding-top:30px;}
	.testimonial-home .author-quote{ font-size:16px; line-height:26px;}
	.inner_page{ height:380px;}
	#video-bg{ min-height:1025px;}
	.right_logo span.top_txt{ font-size:25px;}
	.right_logo span.bottom_txt{ font-size:13px;}
	footer .ft-div{ min-height:770px;}
}

@media only screen and (max-width: 767px){
	.mid-left{ width:100%;}
	.mid-right{ width:100%;}
	.mid-right{ text-align:center; display:block;}
	.brown-btn.large{ display:inline-block; width:auto; float:none;}
	.testimonial-home .testi-img img { max-width:400px;}
	.request-form .title{ text-align:left;}
	footer .ft-div{ width:100%; margin:0 0 30px 0; padding:12px 12px 30px 12px; /*border-bottom:1px solid #f6e2b8;*/ min-height:inherit;}
	footer .ft-div:last-child{ margin-bottom:0;}
	footer .about-us .about-img img{ width:100%; max-width:400px;}
	footer .practice-area li{ margin-bottom:20px;}
	footer .map{ max-width:100%; height:200px; margin-bottom:15px;}
	footer .map img{ width:100%;}
	.call{ font-size:17px;}
	.call span{ font-size:19px;}
	.call img{ width:30px; margin-right:8px;}
	.logo{ padding-top:2px;}
	.listing_area .content ul li p{ margin-bottom:10px;}
	.inner_part .content p{ margin-bottom:10px;}
	.hero-text h1{ width:80%; line-height:46px; font-size:34px;}
	.hero-text{ top:36%; }
  
}



@media only screen and (max-width: 667px){
	.hero-text h1{ font-size:29px; line-height:40px;}
	.hero-text span{ font-size:17px;}
	.heigh-light-text{ font-size:17px;}
	h1{ font-size:19px;}
	.inner_part h1{ font-size:19px;}
	.request-form .title{ padding:11px 15px 12px 78px; }
	.request-form .title::before{background-size:75% auto;}
	.request-form .form-div p input[type="text"], .request-form .form-div p textarea{ height:35px;}
	.request-form .form-div p textarea{ height:80px;}
	.brown-btn.large{ font-size:13px; padding:7px 15px;}
	footer .ft-div .title{ font-size:20px;}
	.logo{ width:auto}
	.right_logo span.top_txt{ font-size:20px;}
	.right_logo span.bottom_txt{ font-size:10px; margin-top:5px;}

	
	

	}
	
@media only screen and (max-width: 667px){
	.heigh-light-text{ margin-top:0;}
	.hero-text{ top:49%;}
	.content P{ margin-bottom:18px;}
	.inner_page{ height:300px;}
	.call{ width:auto;}
	.hero-text h1{ width:78%;}

	}
@media only screen and (max-width: 568px){
	.left_logo img{ width:45px;}
	.right_logo span.top_txt{ font-size:24px; line-height:auto; margin-top:0;}
	.right_logo span.bottom_txt{ font-size:10px;}
	.call br{ display:none;}
	.call span{ margin-left:15px; font-size:17px;}
	.call { margin-top:10px;}
	.hero-text{ top:53%;}
	.hero-text h1{ font-size:24px;}
	.hero-text span{ line-height:22px; float:left;}
	}	
	
@media only screen and (max-width: 480px){
	.logo{ width:100%;}
	.hero-text{ top:54%;}
	.hero-text h1{ font-size:23px; line-height:34px;}
	.heigh-light-text{ line-height:25px;}
	.request-form .title{ font-size:16px;}
	.request-form .title span{ font-size:14px;}
	footer .ft-div{ margin-bottom:20px; padding-bottom:20px;}
	.content P{ font-size:13px;}
	.inner_part .content P{ font-size:13px;}
	.inner_part .content ul li{ font-size:13px; background-position:0 7px; line-height:22px;}
	.content ul li{ font-size:13px; background-position:0 7px; line-height:22px;}
	.content ol li{ font-size:13px; line-height:22px;}
	main{ padding:20px 0;}
	.hero-text span{ font-size:14px;}
	.hero-text h1{ width:85%;}
	.inner_part .content img{ margin:0 0 15px 0}
	.right_logo{ width:88%; line-height:auto}
	.right_logo span.top_txt{ line-height:auto; font-size:20px;}
	.inner_part h1{ line-height:25px;}
	footer .ft-div .title{ font-size:18px;}

	
		}
@media only screen and (max-width: 414px){
	.right_logo{ width:85%;}
	}
	
	
@media only screen and (max-width: 375px){
.logo{ width:auto; float:none; margin:0 auto;}
	.logo img{ max-width:100%;}
	.right_logo{ margin-bottom:15px;}
	}	
	
@media only screen and (max-width: 320px){
	h1{ line-height:28px;}
	.inner_part h1{ line-height:28px;}
	.brown-btn.large{ width:100%;}
	.brown-btn{ width:100%; padding:7px 0;}
	.testimonial-home .author-quote{ font-size:14px;}
	.testimonial-home .author-name{ font-size:15px;}
	.call{ font-size:15px;margin-top:15px;}
	.call span{ font-size:19px;}
	.call img{ width:23px; margin-right:4px; margin-top:-3px;}
	.logo{ width:auto; float:none; margin:0 auto;}
	.logo img{ max-width:100%;}
	.right_logo{ margin-bottom:0px;}
	.copyright{ font-size:13px;}
	.right_logo{ width:80%;}

	} 