@charset "UTF-8";
/* CSS Document - mbhuju@gmail.com */


@media screen and (max-width: 1024px){
	#top_inn{width:95%;}
	#menu_inn{width:95%;}
	#header{width:95%;}
	#content_inn{width:95%;}
	#circle_area{width:95%;}
	#img_inn{width:95%;}
	#photos_inn{width:95%;}
	#bottom_logo{width:95%;}
	#bottom_inn{width:95%;}
	#footer_inn{width:95%;}
		
	.style10{ font-size:28px;}
	.style11{ font-size:20px;}
	
	#content_inn_right-page .list-category .list-cat-col {
    width: 50%;
}
}


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


#left{width:100%; float:none; text-align:center; }
#right{width:100%; float:none; text-align:center; padding-bottom:20px; }

#info {
	display:none;
}
#menu{width:100%; float:none;   padding:60px 0 10px 0;}

	.style9{ font-size:15px;}
	.style10{ font-size:20px;}
	.style11{ font-size:16px;}
	.style12{ font-size:19px;}

}
	
@media screen and (max-width: 768px){
	
	#img1{width:100%; float:none; text-align:center; margin:0 auto;}
	#img2{width:100%; float:none; text-align:center; margin:0 auto; padding-top:30px;}
	
	#photos_inn{width:100%; margin:0 auto; padding:20px 0;}
	#photos_block1{ width:100% ; float:none;}
		#pb11{ width:100%; height:498px; background:url(../images/f1.png) center no-repeat #005596; position: relative;}
			#pb11_1{ width:48.04598% ; float:left; height:498px; background:url(../images/f2.png); background-size:cover; margin-top:16px; position: relative;}
			#pb11_2{ width:47.58621%; float:right; margin-top:20px;}
				#pb11_2_1{ width:100%; height:258px; background:url(../images/f4.png); background-size:cover; position: relative;}
				#pb11_2_2{ width:100%; height:222px; background:url(../images/f3.png); background-size:cover; margin-top:18px; position: relative;}
	#photos_block2{ width:100% ; float:none; margin-top:20px;}
		#pb21{ width:47.94521% ; float:left; height:243px; background:url(../images/f5.png) center no-repeat #fff; position: relative;}
		#pb22{ width:47.94521% ; float:right; height:243px; background:url(../images/f6.png); background-size:cover; position: relative;}
		#pb23{ width:100% ; height:229px; background:url(../images/f7.png) right; background-size:cover; position: relative; margin-top:25px;}
		#pb24{ width:57.53425%; float:left; height:332px; background:url(../images/f8.png); background-size:cover; position: relative; margin-top:16px;}
		#pb25{ width:38.86986%; float:right; height:332px; background:url(../images/f9.png); background-size:cover; position: relative; margin-top:16px;}
		#pb26{ width:100% ; height:151px; background:url(../images/f10.png); position: relative; background-size:cover; margin-top:16px;}
		
	


		.imgright{float:none; margin:20px auto; display:block; }
		.imgleft{float:none; margin:20px auto; display:block; }

	
		.textright{ text-align:left;}
		.form1 table, .form1 td, .form1 tr { display: block; }		
		.form1 td { border: none; position: relative; }
		
		h1{font-size:28px;}
.style4{ line-height:40px;}


#content_inn {
    background: url(../images/bg2.png) no-repeat center;
    background-size: cover;
    padding:3%;
}

#content_inn_right{width: 99%; float:none; padding:0; margin:0;}


#left-menu{ float:none; width:100%;}
#left-menu #left-menu-circle{}
#left-menu #left-menu-circle #cricle{width:22%; float:left; margin:3% 1.3% 0 1.3%;}

#member-wrapper .member-section .members-image {
    width: 28%;
}


}

@media screen and (max-width: 640px){
#logo1{width:100%; float:none; margin:0 auto; text-align:center;}
	#logo2{width:100%; float:none; margin:0 auto; text-align:center; padding:25px 0;}
	#logo3{width:100%; float:none; margin:0 auto; text-align:center;}
	#logo4{width:100%; float:none; margin:0 auto; text-align:center; padding:25px 0;}
	#logo5{width:100%; float:none; margin:0 auto; text-align:center;}
	
	#cricle1{width:100%; float:none; margin:0 auto; text-align:center;}
	#cricle2{width:100%; float:none; margin:0 auto; text-align:center; padding:25px 0;}
	#cricle3{width:100%; float:none; margin:0 auto; text-align:center;}
	#cricle4{width:100%; float:none; margin:0 auto; text-align:center; padding:25px 0;}
	#cricle5{width:100%; float:none; margin:0 auto; text-align:center;}
	#cricle6{width:100%; float:none; margin:0 auto; text-align:center; padding-top:25px;}
	
	#left1{width:100%; float:none; margin:0 auto;}
	#left2{width:100%; float:none; margin:0 auto; }
	#middle{width:100%; float:none; margin:0 auto; padding:30px 0;}
	#right1{width:100%; float:none; margin:0 auto;}
	
	#content_inn_right-page .photo-gallery-box {
    width: 43%;
}
	
	#content_inn_right-page .thumb-image-box {
    width: 28%;
}
}
@media screen and (max-width: 480px){
	#photos_inn{width:100%; margin:0 auto; padding:20px 0;}
	#photos_block1{ width:100% ; float:none;}
		#pb11{ width:100%; height:498px; background:url(../images/f1.png) center no-repeat #005596; position: relative;}
			#pb11_1{ width:100% ; float:none; height:498px; background:url(../images/f2.png); background-size:cover; margin-top:16px; position: relative;}
			#pb11_2{ width:100%; float:none; margin-top:20px;}
				#pb11_2_1{ width:100%; height:258px; background:url(../images/f4.png); background-size:cover; position: relative;}
				#pb11_2_2{ width:100%; height:222px; background:url(../images/f3.png); background-size:cover; margin-top:18px; position: relative;}
	#photos_block2{ width:100% ; float:none; margin-top:20px;}
		#pb21{ width:100% ; float:none; height:243px; background:url(../images/f5.png) center no-repeat #fff; position: relative;}
		#pb22{ width:100% ; float:none; height:243px; background:url(../images/f6.png); background-size:cover; position: relative; margin-top:20px;}
		#pb23{ width:100% ; height:229px; background:url(../images/f7.png) right; background-size:cover; position: relative; margin-top:25px;}
		#pb24{ width:100%; float:none; height:332px; background:url(../images/f8.png); background-size:cover; position: relative; margin-top:16px;}
		#pb25{ width:100%; float:none; height:332px; background:url(../images/f9.png) center no-repeat #fff; position: relative; margin-top:16px;}
		#pb26{ width:100% ; height:151px; background:url(../images/f10.png); position: relative; background-size:cover; margin-top:16px;}
		
		
		
#member-wrapper .member-section .members-image {
    width: 28%;
}

#member-wrapper .member-section .members-image img {
    height: 100px;
}


#content_inn_right-page .list-category .list-cat-col {
    width: 100%;
}

#left-menu #left-menu-circle #cricle {
    width: 27%;
    float: left;
    margin: 3% 3% 0 3%;
}

.messageBox {
    float: none;
    width: 90%;
	border:1px solid #CCC;
	padding:5%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:5%;

}

.inquiryBox {
    width: 90%;
	border:1px solid #CCC;
	padding:5%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.locationBox {
    width: 90%;
	border:1px solid #CCC;
	padding:5%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
		
			
}


@media screen and (max-width: 320px){
#member-wrapper .member-section .members-image {
    width: 42%;
}

#content_inn_right-page .photo-gallery-box {
    width: 96%;
}

#content_inn_right-page .thumb-image-box {
    width: 45%;
}
	
}