@media only screen and (max-width:760px) {
img {max-width:100%; height:auto;}


/* 	-----------------------------------------------------
	------------------- Header Styles -------------------
	----------------------------------------------------- */

	
	#header_section header figure {width:100%; text-align:center; margin:0; padding:0; float:none;}
	.social-section {display:none}
	#header_section header nav {}
	.container.mobile.clearfix {display: none;}
	.social-section.mobile {display: none;}
	.img-responsive.service_img {
    
}
#slider01 .bx-wrapper .bx-pager{margin-top:-5% !important;}

/* 	-----------------------------------------------------
	------------------- Banner Styles -------------------
	----------------------------------------------------- */
	#banner_section {}
	.carousel-caption {right: 20%;left: 20%;padding-bottom: 2%; text-transform:uppercase; font-size:25px; font-weight:700; text-align:center;}
	#banner_section .container {padding:0;}
	#banner_section section {min-height:184px; background:url(../images/banner-res.jpg) no-repeat top center; background-size:cover; position:relative;}
	#banner_section section .caption {margin:0 auto; padding:15px; position:absolute; bottom:0;}
	#banner_section section .caption h1 {font-size:26px; line-height:normal;}
	#banner_section section .caption h2 {font-size:14px; line-height:normal; padding:5px 0;}
	#banner_section section .caption .more {font-size:12px; line-height:normal; margin:5px 0;}
	#banner_section section .caption .more a {padding:5px 10px;}
	
	#inner_banner_section section .caption {width:100%; text-align:center; margin:40px 0;}
	#inner_banner_section section .caption h1 {font-size:20px; line-height:normal;}	
	
/* 	-----------------------------------------------------
	------------------ Content Styles -------------------
	----------------------------------------------------- */
	#content_section {}
	#content_section .section01 {padding:2%; text-align:center;}
	#content_section .section01 h2 {font-size:30px; line-height:normal; padding:5px;}
	#content_section .section01 p {padding:5px;}
	
	#content_section .section02 {padding:2%;}
	#content_section .section02 p {padding:5%;}
	#content_section .section02 h2 {font-size:30px; line-height:normal;}
	#content_section .section02 h3 {font-size:30px; line-height:normal;}
	#content_section .section02 .box {margin:6px 0; padding-bottom:10px; min-height:inherit; border-right:none; border-bottom:1px solid #d5d5d5;}
	#content_section .section02 .bdr {border-right:none; border-bottom:1px solid #d5d5d5;}
	#content_section .section02 .box:last-child {border-bottom:none;}
	
	#content_section .section03 {padding:30px 2%;}
	#content_section .section03 h3 {font-size:28px; line-height:normal;}
	#content_section .section04 {padding:2%;}
	
	#content_section .section04 h3 {font-size:30px; font-weight:300; text-transform:uppercase; line-height:30px; color:#fff; padding:10px 0;}
	#content_section .section04 h5 {font-size:18px; font-weight:300; line-height:20px; color:#1b1b1b;  padding:0 0 5px 0;}
	#content_section .section04 .bxslider01 {padding:30px 0;}
	
	
	#content_section .section05 {padding:30px 0;}
	#content_section .section05 h3 {font-size:24px;}
	#content_section .section06 {padding:0;}
	#clients {display: block; margin-top: 40px; margin-bottom:40px;}
	
	.planetarium-box img {display:inline-block;}
	
	.services-page-wrap {padding: 0; text-align:center;}
	.services-page-wrap figure {float: none; width:100%; text-align:center;}
	.services-page-wrap figure img {display:inline-block;}
	.services-page-wrap article {margin-left:0px;}
	.service-box {border-bottom: 1px dashed #A3A3A3; padding:30px 15px 20px 15px; border-right:none; min-height:inherit;}
	.service-box:nth-child(even) {border-right:none;}
	.service-box:nth-last-child(2) {border-bottom: 1px dashed #A3A3A3;}
	.service-box:last-child {border-bottom: 0px dashed #A3A3A3;}
	.services-page-wrap article h3 {padding-top:20px;}
	
	.side-bar-contact {padding:15px;}
	.mar15 {margin:0;}
	
	.nav-tabs > li {float:none;}
			
/* 	-----------------------------------------------------
	------------------- Footer Styles -------------------
	----------------------------------------------------- */
	#footer_section {}
	#footer_section .section01 {padding:0 0 30px 0;}
	#footer_section .section01 h4 {padding-bottom:10px; margin-top:30px;}
	#footer_section .section01 .box {height:auto;}
	#footer_section .section02 .left { text-align:center; margin:0; padding:0 0 10px 0; line-height:normal;}
	#footer_section .section02 .right { text-align:center; margin:0; padding:0;}
	#footer_section .section02 .right ul li {margin:0 4px; padding:0; float:none; display:inline;}
	

}

@media only screen and (min-width:480px) and (max-width:760px){
	
	
	
}

@media only screen and (min-width:760px) and (max-width:1000px) {
img {max-width:100%; height:auto;}
	
/* 	-----------------------------------------------------
	------------------- Header Styles -------------------
	----------------------------------------------------- */
	#header_section {}
		
	#header_section header figure {width:100%; text-align:center; margin:0; padding:0 0 10px 10px; float:none;}
	#header_section header nav {width:100%; margin:0; padding:0 0 0 0; float:none;}
	#header_section header .container {padding:0;}
	#header_section header nav ul li a {margin:0 5px; padding:0 7px 0 7px;}

/* 	-----------------------------------------------------
	------------------- Banner Styles -------------------
	----------------------------------------------------- */
	#banner_section {}
	
	.carousel-caption {right: 20%;left: 20%;padding-bottom: 10%;}
	#banner_section section {background-size:contain; min-height:230px; position:relative;}
	#banner_section section .caption {margin:0 auto; padding:15px; position:absolute; bottom:0;}
	#banner_section section .caption h1 {font-size:36px; line-height:normal;}
	#banner_section section .caption h2 {font-size:18px; line-height:normal; padding:5px 0;}
	#banner_section section .caption .more {font-size:18px; line-height:normal; margin:5px 0;}
	#banner_section section .caption .more a {padding:5px 10px;}
	
/* 	-----------------------------------------------------
	------------------ Content Styles -------------------
	----------------------------------------------------- */
	#content_section {}
	#content_section .section01 {padding:2%; text-align:center;}
	#content_section .section01 h2 {font-size:30px; line-height:normal; padding:5px;}
	#content_section .section01 p {padding:5px;}
	
	#content_section .section02 {padding:2%;}
	#content_section .section02 h3 {font-size:30px; line-height:normal;}
	#content_section .section02 .box {margin:6px 0; padding-bottom:10px; min-height:250px; border-right:none; border-bottom:1px solid #d5d5d5;}
	#content_section .section02 .bdr {border-right:none; border-bottom:1px solid #d5d5d5;}
	
	
	#content_section .section03 .text-box {min-height:378px; background-color:#f8f8f8; padding:10px 15px 0 15px;  }
	
	#content_section .section03 .home-news { min-height:250px ; background-color: #fff; padding: 5px 10px 0 10px; margin-left: -10px; margin-right: -10px;} 
	


	#content_section .section03 {padding:30px 0;}
	
	#content_section .section04 {padding:30px 0;}
	#content_section .section05 {padding:30px 0;}
	#content_section .section05 h3 {font-size:24px;}
	#content_section .section06 {padding:0;}
	#clients {display: block; margin-top: 40px; margin-bottom:40px;}
	
	.services-page-wrap {padding:0;}
	.service-box {border-bottom: 1px dashed #A3A3A3; padding: 25px; border-right: 0px dashed #A3A3A3; min-height:inherit;}
	.service-box:nth-last-child(2) {border-bottom: 1px dashed #A3A3A3;}
	.service-box:last-child {border-bottom: 0px dashed #A3A3A3;}
	
	.side-bar-contact {padding:15px;}
	.mar15 {margin:0;}
	.galleries-3col-tabs .nav > li > a {margin:0 10px;}
	
	#content_section .section04 .bxslider01 .slide { margin-right:5px;}
	#content_section .section04 .bxslider01 .slide figure img { display:inline-block; width:90%; height:90%; paddig:5px; }
			
/* 	-----------------------------------------------------
	------------------- Footer Styles -------------------
	----------------------------------------------------- */
	#footer_section {}
	#footer_section .section01 {padding:0 0 30px 0;}
	#footer_section .section01 h4 {padding-bottom:20px; margin-top:30px;}
	#footer_section .section01 .box {height:auto;}
	#footer_section .section02 .right {text-align:center; margin:0; padding:0;}
	#footer_section .section02 .left {width:60%; text-align:center; margin:0; padding:0 0 10px 0; line-height:normal;}
	#footer_section .section02 .right {width:40%; text-align:center; margin:0; padding:0;}
	
	#footer_section .section02 .left p {
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    color: #6b6b6b;
    text-align: left;
}

	
}

@media only screen and (min-width:1024px) and (max-width:1100px) {
img {max-width:100%; height:auto;}
	
/* 	-----------------------------------------------------
	------------------- Header Styles -------------------
	----------------------------------------------------- */
	#header_section {}
	#header_section figure img {height:70px; width:auto;}	
	

/* 	-----------------------------------------------------
	------------------- Banner Styles -------------------
	----------------------------------------------------- */
	#banner_section {}
	
	
/* 	-----------------------------------------------------
	------------------ Content Styles -------------------
	----------------------------------------------------- */
	#content_section {}
	
	
	#clients {display: block; margin-top: 40px; margin-bottom:40px;}
	.services-page-wrap {padding:0;}
	.service-box {border-bottom: 1px dashed #A3A3A3; padding: 25px; border-right: 0px dashed #A3A3A3; min-height:inherit;}
	.service-box:nth-last-child(2) {border-bottom: 1px dashed #A3A3A3;}
	.service-box:last-child {border-bottom: 0px dashed #A3A3A3;}
	.side-bar-contact {padding:0 15px;}
	.mar15 {margin:0;}
			
/* 	-----------------------------------------------------
	------------------- Footer Styles -------------------
	----------------------------------------------------- */
	#footer_section {}
	

	
}

@media only screen and (max-width:360px) {
.client-box {
    text-align: center;
    img: 100%;
    padding-left: 45px;
}

			#inner_banner_section section .about .caption {margin:50px 0 0 0; padding:10px 2px; }
			#inner_banner_section section .about .caption h1 { font-size:25px; font-weight:400; line-height:30px; }
			
			
		
			#inner_banner_section section .service .caption {margin:50px 0 0 0; padding:10px 2px; }
			#inner_banner_section section .service .caption h1 { font-size:25px; font-weight:400; line-height:30px; }
			
			
			
		
			#inner_banner_section section .ourwork .caption {margin:50px 0 0 0; padding:10px 2px; }
			#inner_banner_section section .ourwork .caption h1 { font-size:25px; font-weight:400; line-height:30px; }
			
			
			
		
			#inner_banner_section section .career .caption {margin:50px 0 0 0; padding:10px 2px; }
			#inner_banner_section section .career .caption h1 { font-size:25px; font-weight:400; line-height:30px; }
			
			
		
			#inner_banner_section section .client .caption {margin:50px 0 0 0; padding:10px 2px; }
			#inner_banner_section section .client .caption h1 {font-size:25px; font-weight:400; line-height:30px;}
			
			
		
			#inner_banner_section section .news .caption {margin:50px 0 0 0; padding:10px 2px;}
			#inner_banner_section section .news .caption h1 {font-size:25px; font-weight:400; line-height:30px;}
			
			
		
			#inner_banner_section section .contact .caption {margin:50px 0 0 0; padding:10px 2px;}
			#inner_banner_section section .contact .caption h1 {font-size:25px; font-weight:400; line-height:30px;}
			
			
			#footer_section .section02 .left .navigation {
    margin: 0;
    padding: 0 0 0 40px;
    width: auto;
    height: auto;
	text-align:center;
	
}

#footer_section .section02 .right p {
    color: #6b6b6b;
    text-decoration: none;
    font-size: 13px;
    padding-top: 10px;
    padding-right: 50px;
	text-align:center;
}


}

@media only screen and (max-width:360px) {
.client-box {
    text-align: center;
    img: 100%;
    padding-left: 25px;
}
}

@media only screen and (max-width:320px) {
#footer_section .section02 .left .navigation {
    margin: 0 0 0 4px;
    padding: 0 0 0 0px;
    width: auto;
    height: auto;
    text-align: center;
}

#footer_section .section02 .right p {
    color: #6b6b6b;
    text-decoration: none;
    font-size: 13px;
	text-align: center;
    padding-top: 10px;
	padding-right:25px;
}
}