/* CSS Document */
@media only screen and (orientation:landscape){
	body{
		-webkit-text-size-adjust:none;
		}
	}
@media only screen and (orientation:portrait){
	body{
		-webkit-text-size-adjust:none;
		}
	}

@media only screen and (min-width: 992px) and (max-width:1200px) {


}
@media only screen and (min-width: 768px) and (max-width:991px) {
	.logo img{ width:100%;}

}



@media only screen and (min-width: 640px) and (max-width:767px) {

	.whoweareBlock ul li{ width:100%;}
	.tab-content{top:0; position:relative;}
	.searchSection{ position:relative; display:none;}

	#demo{ top:29px !important;}

	.tab-pane ul li {
		text-align: left;
		display: block;
		margin: 0 5%;
		line-height: 48px;
	}
}



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

	.whoweareBlock ul li{ width:100%;}
	.tab-content{top:0; position:relative;}
	.searchSection{ position:relative; float:left; display:none;}

	#demo{ top:29px !important;}

	.tab-pane ul li {
		text-align: left;
		display: block;
		margin: 0 5%;
		line-height: 48px;
	}

	}
@media only screen and (min-width: 200px) and (max-width:479px) {


	.whoweareBlock ul li{ width:100%;}
	.tab-content{top:0; position:relative;}
	.searchSection{ position:relative; float:left; display:none;}


	#demo{ top:29px !important;}
	.nav-tabs .nav-link {
		padding: 3% 1px;
	}
	.tab-pane ul li {
		text-align: left;
		display: block;
		margin: 0 5%;
		line-height: 48px;
	}

}

/*** cutomers page media query **/
@media all and (max-width: 600px) {
  .padding-0{
      margin: 10px;
  }

}
/** product page media query */
@media all and (max-width: 769px) {

	select{
		width:50%;
		padding: 0;
}

}
@media all and (max-width: 768px) {
  .modal-lg{
		right:3%;

}
.modal-footer .website-link img{
  width:50%;


}
.modal-footer .website-link {
  width:auto;
	margin: auto;
}
.modal-footer .website-link button{

width:100%;


}
.contentArea h4:after
{
	left:15%;
	width:70%;
}

  }
	@media all and (max-width: 600px) {


	.contentArea h4:after
	{
	  left:25%;
		width:70%;
	}
}
/** product page ends here **/

/** AFTERMARKLET starts**/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.caption{
	   top: 37%;
	   width:80%;
		 padding: 0;
	}

	.comp .middle a{

	  margin-bottom:0;

	}
	.comp .middle p,a{
	  padding: 0;
	  margin:0;
	}
	.brand-caption{
	   top:70%;
	   width:70%;
	   background-color: black;
	}
	.brand .middle a{
		 margin: 0;
		 font-size: 20px;
	}
}
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1.5) {
		.caption{
		   top:44%;
			 padding: 2px;
			 width: auto;
		}
		.caption p{

			 font-size: 15px;
		}
		.comp .middle a{

		  margin-bottom:0;
			font-size: 15px;

		}
		.comp .middle p{
		  color:white;
		  padding: 0;
		  margin:0;
			font-size: 15px;

		}
		.brand .middle a{
			 margin: 0;
			 font-size:25px;
		}
}
@media all and (max-width: 600px) {
	.caption{
		 top:45%;

	}
	.comp .middle a{
font-size: 10px;
padding: 0;
margin: 0;

	}
	.comp .middle p{
	  display: none;

	}

	.carousel{
		display: block !important;
	}


}
/** AFTERMARKLET ends **/

/** work with us starts here **/

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

	
	
	.lifeatanandSection img{
		-webkit-transition: all 400ms ease-in-out;
		-webkit-transform: scale(1);
		-ms-transition: all 400ms ease-in-out;
		-ms-transform: scale(1);
		-moz-transition: all 400ms ease-in-out;
		-moz-transform: scale(1);

	}
	.life-section1:hover img ,.life-section2:hover img{
		-webkit-transition: all 400ms ease-in-out;
		-webkit-transform: scale(1);
		-ms-transition: all 400ms ease-in-out;
		-ms-transform: scale(1);
		-moz-transition: all 400ms ease-in-out;
		-moz-transform: scale(1);
		transition: all 400ms ease-in-out;
		transform: scale(1.04);
	}


}
@media all and (max-width: 990px) and (min-width:768px) {

.lifeatanandSection img {
	  width:100%;
	  height:auto;
	  left: 0;
	  right:0;
	}
}

@media all and (max-width:767px)  {

.lifeatanandSection img{
margin-top: 10px;
  width:100%;
  height:auto;
	margin-left: 0;
	left: 0

}


.caption-panel1,.caption-panel2{
  text-align: left;
  padding:0;
  margin: 0;
}
}
/** work with us ends here **/