@charset "utf-8";
/* CSS Document */

@media (max-width: 1200px) {
}
/* I-pad Landscape */
@media (max-width: 1024px) {
}
/* Google Nexus 7 Landscape */
@media (max-width: 992px) {
	
}
/* I-pad Portrait */
@media (max-width: 768px) {
	a.menu-icon { display:block; margin:0 auto; float: right;}
	a.menu-text { display:block;}

	#header .header-block {padding: 10px 0px;}
	#header .header-block.home {position: relative;	background: #fff;}
	#header .header-block.isStuck {position: fixed !important;}

	#header .main-nav {width: 43px;	margin: 0px !important;	padding: 0px !important;	float: right;	margin-top: 5px !important;}

	#nav { float:none; margin:0 auto; text-align:center; position: relative;}
	#nav ul {display: none;	overflow: hidden;	margin: 10px 0 0 0;	width: 270px;	position: absolute;	top: 40px;	right: 0px;	z-index: 11;	background-color: rgba(25, 35, 129,0.8);	box-shadow: 0px 0px 2px #ccc;	border-radius: 8px;}
	#nav ul li { width:100%; margin:0; padding:0; border:none; border-bottom:1px solid #fff !important;}
	#nav ul li a { padding:10px 0; color:#fff;}
	#nav ul li:last-child {border-bottom: none !important;}
	#nav ul li .svg-inline--fa {margin: 10px 0px; font-size: 18px;}
	
	/* Drop Down */
	#nav ul li ul { position:relative; top:0; width:100%; background:#ccc;  }
	/* Drop Down */

	#nav ul li.active a {color: #4ebe54;}
	#nav ul li a:hover {color: #4ebe54;}

	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-md-1, .order-md-2 {-ms-flex-order: inherit !important; order: inherit !important;}

	#header .social_icons {display: none;}
	#slider .slider-box ul li {background: transparent !important; height: auto !important;}
	#slider .slider-box ul li img {width: 100% !important;	display: block !important;	height: auto !important;}
	#slider .slider-content-block {position: relative;	width: 100%; height: auto;	left: auto;	display: block;	text-align: center;	top: auto;	padding: 30px 0px;	background: #f5f5f5;}
	#slider .slider-content-box h1 {font-size: 35px;	line-height: 35px;	margin: 15px 0px 30px 0px;}	
	
	#certified .certified-block {padding: 50px 0px 28px 0px;}
	#certified .certified_box {position: relative;	width: 100%;	margin-bottom: 35px;}

	#whoweare .whoweare_img {height: auto; border-radius: 0px;	margin-bottom: 40px;}
	#whoweare .whoweare_img img {width: 100%;	z-index: 2;	height: auto;	max-width: 100%;	position: relative;	left: auto;	top: auto;	transform: translate(0%, 0%); display: block; border-radius: 10px;}
	#whoweare .whoweare-box::after {display: none;}
	#whoweare .whoweare_content h1 {font-size: 30px;	line-height: 30px;}

	#services .services-block {padding: 60px 0px 30px 0px;}
	#services .services_img {height: auto;}
	#services .services_img .serviceimg {position: relative;	top: auto;	left: auto;	transform: translate(0%, 0%);	width: 100%;	height: auto;	display: block;	max-width: 100% !important;}
	#services .col-md-6 {margin: 20px auto 40px auto;}

	.footer-box {text-align: center;}
	#footer .footer-content p {margin: 0 auto;}
	#footer .social_icons {text-align: center;	margin-top: 30px;}
	.footer-bottom-block .col-md-6:first-child {-ms-flex-order: 2 !important;	order: 2 !important;	margin-top: 15px;}
	#footer .footer-nav {text-align: center;}

	#banner .banner-box {position: relative;	padding: 50px 0px; }
	#banner h1 {color: #fff;	font-size: 35px;	text-transform: capitalize;	text-align: center;	margin-bottom: 15px;}
	#banner .breadcrumbs {text-align: center;	width: 100%;	position: relative;	right: 0px;	bottom: auto;}

	#whoweare .whoweare-block {padding: 60px 0px 0px 0px;}
	#about .about-block {padding: 15px 0px 60px 0px;}
	#about .about_box {text-align: center; margin: 15px 0px; height: auto;}

	#whoweare .whoweare_content h5 {text-align: center;}
	#whoweare .whoweare_content h1 {text-align: center;}

	#feedback .feedback_box p {text-align: justify;}

	#service .service-box::after {display: none;}
	#service .service_img {height: auto; width: 100%; border-radius: 0px;	margin-bottom: 20px;}
	#service .service_img img {width: 100%;	z-index: 2;	max-width: 100%;	position: relative;	left: auto;	top: auto;	transform: translate(0%, 0%);	display: block;	border-radius: 10px;}
	#service .service-box.even .col-md-6:first-child, #service .service-box.even .col-md-6:first-child {-ms-flex-order: inherit !important; order: inherit !important;}
	#service .service-box {margin-bottom: 80px;}
	#service .service-block {padding: 60px 0px 0px 0px;}
	#service .service_content h1 {font-size: 30px;	line-height: 30px;	text-align: center;}
	#service .service_content p {text-align: justify;}
	#service .service_content h5 {text-align: center;}
	.contact-info {margin-top: 30px;}

	#certificate .certificate-block h1 {font-size: 30px;	margin-bottom: 7px;	line-height: 35px;	text-align: center;}
	#certificate .certificate-block p {text-align: center;}
	#certificate .certificate_search {max-width: 400px;	margin: 30px auto auto auto;}

	#content .content_block h1 {font-size: 28px;	line-height: 34px;	text-align: center;}
	#content .content_block p {text-align: justify;}
	#content .content_block .col-md-3 {-ms-flex: 0 0 50%; flex: 0 0 50%;	max-width: 50%;}

	h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, p br {display: none;}

	#services .services_links a img {width: 35px;	height: 35px;}
}
/* HTC One Landscape */
@media (max-width: 640px) {
}
/* Google Nexus 7 Portrait */
@media (max-width: 603px) {
}
/* Google Nexus 4 Landscape */
@media (max-width: 600px) {
}
/* I-phone Landscape */
@media (max-width: 568px) {
}
/* I-phone Landscape */
@media (max-width: 480px) {

 .section-titile h1 {font-size: 30px;	line-height: 35px;}
 #banner h1 {font-size: 30px;	line-height: 35px;}
 #slider .slider-content-box h1 {font-size: 30px;	line-height: 35px;}

	
}
/* Nokia Lumia Portrait */
@media (max-width: 460px) {
}
/* HTC One Portrait */
@media (max-width: 360px) {
}
/* I-phone Portrait */
@media (max-width: 320px) {
}
/* Small mobile */
@media (max-width: 240px) {
}
