@media only screen and (min-width:280px) and (max-width:767px) {
	html, body {
		height: 100%;
		color: gray;
		font-family: roboto, sans-serif;
		vertical-align: baseline;
	}
	.headertop{
		padding:10px 0;
	}
	.headerleft{
		text-align: center;
		font-size: 14px;
		padding:0px;
	}
	.headerleft ul li{
		padding-right: 0;	
	}
	.headerleft li:first-child:before{
		display: none;
	}
	.headerright{
		text-align: center;
		padding-top: 0px;
		display:none;
	}
	.headerright .socialtitle{
		font-size: 14px;
	}
	.headerright ul li a i{
		width: 20px;
		height: 20px;
		font-size: 14px;
	}
	.mean-container a.meanmenu-reveal{
		margin-top: -55px;
	}
	.mean-container .mean-bar{
		top: 0;
		position: relative;
	}
	.mean-container .mean-nav ul li a{
		font-size:14px;
	}
	.mean-container .mean-nav ul li li a{
		font-size:14px;
	}
	.menuarea{
		display: none;
	}
	.reg_book {
		display:none;
	}
	.servicearea{
		padding:20px 0;
	}
	.vc-title-head h2{
		font-size:28px;
		margin-bottom:10px;
	}
	.service-row{
		margin-top:0;
		text-align:center;
	}
	.service-box{
		margin-bottom:15px;
		margin-top:15px;
	}
	.service-img{
		width:100%;
		margin-bottom:10px;
	}
	.service-img img{
		width:120px;
		height:120px;
	}
	.service-about h4{
		text-align:center;
		margin-top:10px;
	}
	.service-about{
		width:100%;
	}
	.service-about p{
		padding:0 10%;
	}
	.footer-quick-link, .latest-activity-head, .footer-contact-head{
		margin-top:20px;
	}
	.counter-inner{
		padding:10px 0;
	}
	.counter-inner i{
		font-size:36px;
	}
	.counter-txt strong{
		font-size:20px;
	}
	.counter-txt span{
		font-size:11px;
		line-height:10px;
	}
	.aboutarea{
		padding:20px 0;
	}
	.about-txt-wrapper p{
		font-size:16px;
	}
	.oddcolor {
  		background-color: #f1c40f;
	}
	.banner-outer .slide1, .banner-outer .slide2, .banner-outer .slide3 {
		display: block;
		height: 320px;
	}
	.banner-outer .bx-wrapper .bx-pager{
		bottom:140px;
	}
	.logosection img {
	  max-width: 100%;
	  height: 45px;
	}
	#myHeader .col-xs-10{
		padding-left:2px;	
	}
}