@font-face {
    font-family: 'PRISTINA';
    src: url('../fonts/PRISTINA.eot');
    src: url('../fonts/PRISTINA.eot') format('embedded-opentype'),
         url('../fonts/PRISTINA.woff2') format('woff2'),
         url('../fonts/PRISTINA.woff') format('woff'),
         url('../fonts/PRISTINA.ttf') format('truetype'),
         url('../fonts/PRISTINA.svg#PRISTINA') format('svg');
}
@font-face {
    font-family: 'OPENSANSREGULAR';
    src: url('../fonts/OPENSANSREGULAR.eot');
    src: url('../fonts/OPENSANSREGULAR.eot') format('embedded-opentype'),
         url('../fonts/OPENSANSREGULAR.woff2') format('woff2'),
         url('../fonts/OPENSANSREGULAR.woff') format('woff'),
         url('../fonts/OPENSANSREGULAR.ttf') format('truetype'),
         url('../fonts/OPENSANSREGULAR.svg#OPENSANSREGULAR') format('svg');
}

@font-face {
    font-family: 'OPENSANSSEMIBOLD';
    src: url('../fonts/OPENSANSSEMIBOLD.eot');
    src: url('../fonts/OPENSANSSEMIBOLD.eot') format('embedded-opentype'),
         url('../fonts/OPENSANSSEMIBOLD.woff2') format('woff2'),
         url('../fonts/OPENSANSSEMIBOLD.woff') format('woff'),
         url('../fonts/OPENSANSSEMIBOLD.ttf') format('truetype'),
         url('../fonts/OPENSANSSEMIBOLD.svg#OPENSANSSEMIBOLD') format('svg');
}

@font-face {
    font-family: 'OPENSANSLIGHT';
    src: url('../fonts/OPENSANSLIGHT.eot');
    src: url('../fonts/OPENSANSLIGHT.eot') format('embedded-opentype'),
         url('../fonts/OPENSANSLIGHT.woff2') format('woff2'),
         url('../fonts/OPENSANSLIGHT.woff') format('woff'),
         url('../fonts/OPENSANSLIGHT.ttf') format('truetype'),
         url('../fonts/OPENSANSLIGHT.svg#OPENSANSLIGHT') format('svg');
}

@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}
*, *::before, *::after {
    box-sizing: border-box;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

body{font-family: 'OPENSANSREGULAR';
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;}



.slider{ position:relative; width:100%; float:left;}

.wrapper{ width:100%; float:left;}
.inner_wrapper{ width:90%; max-width:1180px; margin:0 auto;}

.header_home{ width:100%; float:left; position: absolute; z-index:99; overflow:hidden;}


.header{ width:100%; float:left; position: relative; z-index:99; min-height:510px; overflow:hidden; background:url(../images/aboutus_bg.jpg) no-repeat; background-size:cover;}
.logo{ margin-top:45px; float:left;}
.head_top{ width:100%; float:left;}



.gallery_ban_outer{ max-width:950px; margin:0 auto; width:90%;}
.gallery_banner{width:100%; float:left; text-align:center; margin:70px 0 60px 0; position:relative; border:4px solid rgba(255,255,255,0.25);}
.gallery_banner h2{background:url(../images/aboutus_bg.jpg) no-repeat;
 font-weight:normal; color:#f05922; font-family: 'PRISTINA'; font-size:64px; margin:0; position:absolute; margin:0 auto; left:0; right:0; top:-45px; width:225px;}
.gallery_banner p{font-family: 'OPENSANSLIGHT'; font-size:32px; color:#fff; padding:10px 20px;}

.getintouch_banner{width:100%; float:left; text-align:center; margin:70px 0 60px 0; position:relative; border:4px solid rgba(255,255,255,0.25);}
.getintouch_banner h2{background:url(../images/aboutus_bg.jpg) no-repeat;
 font-weight:normal; color:#f05922; font-family: 'PRISTINA'; font-size:64px; margin:0; position:absolute; margin:0 auto; left:0; right:0; top:-45px; width:310px;}
.getintouch_banner p{font-family: 'OPENSANSLIGHT'; font-size:32px; color:#fff; padding:10px 20px;}


.about_wrap_inner h2{ margin:0 auto; position:absolute; margin:0 auto; left:0; right:0; top:30px; width:135px; background:#E7E8EA; text-align:center;}



.legacy_wrap{ width:100%; float:left; background:url(../images/legacy_bg.jpg) repeat; background-size:cover; padding:70px 0; position:relative;}
.legacy_wrap_inner{ max-width:1030px; margin:0 auto;}
.legacy_wrap_left{ width:47%; margin-right:3%; float:left;}
.legacy_wrap_right{width:50%; float:left;}
.legacy_wrap_right img{ width:100%;}

.head_legacy{ background:url(../images/legancy_headbg.png) no-repeat 65px 0; padding:20px 0 30px 0; margin:10px 0;}
.head_legacy h2{ font-family: 'PRISTINA'; color:#f05922; font-size:45px; font-weight:normal; margin:0;line-height:45px;}
.head_legacy h3{font-family: 'OPENSANSREGULAR'; font-size:28px;  color:#530124; margin:0;line-height:28px;}
.legacy{left: -70px; background:#E7E8EA; padding: 0;position: absolute;top: 10px;}

.legacy_wrap_left p{font-family: 'OPENSANSREGULAR'; font-size:17px; line-height:22px; color:#58595b;float:left;}
.legacy_arrow{ background:url(../images/next_arrow.png) no-repeat; width:21px; height:21px; cursor:pointer; float:left;}
.legacy_arrow:hover{ background:url(../images/next_arrow_hover.jpg) no-repeat;}



.innovation_wrap{width:100%; float:left; background:url(../images/innovation_bg.jpg) repeat; background-size:cover; padding:20px 0;}
.innovation_wrap_left{ width:37.13559322033898%; float:left; margin-right:1%;}
.innovation_wrap_right{ width:61.86440677966102%; float:left;}


.head_innovation{ background:url(../images/get_headbg.png) no-repeat 65px 0; padding:20px 0 30px 0; margin:10px 0;}
/*.head_innovation_inner{ float:left; border:4px solid #cdced0; padding: 110px 0 10px 0;position: relative;width: 40%;}
.innovation{left: -70px; background:url(../images/innovation_headbg.png) no-repeat; padding: 0;position: absolute;top: 10px;}*/
.head_innovation h2{ font-family: 'PRISTINA'; color:#f05922; font-size:45px; font-weight:normal; margin:0;line-height:45px;}
.head_innovation h3{font-family: 'OPENSANSREGULAR'; font-size:28px;  color:#ffffff; margin:0;line-height:28px;}
.innovation_wrap_left p{font-family: 'OPENSANSREGULAR'; font-size:17px; line-height:22px; color:#ebebeb;}
.innovation_arrow{ background:url(../images/next_arrow_white.png) no-repeat; width:21px; height:21px; cursor:pointer;}
.innovation_arrow:hover{ background:url(../images/next_arrow_hover.jpg) no-repeat;}

.inno_box{ width:100%; float:left;}
.inn_prod{ width:31.33%; float:left; margin:1% 1% 0.5% 1%; }
.inn_prod img{ width:231px; }
.inn_prod h3{ color:#ebebeb;font-family: 'OPENSANSREGULAR'; font-size:16px; position:absolute; left:7%; right:7%; text-align:center; top:35%;}
.inn_prod .hovereffect {width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor: pointer;}
.inn_prod .hovereffect .overlay {width:90%;height:90%;position:absolute;overflow:hidden;top:5%;left:5%;opacity:0;background:#f05922;
-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.inn_prod .hovereffect img {display:block; width:100%;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.inn_prod .hovereffect:hover .overlay {opacity:1;filter:alpha(opacity=100);}

.opion_wrap{ width:100%; float:left; background:url(../images/legacy_bg.jpg) repeat; background-size:cover; padding:70px 0;}



.head_opion{ background:url(../images/opioin_headbg.png) no-repeat 65px 0; padding:30px 0 30px 0; margin:10px 0;}

.head_opion h2{font-family: 'PRISTINA'; color:#f05922; font-size:45px; font-weight:normal; margin:0;line-height:45px;}
.head_opion h3{font-family: 'OPENSANSREGULAR'; font-size:28px;  color:#530124; margin:0;line-height:28px;}
.testimonial_wrap{ max-width:1030px; margin:0 auto;}
.testimonial_wrap_inner{ width:100%; float:left;}
.testimonial_wrap p{ color:#58595b;font-family: 'OPENSANSREGULAR'; font-size:17px; line-height:25px;}
.testi { width:100%; float:left;}


.get_wrap{ width:100%; float:left;background:url(../images/get_bg.jpg) 40% 50% repeat; background-size:cover; padding:30px 0;}
.get_comb{width:100%; float:left; position:relative;}
.get_left{ width:35%; margin-right:5%; float:left; /*background:url(../images/get_left_bg.jpg) repeat; background-size:cover;*/}
.get_right{ width:50%; margin:0 5%; float:left;/*background:url(../images/get_right_bg.jpg) repeat; background-size:cover*/}



.cont_wrap{}
.cont_wrap p{ color:#ebebeb;font-family: 'OPENSANSREGULAR'; font-size:17px; line-height:22px; margin:0;}
.cont_wrap p a{color:#ebebeb; text-decoration:none;}
.cont_wrap p a:hover{ color:#F05922;}

.cont_mr{ margin-top:20px;}

.feild_1{ margin-top:20px;}
.label_txt{ color:#ebebeb;font-family: 'OPENSANSREGULAR'; font-size:17px; font-weight:normal; padding:6px; resize:none; width:94%;
background:none; border: 1px solid #ebebeb;}



.head_get{ background:url(../images/get_headbg.png) no-repeat 65px 0; padding:20px 0 30px 0; margin:10px 0;}
.head_get h2{font-family: 'PRISTINA'; color:#fff; font-size:45px; font-weight:normal; margin:0; line-height:45px;}
.head_get h3{font-family: 'OPENSANSREGULAR'; font-size:28px;  color:#fff; margin:0; line-height:28px;}

.submitbutton{ cursor:pointer;font-family: 'OPENSANSREGULAR'; font-size:12px; padding:5px 10px;  color:#ebebeb; text-transform:uppercase;background:none; border: 1px solid #ebebeb;}
.submitbutton:hover{background:#f05922;border: 1px solid #f05922; }



.mobile-nav-button { background:url(../images/toggle_btn.png) no-repeat;
  width: 60px;
  position: absolute;
 
  right: 50px;
  top: 50px;
  z-index: 9999;
  cursor: pointer;

  height: 60px;
}

.mobile-nav-button .mobile-nav-button__line {
  width: 50%; top:16px; left:16px;
  height: 4px;
  background: #fff;
  position: relative;
  transition: 1s ease;
}

.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) { margin:7px 0; }

.mobile-nav-button .mobile-nav-button__line--1 {
  transform: rotate(45deg);
  top: 26px;
  position: absolute;
}

.mobile-nav-button .mobile-nav-button__line--2 { display: none; }

.mobile-nav-button .mobile-nav-button__line--3 {
  transform: rotate(135deg);
  top: 26px;
  position: absolute;
}

.mobile-menu {
  display: block;
  max-width: 730px;
  width: 100%;
  right: -100%;
  height: 50px;
  position: absolute;
  z-index: 9998;
  transition: 0.6s ease;
  top: 56px;
  opacity: 0; background:url(../images/menu_bg.jpg) repeat; background-size:cover;
}

.mobile-menu ul { float:left; position: relative;transform: translateY(-50%); padding: 0; margin:22px 0 0 0 ;}

.mobile-menu ul li { list-style: none; float:left; padding:0 20px; border-right:1px solid #fff; }
.mobile-menu ul li:last-child{border-right:none;}
.mobile-menu ul li a {
  width: 100%;
  font-weight:bold;
  display: block;
  text-align: center;
  text-decoration: none; outline:none;
 
  position: relative;font-family: 'OPENSANSREGULAR'; font-size:15px; line-height:15px; color:#fff;
}

.mobile-menu ul li a:after {
  content: '';
  /*background: #0e0e0e;*/
  width: 100%;
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
  z-index: -1;
  transition: 0.4s ease;
}

.mobile-menu ul li a:hover { color:#f36525;  }
.mobile-menu ul li.active a {color:#f36525;  }
/*.mobile-menu ul li a:hover:after { right: 0; }*/

.mobile-menu img {
  position: absolute;
  width: 150px;
  display: block;
  left: 50%;
  top: 3rem;
  transform: translatex(-50%);
  padding: 0;
  text-align: center;
}

.mobile-menu--open {right: 0;opacity: 1;}

footer{ background:#363636;width:100%; float:left; }
.nav_foot{ max-width:1030px; margin:0 auto; text-align: center; width:96%; }
.nav_foot p{font-family: 'OPENSANSREGULAR'; font-size:12px; line-height:15px; color:#fff; float:left; margin:15px 0;}
.develby{width:160px;display: flex; float:right; margin:0 auto;font-family: 'OPENSANSREGULAR'; font-size:12px; line-height:15px; color:#fff; padding:15px 0;}
.develby a{ padding:0 !important;}
.develby a:hover{ background:none !important;}
.QMlogo{cursor:pointer; background-image:url(../images/QMicon_hover.png);
background-repeat: no-repeat;border: medium none;float:right;height: 17px;width: 17px;margin-left:4px;}
.QMlogo:hover{background-image:url(../images/QMicon.png);}



.about_wrap{ width:100%; float:left; background:url(../images/legacy_bg.jpg) repeat; background-size:cover; padding:70px 0; position:relative;}
.about_wrap_inner{ width:100%; float:left; border:4px solid #cdced0;}
.tab_wrap{ max-width:1030px; margin:0 auto; width:90%; }
.tab_txt { width:100%; float:left;}

.tab_txt_left{ width:35%; margin-right:3%; float:left; margin-top:20px;}
.tab_txt_right{ width:62%; float:left;}

.tab_txt_left img{ width:100%;}

.tab_txt p{ color:#58595b;font-family: 'OPENSANSREGULAR'; font-size:16px; line-height:21px;}

ol:after, ul:after {display: block;width: 0;height: 0;overflow: hidden;clear: both;visibility: hidden;content: " "}


.tabwhyus_txt{ width:100%; float:left;}
.tabwhyus_txt p{color:#58595b;font-family: 'OPENSANSREGULAR'; font-size:16px; line-height:21px;}


.whyus_left{ width:50%; float:left;}
.whyus_left{ width:50%; float:left;}

.whyus_left ul{ margin:0; padding:0;}
.whyus_left ul li{ color:#58595b;font-family: 'OPENSANSREGULAR'; font-size:17px; line-height:30px; list-style:none; padding:0 0 0 20px; margin:4px 0;}
.whyus_left ul li.orange{ background:url(../images/bullet_orange.jpg) no-repeat 0 12px;}
.whyus_left ul li.red{ background:url(../images/bullet_red.jpg) no-repeat 0 12px;}

.dir_txt{font-family: 'OPENSANSSEMIBOLD'; color:#530124; font-size:17px; margin-top:10px;}
.dir{ margin-top:5px;}

.qulity_wrap{width:100%; float:left; margin-top:25px;}
.core_wrap{ width:100%; float:left;}
.core_wrap p{color:#58595b;font-family: 'OPENSANSREGULAR'; font-size:16px; line-height:21px;}

.core_box{ margin-top:20px; width:100%; float:left;}


.corebox_one_outer{width:23%; float:left; margin:0 1%; }
.corebox_one{  float:left; padding:20px 10px;}
.corebox_one_outer h4{font-family: 'OPENSANSSEMIBOLD';font-size:21px; margin:0; letter-spacing:2px; text-align:center; text-transform:uppercase;  }

.htwo{ margin-top:30px;}
.hfour{margin-top:30px;}

.corebox_one_left{ width:28%; float:left; text-align:center;}
.corebox_one_right{ width:66%; margin-left:6%; float:left;}

.cone{background:#540025; }
.ctwo{ background:#96113d;}
.cthree{ background:#c9243f;}
.cfour{ background:#f05922;}

.hone h4{ color:#530124;}
.htwo h4{ color:#96113d;}
.hthree h4{color:#c9243f;}
.hfour h4{ color:#f05922;}


.corebox_one_right{font-family: 'OPENSANSREGULAR'; font-size:15px; color:#fff;}




.plant_wrap{ max-width:1030px; margin:0 auto; width:90%; }
.plant_wrap_inner{ width:100%; float:left; margin:35px 0 20px 0;}
.plant_txt p{color:#58595b;font-family: 'OPENSANSREGULAR'; font-size:16px; line-height:21px;}
.plant_img{ width:100%; float:left;}
.plant_img_one{ width:30.33%; float:left; margin:1.5%;}


.getin_wrap{ max-width:1030px; margin:0 auto; width:90%; }
.getin_wrap_inner{ width:100%; float:left; margin:35px 0;}
.getin_left{ width:55%; margin-right:7%; float:left;}
.getin_right{ width:38%; float:left;}

.office_add{ width:100%; float:left; margin:15px 0 0 0;}
.office_add h3{font-family: 'OPENSANSSEMIBOLD'; color:#530124; font-size:18px; margin:0 0 2px 0px; text-transform:uppercase; }
.office_add p{ color:#58595b;font-family: 'OPENSANSREGULAR'; font-size:16px; line-height:26px; margin:0;}

.office_add p a{color:#58595b; text-decoration:none;} 
.office_add p a:hover{ color:#F05922;}
.map{ margin-top:10px;}
.iso_logo{ width:1005; float:left; margin:30px 0 0 0;}
.iso_logo_one{ float:left;}
.iso_mr{ margin-right:29px;}
.iso_logo_one p{ color:#58595b;font-family: 'OPENSANSREGULAR'; font-size:10px; line-height:24px; margin:0;}



.prod_wrap{ max-width:1030px; margin:0 auto; width:90%; }
.prod_wrap_inner{ width:100%; float:left; margin:35px 0;}
.prod_wrap p{color:#58595b;font-family: 'OPENSANSREGULAR'; font-size:16px; line-height:21px;}
#ip-container {
	position: relative; width:100%; float:left;
}
.article {
	float: left; width:31.33%; margin:0.7% 1%;
	cursor: pointer;
}

.ip-details {
	display: none;
}
.inlinepopup {
	
	border: none;
	float: left;
	width: 100%;
	margin-bottom: 15px; margin-top:10px;
	position: relative;
	
}
.inlinepopup_content {
	margin: 20px;
	color: #585858;
}
.article.active { border-bottom:4px solid #f05922;}

.inlinepopup_arrow {
	background: url(../images/arrow-top.png) no-repeat scroll center 0;
	height: 11px;
	position: absolute;
	top: -17px;
	width: 21px;
}
.inlinepopupClose {
	background: url(../images/close.png) no-repeat scroll 0 0;
	cursor: pointer;
	height: 16px;
	position: absolute;
	right: 5px;
	
	top: 10px;
	width: 16px;
	
	overflow: hidden;
	transition: all 0.5s ease 0s;
}
.inlinepopupClose:hover {
	transform: rotate(180deg);
}
.popup_inner{}
.popup_inner p{ color:#58595b;font-family: 'OPENSANSREGULAR'; font-size:17px; line-height:22px;}
.popup_inner p span{color:#f05922;font-family: 'OPENSANSSEMIBOLD';font-size:17px; line-height:22px;}
.overlay h3{ color:#ebebeb;font-family: 'OPENSANSREGULAR'; font-size:16px; position:absolute; left:7%; right:7%; text-align:center; top:35%;}
.produ_inner .hovereffect {width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor: pointer;}
.produ_inner .hovereffect .overlay {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;opacity:0;background:#f05922;  z-index:9;
-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out; border:16px solid #fff;}
.produ_inner .hovereffect img {display:block; width:100%;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.produ_inner .hovereffect:hover .overlay {opacity:1;filter:alpha(opacity=100);}

.produ_inner{ position:relative;}
.produ_inner p{ position:absolute; z-index:1; left:0; right:0;color:#58595b;font-family: 'OPENSANSSEMIBOLD';font-size:17px; line-height:22px;}

/* Portfolio */

#portfolio {
	padding: 30px 0px 40px 0px;
	overflow: hidden;
}
#portfolio ul.controls {
	padding: 20px 0 20px 0px;
	overflow: hidden;
	margin:0 auto; max-width:250px; 
	
}
#portfolio ul.controls li {
	float: left;font-family: 'OPENSANSSEMIBOLD';
	color: #530124;
	font-weight: 400;
	font-size: 18px;
	padding: 5px 5px; margin:0 10px;
	cursor: pointer; list-style:none;
}
#portfolio ul.controls li:hover, #portfolio ul.controls li.active {
	border-bottom: 4px solid #f05922;
}
#portfolio ul#Grid {
	margin: 0 0 30px 0;
	padding: 0;
	position: relative;
}
#portfolio ul#Grid li {
	padding: 0 1px 1px 0;
	display: none;
	position: relative;
}
#portfolio ul#Grid li a {
	display: block;
	position: relative;
	color: #fff;
}
#portfolio ul#Grid li span.overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	text-indent: -9999px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background: #000;
}
#portfolio ul#Grid li:hover span.overlay {
	visibility: visible;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
#portfolio ul#Grid span.text {
	padding: 0px 10px;
	height: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	z-index: 10;
	overflow: hidden;
	font-size: 22px;
	font-weight: 400;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #FFF;
	line-height: 30px;
	background: #23C3FF;
}
#portfolio ul#Grid li:hover span.text {
	background: #23C3FF;
	opacity: 0.9;
}
#portfolio ul#Grid span.text span {
	color: #f9f9f9;
	font-weight: 400;
	display: block;
	font-size: 14px;
	text-transform: none;
	line-height: 22px;
}
#portfolio ul#Grid span.text:after {
	border-color: rgba(63, 141, 191, 0);
	border-bottom-color: #23C3FF;
	border-width: 10px;
	margin-left: -10px;
}
#portfolio ul#Grid span.text:before {
	border-color: rgba(63, 141, 191, 0);
	border-bottom-color: #23C3FF;
	border-width: 16px;
	margin-left: -16px;
}
#portfolio ul#Grid li:hover span.text {
	padding: 10px 10px;
	height: auto;
	overflow: visible;
	text-decoration: none;
}

.gallery_thumb{ width:31.33%; float:left; margin:0.7% 1%;}



.gallery .overlay h3{ color:#ebebeb;font-family: 'OPENSANSREGULAR'; font-size:16px; position:absolute; left:7%; right:7%; text-align:center; top:35%;}
.gallery .hovereffect {float:left;overflow:hidden;position:relative;text-align:center;cursor: pointer;}
.gallery .hovereffect .overlay {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;opacity:0;background:#f05922;  z-index:9;
-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out; border:16px solid #fff;}
.gallery .hovereffect img {display:block; width:100%;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.gallery .hovereffect:hover .overlay {opacity:1;filter:alpha(opacity=100);}
















@media(min-width:768px) and (max-width: 900px) {
.head_innovation{ background:rgba(0, 0, 0, 0) url(../images/get_headbg.png) no-repeat scroll 28px 0;}
.head_get{ background:rgba(0, 0, 0, 0) url(../images/get_headbg.png) no-repeat scroll 25px 0;}
.head_opion h3{ font-size:24px;}	
	
.overlay h3{ font-size:12px; top:20%;}	
	
}

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


}



@media only screen and (max-width: 767px) {
.legacy_wrap_left{ width:100%; margin-right:0;}
.legacy_wrap_right{ width:100%; margin-top:20px;}
.innovation_wrap_left{ width:100%; }
.innovation_wrap_right{ width:100%;margin-top:20px;}
.overlay h3{ font-size:12px;}

.get_left{ width:100%; margin-right:0;}
.get_right{ width:90%; margin:0 5% 0 0;}
.get_wrap{background:url(../images/get_bg.jpg) 0 0 repeat ; background-size:cover;}

.produ_inner p{ font-size:12px;}
.produ_inner .overlay h3{ top:10%;}

.article{ width:47.33%;}
.gallery_thumb{ width:47.33%;}
.getin_left{ width:92%;}
.getin_right{ width:100%;}

.whyus_left{ width:100%;}

.header_home{ position:relative; background:url(../images/aboutus_bg.jpg) no-repeat; background-size:cover;}
.logo{ margin:10px 0;}
.mobile-nav-button{ top:10px; right:10px;}
.mobile-menu{ top:0;}
.mobile-menu ul{ width:100%; float:left; margin:0; transform:none; margin:10px 0 0 0;}
.mobile-menu ul li{ float:none; border:none; padding:3px 20px; margin:25px 0;}
.mobile-menu{ height:100%;}

.corebox_one_outer{ width:48%;}
.corebox_one_outer h4{ letter-spacing:0px;}

.header_home .mobile-menu{ position:fixed;}

.tab_txt_left{ width:90%; margin-right:3%; }
.tab_txt_right{ width:100%; }
}

@media only screen and (max-width: 480px) {
.overlay h3{ top:10%;}
.inn_prod{ width:47.33%;}
.develby{ float:left;}
.nav_foot p{ margin:6px 0; font-size:11px;}
.develby{ padding:5px 0;}

.article{ width:96.33%;}
.iso_logo_one{ float:none;}

.gallery_banner h2{ font-size:50px; top:-30px;}
.gallery_banner p{ font-size:25px;}
.corebox_one_outer{ width:98%;}
.hthree{ margin-top:30px;}

.getintouch_banner h2{ font-size:50px; top:-30px; width:220px;}
.getintouch_banner p{ font-size:25px;}

.head_opion{ background:rgba(0, 0, 0, 0) url(../images/opioin_headbg.png) no-repeat scroll 25px 0;}
.owl-dots{ margin: -30px 0 0 20px !important;}
}


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


}