@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

@font-face {
  font-family: "Flaticon";
  src: url("fonts/Flaticon.eot");
  src: url("fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
url("fonts/Flaticon.woff") format("woff"),
url("fonts/Flaticon.ttf") format("truetype"),
url("fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
font-style: normal;
font-size: 20px;
margin-left: 20px;
}

.flaticon-cargo-ship-with-containers:before { content: "\f100"; }
.flaticon-telephone-line-24-hours-service:before { content: "\f101"; }
.flaticon-male-chat-support:before { content: "\f102"; }
.flaticon-business-affiliate-network:before { content: "\f103"; }
.flaticon-meeting:before { content: "\f104"; }
.flaticon-transport:before { content: "\f105"; }
.flaticon-fast-delivery:before { content: "\f106"; }
.flaticon-transport-1:before { content: "\f107"; }

/*-----------------------------------*/
/* Page 404
/*-----------------------------------*/
#page404{text-align:center;}
#page404 img{margin:50px 0; margin-bottom:20px;}
#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
.btn11 { background: #f86b21; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
.btn11:hover {background:#e55407;}

/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 40%; height: 0; overflow: hidden; border: none; margin-bottom:0; margin-top:35px; width: 100%; float:left;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 100%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 450px;}

/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #5e5751; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }
.tWidth{width:100%; float:left; color: #000;}
.enquiryBtn {margin: 10px 0 0 0 !important; text-align: center; float: left;
margin-right: 20px !important;}
.textBox {width: 100% !important;height: 45px !important;background: #fff0;border: 1px solid #d0d0d0;color: #040404  !important;font-size: 16px;padding: 5px 25px;margin-bottom: 15px;}
.textBoxMulti {width: 100% !important; height: 100px !important; background: #fff0;
border: 1px solid #d0d0d0; color:#000 !important; font-size:16px; padding:5px 25px; margin: 0 0 10px 0;}
.tred{color:#C00;}
.subbtn {background:#db4b19 !important; display:inline-block; padding: 10px 40px !important; text-align: center; color:#fff; font-size: 17px; font-weight: 600; text-transform: uppercase;  text-decoration:none;  transition: all 1s; border:none }
.subbtn:hover {background:#000 !important; color:#fff; }
::placeholder {color: #000; font-size: 14px;}

#quotation .textBox {width: 100% !important;height: 40px !important;background: #fff0;border: 1px solid #d0d0d0;color: #040404  !important;font-size: 16px;padding: 5px 25px;margin-bottom: 15px;}
#quotation .textBoxMulti {width: 100% !important; height: 70px !important; background: #fff0;
border: 1px solid #d0d0d0; color:#040404 !important; font-size:16px; padding:5px 25px; margin: 0 0 10px 0;}


body { font-size:14px; line-height:28px; color:#515151;font-family: 'Poppins', sans-serif; overflow-x:hidden;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif;}
p{ font-size:16px; font-family: 'Poppins', sans-serif ; color:#898989;}

.carousel-caption img{ margin:0 auto;}
/*****welcome****************/

/***********multidropdown css*********/
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-submenu:hover>.dropdown-menu { display: block;}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after { border-left-color: #fff;}
.dropdown-menu > li > a{padding: 10px 20px;}
.dropdown-menu{ background-color:#ea5f2f; color:#fff;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ background-color:#f88f6b; color:#fff;}
.dropdown-menu > li > a{ color:#fff; font-size:16px;}
/******end******/
.top_sec{ width:100%; background:#fff; float:left; position:relative;padding: 20px 0;}
.logo{ position:absolute; left:0;top: -15px; z-index: 1;}
.orange_sec{width:100%; background:#db4b19; position:relative;}
.section{ padding:50px 0 70px 0;}
.carousel-inner .item img{ width:100%;}
.iso{ float:right;}
.iso p{ color:#000; text-transform:uppercase;float: left;margin: 0 25px 0 0;}
.iso span{ float:left;margin-right: 10px;color: #db4b19;font-size: 20px;}
.navbar.navbar-default.navbar-fixed-top {float: right;}
.container-fluid{ padding:0 5%;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a{color: #fff; background-color: transparent;}
.dropdown-menu{ right:0;}
.navbar-nav > li > a{font-size: 16px;font-weight: 600;}
.carousel-caption h2{ text-align:left;}
.carousel-caption {bottom: 30%;left: 9%;}
.carousel-caption p{ text-align: left;color: #fff;background: rgba(255,255,255,0.3);padding: 10px 60px 10px 10px;border-left: 3px solid #ccc;display: inline-block;float: left; text-transform: uppercase;}
.carousel-caption p span {display: block;}
#myCarousel .carousel-indicators{bottom: 23%;left: 13%;}
#welcome{ width:100%; float:left; position:relative;}
.left_blk{ width:50%; float:left; background:#ea5f2f; padding: 55px 6%;}
.left_blk p{ color:#fff;}
.para{ color:#f4b7a8 !important;}
.read{border: 1px solid #fff;padding: 10px 20px;display: inline-block; color:#fff; text-transform:uppercase; text-decoration:none !important;}
.read:hover{ background:#000; color:#fff;}
.right_blk{ width:50%;float:left;padding: 55px 6%; position:relative;}
.right_blk h1{ font-size:30px; color:#000; font-weight:bold; text-transform:uppercase; margin:0;}
.right_blk h4{ color:#ea5f2f; text-transform:uppercase; font-size:20px; font-weight:300;}
.black{ position:absolute; left: -62px;top: 88px;}
.wel_img{ position:absolute; left: 0;top: 170px;width: 80%;}
#product{ width:100%; float:left; position:relative; padding: 175px 0 50px 0;}
.pro_blk{ width:100%; float:left;padding-top: 60px;}
.pro_blk p, #infra_sec p{ color:#000;}
.para1{ color:#838383 !important;}
#product .read{ background:#ea5f2f;}
.pro_blk1{ width:100%; background:#e7e7e7;margin-bottom: 25px; }
.pro_blk1 h3{padding: 15px 20px !important;margin: 0 !important; color:#000 !important;text-transform: uppercase !important; font-size: 18px !important;  -webkit-transition: all 1s; transition: all 1s;}
.pro_blk1:hover h3{ background:#ea5f2f; color:#fff;}
.pro_blk1 a{ text-decoration:none; }
#product h1{font-size:45px; color:#000; font-weight:bold; text-transform:uppercase; margin:0; position:absolute; top: 35px;left: 8%;}
#product h1 span{ color:#cdcdcd;}
.vertical_line{ position:absolute; left: 18%;top: 15%;}
#testimonial{ width:100%; float:left; background:url(../images/testimonial_bg.jpg) no-repeat left top; background-size:100% 100%; padding: 50px 0 50px 0;}
.test_info{ width:100%; float:right; text-align:right;}
.test_info h1{ font-size:30px; color:#fff; font-weight:bold; text-transform:uppercase; margin:0;}
.divide{ text-align:right; float:right; margin:25px 0;}
.test_info p{ text-align:right; color:#fff;padding: 0 0 30px 45%;}
.test_info h3{ font-size:20px; color:#fff; font-weight:bold; text-transform:uppercase;margin: 35px 0 0 0;}
.test_info h3 span{ color:#ea5f2f; text-transform:uppercase; font-size:18px; font-weight:300;}
#area{ width:100%; float:left; padding:50px 0; text-align:center;}
#area h2{ font-size:36px; color:#ea5f2f; font-weight:bold; text-transform:uppercase;margin:20px 0;}
#area h2 span{font-weight:300;}
.area1{ width:100%; float:left; border:1px solid #ccc;padding: 45px 12px 10px 12px; position:relative;margin-top: 80px; height: 210px;}
.area1 img{-webkit-transition: -webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.area1:hover img{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.area1 h3{ font-size:22px; text-transform: capitalize; color:#000;} 
.area1 p{ color:#757575;}
.area1 img{ position:absolute; right:0; left:0; margin:0 auto;top: -60px;}
#service_sec{ width:100%; float:left; background:url(../images/client_bg.jpg) no-repeat left top; background-size:100% 100%; padding:50px 0; text-align:center;}
#service_sec h1{ font-size:48px; color:#fff; text-transform:uppercase; font-weight:bold;text-align:center;}
#service_sec h1 span{ font-weight:100;}
#service_sec .owl-carousel{padding: 0 0 50px 0;}
#service_sec p{ color:#fff;text-align: center;padding: 0 20%;margin: 20px 0;}
#service_sec #owl-example1 .owl-buttons{ display:none;}
#infra_sec{ width:100%; float:left; position:relative; padding:50px 0;}
#infra_sec h1{ font-size:30px; color:#000; text-transform:uppercase; font-weight:bold;}
#infra_sec h1 span{ font-weight:500; color:#757575 !important;}
#infra_sec .read{ background:#ea5f2f; border:none;}
#infra_sec .col-sm-4 img{margin-top: 15px;  border:2px solid #ededed; padding: 8px;}

.innerSection {width: 100%;float: left;padding: 50px 0; position: relative;}
.innerSection p {color: #181818;}
/*.abouthead {background-image: url(../images/pro_banner.jpg); background-size:100% auto;}
.abouthead h2 {position: relative;color: #ffffff;font-size: 40px;font-weight: 700;line-height: 1.2em;margin-bottom: 10px;text-transform: uppercase;}
.abouthead {position: relative;text-align: center;background-repeat: no-repeat;padding: 100px 0px 100px;}
*/
.title {position: absolute;top: 120px;left: 0;right: 0;text-align: center;}
.title h2 {color: #fff;font-size: 35px;text-transform: uppercase;}
.title ul{padding: 0 0 0 15px;}
.title ul li {position: relative;color: #f68e6a;font-size: 16px;font-weight: 500;display: inline-block;margin-right: 25px;}
.title ul li a {position: relative;color: #ffffff;font-size: 16px;font-weight: 500;}
.title ul li::after {content: '\f105';position: absolute;right: -17px;top: 0px;
color: #ffffff;font-family: 'FontAwesome';}
.title ul li:last-child::after {display: none;}
#productsAll .pro_blk1 h3 {text-align: center; border: none;}
.backpage {position: absolute;right: 10%;top: 15px;background: #f87142;padding: 10px 20px;
margin: 0px 0;}
.back {color: #fff;}
.innerSection h3 {font-size: 20px;color: #ea5f2f;background: #f8f8f8;padding: 15px 20px;border-left: 4px solid #ea5f2f;text-transform: uppercase;border: 1px solid #ededed;border-left: 4px solid #ea5f2f;box-shadow: 0px 0px 2px 0px #e4e4e4;}
.proList{list-style: none;padding: 5px 0;font-size: 15px;color: #000;}
.proList li {padding: 5px 0; width: 100%;}
.innerSection h4 {font-size: 21px;color: #000;}
.glyphicon-cog::before {content: "\e019";color: #ff9874;padding: 0px 10px;font-size: 15px;}
.glyphicon-thumbs-up{color: #ea5f2f;padding: 0px 6px;font-size: 16px;}
#aboutus h5 {font-size: 22px;color: #ea5f2f;text-transform: uppercase;}
.sitelink {color: #ea5f2f;font-weight: 600;}
.listing {width: 100%;float: left;padding: 0;}
.listing li{list-style: none;float: left;width: 32.33%;margin-right: 11px;margin-top: 15px;border-left: solid 3px #ea5f2f;padding: 5px; padding-left: 5px; background:#f8f8f8;}
.listing li a {font-size: 18px;color: #000;padding: 10px;}
.conInfo {width: 100%;float: left;padding: 10px;}
.contactDetails .col-md-6 {border-right: 2px solid #ededed;}
.contactDetails .col-md-6:last-child{border:none}
.gst {text-align: center; width: 48%;float: left;margin-right: 2%;}
.gst h4 {background: #f5f5f5;padding: 10px 20px;border-top: 1px solid #ec7808; color:#ea5f2f;}
.blkForm {color: #000;width: 19%;float: left;margin: 0.5%;}
.blkForm h4 {padding: 25px;}
#infra_sec h4 {color: #ea5f2f;font-size: 20px;}
#iso_sec {width: 100%;float: left; padding: 20px 0;background: url(../images/client_bg.jpg) no-repeat left top;}
.red_blk {width: 100%;padding: 30px 5%;position: relative;}
.red_blk h3 {font-size: 30px;color: #fff;text-transform: uppercase;font-weight: 300;}
.red_blk h2 {font-size: 25px;color: #fff;font-weight: 600;text-transform: uppercase;
margin-bottom: 20px;}
.red_blk h5 {color: #fff;font-size: 17px;padding: 10px 0;text-transform: uppercase;}
.certificate {padding: 30px;margin-left: 30%;}
.blk {width: 100%;float: left;border: 2px solid #eee;margin-bottom: 20px; padding: 15px 10px;}

/*---------------*/
/***** Hover Gallery Effects *****/
/*---------------*/
.grid {
	position: relative;
	margin: 0 auto;
	padding: 0; 
	list-style: none;
	text-align: center;
} 
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	min-width: 250px;
	max-width: 480px;
	max-height: 360px;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 20% 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%;
	height: 100%; margin: 0 auto; text-align: center !important;
} 
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 22px;
color: #fff !important;
}

/* Individual effects */
figure.effect-sarah {
	background: #000; 
}

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; 
	 opacity: 0.5; 
}
figure.effect-sarah:hover {background: #F60; }
figure.effect-sarah:hover img {
	opacity: 0.3; 
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 60% 20px; font-size: 20px;
}

figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
} 
.social_blk{ width:100%; background:#ea5f2f;padding: 10px 0;border-bottom: 1px solid #fff;}
.social_blk h2{ color:#fff; font-size:18px; text-transform:capitalize;}
.social_blk .fa{padding: 12px 15px;border: 2px solid #fff;border-radius: 50%;color: #000;margin-right: 10px;background: #fff;}
.social_blk p{ margin:0; text-align:right;}
.social_blk .fa:hover{ background:#bb4c26; color:#fff; border:none;}

.social_blkUpper .fa{padding: 12px 15px;border-radius: 50%;color: #000;margin-right: 10px;background: #f2f2f2; border: 1px solid #e4e4e4; -webkit-transition: all 1s; /* Safari */
  transition: all 1s;}
.social_blkUpper p{ margin:0; text-align:right;}
.social_blkUpper .fa:hover{ background:#ea5f2f; color:#fff; border: 1px solid #db4b19; }

.footer{ width:100%; float:left; background:#000; padding:20px 0;}
.footer a, .footer p{ color:#fff; text-decoration:none; margin:0;}
#back-to-top {cursor: pointer;position: fixed !important;bottom: 20px;right: 20px;z-index: 99 !important; background: #ea5f2f;padding: 5px 10px; border-radius:10px;}
#back-to-top img{width:70%;height:auto;}
.welText{display:none;}

.pro_blk1 img {width: 100%;height: auto;}
#productsAll figure  {margin-bottom:20px;}
/***********responsive**********/
@media only screen and (max-width: 1260px) {
.left_blk {padding: 40px 6%;}
}

@media only screen and (max-width: 1199px) {
.container { width:96%;}
.navbar-nav > li > a{font-size: 14px;}	
#myCarousel .carousel-indicators {left: 14%;}
.carousel-caption p{padding: 10px 40px 10px 10px;}
.wel_img {top: 204px;}
.pro_blk1 h3 {padding: 15px 10px !important;}
}
@media only screen and (max-width: 1100px) {
	.left_blk {padding: 40px 4%;}
	.pro_blk1 h3 {font-size: 16px !important;}
	.pro_blk {padding-top: 28px;}
	.abouthead {	padding: 80px 0px 80px;}
	.title {top: 90px;}
}
@media only screen and (max-width: 1050px) {
.wel_img{height: 312px;}	
.pro_blk{padding-top: 0;}
.vertical_line{display: none;}
.test_info p{padding: 0 0 0 40%;}
.footer a, .footer p{font-size: 15px;}
.title {top: 80px;}
	}
@media only screen and (max-width: 1024px) {
.container { width:96%;}	
.navbar-nav > li > a {font-size: 12px;}	

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

.para1 {display: none !important;}
#testimonial{ background-size:100% 100%;}
.footer a, .footer p {font-size: 13px;}
.black{ display:none;}
.right_blk h1{font-size: 25px;}
.logo img{ width:90%;}
.logo{top: 6px;}
.dropdown-menu > li > a {font-size: 12px;padding: 6px 20px;}
.footer a, .footer p {font-size: 13px;}
.wel_img {top: 180px;}
#product h1 {font-size: 40px;top: 60px;}
.pro_blk1 h3 {font-size: 14px !important;}
.area1 h3 {font-size: 17px;}
.red_blk h2 {font-size: 22px;}
.red_blk h3 {font-size: 27px;}
.certificate {	margin-left: 10%;}
.carousel-caption {bottom: 30%;left: 5%;}
}
@media only screen and (max-width: 900px) {
	.pro_blk1 h3 {font-size: 13px !important;}
#testimonial {padding: 25px 0 35px 0;}
.area1 {height: 230px;}
}
@media only screen and (max-width: 850px) {
.carousel-caption p {display: none;}
.wel_img {top: 260px;}	
#infra_sec h1{font-size: 22px;}
.grid figure p{font-size: 16px}
.pro_blk1 h3 {font-size: 13px !important;height: 52px;}
.social_blk .fa {padding: 9px 12px;margin-right: 5px;}
.social_blk h2{margin-top: 10px;
margin-bottom: 0px;}
.title {top: 60px;}
.carousel-caption {	width: 75%;}
	}
@media only screen and (max-width: 800px) { 
.navbar-nav > li > a {font-size: 15px;padding:10px 14px 10px 20px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a{font-size: 10px;}
.copyright h4, .company a{font-size: 12px;}
#infra_sec .read{padding: 10px 12px;}
.welText{display:block;}
.welText h1 {font-size: 30px;color: #fff;font-weight: bold;text-transform: uppercase;margin: 0;}
.welText h4 {color: #fff;text-transform: uppercase;font-size: 20px;font-weight: 500;}
.right_blk {display: none;}
.left_blk {padding: 40px 6%;width: 100%;}
.test_info h1 {font-size: 25px;}
#area .col-xs-12.col-sm-4 {width: 50%;height: auto;}
.certificate {padding: 15px;}
.red_blk {padding: 15px 3%;}
}
@media only screen and (max-width: 767px) { 
/******** start toggle***********/
.logo img {width: 60%;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-collapse{border-top: none;}
.navbar.navbar-default.navbar-fixed-top, .dropdown-menu, .dropdown-submenu{ width:100%;}
#bs-example-navbar-collapse-1{position: absolute;top: 50px;z-index: 99999;background: #db4b19;width: 100%;}
.wel_img {display: none;}
#product .col-xs-12 {width: 50%;}
.pro_blk1 h3 {font-size: 15px !important;}
.test_info p {padding: 0 0 0 35%;}
.testi{display:none;}
.red_blk h2 {font-size: 18px;}
.red_blk h3 {font-size: 23px;}
.red_blk h5 {font-size: 15px;}
#infra_sec h4 {font-size: 18px;}
.social_blk p {margin: 15px 0;text-align: left;}
.pull-right.design {float: left !important;}
.title h2 {font-size: 30px;}
#aboutus h5 {font-size: 19px;}
#facilities img{display:none;}
.carousel-caption h2 {font-size: 25px;}
.title {top: 30px;}
}
@media only screen and (max-width: 700px) { 
.test_info h3 {margin: 5px 0 0 0;}
.red_blk {padding: 15px 1%;}
.red_blk h2 {font-size: 16px;}
}
@media only screen and (max-width: 650px) {
#infra_sec .col-xs-4, #infra_sec .col-xs-8 {width: 100%;text-align: center;}
#infra_sec .col-sm-4 img {margin-left: 28%;}
.iso p {margin: 0 10px 0 0;font-size: 14px;}
.iso span {font-size: 16px;margin-top: 3px;}
}

@media only screen and (max-width: 600px) { 
.navbar-brand {width: 45%;}
.title {top: 10px;}
.top_sec {padding: 15px 0;}
.logo {top: 0px;}
}
@media only screen and (max-width: 550px) { 
#area .col-xs-12.col-sm-4 {width: 100%;height: auto;}
.area1 {height: auto;}
#iso_sec .col-xs-8, #iso_sec .col-xs-4 {width: 100%;text-align: center;}
.certificate {margin-left: 30%;}
.red_blk img {display: none;}
.red_blk h2 {margin-bottom: 0px;}
.red_blk h3 {margin-top: 11px;margin-bottom: 7px;}
.title h2 {font-size: 21px;}
.iso p{display:none;}
.top_sec {padding: 10px 0 38px 0;}
.innerSection {padding: 30px 0;}
}

@media only screen and (max-width: 500px) { 
.navbar-brand {width: 50%;top: -55px;}
#product .col-xs-12 {width: 100%;}
.test_info p {font-size: 14px;}
.test_info h1 {font-size: 22px;}
.test_info h3 {font-size: 17px;}
#infra_sec .col-sm-4 img {margin-left: 20%;}
.social_blk h2 {font-size: 16px;}
#productsAll .pro_blk1 h3 {font-size: 13px !important;line-height: 16px;}
#testimonial {background: #1c2f42;}
.test_info p {padding: 0 0 0 0%;}
#myCarousel .carousel-indicators {left: 17%;}
}
@media only screen and (max-width: 450px) { 
.pro_blk1 {text-align: center;}
#infra_sec h4 {font-size: 16px;}
.social_blk h2 {font-size: 14px;}
#productsAll .col-xs-6.col-sm-4 {width: 100%;height: auto;}
}
@media only screen and (max-width: 400px) {
.navbar-brand {width: 56%;top: -55px;}
.welText h1 {font-size: 25px;}
#area {padding: 25px 0;}
#area h2 {font-size: 30px;}
.certificate {margin-left: 25%;}
#product {padding: 120px 0 50px 0;}
#product h1 {font-size: 30px;top: 35px;}
#infra_sec h4 {font-size: 15px;}
#infra_sec .col-sm-4 img {margin-left: 25%;width: 50%;}
#infra_sec {padding: 25px 0;}
.title {top: 0px;}
.title h2 {font-size: 15px; margin-bottom: 0;}
.logo {top: 6px;}
.innerSection h4 {font-size: 19px;}
}
@media only screen and (max-width: 320px) {
.navbar-brand {width: 60%;top: -55px;}	
.navbar-toggle{padding: 5px 10px;margin-bottom: 0;}
.copyright h4, .company a {font-size: 10px;}
.certificate {margin-left: 17%;}
.red_blk h2  {margin-top: 10px;margin-bottom:0px; font-size: 13px;}
.red_blk h3 {margin-top: 2px;margin-bottom: 5px; font-size: 19px;}
.red_blk h5 {font-size: 12px;}
}