/*Default Layout:1170px. 
-------------------------------------------------------------------------------
   */

/*Tablet Layout: 768px.
-----------------------------------------------------------------
  */
@media only screen and (min-width: 1590px) {

	
.service-area {
  bottom: -60px;
}
	
}

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

}




/*Mobile Layout: 320px.
---------------------------------------------
*/

@media only screen and (max-width: 767px) {
.logo img {
  margin-bottom: 12px;
}
.why-us-img img {
  margin-top: 10px;
}
.why-us-text h1 {
  font-size: 30px;
}
.no-padding-left {
  padding-left: 15px;
}
.no-padding-right {
  padding-right: 15px;
}	
.why-us-text {
  margin-top: 15px;
}
.services-heading {
  width: 100%;
}
.services-heading h1 {
  font-size: 30px;
}
.owl-prev {
  left: 40%;
}
.footer-bottom {
  padding: 20px 0;
}
.sub-menu {
  position: static;
}
.sub-menu li {
  padding: 0 !important;
}
.sub-menu li a {
  padding: 1em 10% !important;
}
.inner-banner {
  display: none;
}
.overview.project_experience > h3 {
  font-size: 24px;
}
.graph img {
  margin: 30px 0 0;
  width: 100%;
}
.overview img {
  margin: 20px 0;
  width: 100%;
}
.mission-vision-ing img {
  margin-top: 10px;
  width: 100%;
}
}


/*
Wide Mobile Layout: 480px.
------------------------------------------------------------
 */

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

}



/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {


.service-area {
  bottom: -60px ;
}
	
}

.win.chrome .service-area {
  bottom: -60px ;
}