@media only screen and (max-width: 992px) {
 h1{
	font-size: 2.0rem;
}
h2{
	font-size: 1.5rem;
}
h4{

	font-size:18px;
}
.mobile_device_logo{
	display: block;
}
.web_device_img{
	display: none;
}
.navbar-brand img{
	max-width: 50px;
}
.header_menu .navbar-toggler{
	color: #fff;
}
.header_menu .navbar-toggler:focus{
	outline: none;
	border:none;
}
.banner_caption{
	top: 45%;

}
.banner_area{
	height: 80vh;
}
.event_tiles{
	
	flex-wrap:wrap;
}
.event_bg{
	
	width: 100%;
	height: 300px;
	border-radius: 0px;
}

.event_details{
	
	width: 100%;
	border-radius: 0px;
}
}

@media only screen and (max-width: 768px){
	.about_img{
		margin-top: 20px;
	}

	.nav_tbs_btn .nav-link{
	
	padding: 8px;

}
.nav_tbs_btn .nav-link{
	font-size: 14px;
}
.galler_img img{
	width: 100%;
    height: 200px;
    
}

.testimonia-slide .owl-nav .owl-prev{
	
	top: 70%;

}

.testimonia-slide .owl-nav .owl-next{
	
	top: 70%;
	
	
}
.events_slide .owl-nav .owl-prev{
	
	left: 0px;
	top: -40px;
	
	
	
}

.events_slide .owl-nav .owl-next{
	
	left: 50px;
	top: -40px;
	
}
}
@media only screen and (max-width: 1200px){
	.events_slide .owl-nav .owl-prev{
	
	left: 0px;
	
	
}

.events_slide .owl-nav .owl-next{
	
	right: 0px;
	
}
}

@media only screen and (max-width: 500px){

 .teahing_tab .nav-link{
 	font-size: 14px;

 }
 .staff_table thead tr th,
  .staff_table tbody tr td{
  	padding: 10px;
  	font-size: 14px;
  }
}