@media screen and (max-width:1100px)
{
	.contact-us-left , .contact-us-right{width:49%;}
	.media-img img{width:100%; height:auto;}
	
	.inside-banner {
  padding-top: 0;
}
.about-us-left {
  padding: 59px 26px;
  width: 49%;
}
.about-us-right {
  float: right;
  width: 49%; overflow:hidden;
}
.vision , .mission {
  width: 49%;
}
.vis-img {
  margin-right: 1%;
  width: 18%;
}
.vis-img img{width:100%; height:auto;}
.vis-text{width:75%;}
	.container{width:98%;}
	.header-right {
	width: 70%;
}
	.header-right ul{transition:none !important; clear:both}
	.header-menu {
	margin: 0 auto;
	width: 248px;
	position: absolute;
	right: 0;
	top: 37px; 
}
.header{position:relative;}
.banner{padding-top:0;}
	.slide-button{display:block;}
	.nav{display:block;}
	
.header-menu ul{display:none;}
.nav {
	display: block;
	text-indent: -999999px;
	cursor: pointer;
}
.header-menu li a {
	color: #bac3bc;
	display: block;
	padding: 10px 19px;
}
.header-menu ul li {
  background: none repeat scroll 0 0 #114624;
  border-bottom: 1px dotted #ccc;
  box-sizing: border-box;
  padding:0;
  width: 100%;
}
.header-menu ul li ul {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  
  position: relative;
  top: 0px; width:100%;
}

.header-menu ul li:hover  ul {display:none;}

span.arr-header{display:block;}



ul.insideli-header li {
  border-bottom: 1px dotted #ccc;
  box-sizing: border-box;
  padding: 0;
  position: relative;
  width: 100%;
}
	
	li.subheading-header{ background:#f8f8f8}
	li.subheading-header a{color:#fff; padding-left:30px; box-sizing:border-box }
	
	li.subheading-header li{ background:#d4d4d4}
	li.subheading-header li a{padding-left:40px; box-sizing:border-box; font-size:12px;}
	
	
	.header-menu ul li ul li ul{left:0%; top:0;}
	.about-left{width:48%;}
	.about-right{width:48%;float:right}
	.about-right img{width:100%; height:auto; }
	.award {
  float: left;
  width: 48%;
}
.award img{width:100%; height:auto;}
.testimo{width:48%;}
.news{width:48%;}
.get-touch{width:48%;}	
	
	}

@media screen and (max-width:800px)
{
	.contact-us .text{padding:0;}
	.first-letter-sepe p{width:auto;}
	.media-heading{font-size:19px;}
	.about-us-left {
  padding: 30px 26px;
  width: 100%;
}
.about-us-right {
  float: right;
  overflow: hidden;
  width: 100%;
}
.about-us-right  img{width:100%; height:auto;}
.vision, .mission {
  width: 100%;
}
	.about-left {
  width: 100%;
}
.about-right{display:none;}
.product-range-up-left {
  height: inherit;
  width: 100%; padding:25px
}
.product-range-down-right {
  height: inherit;
  width: 100%;padding:25px
}
.product-range-down::after , .product-range-down::before{height:100%;}
.award {
  float: left;
  width: 100%;
}
.testimo {
  margin-top: 28px;
  width: 100%;
}
.footer-last p.left {
  float: left;
  text-align: center;
  width: 100%;
}
.footer-last p.right {
  float: right;
  text-align: center;
  width: 100%;
  margin-top: 6px;
}
	}
	
	@media screen and (max-width:700px)
	{
		.footer::before{background-position:right bottom;}
		.contact-us-left, .contact-us-right {
  width: 100%;
}
		.vision , .mission{padding:14px;}
		.about-us-left{overflow:hidden;}
		.certi-name {
  margin-bottom: 28px;
  padding: 11px 28px;
}
		.news {
  width: 100%;
}
.get-touch {
  width: 100%;
  margin-top: 27px; overflow:hidden
}
.header-right {
  width: 64%;
}
.header-top ul li{margin-bottom:5px;}
.heading {
  font-size: 28px;
}
.subheading{font-size:18px;}
.bradcam{bottom:0;}
		}
		@media screen and (max-width:500px)
		{
			.contact-form li {
  margin-right: 1%;
  width: 48%;
}
			.media-product li {
  float: left;
  margin: 5% 0;
  width: 100%;
}
				.latest-event-div {
	 	  padding: 24px 13px;
	  width: 98%; height:inherit
	}
	.news {padding: 30px 15px;  }
	.logo{width:auto;}
			}
		
		@media screen and (max-width:400px)
		{
			.contact-form li {
  margin-right: 0;
  width: 100%;
}
.contact-form li input , .contact-form li textarea{box-sizing:border-box;}
			.phone{width:100%;}
			.contact-us-left, .contact-us-right {
  height: inherit;
  }
  .email {
  border-top: 1px dashed #ccc;
  box-sizing: border-box;
  float: left;
  height: 50%;
  margin-top: 12px;
  padding-top: 11px;

  width: 100%;
  padding-bottom: 8px;
}
			.header-right {
			  width: 54%;
			}
			.header-top ul li:first-child{ margin-right:30px;}
			.nav {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0;
  text-indent: -999999px;
  top: -38px;
}
.heading {
  font-size: 25px;
}
.fist-nove{font-size:17px;}
			}