@media only screen and (max-width: 992px) {
  h1{
	
	font-size: 2.0rem;
	font-weight: 600;
}
h2{
	color: #303030;
	font-weight: 600;
	font-size: 1.5rem;

}
h4{
	font-size: 1.0rem;
}
.upper-haeder{
	
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.flex-upper-area{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-upper-area .header-contact-area{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.main-menu .nav-item .nav-link{
	margin-left: 0px;	
}
.banner-caption h1{
	line-height: 40px;
	text-transform: uppercase;
}
.navbar-toggler:focus{
	outline: none;
	box-shadow: none;
}
 .company-slide .owl-nav{
   	position: absolute;
   	width: 100px;
    left: 45%!important;
   }
}

@media only screen and (max-width: 770px){
	.header-contact-area .social-icons{
		display: none;
	}
	.flex-upper-area .office-time{
		padding-left: 15px;
	}
	.flex-upper-area .office-time a{
	   color: #fff;
	   font-size: 14px;
    }
    .navbar-brand img{
    	width: 150px;
    }

 .first-sm{
      order: 1;
  }
  .second-sm{
      order:2;
  }

  .banner-caption{
  	text-align: center;
  }
  .banner-img{
  	text-align: center;
  }
  .banner-img img{
  	margin: auto;
  }
  .about-tiles{
  	margin-top: 20px;
  }
  .services-box{
  	text-align: center;
  }

  .company-slide .company-img{
	width: 100%!important;
	height: 50px!important;
	display: flex;
	justify-content: center;
	align-items: center; 
	padding: 5px 10px 5px 10px!important;
	border-radius: 35px;
	background-color: transparent;
	transition: 0.5s;
}
.company-slide .company-img:hover{
	width: 100%!important;
	height: 50px!important;
	display: flex;
	justify-content: center;
	align-items: center; 
	padding: 5px 10px 5px 10px!important;
	border-radius: 35px;
	background-color: #fff;
	transition: 0.5s;
}
}
@media only screen and (max-width: 600px){
	.company-slide .owl-nav{
   	position: absolute;
   	width: 100px;
    left: 34%!important;
   }
}
@media only screen and (max-width: 1200px){
   .company-slide .owl-nav{
   	position: absolute;
   	width: 100px;
    left: 35%;
   }
	.company-slide .owl-nav .owl-prev{
   position: absolute;
   left: 0px;
   top: 15px;
   width: 30px;
   height: 30px;
   background-color: rgba(0,0,0,0.5)!important;;
   border-radius: 50%!important;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #ec1b3c!important
 }
 .company-slide .owl-nav .owl-next{
   position: absolute;
   right: 0px;
   top: 15px;
   width: 30px;
   height: 30px;
   background-color: rgba(0,0,0,0.5)!important;;
   border-radius: 50%!important;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #ec1b3c!important
 }
}