@media only screen and (max-width: 1199px){
	header {padding: 20px;}
	.custnav .menus > li {padding: 12px 10px;}
}
@media only screen and (max-width: 991px){
	#mobilemenu {display: inline-block; background: url(../images/menu-icon.png) no-repeat 50% 50%; width: 40px; height: 40px; cursor: pointer;}
	header {position: absolute !important; padding: 15px;}
	.custnav .menus {position: absolute; display: none; top: 66px; left: 0px; width: 100%; background-color: #ffffff;}
	.custnav .menus > li {float: left; width: 100%; margin: 0; border-bottom: 1px solid #d2d2d2; padding: 0;  left; padding: 13px 15px 9px; position: relative;}
	.custnav .menus > li > a {font-size: 12px; color: #000000;}

	.custnav .msubmenu {position: absolute; z-index: 2; top: 0; right: 0; border-left: 1px solid #d2d2d2; width:40px; height:40px; cursor: pointer; background: url(../images/m-plus.png) no-repeat center center; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
 	.custnav .msubmenu.opensub {background-image: url(../images/m-minus.png);}
 	.custnav .submenus {opacity: 1; border-top: none; margin-top: 9px; padding: 0; visibility: visible; display: none; top: auto; left: auto; right: auto; float: left; width: 100%; position: relative;}

	.herobanner {height: 630px}
	.bannertext .logo img {width: 300px;}
	.bannertext .timing {width: 320px; padding: 33px 31px;}
	.bannertext .timing li {font-size: 18px;}
	.ontap .ontopinfo .ontopbox .pabout p {width: 87%;}
	.ontap .ontopinfo .ontopbox .pabout a {width: 13%;}
	.separt h2 {font-size: 28px;}
	.separt .commpart .points h4, .separt .commpart .points a, .separt .commpart .points span {font-size: 17px;}
	.separt .commpart .points h4::after {font-size: 14px;}
}
@media only screen and (max-width: 767px){
	.herobanner {height: 750px;}
	.bannertext .logo {margin-bottom: 25px;}
	.bannertext .timing {width: 100%;}
	.bannertext .timing ul {width: 260px; margin: 0 auto;}
	.separt {padding: 15px 0;}
	.separt .commpart .points {padding-bottom: 20px;}
	.separt .schedule {padding-bottom: 30px;}
	.ontap {padding: 15px 0;}
	.location {padding-top: 15px;}
	.footer {padding-bottom: 15px;}
	.ontap .ontopinfo .ontopbox .logobox {width: 20%;}
	.ontap .ontopinfo .ontopbox .details {width: 80%;}
	.ontap .ontopinfo .ontopbox .pabout p {width: 84%;}
	.ontap .ontopinfo .ontopbox .pabout a {width: 16%;}

}
@media only screen and (max-width: 639px){
	.ontap .ontopinfo .ontopbox .pabout p {width: 78%;}
	.ontap .ontopinfo .ontopbox .pabout a {width: 22%;}
}
@media only screen and (max-width: 479px){
	.bannertext .logo img {width: 100%;}
	.bannertext .timing {padding: 15px 10px;}
	.bannertext .timing li {font-size: 17px;}
	.herobanner {height: 670px;}
	.separt h2 {font-size: 25px;}
	.separt .commpart .points h4, .separt .commpart .points a, .separt .commpart .points span {font-size: 15px;}
	.separt .commpart .points li a img {max-width: 100%;}
	.ontap .ontapw .toppart h4 {font-size: 25px;}
	.ontap .ontopinfo .ontopbox .details a {font-size: 15px;}
	.ontap .ontopinfo .ontopbox .points li {font-size: 13px;}
	.ontap .ontopinfo .ontopbox .pabout p {width: 62%; font-size: 14px;}
	.ontap .ontopinfo .ontopbox .pabout a {width: 38%; font-size: 14px;}
	.ontap .ontopinfo .ontopbox .logobox {padding: 0 5px;}
	.footer h5, .footer p {font-size: 18px;}

	.innerbanner .logo {width:290px; margin-top: 132px;}
}