@media only screen and (max-width: 1023px){

	.layout{  max-width:96%;}
	

	}


@media only screen and (max-width: 980px){
	.thumbnails ul{ display:block; text-align:center; float:none;}
	.thumbnails ul li{ float:none; display:inline-block; margin:8px 8px !important; width:21%;}
	.thumbnails ul li:nth-child(4n+4){ margin-right:inherit;}
	.thumbnails ul li p.cnt{ height:60px; overflow:hidden;}
	.thumbnails ul li .thumb_ttl{ max-width:100%;}
	.bottom_part .bottom_right{ padding:0 2%; width:35%; }
	.bottom_part .bottom_right p iframe{ width:100%;}
	.mid_section .contact_sec ul li .captcha_image{ margin-left:0; margin-top:0; width:75px;}
	#Chkval{ width:66px !important;}
	.mid_section .contact_sec ul li .captcha{ width:70px;}
	.thumbnails ul li .thumb_ttl{ font-size:16px;}
	
	.gallery-main ul li{ max-width:228px; background-size:200px 12px; margin:0px 23px 16px 0px !important;}

.video-main ul li{ max-width:29%; margin:0px 23px 16px 10px !important;}
.video-main ul li .thumb-shadow{background-size:200px 12px;}
.video-main ul li .video-thumb{min-height:inherit;}
.video-main ul li .video-name{font-size:16px;}	


/*Services Page Css*/
.services_content .services_left{ width:60%;}
.services_content .services_img{ width:30%;}
.services_content .tablepart ul{ width:31%; min-height:620px;}
  }
  
  
@media only screen and (max-width: 800px){
nav ul li a{ margin:0 21px;}

.video-main ul li{ max-width:28%; }

/*Services Page Css*/
.services_content .tablepart ul span{ font-size:15px;}
.services_content .tablepart ul{ min-height:620px;}
.services_content .tablepart ul li{ font-size:13px; width:87%;}
.services_content .services_left ul li{font-size:13px;}
	}
@media only screen and (max-width: 768px){
	.mid_section .mid_left{ width:58%;margin-top:68px;}
	.mid_section .contact_sec{ width:40%;}
	.mid_section .contact_sec h2{ font-size:19px; line-height:40px;}
	.mid_section .contact_sec ul li{ margin-bottom:8px;}

	h1 span{ font-size:13px; line-height:42px;}
	.thumbnails ul li{ width:27%; min-width:200px;}
	nav ul li a{ margin:0 21px;}
	.btm_btn a{ width:240px;}
	.thumbnails{ margin-top:40px;}
	.contact_page ul{ margin-bottom:20px; margin-top:20px;}
	
}

@media only screen and (max-width: 767px){
 .mid_section .mid_left{ width:99%; margin-top:0px; margin-bottom:20px ;}
 .mid_section .contact_sec{ width:290px; float:none; margin:25px auto;}
 .mid_section{ padding-bottom:20px;}
 h1 span{ background-size:auto 100%; line-height:25px; padding:6px 30px 6px 15px;}
	.btm_btn a{ width:240px;} 
	.thumbnails{ margin-top:30px;}
	.thumbnails ul li{ width:230px;}
	.main_ttl{ margin-top:24px; margin-bottom:15px;}
	nav a.toggle_btn{ display:block; margin:3px 8px}
	nav ul{ display:none; width:100%; margin:0; padding:0;}
	nav ul li{ width:100%; text-align:left; border-bottom:1px solid #0f6c38; line-height:inherit;border-top:1px solid #0aa44d; float:left;}
	nav ul li:first-child{ border-top:none;}
	nav{ height:auto;}
	nav ul li a{font-size:14px; margin:0; padding:10px 0 10px 4%; width:96%; float:left;}
	
/*nav ul li ul { position:inherit; top:3px; display:inherit !important; }
nav ul li:hover ul { position:relative; display:inherit; }
nav ul li ul li{ width:100%; float:left; padding:0%; border-top:solid 1px #0aa44d !important;border-bottom:solid 1px #0f6c38 !important;line-height:20px !important; height:40px; }*/

nav ul li ul li{ border-top:solid 1px #0aa44d !important;}
nav ul li .subnav{ display:inline-block; padding:10px; background:#004a20; position:absolute; right:0px; top:0px;height:20px; vertical-align:middle;  }
nav ul li ul.sublist { display:none !important; position:relative; top:0px; }
nav ul li ul.open { width:100%; display:inherit !important;  }


.gallery-main ul li{ max-width:202px; background-size:180px 12px; margin:0px 17px 16px 0px;}
.gallery-main ul li .gallery-thumb{ padding:6px;}


.video-main ul li{ max-width:29%;  margin:0px 10px 16px 10px !important;}
.video-main ul li .video-thumb{ padding:6px;}
.video-main ul li .video-name{font-size:14px; margin:6px 0px 0px 0px;}	
}

@media only screen and (max-width: 568px){
.logo { width:150px;}
.logo a img{ width:100%;}
.right_part{ margin-top:20px;}
.right_part span{ font-size:22px;}
.right_part img{ width:30px;}
.btm_btn a{ width:195px;}
.bottom_part .bottom_left{ width:43%; font-size:13px;}
.bottom_part .bottom_right{ width:45%;}
.footer_nav a::after{ margin-left:9px;}
.footer_nav a{ margin-left:9px;}
.contact_page{ width:96%; margin:0 2%;}
.main_ttl{ font-size:21px;}
.contact_page ul{ margin-top:25px;}

/*Services Page Css*/
.services_content p{ font-size:13px;}
.services_content .services_left{ width:54%;}
.services_content .services_img{ width:36%;}
.services_content .tablepart ul{ min-height:770px;}
.services_content .tablepart ul li{ width:83%;}

	}
	
@media only screen and (max-width: 480px){
.thumbnails ul li{ max-width:40%;}
.btm_banner{ margin-bottom:10px;}
.banner_box{ width:92%; margin:10px 4% 10px 4%;}
.btm_btn a{ width:230px; margin:10px 0}
.bottom_part .bottom_left{ width:95%; margin-bottom:15px;}
.bottom_part .bottom_right{ width:96%;}
.contact_page ul li .cnt_input{ width:94%; padding:0 3%;}
.footer_nav a{ margin-bottom:7px;}

.gallery-main ul li{ max-width:97%; background-size:250px 12px; margin:0px 0px 16px 0px;}
.gallery-main ul li:nth-child(3n){ margin-right:0px;}

.video-main ul li{ max-width:92%; margin:0px 0px 16px 0px;}
.video-main ul li:nth-child(3n){ margin-right:0px;}
.video-main ul li .thumb-shadow{background-size:250px 12px;}
.video-main ul li .video-name{font-size:16px;}	

/*Services Page Css*/
.services_content .tablepart ul{ width:98%; min-height:auto; border:none;}
.services_content .tablepart ul li{}

	}
	


@media only screen and (max-width: 360px){
.copyright{ height:auto; line-height:21px; padding:5px 0;}
.btm_btn a{ font-size:16px; width:200px; height:40px; line-height:40px;}
.thumbnails ul li{ max-width:80%;}
footer{ margin-top:16px;}
.logo{ width:100%; text-align:center;}
.logo img{ max-width:150px; width:100%; display:inline;}
.right_part{ width:100%;}
.right_part img{ display:inline; width:24px; vertical-align:middle;}
.right_part span{ display:inline;vertical-align:middle;}

.video-main ul li{ max-width:89%; margin:0px 0px 16px 0px;}
}
	
@media only screen and (max-width: 320px){

	}