/* only below 1024 desktop resolution */
@media screen and (max-width: 1470px) {
	
}
/*==========================================================================================================*/
/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 1001px) and (max-width: 4000px) {
	#mainmenu > ul { display:block !important; }
}

/* only ipad 1024 landscape screen */
@media only screen and (min-width: 1001px) and (max-width: 1024px) {
	
	#theater-navigation { width:96%; }
	#mainmenu { width:auto; }
	#mainmenu li { max-width:165px; }
	#mainmenu li a { font-size:15px; }	
	.things-list { margin:0 0 0 10px; }
	#theater-navigation ul li a { font-size:15px; }
}

@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1000px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.wrap { width:auto; padding:0 15px; }
	#menu { display:block; position:absolute; right:20px; top:28px }
	#mainmenu > ul  { display:none; background:#fff; margin:20px -15px 0; clear:both; }
	#mainmenu ul li { float:none; display:block; line-height:100%; max-width:inherit; height:auto; margin:0; }
	#mainmenu ul li a { padding:10px 20px; border-top:1px dotted #1bb0ce; color:#1bb0ce; }
	.bottom-header { position:relative; }
	#mainmenu li ul, #mainmenu li ul li ul { opacity:1; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; display:none; width:auto; position:relative; left:0; top:0; }
	.navtrigger, .subnavtrigger { z-index:25; display:block; position:absolute; right:0; top:0;  cursor:pointer; text-indent:-999em; width:46px; height:43px; }
	.navtrigger:before, .subnavtrigger:before { content:""; width:24px; height:24px; border-radius:100%; left:0; right:0; bottom:0; top:0; margin:auto; position:absolute;  background:#7d4199; }
	.navtrigger:after, .subnavtrigger:after { content:""; width:0; height:0; border-top:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; left:0; right:0; bottom:0; margin:auto; top:2px;  }
	.navtrigger.open:after, .subnavtrigger.open:after { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); top:-2px}
	#mainmenu > ul > li > ul > li > ul { transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; left:0; top:0 }
	.slogan-box h4 { font-size:20px; }
	#subbanner h1, #theater-banner h1 { text-align:center; font-size:40px; }
	#subbanner p, #theater-banner p { text-align:center; font-size:26px; }
	.layer-content  { width:60%; }
	.ls-s1, .ls-s2, .ls-s3 { font-size:20px; }
	#layerslider, #layerslider2 { height:400px; }	
	.bottom-slider-box { margin:20px 0 0;  }
	.nav-content h3  { font-size:20px; font-weight:300; }
	.nav-content p { padding:0 5px; font-size:14px; line-height:1.35; margin:10px 0 5px; }
	.bottom-navigation li .learn-more  {font-size:14px; }
	.contact-left p { float:none; width:auto; margin:10px 0;  }
	.top-footer { text-align:center;  }
	.contact-left { display:block;  }
	.contact-link { margin:10px 0; font-size:20px; }
	.bottom-navigation  { width:auto; float:none; }
	.bottom-navigation li .mask-content { top:-100px; }
	#theater-navigation { height:auto; }
	#theater-navigation ul li { width:50%; }
	#theater-navigation ul li a span { display:inline-block; margin:0; }
	#theater-navigation ul li a { font-size:15px; font-weight:normal }
	#theater-navigation ul li a::before { transform:scale(.75); top:-10px; }
	#theater-navigation ul li:nth-child(2), #theater-navigation ul li:nth-child(1) { border-bottom:1px solid rgba(255,255,255,.1); }
	#theater-navigation { position:relative; top:0; margin:20px auto 0;  }
	.home #main { padding:20px 0 0; }
	#mainmenu { float:none; width:auto; position:relative; top:20px; }
	h1, h2 { font-size:36px; }
	.common-btnbox a  { margin:0 0 10px; } 
	#theater-navigation:before, #theater-navigation:after {  display:none; }
	.things-list { margin:0 0 0 10px; }
	.image-contain { top:16px; }
	.image-link { bottom:12px; }
	#mainmenu li ul li a { padding:10px 35px; }
	#mainmenu li ul li ul li a { padding:10px 45px; }
	#primary iframe { width:100%; }
	.tips-list { margin-top:-10px; }

} 
/*==========================================================================================================*/
@media only screen and (min-width: 769px) and (max-width: 800px) {
	
}

/*==========================================================================================================*/
@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
	.layer-content, .ls-s3 .layer-content { width:auto; }
	.ls-s1, .ls-s2, .ls-s3, .ls-s3 .layer-content { text-align:center; }
	#subbanner h1, #theater-banner h1 { font-size:36px; }
	#subbanner p, #theater-banner p { font-size:20px; }
	.bottom-navigation li { width:auto; float:none; }
	.bottom-navigation li:after { height:3px; width:100%; top:0; }
	#primary, #sidebar { width:auto; float:none; }
	.side-thumb img { width:100%; }
	.content-box ul { margin:0; }
	.image-contain { top:25px; }
	.highlight { width:auto; }
	.tips-list li { margin-top:18px; }
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 300px), only screen and (max-device-width: 480px), only screen and (max-width: 567px) {
	.bottom-header { padding:10px 0; text-align:center; }
	.bottom-header.no-padding { padding:10px 0 0; }
	#logo { display:inline-block; float:none; }
	.top-header { height:auto; }
	#theater-navigation ul li { width:auto; float:none; border-bottom:1px solid rgba(255, 255, 255, 0.1); }
	.welcome-box h3, h3 { font-size:28px; line-height:1.3; }
	.welcome-box h4 { font-size:22px; }
	#menu { display:inline-block; position:relative; margin:0  0 10px 0; right:0; top:0 }	
	#mainmenu { top:10px; }
	.table-bordered th { display:none; }
	.table-bordered td { display:block; }
	.alert-messages.cols2 .col { width:auto; float:none; margin:0 0 10px; }
	.alert-messages.cols2 { margin:0; }
	.call-us { float:none; display:inline-block; text-align:left; }
	.social { float:none; display:inline-block; }
	.top-header { text-align:center; }
	#mainmenu ul li a { text-align:left; }
	#main { padding:25px 0; }
	h2 { font-size:30px; line-height:1.15; }
	h3 span { font-size:24px; font-size:24px; }
	.primary-slider h4 { font-size:24px; }
	.signs-list { margin:0 0 0 15px; padding:0 0 0 10px; }
	.signs-list li { font-size:16px; }
	ol { padding:0 0 0 10px; }
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (min-width: 340px) and (max-width: 480px) {

	 
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (min-width: 300px) and (max-width: 479px) {
	#primary h5 { font-size:20px; }
	.things-list li { font-size:25px; }
	.things-list li h4 { margin:0 0 12px 0; font-size:25px; }
	.things-list { margin:0 0 0 5px; }
	.things-list { margin:0 0 0 20px; }
	.primary-slider .owl-nav { float:none; margin-right:0; text-align:center; }
	.primary-slider .owl-nav .owl-prev, .primary-slider .owl-nav .owl-next { float:none; display:inline-block; }
	.things-list li { text-align:left; }
	.things-list li ul li { font-size:16px; }
	.tips-list { margin-left:0; }
	.tips-list li { margin-left:0; width:auto; float:none; }
	
} 

/*==========================================================================================================*/
/* only Small tablet portrait 600 by 800*/
@media only screen and (min-width: 599px) and (max-width: 600px) {

}

/*==========================================================================================================*/
/* Small tablet Landscape 800 by 600*/
@media only screen and (min-width: 799px) and (max-width: 800px) {
	
}
/*==========================================================================================================*/
@media only screen and (min-width: 481px) and (max-width: 568px) {
	
}

/* Retina css */ 
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before, .call-us:before, .social li a, .fmenu > li > a:before, .read-more:after, #theater-navigation  ul li a:before, .primary-slider .owl-nav .owl-next:before, .primary-slider .owl-nav .owl-prev:after { background-image:url(../images/bgi/sprites@2x.png); -moz-background-size:344px 150px; -ms-background-size:344px 150px; -o-background-size:344px 150px; -webkit-background-size:344px 150px; background-size:344px 150px;}
}