@charset "UTF-8";
/* Mobiles */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 481px) and (max-width: 767px) {

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 320px) and (max-width: 480px) {
 	
/*///////////Header//////////////////*/	 
	.btn-tickets:before, .btn-guide:before{ width: 22px !important; height: 20px !important;}
	.txt-link{ font-size: 13px !important;}	
	
	.logo-container{ top:52px !important;}
	.navbar{ padding-top: 10px !important; padding-botom: 10px !important;}
	.header-icon-eye{ display: none !important;}
	
	h1, .slider-info h1{font-size: 22px !important; margin-top: 0; padding-bottom: 5px; line-height: 130% !important; }
	h2, .slider-info h2{ font-size: 20px !important; }
	h3{ font-size: 18px !important;}
	
	/*///////////Content side spacing//////////////////*/	
	/*/////////.content-area{ padding-left: 30px !important; padding-right: 30px !important;}
	.content-area .row{ width: 100% !important; margin: 0 auto !important;}////////*/	
	
	/*///////////Home//////////////////*/		
	.slider-info  p { padding-bottom: 2px !important; line-height: 130% !important;;}

	
	/*///////////Inner page Header//////////////////*/	
		#inner-page-header{
			background: #E2071B url("../img/header-ways-of-seeing-mobile.png") no-repeat 50% 90% !important;;
			height: 220px;
		}
	.header-date{padding-top: 90px !important;}
	.header-date h4{font-size: 15px !important;}
}

/* ---------------------------------------------------
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) {
	
	.accordion-menu{ padding-top: 10px !important;}

}


/* 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, 6S, 7 and 8
////////////////////////////////////////////////////////////////////////////////*/
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
	  
	  /* Header */
	  	.header-date{padding-top: 80px !important;}


}

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

	  	#inner-page-header{
			background: #E2071B url("../img/header-ways-of-seeing-mobile.png") no-repeat 50% 90% !important;;
			height: 180px !important;
		}
	  
	  	.header-date{padding-top: 44px !important; padding-right: 50px !important;}
		.header-date h4{font-size: 15px !important;}
	  
	  

}


/*////////////////////////////////////////////////////////////////////////////////
iPhone 6+, 7+ and 8+
////////////////////////////////////////////////////////////////////////////////*/

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

}

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

	  	/* Header */
	  	.header-date{padding-top: 80px !important;}
}

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

	  	#inner-page-header{
			background: #E2071B url("../img/header-ways-of-seeing-mobile.png") no-repeat 50% 90% !important;;
			height: 180px !important;
		}
	  
	  	.header-date{padding-top: 44px !important; padding-right: 50px !important;}
		.header-date h4{font-size: 15px !important;}
	  

	  
}


/*////////////////////////////////////////////////////////////////////////////////
iPhone X 
////////////////////////////////////////////////////////////////////////////////*/
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) { 

}

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

		/* Header */
	  	.header-date{padding-top: 80px !important;}
	  
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 
	  	
	  #inner-page-header{
			background: #E2071B url("../img/header-ways-of-seeing-mobile.png") no-repeat 50% 90% !important;;
			height: 180px !important;
		}
	  
	  	.header-date{padding-top: 44px !important; padding-right: 50px !important;}
		.header-date h4{font-size: 15px !important;}
}



/*////////////////////////////////////////////////////////////////////////////////
iPad 1, 2, Mini and Air 
////////////////////////////////////////////////////////////////////////////////*/

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

}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	
	/* Inner page header */
	.eye-side{ top:50px !important; }
	.eye-side img{width:20px !important; }
	
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	  
	  /* Header date */
	  .header-date{padding-top: 88px !important; }
	
		/* Inner page header */
		.eye-side img{ width:20px !important; }
		#inner-page-header{height: 250px !important;}
	

}

/*////////////////////////////////////////////////////////////////////////////////
iPad 3, 4 and Pro 9.7
////////////////////////////////////////////////////////////////////////////////*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	
	/* Inner page header */
	.eye-side{ top:50px !important; }
	.eye-side img{width:20px !important; }
	
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	  
	  /* Header date */
	  .header-date{padding-top: 88px !important; }
	
		/* Inner page header */
		.eye-side img{ width:20px !important; }
		#inner-page-header{height: 250px !important;}

}

/*////////////////////////////////////////////////////////////////////////////////
iPad Pro 10.5
////////////////////////////////////////////////////////////////////////////////*/

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

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	
	/* Inner page header */
	.eye-side{ top:50px !important; }
	.eye-side img{width:20px !important; }

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	  
	  /* Header date */
	  .header-date{padding-top: 88px !important; }
	
		/* Inner page header */
		.eye-side img{ width:20px !important; }
		#inner-page-header{height: 250px !important;}

}
/*////////////////////////////////////////////////////////////////////////////////
iPad Pro 12.9"
////////////////////////////////////////////////////////////////////////////////*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	
	/* Inner page header */
	.eye-side{ top:50px !important; }
	.eye-side img{width:20px !important; }

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen and (min-device-width: 1366px)  and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	  
	  /* Header date */
	  .header-date{padding-top: 88px !important; }
	
		/* Inner page header */
		.eye-side img{ width:20px !important; }
		#inner-page-header{height: 250px !important;}

}