/* ---------------------------------------------------
Responsive Styles Large Desktop And Above
--------------------------------------------------- */
@media all and (min-width: 1405px) {
  
  
}
 
/* ---------------------------------------------------
Responsive Styles Standard Desktop Only
--------------------------------------------------- */ 
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
 
}


/* ---------------------------------------------------
Responsive Styles Tablet And Below
--------------------------------------------------- */ 
@media all and (max-width: 1199px) {
	h1, h2, h3, h4{line-height: 120% !important;}
	h1{font-size: 28px !important;}
	h2{font-size: 24px !important;}
	h3{font-size: 20px !important;}
	h4{font-size: 18px !important;}
}

/* ---------------------------------------------------
Responsive Styles Tablet And Below
--------------------------------------------------- */ 
@media all and (max-width: 980px) {
	.navbar{ height: auto;}
	.inner-cover{ padding: 100px 0;}
	
/***********Sponsor logo***********/
.sponsor-logo img{width:140px;}
	
/***********Sponsor logo***********/	
	.naf2018-logo{ float: left; width:100%; padding: 0 0 30px 0;}

/* ------Breadcrumb----------- */
	.col-breadcrumb{ padding-right:  0 !important;}
	
/* ------Home Slider----------- */
	.section-slider-desktop{ display: none;}
	.section-slider-mobile{ display: block;}
	.slide-content a div { padding: 15px !important;}
	.slide-content a div h1{ font-size: 18px !important;}
	.slide-content {margin-bottom: 20px !important;}
	.slide-content a div p{ font-size: 13px !important;}
	.swiper-pagination{ display: none !important;}
	.swiper-button-next, .swiper-button-prev {width: 35px !important;}

	
/* ------Home Contact Form----------- */
	.home-rsvp-form{ min-height: auto;}
	
/* ------Related Item----------- */
.related-itmes{ display: none;}
.related-itmes-mobile{ display: block; padding: 0 !important; margin: 0 !important}
	.related-itmes-mobile ul, .related-itmes-mobile ul li{ margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important;}
	.btn-action{width:100%;}
}
 
/* ---------------------------------------------------
Responsive Styles Tablet Only
--------------------------------------------------- */
@media all and (min-width: 768px) and (max-width: 980px) {
 
 
}
 
/* ---------------------------------------------------
Responsive Styles Smartphone Only
--------------------------------------------------- */
@media all and (max-width: 767px) {
	.inner-cover{ padding: 80px 0;}

	.slide-in-nav .overflow-auto .display-table .display-table-cell{ 
		padding-left: 40px !important; padding-right: 40px !important;
	}
	
	.full-width-pull-menu .link-style-2 ul li a{font-size:24px !important; }
	
	.top-bar-count-down span{
		width:30%; color:#fff; font-weight: 600; float: left; padding: 6px; 
	}
	
	.top-bar-count-down .countdown{ float: right; width:70% !important;}	
	
	.container{ padding-left: 25px !important; padding-right: 25px !important;}	
	.container .row{ margin-left: 0 !important; margin-right: 0 !important;}	
	.inner-sidebar{padding-left: 0 !important; padding-right: 0 !important;}
	
	.footer-social-icon{ padding: 0 !important;}
	
	.col-breadcrumb{ padding-left: 0 !important;}
	.footer-copyright{ padding-right: 0 !important;}

	/* ------Breadcrumb----------- */
	.col-breadcrumb{ padding-right:  0 !important;}
	
/* ------Home Slider----------- */
	.section-slider-desktop{ display: none;}
	.section-slider-mobile{ display: block;}
	.slide-content a div { padding: 15px !important;}
	.slide-content a div h1{ font-size: 18px !important;}
	.slide-content a div p{ font-size: 13px !important;}
	.slide-content {margin-bottom: 15px !important; }
	.swiper-pagination{ display: none !important;}
	.swiper-button-next, .swiper-button-prev {width: 35px !important;}

	
/* ------Header----------- */
	.navbar{ height: 70px !important;}
	header a.logo img{ padding-bottom: 5px;}
	.header-nav{ padding-top: 6px;}

	header nav .nav-header-container{ vertical-align: top; }

	header nav .row{align-items: flex-start;}
	
	.top-header-area{ display: block;}

	
	.pattern-header{ display: none;}
	.pattern-header-mobile{ 
		display: block; position: absolute; top:0; right:0; 
	}
	
	.social{ display: none;}

	
/* ------Count Down----------- */
	.count-down{ display: none;}
	.count-down .counter-container .counter-box .number {font-size: 18px !important;}

	.footer-logos .display-table .display-table-cell a{width:100%; display: block;}
	.footer-logos .display-table .display-table-cell a img{ text-align: center !important;}
	
/* ------Home----------- */	
	.program-box{display: block;}
	.program-image,
	.program-copy{width:100% !important; text-align: left;}
	
	/***********Sponsor logo***********/
	.sponsor-logo img{width:60%;}
	
	
/* ------What's On----------- */	
	.portfolio-filter li{
		width:50% !important; float: left;
		margin: 0 0 5px 0 !important;
	}
	
	.portfolio-item-info{
		min-height: auto; padding: 5px 20px 25px 20px !important;}

	
	
	.filter-content{ padding: 0 !important;}
	.filter-content li{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.logo-russian-orchestra{ float: left; width:100%;}
	
	/* ------Related Item----------- */
	.related-itmes{ display: none;}
	.related-itmes-mobile{ display: block; padding: 0 !important; margin: 0 !important}
		.related-itmes-mobile ul, .related-itmes-mobile ul li{ margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important;}

	.btn-action{width:100%;}
	
/* ------Footer----------- */
	.section-footer-msg{ padding: 20px 0 !important;}
	.footer-social-icon{ padding: 0 0 0 20px;}
	.footer-social-icon a{
		width:100% !important; float: left !important; display: block !important; padding-bottom: 6px;
	}
	
	.footer-social-icon a .fa-youtube::before{ position: relative !important;}

	
	.footer-copyright{ padding-right: 20px;}
	.footer-logo{width:auto; max-height: 40px; }
	
	.logo-celebrate .display-table-cell a,
	.logo-nus-centre .display-table-cell a,
	.logo-nus .display-table-cell a{ text-align:center !important; display: block; padding: 5px 0; }
 
}
 
/* ---------------------------------------------------
Responsive Styles Smartphone Portrait
--------------------------------------------------- */
@media all and (max-width: 479px) {
 
/* ------Home Programmes----------- */
	.pattern-programmes{ position: absolute; top:-67px; left:-110px;}
	.pattern-programmes img{width:80%;}		
 
}



/* ---------------------------------------------------
iPhone 4 and 4S -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

}


/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

}


/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}



/* ---------------------------------------------------
iPhone 5 and 5S -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

}


/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

}


/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}


/* ---------------------------------------------------
iPhone 6 -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
	header{ overflow:visible; }
	.header-anime{
		width:100%; height: 100%; overflow: hidden; 
		display: block; position: absolute; top:0; right:0;
	}
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

	/* ------What's On----------- */
	.portfolio-filter li{
		width:50% !important; float: left;
		margin: 0 0 10px 0 !important;
	}
	
/* ------Home Programmes----------- */
	.pattern-programmes{ position: absolute; top:-60px; left:-110px;}
	.pattern-programmes img{width:75%;}	

}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}


/* ---------------------------------------------------
iPhone 6+ -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
	header{ overflow:visible; }
	.header-anime{
		width:100%; height: 100%; overflow: hidden; 
		display: block; position: absolute; top:0; right:0;
	}
}


/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {

	/* ------What's On----------- */
	.portfolio-filter li{
		width:50% !important; float: left;
		margin: 0 0 10px 0 !important;
	}
	
/* ------Home Programmes----------- */
	.pattern-programmes{ position: absolute; top:-45px; left:-110px;}
	.pattern-programmes img{width:65%;}
	
}


/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
	
/* ------Home Programmes----------- */
	.pattern-programmes{ position: absolute; top:-90px; left:-110px;}
	.pattern-programmes img{width:65%;}
	
}


/* ---------------------------------------------------
 Galaxy S3 -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
	header{ overflow:visible; }
	.header-anime{
		width:100%; height: 100%; overflow: hidden; 
		display: block; position: absolute; top:0; right:0;
	}
}


/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {

}


/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {

}



/* ---------------------------------------------------
Galaxy S4 -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
	header{ overflow:visible; }
	.header-anime{
		width:100%; height: 100%; overflow: hidden; 
		display: block; position: absolute; top:0; right:0;
	}
}


/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

}


/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

}



/* ---------------------------------------------------
Galaxy S5 -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 3) {
	header{ overflow:visible; }
	.header-anime{
		width:100%; height: 100%; overflow: hidden; 
		display: block; position: absolute; top:0; right:0;
	}
}


/* Portrait */
@media screen and (device-width: 360px)  and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

}


/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

}



/* ---------------------------------------------------
 iPad 1 and 2 -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	
	.container{ padding-left: 25px !important; padding-right: 25px !important;}	
	.container .row{ margin-left: 0 !important; margin-right: 0 !important;}	
	.filter-content, .inner-sidebar{padding-left: 0 !important; padding-right: 0 !important;}
	
	header{ overflow:visible; }
	.header-anime{
		width:100%; height: 105px; overflow: hidden; 
		display: block; position: absolute; top:0; right:0;
	}

}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	


/* ------Home Programmes----------- */
	.pattern-programmes{ position: absolute; top:-110px; left:-150px;}

}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

}
/* ---------------------------------------------------
iPad 3 and 4 -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	
	header{ overflow:visible; }
	.header-anime{
		width:100%; height: 100%; overflow: hidden; 
		display: block; position: absolute; top:0; right:0;
	}
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	
	/* ------What's On----------- */
	.portfolio-filter li{margin: 0 15px !important;}
	
	/* ------Count Down----------- */
	.count-down .counter-container{padding: 5px 5px 3px 5px; margin-bottom: 10px;}
	.count-down .counter-container .counter-box .number { font-size: 18px !important;}
	.count-down .counter-container .counter-box span{float: left; font-size: 12px;}
	
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	
}