/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.main-banner .overly .banner-caption p{
		display: none;
	}
	.home-page-service .slider1 .owl-nav{
		display: none;
	}
	.footer .cp-right{
		font-size: 13px;
	}
	.about-us-page .tsr-11 ul li{
		width: 50%;
	}
	.health-and-safety img{
		display: none;
	}
	.slider4 .owl-nav{
		display: none;	
	}
	.header .top-bar .right{
		flex-direction: column;
	}
	.header .top-bar .right ul{
		text-align: center;
	}
	.main-banner .overly{
		top: 70%;
	}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.header .top-bar .left{
		padding: 10px 0 0 0;
		text-align: center;
	}
	.header .top-bar .right{
		padding:0 0 10px 0;
		justify-content: center; 
	}
	.header .top-bar .right ul li {
		padding-left: 10px;
	}
	.header .menu-bar .logo img{
		height: 50px !important;
	}
	.header .menu-bar .mobile-nav-btn{
		padding: 16px 0;
	}
	.main-banner img{
		height: 520px;
	}
	.main-banner .overly .banner-caption h4{
		font-size: 26px !important;
	}
	.home-page-certificate .tsr-08{
		padding-left: 0px !important;
		padding-top: 20px;
	}
	.ch{
		display: none;
	}
	.footer .cp-right .left{
		text-align: center;
	}
	.footer .cp-right .right{
		text-align: center;
	}
	.sub-banner img{
		height: 320px;
	}
	.services-page #service2 .col-lg-5 {
		order: 2;
	}
	.services-page #service2 .col-lg-7 {
		order: 1;
	}
	.services-page #service4 .col-lg-5 {
		order: 2;
	}
	.services-page #service4 .col-lg-7 {
		order: 1;
	}
	.img-shfl{
		text-align: center;
	}

}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.header .menu-bar .main-menu{
		display: none;
	}
	.header .menu-bar .mobile-nav-btn{
		display: block;
	}
	.header .menu-bar .logo img{
		height: auto;
		max-height: 88px;
	}
	.main-banner .overly .banner-caption h4{
		font-size: 35px;
	}
	.slider4 .owl-nav .owl-next{
		right: -9%;
	}
	.slider4 .owl-nav .owl-prev{
		left: -9%;
	}
	.client-page .tsr-20 .detail h4{
		font-size: 15px;
	}
	.health-and-safety img{
		width: 280px;
	}
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.home-page-certificate .tsr-08{
		padding-left: 50px;
	}
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align:center;
  font-family: 'Open Sans', sans-serif;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 22px;
  color: #818181;
  display: block;
  transition: 0.3s;
  text-transform: capitalize;

}

.sidenav a:hover{
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}