@media only screen and (min-width: 320px) and (max-width:766px) {
.desktopv{display: none !important}
.ipadv{display: none !important}
.mobilev{display: block !important}
.mobilehide{display:none !important}


h1 	{ font-size:36px;line-height: 42px; }
h2 	{ font-size:26px;line-height: 32px  }
h3 	{ font-size:20px;line-height: 26px	}
h4 	{ font-size:14px;line-height: 24px	}
h5 	{ font-size:12px;line-height: 18px	;}
h6,h7 	{ font-size:10px;line-height: 11px}


p	{margin-bottom: 10px;font-family: 'Proxima Nova', sans-serif;color: #4a4a4a;font-size: 16px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0.1px;
    line-height: 1.8em;}
    .disclaimer-wrap{position: fixed;width: 100%;height:auto;background: rgba(255,255,255,.9);bottom:-100%;left: 0;z-index: 11}
    
	/*.mobile-version{display: block}*/
	
	.event-btn{top:26px;right: 72px;width: 40px;height: 40px;background-size: 28px}
	.event-btn i{font-size: 24px;line-height: 42px}
	.calendar-block{width: 100%;right:-100%;padding-top: 90px}
	.page-inner{margin-top: 92px}
	/* header */
	header{position: fixed;z-index: 99;background: #FFF}
	.home-logo{width: 80px !important}
	.scroll-header{display: none}
	.menu-wrap{width: 100%;height: auto;position: fixed;background: #3C434E;top:-80%;left: 0;z-index: 9;margin-top: 0}
	.menu-wrap.mobileon{top:0}
	.menu-list {padding-top: 26px;padding-bottom: 80px}
	.menu-list li{width: 100%;margin-top: 10px}
	.menu-list li h6 a{color: #FFF; font-size:26px;line-height: 32px  }
	.lang{position: absolute;bottom:20px;left: 20px;z-index: 2}
	.lang a,.lang h7{color: #FFF;font-size: 14px}
	ul .lang-item-first{border-right:1px solid #FFF }
	.header-wrap{margin-bottom: 0}
	.mobile-menu-btn{position: fixed;top:26px;right: 20px;width: 40px;height: 40px;background: #3C434E;text-align: center;padding-top: 4px;z-index: 100}
	.mobile-menu-btn i{color: #FFF;font-size: 32px;margin-top: 10px}
	.ss-icon{display: none}
	.mobile-menu-btn.mobileon{background: #FFF}
	.mobile-menu-btn.mobileon i{color: #3C434E}
	
	/*footer */
	.back-to-top{text-align: left !important;margin-top: 20px}
	footer .btn-more {float: left !important}
	footer .support-logo{float: left;text-align:  left !important;margin-right: 10px ;margin-left:  0}
	footer .support-logo h6{text-align: left}
	footer .support-logo img{float: left !important;}
	
	/* home */
	.core-list li{width: 100%;height: 120px;padding: 24px 60px 0}
	.core-list li .top-bg,.core-list li .bottom-bg{display: none}
	.home-pro-single{margin-bottom: 20px}
	.flexslider{margin-left: 30px !important}
	.home-video-block{width:100%;background: #EEE;margin-left: 0;overflow: hidden}
	#video iframe{height: 200px !important;width: 100% !important}
	section.tagline{padding-top: 160px}

	/* about */
	.about-wrap{padding-left: 0;padding-right: 0}
	section.contact .btn-more{float: left;margin-top: 40px}
	
	/* programme */
	.mobile-cat-btn{background: rgba(255,91,71,1);position: fixed;bottom: 0;left: 0;padding: 10px ;text-align: center;width: 100%;cursor: pointer;z-index: 9}
	.mobile-cat-btn h4{color:#FFF}
	.mobile-cat-btn .opencat,.mobileon .closecat{display: none}
	.mobileon .opencat{display: block}

	.programme-list li{width: 100%}
	.programmess .left-bg{width: 100%;}
	.programme-wrap{padding: 40px 0}
	section.programmess,.programme-wrap{height: auto;overflow: hidden}
	.programme-right{position: fixed;bottom:-100%;left: 0;width: 100%;padding: 30px;background: #EEE;z-index: 2;padding-bottom: 60px}
	.programme-right.mobileon{bottom:0}
	section.programmess.active .right-bg{width: 100%}
    .popup-pro{background: rgba(255,91,71,1);width: 100%;right: -100%;position: fixed;height: 100%;z-index: 99999}
	.programme-left.active{width: 100%}
	.popup-pro i{position: fixed;pointer-events: none}
	.popup-pro.active i{pointer-events: auto}
	
	/* event */
	#map{display: none}
	.left-bg{width: 100%}
	.popup-events{width: 100%;position: fixed;top:90px;overflow: scroll}
	.eventinner{;position: relative;}
	.popup-events{left:-100%}

	
}
@media only screen and (min-width: 767px) and (max-width:1023px) {
.desktopv{display: none !important}
.ipadv{display: block !important}
.mobilev{display: none !important}

	/*.mobile-version{display: block}*/

}
@media only screen and (min-width: 1024px) and (max-width:1600px) {


	
}
@media only screen and (min-width: 1601px) and (max-width:6000px) {
.left-bg{position: absolute;width: 62%;left: 0;top:0;height: 100%;background: rgba(220,227,227,.6)}
.right-bg{position: absolute;width: 38%;right: 0;top:0;height: 100%;background: rgba(240,244,244,.8)}
}