@charset "utf-8";
/* CSS Document */

@media screen and (min-device-width: 1601px) and (max-device-width: 1920px) 
{
    html{ font-size: 16px;  }    
	
    /*Header*/
    nav.navbar.bootsnav ul.nav > li{  margin: 0 1.25rem;}
    nav.navbar.bootsnav ul.nav > li a{ font-size: 13px; }
	
	.navbar-mobile {display: none;}
    
    /*Blog*/
    #about h3 { font-size: 4.5rem; }
	header.default nav.navbar.bootsnav.navbar-fixed {background: transparent;	background-color: #fff;	}
	.navbar-brand > img {width: 200px;}
	header.default nav.navbar.bootsnav.navbar-fixed ul.nav > li > a {color: #333; }
	
	header.default nav.navbar.bootsnav.navbar-fixed .logo.logo-display{
            width: 250px!important; margin-left: 10px; margin-top: 0px;
    }
	
	.custom-btn{ color: #fff; border: 2px solid #fff; float:right; text-transform:uppercase;font-size:12px;padding:5px 10px;margin-top: 15px;}
	.custom-btn:hover{ background: #009ce1; color: #fff;} 
	.custom-btn2{ color: #000;  border:solid 1px  #000; text-transform:uppercase;font-size:12px;padding:5px 10px;margin-top: 80px!important;margin-left: 90%;}
	.custom-btn2:hover{ background: #F6B40E; color: #fff; border:solid 2px  #F6B40E;}
	.custom-btn3{color: #009ce1; border: 1px solid #009ce1; float:right; text-transform:uppercase; font-size:14px;padding:5px 10px;margin-top: 15px;}
	.custom-btn3:hover{background: #009CE1; color: #fff;}
	.custom-btn4{color: #ffffff; border: 2px solid #ffffff; float:right; text-transform:uppercase; font-size:11px;padding:8px 20px;font-family: 'Roboto',sans-serif; font-weight:100;}
	.custom-btn4:hover{background: #00BDFF; color: #FFE500;}
	.icon_box:hover {
		background: #42d9e4;
		color: #fff;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	#products .img_hover:hover {
		-moz-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		width: 100%;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	.img_con{
		overflow: hidden;
	}
	.bounce:hover {
		-webkit-transform: scale3d(5, 5, 5);
		transform: scale3d(5);
	}
	ul.top-social li{
		display: inline-block;
	}
	ul.top-social li a {
		display: block;
		height: 24px;
		width: 28px;
		position: relative;       
		color: #FFF;
		margin: 1px;
		text-align: center;
		line-height: 18px;
		font-size: 24px!important;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		z-index: 2;
	}    
	ul.top-social li a:hover{
		background: #42d9e4;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	ul.social li a {
		/* border: 1px solid #bdbdbd; */
		color: #7f7f7f;
	}
	.top-social-con{background: #FFC73E;height: 25px;}
	.margin-5{margin-top: 5px;margin-bottom: 5px;}
	.margin-10{margin-top: 10px;margin-bottom: 10px;}	
	ul.social li a {display: block;	position: relative;	color: #7f7f7f;	margin: 1px;text-align: center;font-size: 45px;z-index: 2;}
	.parallax {position: fixed;display: block;visibility: visible;left: 0px;top: 100px;z-index: -1;/* Create the parallax scrolling effect */background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
	.parallax {	background-attachment: scroll;}
	/*.parallax-container {height: 550px;	width: 100%;}*/
	#hidden-content-b {  /* Custom styling */  max-width: 550px;  border-radius: 4px; /* Custom transition - slide from top*/ transform: translateY(-50px);	  transition: all .33s;	}
	.fancybox-slide--current #hidden-content-b { transform: translateY(0);}
	.parallax-slider {position: relative;}
	.slider-wrapper {
	  white-space: nowrap;
	  overflow: hidden;
	  display: -webkit-box!important;
	  display: -moz-box!important;
	  display: -ms-flexbox!important;
	  display: -webkit-flex!important;
	  display: flex!important;
	}
	.slide {
	  background-size: cover!important;
	  -webkit-background-size: cover!important;
	  -moz-background-size: cover!important;
	  -o-background-size: cover!important;
	  display: inline-block;
	  width: 100%;
	  height: 955px;
	  flex-shrink: 0;
	  transition: 0.9s ease-in-out transform;
	  backface-visibility: hidden;
	}
	.slide-indicator { position: absolute;  bottom: 60px;  left: 50%;  transform: translatex(-50%);}
	.slide-indicator ol {display: inline-block;	}
	.slide-indicator li {display: inline-block;	height: 20px;width: 20px;background: #fff;border-radius: 50%;cursor: pointer;transition: 0.2s ease-in-out;	}
	.slide-indicator li:hover { background: rgba(255, 199, 62, 1);}
	.slide-indicator li.active1 { background: rgba(255, 199, 62, 1)!important;}
	.slide::before {
	  content: '';
	  display: inline-block;
	  height: 50%;
	}
	.content {
	  display: inline-block;
	  width: 100%;
	  max-height: 100%;
	  vertical-align: middle;
	  white-space: normal;
	  color: #fff;
	  transform: translate(-5px);
	}
	.caption {
	  padding: 20px;
	  transition: 0.4s;
	  transition-delay: 0.8s;
	  opacity: 0;
	  transform: translatey(200%);
	  h1 {
		font-size: 60px;
		font-weight: 700;
	  }
	}
	.slide-active .caption { transform: translatey(0); opacity: 1;}
	.home {height: 1000px; position: relative;}
	h1.heading {font-family: 'Roboto', sans-serif;font-size: 130px;font-weight: bold;color:yellow;}
	h1.heading span {font-weight: 100;color:white;}
	.corporate {padding: 15px 0 40px;background: url(../images/corporate-main.jpg) no-repeat 0 0;background-size: cover; width:100%;height:900px;}
	.container{
		/*width: 1440px;*/
		width: 1680px;
		max-width:100%;
	}
	.container, .container-fluid{
		padding-left:0px;
		padding-right:0px;
	}
	
	.abtcontainer {position: relative;height: 895px;}
	.abtcont {position: absolute;top:250px;left:0px;color: #000000;width: 30%;}
	.P70 {padding:280px 0;}
	.M65 {margin-top: 110px;}
	
	h3 {font-size:3rem;	}
	#us p {font-size:16px; }
	
	.DosisF14px {font-size: 14px!important;font-family: 'Dosis',sans-serif;line-height: 20px!important;}
	.DosisF16px {font-size: 20px!important;font-family: 'Dosis',sans-serif;line-height: 36px!important;color: #000000!important;}
	.DosisF20px {font-size: 20px!important;font-family: 'Dosis',sans-serif;line-height: 30px!important;}
	
	.mission {text-align: right;font-weight: 200;font-size: 20px;color: #000000; }
	.vision {text-align: left;font-weight: 200;font-size: 20px;color: #000000;}
	.mvheight {height:317px;}
	
	.webg {padding: 15px 0 40px;background:#ffffff; width:100%;height: 895px;/*height:600px;*/}
	#us {padding:240px 0 0;}
	
	.Lht {height:895px;}
	.leader {padding: 100px 0 5px 100px;color: white;font-family: 'Roboto', sans-serif;font-weight:200;font-size: 4rem;}
	.lead {margin: 40px auto 120px;}
	.voice {font-size: 36px;padding-left: 200px;color: #000000;}
	.pos {width:490px;margin-left: 180px;border-bottom: solid 1px #ffffff;padding-bottom: 440px;}
	
	.topmargin {padding:540px 0 0;}
	.topmarginG {padding:355px 0 0;}
	
	.topmarginP {padding:235px 0 0;}
	
	.htP {height: 0px;}
	
	.pad15pr {padding-left: 15%!important;}
	.pad15right {padding-right: 28%!important;}
	.pad10right {padding-right: 10%!important;}
	.ptop {padding-top: 110px!important;}
	
	.gpc {height: 120px!important;}
	
	/*.scrollcontent{width: 500px!important;height: 290px!important;}*/
}
@media screen and (min-device-width: 1367px) and (max-device-width: 1600px) 
{
    html{font-size: 16px; }    
	
    /*Header*/
    nav.navbar.bootsnav ul.nav > li{margin: 0 1.25rem; }
    nav.navbar.bootsnav ul.nav > li a {font-size: 13px;}
	
	.navbar-mobile {display: none;}    
    
	header.default nav.navbar.bootsnav.navbar-fixed {background: transparent;background-color: #fff;}
	.navbar-brand > img {width: 200px;}
	header.default nav.navbar.bootsnav.navbar-fixed ul.nav > li > a {color: #333;}	
	header.default nav.navbar.bootsnav.navbar-fixed .logo.logo-display{ width: 250px!important; margin-left: 10px; margin-top: 0px; }
	
	.custom-btn{ color: #fff; border: 2px solid #fff; float:right; text-transform:uppercase;font-size:12px;padding:5px 10px;margin-top: 15px;}
	.custom-btn:hover{ background: #009ce1; color: #fff;} 
	.custom-btn2{ color: #fff;  border:solid 2px  #FFF; text-transform:uppercase;font-size:12px;padding:5px 10px;margin-top: 120px!important;margin-left: 60%;}
	.custom-btn2:hover{ background: #F6B40E; color: #fff; border:solid 2px  #F6B40E;}
	.custom-btn3{color: #009ce1; border: 1px solid #009ce1; float:right; text-transform:uppercase; font-size:14px;padding:5px 10px;margin-top: 15px;}
	.custom-btn3:hover{background: #009CE1; color: #fff;}
	.custom-btn4{color: #ffffff; border: 2px solid #ffffff; float:right; text-transform:uppercase; font-size:11px;padding:8px 20px;font-family: 'Roboto',sans-serif; font-weight:100;}
	.custom-btn4:hover{background: #00BDFF; color: #FFE500;}
	.icon_box:hover {
		background: #42d9e4;
		color: #fff;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	#products .img_hover:hover {
		-moz-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		width: 100%;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	.img_con{overflow: hidden;}
	
	.bounce:hover {-webkit-transform: scale3d(5, 5, 5);	transform: scale3d(5);}
	
	ul.top-social li{display: inline-block;}
	ul.top-social li a {
		display: block;
		height: 24px;
		width: 28px;
		position: relative;       
		color: #FFF;
		margin: 1px;
		text-align: center;
		line-height: 18px;
		font-size: 24px!important;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		z-index: 2;
	}    
	ul.top-social li a:hover{
		background: #42d9e4;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	
	.top-social-con{background: #FFC73E;height: 25px;}	
		
	ul.social li a {display: block;	position: relative;	color: #7f7f7f;	margin: 1px;text-align: center;font-size: 45px;z-index: 2;}
	.parallax {position: fixed;display: block;visibility: visible;left: 0px;top: 100px;z-index: -1;/* Create the parallax scrolling effect */background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
	.parallax {	background-attachment: scroll;}
	/*.parallax-container {height: 550px;	width: 100%;}*/
	#hidden-content-b {  /* Custom styling */  max-width: 550px;  border-radius: 4px; /* Custom transition - slide from top*/ transform: translateY(-50px);	  transition: all .33s;	}
	.fancybox-slide--current #hidden-content-b { transform: translateY(0);}
	.parallax-slider {position: relative;}
	.slider-wrapper {
	  white-space: nowrap;
	  overflow: hidden;
	  display: -webkit-box!important;
	  display: -moz-box!important;
	  display: -ms-flexbox!important;
	  display: -webkit-flex!important;
	  display: flex!important;
	}
	.slide {
	  background-size: cover!important;
	  -webkit-background-size: cover!important;
	  -moz-background-size: cover!important;
	  -o-background-size: cover!important;
	  display: inline-block;
	  width: 100%;
	  height: 725px;
	  flex-shrink: 0;
	  transition: 0.9s ease-in-out transform;
	  backface-visibility: hidden;
	}
	.slide-indicator { position: absolute;  bottom: 60px;  left: 50%;  transform: translatex(-50%);}
	.slide-indicator ol {display: inline-block;	}
	.slide-indicator li {display: inline-block;	height: 20px;width: 20px;background: #fff;border-radius: 50%;cursor: pointer;transition: 0.2s ease-in-out;	}
	.slide-indicator li:hover { background: rgba(255, 199, 62, 1);}
	.slide-indicator li.active1 { background: rgba(255, 199, 62, 1)!important;}
	.slide::before {
	  content: '';
	  display: inline-block;
	  height: 50%;
	}
	.content {
	  display: inline-block;
	  width: 100%;
	  max-height: 100%;
	  vertical-align: middle;
	  white-space: normal;
	  color: #fff;
	  transform: translate(-5px);
	}
	.caption {
		padding: 20px;
		transition: 0.4s;
		transition-delay: 0.8s;
		opacity: 0;
		transform: translatey(200%);
		h1 {
			font-size: 60px;
			font-weight: 700;
		}
	}
	.slide-active .caption { transform: translatey(0); opacity: 1;}
	.home {height: 1000px; position: relative;}
	h1.heading {font-family: 'Roboto', sans-serif;font-size: 130px;font-weight: bold;color:yellow;}
	h1.heading span {font-weight: 100;color:white;}
	.corporate {padding: 15px 0 40px;background: url(../images/corporate-main.jpg) no-repeat 0 0;background-size: cover; width:100%;height:900px;}
	.container{
		/*width: 1170px;*/
		width: 1440px;
		max-width:100%;
	}
	.container, .container-fluid{
		padding-left:0px;
		padding-right:0px;
	}
	
	.margin-5{margin-top: 5px;margin-bottom: 5px;}
	.margin-10{margin-top: 10px;margin-bottom: 10px;}
	.abtcontainer {position: relative;height: 755px;}
	.abtcont {position: absolute;top:190px;left:50px;color: #000000;width: 30%;}
	.P70 {padding:280px 0;}
	.M65 {margin-top: 80px;}
	
	h2 {font-size:2.6rem!important;	}
	h3 {font-size:2.2rem!important;	}
	#us p {font-size:16px; }
	
	.DosisF14px {font-size: 14px!important;font-family: 'Dosis',sans-serif;line-height: 20px!important;}
	.DosisF16px {font-size: 16px!important;font-family: 'Dosis',sans-serif;line-height: 26px!important;color: #000000!important;}
	.DosisF20px {font-size: 20px!important;font-family: 'Dosis',sans-serif;line-height: 30px!important;}
	
	.mission {text-align: right;font-weight: 200;font-size: 20px;color: #000000; }
	.vision {text-align: left;font-weight: 200;font-size: 20px;color: #000000;}
	.mvheight {height:250px;}
	
	.webg {padding: 15px 0 40px;background:#ffffff; width:100%;height:695px;}
	#us {padding:210px 0 0;}
	
	.Lht {height:655px;}
	.leader {padding: 80px 0 5px 80px;color: white;font-family: 'Roboto', sans-serif;font-weight:200;font-size: 3.6rem;}
	.lead {margin: 40px auto 120px;}
	.voice {font-size: 22px;padding-left: 210px;color: #000000;}
	.pos {width:390px;margin-left: 180px;border-bottom: solid 1px #ffffff;padding-bottom: 340px;}
	
	.topmargin {padding:305px 0 0;}
	.topmarginG {padding:200px 0 0;}
	.topmarginP {padding:235px 0 0;}
	
	.htP {height: 0px;}
	
	/*.scrollcontent {width: 450px!important;height: 250px!important;}*/
	
	.gpc {height: 90px!important;}
}
@media screen and (min-device-width: 1025px) and (max-device-width: 1366px) 
{
    html{
        font-size: 13px;
    }    
	
    /*Header*/
    nav.navbar.bootsnav ul.nav > li{
        margin: 0 1.25rem;
    }
    nav.navbar.bootsnav ul.nav > li a{
        font-size: 13px;
    }
	
	.navbar-mobile {display: none;}
    
    /*Blog*/
    #ourblog h2 {
        font-size: 2rem;
    }
	header.default nav.navbar.bootsnav.navbar-fixed {
		background: transparent;
		background-color: #fff;
	}
	.navbar-brand > img {
		width: 200px;
	}
	header.default nav.navbar.bootsnav.navbar-fixed ul.nav > li > a {
			color: #333;
	} 
	header.default nav.navbar.bootsnav.navbar-fixed .logo.logo-display{
            width: 200px!important; margin-left: 10px; margin-top: 0px;
    }
	
	.custom-btn{ color: #fff; border: 2px solid #fff; float:right; text-transform:uppercase;font-size:12px;padding:5px 10px;}
	.custom-btn:hover{ background: #009ce1; color: #fff;} 
	.custom-btn2{ color: #000000;  border:solid 1px  #000000; margin-left: 90%; text-transform:uppercase;font-size:12px;padding:5px 10px;}
	 .custom-btn2:hover{ background: #F6B40E; color: #fff; border:solid 2px  #F6B40E;}
	.custom-btn3{color: #009ce1; border: 1px solid #009ce1; float:right; text-transform:uppercase; font-size:12px;padding:5px 10px;}
	.custom-btn3:hover{background: #009CE1; color: #fff;}
	.custom-btn4{color: #ffffff; border: 2px solid #ffffff; float:right; text-transform:uppercase; font-size:11px;padding:8px 20px;font-family: 'Roboto',sans-serif; font-weight:100;}
	.custom-btn4:hover{background: #00BDFF; color: #FFE500;}
	.icon_box:hover {
		background: #42d9e4;
		color: #fff;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	#products .img_hover:hover {
		-moz-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		width: 100%;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	.img_con{
		overflow: hidden;
	}
	.bounce:hover {
		-webkit-transform: scale3d(5, 5, 5);
		transform: scale3d(5);
	}
	ul.top-social li{
		display: inline-block;
	}
	ul.top-social li a {
		display: block;
		height: 24px;
		width: 28px;
		position: relative;       
		color: #FFF;
		margin: 1px;
		text-align: center;
		line-height: 18px;
		font-size: 24px!important;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		z-index: 2;
	}    
	ul.top-social li a:hover{
		background: #42d9e4;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	ul.social li a {
		/* border: 1px solid #bdbdbd; */
		color: #7f7f7f;
	}
	.top-social-con{background: #FFC73E;height: 20px;}
	.margin-5{margin-top: 5px;margin-bottom: 5px;}
	.margin-10{margin-top: 10px;margin-bottom: 10px;}	
	ul.social li a {display: block;	position: relative;	color: #7f7f7f;	margin: 1px;text-align: center;font-size: 45px;z-index: 2;}
	.parallax {position: fixed;display: block;visibility: visible;left: 0px;top: 100px;z-index: -1;/* Create the parallax scrolling effect */background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
	.parallax {	background-attachment: scroll;}
	
	#hidden-content-b {  /* Custom styling */  
		max-width: 550px;  
		border-radius: 4px; /* Custom transition - slide from top*/ 
		transform: translateY(-50px);	  
		transition: all .33s;	
	}
	.fancybox-slide--current #hidden-content-b { transform: translateY(0);}
	.parallax-slider {position: relative;}
	.slider-wrapper {
	  white-space: nowrap;
	  overflow: hidden;
	  display: -webkit-box!important;
	  display: -moz-box!important;
	  display: -ms-flexbox!important;
	  display: -webkit-flex!important;
	  display: flex!important;
	}
	.slide {
	  background-size: cover!important;
	  -webkit-background-size: cover!important;
	  -moz-background-size: cover!important;
	  -o-background-size: cover!important;
	  display: inline-block;
	  width: 100%;
	  /*height: 490px;*/
	  height: 645px;
	  flex-shrink: 0;
	  transition: 0.9s ease-in-out transform;
	  backface-visibility: hidden;
	}
	.slide-indicator { position: absolute;  bottom: 60px;  left: 50%;  transform: translatex(-50%);}
	.slide-indicator ol {display: inline-block;	}
	.slide-indicator li {display: inline-block;	height: 20px;width: 20px;background: #fff;border-radius: 50%;cursor: pointer;transition: 0.2s ease-in-out;	}
	.slide-indicator li:hover { background: rgba(255, 199, 62, 1);}
	.slide-indicator li.active1 { background: rgba(255, 199, 62, 1)!important;}
	
	.slide::before {
	  content: '';
	  display: inline-block;
	  height: 50%;
	}
	.content {
	  display: inline-block;
	  width: 100%;
	  max-height: 100%;
	  vertical-align: middle;
	  white-space: normal;
	  color: #fff;
	  transform: translate(-5px);
	}
	.caption {
	  padding: 20px;
	  transition: 0.4s;
	  transition-delay: 0.8s;
	  opacity: 0;
	  transform: translatey(200%);
	  h1 {
		font-size: 60px;
		font-weight: 700;
	  }
	}
	.slide-active .caption { transform: translatey(0); opacity: 1;}
	.home {height: 1000px; position: relative;}
	h1.heading {font-family: 'Roboto', sans-serif;font-size: 100px;font-weight: bold;color:yellow;}
	h1.heading span {font-weight: 100;color:white;}
	.corporate {padding: 15px 0 40px;background: url(../images/corporate-main.jpg) no-repeat 0 0;background-size: cover; width:100%;height:900px;}
	.container{
		/*width: 1170px;*/
		width: 1440px;
		max-width:100%;
	}
	.container, .container-fluid{
		padding-left:60px;
		padding-right:60px;
	}
	
	.abtcontainer {position: relative;height: 630px;}
	.abtcont {position: absolute;top:160px;left:50px;color: #000000;width: 28%;}
	.P70 {margin:200px 0;}
	.M65 {margin-top: 60px;}
	
	.DosisF14px {font-size: 14px!important;font-family: 'Dosis',sans-serif;line-height: 20px!important;}
	.DosisF16px {font-size: 14px!important;font-family: 'Dosis',sans-serif;line-height: 25px!important;/*padding: 55px 20px 0 0;*/padding: 0px 20px 0 0;color: #000000!important;}
	.DosisF20px {font-size: 20px!important;font-family: 'Dosis',sans-serif;line-height: 30px!important;}
	
	.mission {text-align: right;font-weight: 200;padding-top: 55px;font-size: 14px;color: #000000;}
	.vision {text-align: left;font-weight: 200;padding-top: 78px;font-size: 14px;color: #000000;}
	.mvheight {height:220px;}
	
	.webg {padding: 0;background:#ffffff; width:100%;height:590px;}
	#us {padding:190px 0 0;}
	
	.Lht {height:555px;}
	.leader {padding: 60px 0 0;color: white;font-family: 'Roboto', sans-serif;font-weight:200;}
	.lead {margin: 20px auto 50px;}
	.voice {font-size: 20px;color: #000000;margin-left: 120px;}
	.pos {width:450px;margin-left: 45px;border-bottom: solid 1px #ffffff;margin-bottom: 295px;}
	
	.topmargin {padding:215px 0 0;}
	.topmarginG {padding:150px 0 0;}
	.topmarginP {padding:175px 0 0;}
	
	.htP {height: 0px;margin-bottom: -23px;}
	
	/*.scrollcontent {width: 350px!important;height: 255px!important;}*/
	
	.gpc {height: 90px!important;}
	
	h2 {font-size:2.2rem!important;	}
	h3 {font-size:1.8rem!important;	}
}

@media only screen and (max-device-width: 1024px)
{
	
	nav.navbar.bootsnav .navbar-toggle{display: none; }
    nav.navbar.bootsnav.brand-center .navbar-toggle{ display: inline-block; }
	
	h1, .h1 {
        font-size:2em;
    }
    h2, .h2 {
        font-size: 1.375em;
    }
    h3, .h3 {
        font-size: 1.16em;
    }
    h4, .h4 {
        font-size: 1em;
    }
    h5, .h5 {
        font-size: 0.95em;
    }
    h6, .h6 {
        font-size: 0.85rem;
	}	
}

@media only screen (max-device-width: 992px)/*and (-webkit-min-device-pixel-ratio: 2)*/ 
{
	#about {
		margin-top:30px!important;
	}
	header.default nav.navbar.bootsnav.navbar-fixed {
		background: transparent;
		background-color: #fff;
	}
	.navbar-brand > img {
		width: 200px;
	}
	header.default nav.navbar.bootsnav.navbar-fixed ul.nav > li > a {
			color: #333;
	}
	  
	.slide-indicator {display: none;}
	
	.custom-btn{ color: #fff; border: 2px solid #fff; text-transform:uppercase;font-size:12px;padding:5px 10px; margin:0 auto 10px;}
	.custom-btn:hover{ background: #009ce1; color: #fff;} 
	.custom-btn2{ color: #fff;  border:solid 2px  #FFF; text-transform:uppercase;font-size:12px;padding:5px 10px;margin:0 auto 10px;}
	 .custom-btn2:hover{ background: #F6B40E; color: #fff; border:solid 2px  #F6B40E;}
	.custom-btn3{color: #009ce1; border: 1px solid #009ce1; text-transform:uppercase; font-size:12px;padding:5px 10px; margin:0 auto 10px;}
	.custom-btn3:hover{background: #009CE1; color: #fff;}
	.custom-btn4{color: #ffffff; border: 2px solid #ffffff; text-transform:uppercase; font-size:11px;padding:8px 20px;font-family: 'Roboto',sans-serif; font-weight:100;margin:0 auto 10px;}
	.custom-btn4:hover{background: #00BDFF; color: #FFE500;}
	.icon_box:hover {
		background: #42d9e4;
		color: #fff;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	#products .img_hover:hover {
		-moz-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		width: 100%;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	.img_con{
		overflow: hidden;
	}
	.bounce:hover {
		-webkit-transform: scale3d(5, 5, 5);
		transform: scale3d(5);
	}
	ul.top-social li{
		display: inline-block;
	}
	ul.top-social li a {
		display: block;
		height: 14px;
		width: 16px;
		position: relative;       
		color: #FFF;
		margin: 1px;
		text-align: center;
		line-height: 18px;
		font-size: 11px!important;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		z-index: 2;
	}    
	ul.top-social li a:hover{
		background: #42d9e4;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	ul.social li a {
		/* border: 1px solid #bdbdbd; */
		color: #7f7f7f;
	}
	.top-social-con{background: #30302f;}
	.margin-5{margin-top: 5px;margin-bottom: 5px;}
	.margin-10{margin-top: 10px;margin-bottom: 10px;}	
	ul.social li a {display: block;	position: relative;	color: #7f7f7f;	margin: 1px;text-align: center;font-size: 45px;z-index: 2;}
	.parallax {position: fixed;display: block;visibility: visible;left: 0px;top: 100px;z-index: -1;/* Create the parallax scrolling effect */background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
	.parallax {	background-attachment: scroll;}
	.parallax-container {height: 185px;	width: 100%;}
	#hidden-content-b {  /* Custom styling */  max-width: 185px;  border-radius: 4px; /* Custom transition - slide from top*/ transform: translateY(-50px);	  transition: all .33s;	}
	.fancybox-slide--current #hidden-content-b { transform: translateY(0);}
	.parallax-slider {position: relative;}
	.slider-wrapper {
	  white-space: nowrap;
	  overflow: hidden;
	  display: -webkit-box!important;
	  display: -moz-box!important;
	  display: -ms-flexbox!important;
	  display: -webkit-flex!important;
	  display: flex!important;
	}
	.slide {
	  background-size: cover!important;
	  -webkit-background-size: cover!important;
	  -moz-background-size: cover!important;
	  -o-background-size: cover!important;
	  display: inline-block;
	  width: 100%;
	  height: 185px;
	  flex-shrink: 0;
	  transition: 0.9s ease-in-out transform;
	  backface-visibility: hidden;
	}
	.slide-indicator { position: absolute;  bottom: 0;  left: 50%;  transform: translatex(-50%);}
	.slide-indicator ol {display: inline-block;	}
	.slide-indicator li {display: inline-block;	height: 20px;width: 20px;background: #fff;border-radius: 50%;cursor: pointer;transition: 0.2s ease-in-out;	}
	.slide-indicator li:hover { background: rgba(255, 199, 62, 1);}
	.slide-indicator li.active1 { background: rgba(255, 199, 62, 1)!important;}
	.slide::before {
	  content: '';
	  display: inline-block;
	  height: 50%;
	}
	.content {
	  display: inline-block;
	  width: 100%;
	  max-height: 100%;
	  vertical-align: middle;
	  white-space: normal;
	  color: #fff;
	  transform: translate(-5px);
	}
	.caption {
	  padding: 20px;
	  transition: 0.4s;
	  transition-delay: 0.8s;
	  opacity: 0;
	  transform: translatey(200%);
	  h1 {
		font-size: 24px;
		font-weight: 700;
	  }
	}
	.slide-active .caption { transform: translatey(0); opacity: 1;}
	.home {height: 1000px; position: relative;}
	h1.heading {font-family: 'Roboto', sans-serif;font-size: 24px;font-weight: bold;color:yellow;}
	h1.heading span {font-weight: 100;color:white;}
	.corporate {padding: 15px 0 40px;background: url(../images/corporate-main.jpg) no-repeat 0 0;background-size: cover; width:100%;height:185px;}
	.container{
		/*width: 1170px;*/
		width:100%;
	}
	.container, .container-fluid{
		padding-left:10px;
		padding-right:10px;
	}
	.text-right{
        text-align: center;
    }
	  
	nav.navbar.bootsnav .navbar-toggle{
        display: inline-block;
    }
     nav.navbar.bootsnav.brand-center .navbar-toggle{
        display: none;
    }	
}

@media only screen and (min-device-width: 600px) and (max-device-width: 962px)/*and (-webkit-min-device-pixel-ratio: 2)*/ 
{
	#about {
		margin-top:30px!important;
	}
	header.default nav.navbar.bootsnav.navbar-fixed {
		background: transparent;
		background-color: #fff;
	}
	.navbar-brand > img {
		width: 200px;
	}
	header.default nav.navbar.bootsnav.navbar-fixed ul.nav > li > a {
			color: #333;
	}
	  
	.slide-indicator {display: none;}
	
	.custom-btn{ color: #fff; border: 2px solid #fff; text-transform:uppercase;font-size:12px;padding:5px 10px; margin:0 auto 10px;}
	.custom-btn:hover{ background: #009ce1; color: #fff;} 
	.custom-btn2{ color: #fff;  border:solid 2px  #FFF; text-transform:uppercase;font-size:12px;padding:5px 10px;margin:0 auto 10px;}
	 .custom-btn2:hover{ background: #F6B40E; color: #fff; border:solid 2px  #F6B40E;}
	.custom-btn3{color: #009ce1; border: 1px solid #009ce1; text-transform:uppercase; font-size:12px;padding:5px 10px; margin:0 auto 10px;}
	.custom-btn3:hover{background: #009CE1; color: #fff;}
	.custom-btn4{color: #ffffff; border: 2px solid #ffffff; text-transform:uppercase; font-size:11px;padding:8px 20px;font-family: 'Roboto',sans-serif; font-weight:100;margin:0 auto 10px;}
	.custom-btn4:hover{background: #00BDFF; color: #FFE500;}
	.icon_box:hover {
		background: #42d9e4;
		color: #fff;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	#products .img_hover:hover {
		-moz-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		width: 100%;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	.img_con{
		overflow: hidden;
	}
	.bounce:hover {
		-webkit-transform: scale3d(5, 5, 5);
		transform: scale3d(5);
	}
	ul.top-social li{
		display: inline-block;
	}
	ul.top-social li a {
		display: block;
		height: 14px;
		width: 16px;
		position: relative;       
		color: #FFF;
		margin: 1px;
		text-align: center;
		line-height: 18px;
		font-size: 11px!important;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		z-index: 2;
	}    
	ul.top-social li a:hover{
		background: #42d9e4;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	ul.social li a {
		/* border: 1px solid #bdbdbd; */
		color: #7f7f7f;
	}
	.top-social-con{background: #30302f;}
	.margin-5{margin-top: 5px;margin-bottom: 5px;}
	.margin-10{margin-top: 10px;margin-bottom: 10px;}	
	ul.social li a {display: block;	position: relative;	color: #7f7f7f;	margin: 1px;text-align: center;font-size: 45px;z-index: 2;}
	.parallax {position: fixed;display: block;visibility: visible;left: 0px;top: 100px;z-index: -1;/* Create the parallax scrolling effect */background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
	.parallax {	background-attachment: scroll;}
	.parallax-container {height: 185px;	width: 100%;}
	#hidden-content-b {  /* Custom styling */  max-width: 185px;  border-radius: 4px; /* Custom transition - slide from top*/ transform: translateY(-50px);	  transition: all .33s;	}
	.fancybox-slide--current #hidden-content-b { transform: translateY(0);}
	.parallax-slider {position: relative;}
	.slider-wrapper {
	  white-space: nowrap;
	  overflow: hidden;
	  display: -webkit-box!important;
	  display: -moz-box!important;
	  display: -ms-flexbox!important;
	  display: -webkit-flex!important;
	  display: flex!important;
	}
	.slide {
	  background-size: cover!important;
	  -webkit-background-size: cover!important;
	  -moz-background-size: cover!important;
	  -o-background-size: cover!important;
	  display: inline-block;
	  width: 100%;
	  height: 185px;
	  flex-shrink: 0;
	  transition: 0.9s ease-in-out transform;
	  backface-visibility: hidden;
	}
	.slide-indicator { position: absolute;  bottom: 0;  left: 50%;  transform: translatex(-50%);}
	.slide-indicator ol {display: inline-block;	}
	.slide-indicator li {display: inline-block;	height: 20px;width: 20px;background: #fff;border-radius: 50%;cursor: pointer;transition: 0.2s ease-in-out;	}
	.slide-indicator li:hover { background: rgba(255, 199, 62, 1);}
	.slide-indicator li.active1 { background: rgba(255, 199, 62, 1)!important;}
	.slide::before {
	  content: '';
	  display: inline-block;
	  height: 50%;
	}
	.content {
	  display: inline-block;
	  width: 100%;
	  max-height: 100%;
	  vertical-align: middle;
	  white-space: normal;
	  color: #fff;
	  transform: translate(-5px);
	}
	.caption {
	  padding: 20px;
	  transition: 0.4s;
	  transition-delay: 0.8s;
	  opacity: 0;
	  transform: translatey(200%);
	  h1 {
		font-size: 24px;
		font-weight: 700;
	  }
	}
	.slide-active .caption { transform: translatey(0); opacity: 1;}
	.home {height: 1000px; position: relative;}
	h1.heading {font-family: 'Roboto', sans-serif;font-size: 24px;font-weight: bold;color:yellow;}
	h1.heading span {font-weight: 100;color:white;}
	.corporate {padding: 15px 0 40px;background: url(../images/corporate-main.jpg) no-repeat 0 0;background-size: cover; width:100%;height:185px;}
	.container{
		/*width: 1170px;*/
		width:100%;
	}
	.container, .container-fluid{
		padding-left:10px;
		padding-right:10px;
	}
	.text-right{
        text-align: center;
    }
	  
	nav.navbar.bootsnav .navbar-toggle{
        display: inline-block;
    }
     nav.navbar.bootsnav.brand-center .navbar-toggle{
        display: none;
    }	
}


@media only screen and (min-device-width: 360px) and (max-device-width: 720px)/*and (-webkit-min-device-pixel-ratio: 2)*/ 
{
	#about {
		margin-top:30px!important;
	}
	header.default nav.navbar.bootsnav.navbar-fixed {
		background: transparent;
		background-color: #fff;
	}
	.navbar-brand > img {
		width: 200px;
	}
	header.default nav.navbar.bootsnav.navbar-fixed ul.nav > li > a {
			color: #333;
	}
	  
	.slide-indicator {display: none;}
	
	.custom-btn{ color: #fff; border: 2px solid #fff; text-transform:uppercase;font-size:12px;padding:5px 10px; margin:0 auto 10px;}
	.custom-btn:hover{ background: #009ce1; color: #fff;} 
	.custom-btn2{ color: #fff;  border:solid 2px  #FFF; text-transform:uppercase;font-size:12px;padding:5px 10px;margin:0 auto 10px;}
	 .custom-btn2:hover{ background: #F6B40E; color: #fff; border:solid 2px  #F6B40E;}
	.custom-btn3{color: #009ce1; border: 1px solid #009ce1; text-transform:uppercase; font-size:12px;padding:5px 10px; margin:0 auto 10px;}
	.custom-btn3:hover{background: #009CE1; color: #fff;}
	.custom-btn4{color: #ffffff; border: 2px solid #ffffff; text-transform:uppercase; font-size:11px;padding:8px 20px;font-family: 'Roboto',sans-serif; font-weight:100;margin:0 auto 10px;}
	.custom-btn4:hover{background: #00BDFF; color: #FFE500;}
	.icon_box:hover {
		background: #42d9e4;
		color: #fff;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	#products .img_hover:hover {
		-moz-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		width: 100%;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	.img_con{
		overflow: hidden;
	}
	.bounce:hover {
		-webkit-transform: scale3d(5, 5, 5);
		transform: scale3d(5);
	}
	ul.top-social li{
		display: inline-block;
	}
	ul.top-social li a {
		display: block;
		height: 14px;
		width: 16px;
		position: relative;       
		color: #FFF;
		margin: 1px;
		text-align: center;
		line-height: 18px;
		font-size: 11px!important;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		z-index: 2;
	}    
	ul.top-social li a:hover{
		background: #42d9e4;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	ul.social li a {
		/* border: 1px solid #bdbdbd; */
		color: #7f7f7f;
	}
	.top-social-con{background: #30302f;}
	.margin-5{margin-top: 5px;margin-bottom: 5px;}
	.margin-10{margin-top: 10px;margin-bottom: 10px;}	
	ul.social li a {display: block;	position: relative;	color: #7f7f7f;	margin: 1px;text-align: center;font-size: 45px;z-index: 2;}
	.parallax {position: fixed;display: block;visibility: visible;left: 0px;top: 100px;z-index: -1;/* Create the parallax scrolling effect */background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
	.parallax {	background-attachment: scroll;}
	.parallax-container {height: 185px;	width: 100%;}
	#hidden-content-b {  /* Custom styling */  max-width: 185px;  border-radius: 4px; /* Custom transition - slide from top*/ transform: translateY(-50px);	  transition: all .33s;	}
	.fancybox-slide--current #hidden-content-b { transform: translateY(0);}
	.parallax-slider {position: relative;}
	.slider-wrapper {
	  white-space: nowrap;
	  overflow: hidden;
	  display: -webkit-box!important;
	  display: -moz-box!important;
	  display: -ms-flexbox!important;
	  display: -webkit-flex!important;
	  display: flex!important;
	}
	.slide {
	  background-size: cover!important;
	  -webkit-background-size: cover!important;
	  -moz-background-size: cover!important;
	  -o-background-size: cover!important;
	  display: inline-block;
	  width: 100%;
	  height: 185px;
	  flex-shrink: 0;
	  transition: 0.9s ease-in-out transform;
	  backface-visibility: hidden;
	}
	.slide-indicator { position: absolute;  bottom: 0;  left: 50%;  transform: translatex(-50%);}
	.slide-indicator ol {display: inline-block;	}
	.slide-indicator li {display: inline-block;	height: 20px;width: 20px;background: #fff;border-radius: 50%;cursor: pointer;transition: 0.2s ease-in-out;	}
	.slide-indicator li:hover { background: rgba(255, 199, 62, 1);}
	.slide-indicator li.active1 { background: rgba(255, 199, 62, 1)!important;}
	.slide::before {
	  content: '';
	  display: inline-block;
	  height: 50%;
	}
	.content {
	  display: inline-block;
	  width: 100%;
	  max-height: 100%;
	  vertical-align: middle;
	  white-space: normal;
	  color: #fff;
	  transform: translate(-5px);
	}
	.caption {
	  padding: 20px;
	  transition: 0.4s;
	  transition-delay: 0.8s;
	  opacity: 0;
	  transform: translatey(200%);
	  h1 {
		font-size: 24px;
		font-weight: 700;
	  }
	}
	.slide-active .caption { transform: translatey(0); opacity: 1;}
	.home {height: 1000px; position: relative;}
	h1.heading {font-family: 'Roboto', sans-serif;font-size: 24px;font-weight: bold;color:yellow;}
	h1.heading span {font-weight: 100;color:white;}
	.corporate {padding: 15px 0 40px;background: url(../images/corporate-main.jpg) no-repeat 0 0;background-size: cover; width:100%;height:185px;}
	.container{
		/*width: 1170px;*/
		width:100%;
	}
	.container, .container-fluid{
		padding-left:10px;
		padding-right:10px;
	}
	.text-right{
        text-align: center;
    }
	  
	nav.navbar.bootsnav .navbar-toggle{
        display: inline-block;
    }
     nav.navbar.bootsnav.brand-center .navbar-toggle{
        display: none;
    }	
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) 
{
	#about {
		margin-top:30px!important;
	}
	header.default nav.navbar.bootsnav.navbar-fixed {
		background: transparent;
		background-color: #fff;
	}
	.navbar-brand > img {
		width: 200px;
	}
	header.default nav.navbar.bootsnav.navbar-fixed ul.nav > li > a {
			color: #333;
	}
	  
	.slide-indicator {display: none;}
	
	.custom-btn{ color: #fff; border: 2px solid #fff; text-transform:uppercase;font-size:12px;padding:5px 10px; margin:0 auto 10px;}
	.custom-btn:hover{ background: #009ce1; color: #fff;} 
	.custom-btn2{ color: #fff;  border:solid 2px  #FFF; text-transform:uppercase;font-size:12px;padding:5px 10px;margin:0 auto 10px;}
	 .custom-btn2:hover{ background: #F6B40E; color: #fff; border:solid 2px  #F6B40E;}
	.custom-btn3{color: #009ce1; border: 1px solid #009ce1; text-transform:uppercase; font-size:12px;padding:5px 10px; margin:0 auto 10px;}
	.custom-btn3:hover{background: #009CE1; color: #fff;}
	.custom-btn4{color: #ffffff; border: 2px solid #ffffff; text-transform:uppercase; font-size:11px;padding:8px 20px;font-family: 'Roboto',sans-serif; font-weight:100;margin:0 auto 10px;}
	.custom-btn4:hover{background: #00BDFF; color: #FFE500;}
	
	.icon_box:hover {
		background: #42d9e4;
		color: #fff;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	#products .img_hover:hover {
		-moz-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		width: 100%;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	.img_con{
		overflow: hidden;
	}
	.bounce:hover {
		-webkit-transform: scale3d(5, 5, 5);
		transform: scale3d(5);
	}
	ul.top-social li{
		display: inline-block;
	}
	ul.top-social li a {
		display: block;
		height: 14px;
		width: 16px;
		position: relative;       
		color: #FFF;
		margin: 1px;
		text-align: center;
		line-height: 18px;
		font-size: 11px!important;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		z-index: 2;
	}    
	ul.top-social li a:hover{
		background: #42d9e4;
		-moz-transition: all .8s ease;
		-o-transition: all .8s ease;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		-o-transform-origin: center center;
		transform-origin: center center;
	}
	ul.social li a {
		/* border: 1px solid #bdbdbd; */
		color: #7f7f7f;
	}
	.top-social-con{background: #30302f;}
	.margin-5{margin-top: 5px;margin-bottom: 5px;}
	.margin-10{margin-top: 10px;margin-bottom: 10px;}	
	ul.social li a {display: block;	position: relative;	color: #7f7f7f;	margin: 1px;text-align: center;font-size: 45px;z-index: 2;}
	.parallax {position: fixed;display: block;visibility: visible;left: 0px;top: 100px;z-index: -1;/* Create the parallax scrolling effect */background-attachment: fixed;background-position: center;background-repeat: no-repeat;}
	.parallax {	background-attachment: scroll;}
	.parallax-container {height: 185px;	width: 100%;}
	#hidden-content-b {  /* Custom styling */  max-width: 185px;  border-radius: 4px; /* Custom transition - slide from top*/ transform: translateY(-50px);	  transition: all .33s;	}
	.fancybox-slide--current #hidden-content-b { transform: translateY(0);}
	.parallax-slider {position: relative;}
	.slider-wrapper {
	  white-space: nowrap;
	  overflow: hidden;
	  display: -webkit-box!important;
	  display: -moz-box!important;
	  display: -ms-flexbox!important;
	  display: -webkit-flex!important;
	  display: flex!important;
	}
	.slide {
	  background-size: cover!important;
	  -webkit-background-size: cover!important;
	  -moz-background-size: cover!important;
	  -o-background-size: cover!important;
	  display: inline-block;
	  width: 100%;
	  height: 185px;
	  flex-shrink: 0;
	  transition: 0.9s ease-in-out transform;
	  backface-visibility: hidden;
	}
	.slide-indicator { position: absolute;  bottom: 0;  left: 50%;  transform: translatex(-50%);}
	.slide-indicator ol {display: inline-block;	}
	.slide-indicator li {display: inline-block;	height: 20px;width: 20px;background: #fff;border-radius: 50%;cursor: pointer;transition: 0.2s ease-in-out;	}
	.slide-indicator li:hover { background: rgba(255, 199, 62, 1);}
	.slide-indicator li.active1 { background: rgba(255, 199, 62, 1)!important;}
	.slide::before {
	  content: '';
	  display: inline-block;
	  height: 50%;
	}
	.content {
	  display: inline-block;
	  width: 100%;
	  max-height: 100%;
	  vertical-align: middle;
	  white-space: normal;
	  color: #fff;
	  transform: translate(-5px);
	}
	.caption {
	  padding: 20px;
	  transition: 0.4s;
	  transition-delay: 0.8s;
	  opacity: 0;
	  transform: translatey(200%);
	  h1 {
		font-size: 24px;
		font-weight: 700;
	  }
	}
	.slide-active .caption { transform: translatey(0); opacity: 1;}
	.home {height: 1000px; position: relative;}
	h1.heading {font-family: 'Roboto', sans-serif;font-size: 24px;font-weight: bold;color:yellow;}
	h1.heading span {font-weight: 100;color:white;}
	.corporate {padding: 15px 0 40px;background: url(../images/corporate-main.jpg) no-repeat 0 0;background-size: cover; width:100%;height:185px;}
	.container{
		/*width: 1170px;*/
		width:100%;
	}
	.container, .container-fluid{
		padding-left:10px;
		padding-right:10px;
	}
	.text-right{
        text-align: center;
    }
	  
	nav.navbar.bootsnav .navbar-toggle{
        display: inline-block;
    }
     nav.navbar.bootsnav.brand-center .navbar-toggle{
        display: none;
    }	
}
@media screen and (max-width: 370px){
    .overlay-menu ul.full-nav li > span{
        display: none;
    }
    .overlay-menu ul.full-nav li a{
        font-size: 1rem;
    }
}


@media screen and (min-device-width:360px) and (max-device-width:720px) {
	
	header.default nav.navbar.bootsnav.navbar-fixed {
		background: transparent;
		background-color: #fff;
	}
	.navbar-brand > img {
		width: 200px;
	}
	header.default nav.navbar.bootsnav.navbar-fixed ul.nav > li > a {
			color: #333;
	}
	  
	.slide-indicator {display: none;}
	
	.parallax-slider {position: relative;}
	.slider-wrapper {
	  white-space: nowrap;
	  overflow: hidden;
	  display: -webkit-box!important;
	  display: -moz-box!important;
	  display: -ms-flexbox!important;
	  display: -webkit-flex!important;
	  display: flex!important;
	}
	.slide {
	  background-size: cover!important;
	  -webkit-background-size: cover!important;
	  -moz-background-size: cover!important;
	  -o-background-size: cover!important;
	  display: inline-block;
	  width: 100%;
	  height: 272px;
	  flex-shrink: 0;
	  transition: 0.9s ease-in-out transform;
	  backface-visibility: hidden;
	}
	.slide-indicator { position: absolute;  bottom: 0;  left: 50%;  transform: translatex(-50%);}
	.slide-indicator ol {display: inline-block;	}
	.slide-indicator li {display: inline-block;	height: 20px;width: 20px;background: #fff;border-radius: 50%;cursor: pointer;transition: 0.2s ease-in-out;	}
	.slide-indicator li:hover { background: rgba(255, 199, 62, 1);}
	.slide-indicator li.active1 { background: rgba(255, 199, 62, 1)!important;}
	.slide::before {
	  content: '';
	  display: inline-block;
	  height: 50%;
	}
	.content {
	  display: inline-block;
	  width: 100%;
	  max-height: 100%;
	  vertical-align: middle;
	  white-space: normal;
	  color: #fff;
	  transform: translate(-5px);
	}
	.caption {
	  padding: 20px;
	  transition: 0.4s;
	  transition-delay: 0.8s;
	  opacity: 0;
	  transform: translatey(200%);
	  h1 {
		font-size: 24px;
		font-weight: 700;
	  }
	}
	.slide-active .caption { transform: translatey(0); opacity: 1;}
	h1.heading {color:yellow;}
	h1.heading span {color:white;}
	  
	nav.navbar.bootsnav .navbar-toggle{
        display: inline-block;
    }
     nav.navbar.bootsnav.brand-center .navbar-toggle{
        display: none;
    }
}

.gpc {margin: 0 auto 10px; width:auto;border-radius: 12px;}
h2 span {color:#ffffff;}