/*  
    Chic Outlet Shopping. Villages - Responsive CSS
    Build 20120725 - /css/responsive.css
    Copyright (c) 2012 Value Retail PLC. All Rights Reserved.

/////   Table of Contents   /////

	1. Portrait Tablet to Landscape and Desktop
	2. Landscape Phone to Portrait Tablet
	3. Landscape Phone and below
	4. Retina Display
	5. Print

/////   1. Portrait Tablet to Landscape and Desktop   ///*/
	
	@media (min-width: 768px) and (max-width: 979px) { 
		.com-media.slideshow .content, 
		.com-media.map .content,
		.com-media.carousel .content,
		.com-media.brightcove .content,
		.com-media.brightcove_freezeframe .content,
		.com-media.youtube .content,
		.com-media.youtube_freezeframe .content,
		.com-media.vimeo .content { width: 100%; height: 277px; }
		
		.com-media.brightcove .security,
		.com-media.brightcove_freezeframe .frame { width: 100%; height: 277px; }
		
		.com-media.gallery .content { width: 100%; height: auto; }
		
		.com-media.carousel .content { height: auto; }
			.flex-direction-nav a { top: 138px; }
			
		.com-media .callout { height: 277px; width: 228px; }
		.com-media .callout h2 { font-size: 28px; line-height: 28px; -webkit-font-smoothing: subpixel-antialiased !important;  }
		
		.suzhou-callout { width: 716px !important; margin-left: -362px !important; height: 444px !important; padding: 4px !important; }
		.suzhou-promo { width: 350px !important; height: 214px !important; margin: 4px !important; }
		.suzhou-promo span.title { bottom: 40px !important; font-size: 15px !important; }
		
		
		.com-highlight { margin-left: -363px; width: 726px; height: 136px; }
		.com-highlight li { width: 242px; height: 136px; }
		.com-highlight li a { width: 484px; font-size: 13px; }
		.com-highlight li a strong { font-size: 14px; }
		.com-highlight li a .content { padding: 20px; width: 202px; }
		.com-highlight li img { width: 484px; }
		
		.com-list.type .item { height: 300px; }
		.com-list.type .item a { height: 300px; }
		.com-list.type .item span.content { top: 153px; }
		
		
		
		.com-list.offer .item { height: 300px; }
		.com-list.offer .item a { height: 300px; }
		.com-list.offer .item span.content { top: 153px; }
		
		#navigation .collection { top: -45px !important; }
		#navigation .collection a.dropdown { color: #000; }
		
		#global .languages { top: 35px !important;  }
		#global .membership { right: 5px !important; top: 10px !important; }
		
		.com-navbar .navbar-inner li.dropdown a i { display: inline-block; }
		.com-navbar .navbar-inner li.dropdown a span { display: none; }
		
	}
	
	
/*///   2. Landscape Phone to Portrait Tablet   ///*/


	@media (max-width: 767px) { 
		body { padding: 0 !important; }
		body > * { -webkit-backface-visibility: hidden; }
		
		body#home.main #content { padding-top: 51px !important; }
		body#home.main #content-container { height: auto !important; padding: 0 !important;  }
		body#home.main #wrapper { display: none; }
		
		body.gift-card .existing article { background: none !important; }

		html.sv body#home.main #wrapper { display: block;}
		
		#navigator ul.menu li a { font-size: 14px; }
		
		.com-media.gallery .content { width: 100%; height: 300px !important; }
		
		#navigator { position: absolute; top: 50px; bottom: 0; left: 0; right: 0; background-color: #FFF; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;   }
		html.bv #navigator { background-image: url(../images/villages/home/bv.jpg); }
		html.fv #navigator { background-image: url(../images/villages/home/fv.jpg); }
		html.iv #navigator { background-image: url(../images/villages/home/iv.jpg); }
		html.kv #navigator { background-image: url(../images/villages/home/kv.jpg); }
		html.lrv #navigator { background-image: url(../images/villages/home/lrv.jpg); }
		html.lvv #navigator { background-image: url(../images/villages/home/lvv.jpg); }
		html.lzv #navigator { background-image: url(../images/villages/home/lzv.jpg); }
		html.mmv #navigator { background-image: url(../images/villages/home/mmv.jpg); }
		html.wv #navigator { background-image: url(../images/villages/home/wv.jpg); }
		html.sv #navigator { background-image: url(../images/villages/home/sv.jpg); }
		
		#navigator ul.menu { position: absolute; z-index: 1; top: 7%; bottom: 7%; left: 10%; right: 10%; background-color: rgba(0,0,0,0.6); list-style: none; padding: 0; margin: 0;  }
		#navigator ul.menu li a { position: relative; width: 100%; height: 100%; color: #FFF; display: block; text-align: center; font-size: 14px; border-bottom: 1px solid #FFF; }
		#navigator ul.menu li:nth-child(odd) a { border-right: 1px solid #FFF;  }
		#navigator ul.menu li:nth-child(5) a,
		#navigator ul.menu li:nth-child(6) a { border-bottom: none; }
		#navigator ul.menu li { width: 50%; height: 33.3%; display: block; float: left; }
		#navigator ul.menu li a span { display: block; bottom: 5%; left: 10px; right: 10px; position: absolute; }
		#navigator ul.menu li a img { height: 75%; }
		
		#navigator .featured { position: absolute;  display: none;  z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.8); }
		#navigator .featured .overflow { position: absolute; top: 0; bottom: 0; padding-top: 5%; left: 10%; right: 0; padding-right: 10%; overflow: auto; }
		#navigator .featured .slideshow { padding-bottom: 2%; }
		#navigator .featured .com-home { margin-top: 0;  }
		
		#navigator ul.highlight { list-style: none; margin: 0;  }
		#navigator ul.highlight li { padding-bottom: 2%; }
		#navigator ul.highlight li img { width: 100%; }
		#navigator ul.highlight li a { display: block; }
		
		#navigator .more, #navigator .less { z-index: 5; position: absolute; text-decoration: none; } 
		#navigator .more { display: block; right: 0; left: 92%; /* top: 36%; bottom: 36%; */ top: 7%; bottom: 7%; color: #FFF; text-align: center; background-color: rgba(0,0,0,0.6);  }
		#navigator .less { display: none; left: 0; /* top: 36%; bottom: 36%; */ top: 7%; bottom: 7%; right: 92%; color: #FFF; text-align: center; background-color: rgba(0,0,0,0.6);  }
		
		#navigator .more a, #navigator .less a { display: block; color: #FFF; text-decoration: none; text-align: center; height: 100%; width: 100%; position: relative; }
		#navigator .more a span, #navigator .less a span { position: absolute; display: block; width: 100%; top: 50%; font-size: 18px; margin-top: -12px; display: block; }
			
		
		#navigator .com-weather { position: absolute; display: none; z-index: 1; font-size: 16px; top: 5%; bottom: 83.15%; left: 5%; right: 5%; background-color: rgba(0,0,0,0.6); color: #FFF; text-align: center; border-bottom: 1px solid #FFF; }
		#navigator .com-weather span { position: absolute; top: 50%;}
		
		a.menu-trigger { display: block; }
		a.logo-cos { width: 56px !important; height: 36px !important; background: url(../images/logo/cos_mobile.png) no-repeat !important; left: 50%; margin-left: -28px !important; }
		
		
		#header-container { position: absolute !important; }
		#navigation { display: none; top: 50px !important; height: 45px !important; background-position: 0 -96px !important; }
		#navigation .main, #navigation .collection, #navigation .membership /*, #navigation .languages */ { display: none; }
		
		#global { height: 50px !important; 
			-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3); 
		}
		
		#global .languages { top: 0 !important; right: 0 !important; }
		
		#global .languages li a.dropdown { height: 50px; width: 50px; text-align: center !important; line-height: 55px; position: absolute; right: 0; }
		#global .languages li a.dropdown span { display: none; }
		#global .languages ul { top: 50px !important; }
		
		.com-tools, .com-mayday { display: none; }
		
		#content-container { padding-top: 75px !important; padding-left: 20px !important; padding-right: 20px !important; }
		#content.container.main { padding-top: 50px !important; }
		
		
		#header .logo { display: block; position: absolute; top: 0; height: 40px !important; left: 50%; background-position: center center !important; background-repeat: no-repeat; text-indent: -9999px; width: 240px; margin-left: -120px;  }
			html.bv #header .logo { background-image: url(../images/logo/bv_2014_mobile.png) !important; }
			html.fv #header .logo { background-image: url(../images/logo/fv_2014_mobile.png) !important; }
			html.iv #header .logo { background-image: url(../images/logo/iv_2014_mobile.png) !important; }	
			html.kv #header .logo { background-image: url(../images/logo/kv_2014_mobile.png) !important; }
			html.lrv #header .logo { background-image: url(../images/logo/lrv_2014_mobile.png) !important; }
			html.lvv #header .logo {  background-image: url(../images/logo/lvv_2014_mobile.png) !important; }
			html.lzv #header .logo { background-image: url(../images/logo/lzv_2014_mobile.png) !important;}
			html.mmv #header .logo { background-image: url(../images/logo/mmv_2014_mobile.png) !important; }
			html.sv #header .logo { background-image: url(../images/logo/sv_2014_mobile.png) !important; }
			html.wv #header .logo { background-image: url(../images/logo/wv_2014_mobile.png) !important;  }
			
		
		#jPanelMenu-mask { background: #FFF; position: fixed; top: 0; left: 0;  right: 0; bottom: 0; opacity: 0.85; z-index: 40000; display: none; }
		#jPanelMenu-menu { background: #000; width: 250px; overflow-x: hidden; overflow-y: scroll; position: fixed; left: -250px;  z-index: 50000; height: 100%; }
		#jPanelMenu-close { position: fixed; z-index: 55000; left: 250px; right: 0; color: #000; top: 0; bottom: 0; display: none;  }
		#jPanelMenu-close a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; display: block; text-decoration: none; color: #000; font-size: 40px; font-weight: bold; }
		
		#jPanelMenu-menu a.logo { display: none; }
		#jPanelMenu-menu ul, #jPanelMenu-menu ol, #jPanelMenu-menu dd { margin: 0; padding: 0; }
		#jPanelMenu-menu ul { list-style: none; list-style-image: none; color: #FFF; }
		#jPanelMenu-menu .main { padding: 20px 0 0;  -webkit-font-smoothing: antialiased; }
		#jPanelMenu-menu .main li a,
		#jPanelMenu-menu .main li .flyout strong { color: #FFF; text-decoration: none; display: block; padding: 0 20px; }
		
		#jPanelMenu-menu .main li .summary { padding: 0 20px 20px; }
		#jPanelMenu-menu .main li .summary strong { display: inline; padding: 0; }
		
		
		#jPanelMenu-menu .main li a:hover { color: #d1d1d1; }
		
		
		#jPanelMenu-menu .main li a strong, #jPanelMenu-menu .main li strong a { padding: 0 !important; }
		
		#jPanelMenu-menu .main li a.dropdown { border-left: 5px solid #615a5a; border-bottom: 1px solid #222; letter-spacing: 1px; font-size: 12px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 1px; padding-left: 15px; text-transform: uppercase; }
		
		#jPanelMenu-menu .main li a.dropdown-mobile { position: relative; float: right; margin-top: -33px; width: 20px; height: 20px; padding: 5px; text-align: center; border-left: 1px solid #222; }
		
		#jPanelMenu-menu .main li.home a.dropdown { border-top: none; border-left-width: 0; padding-left: 20px; border-bottom-color: #FFF; } 
		
		#jPanelMenu-menu .main li.membership a.dropdown { border-bottom: none; }
		
		#jPanelMenu-menu .main li.home a.dropdown span { display: none;  }
    	
    	#jPanelMenu-menu .main li a.dropdown i { margin-right: 10px; }
    	
    	/* #jPanelMenu-menu .main li.membership a.dropdown { border-bottom-color: #FFF; } */
    	
    	#jPanelMenu-menu .main li .flyout { font-size: 11px; display: none; border-bottom: 1px solid #222; }
    	#jPanelMenu-menu .main li .flyout-column { text-transform: uppercase; padding: 10px 0 5px;  }
    	
    	#jPanelMenu-menu .main li .flyout-column strong { display: block; font-size: 12px; letter-spacing: 1px; margin: 0 0 8px; font-weight: normal; }
    	#jPanelMenu-menu .main li .flyout-column strong.title{text-transform: none;}
			
    	#jPanelMenu-menu .main li .flyout-column li { letter-spacing: 1px; line-height: 23px; }
    	
    	#jPanelMenu-menu .main li .timetable ul { padding: 0 20px; }
    	
		#jPanelMenu-menu .main li .timetable li span { float: right; }
		#jPanelMenu-menu .main li .timetable p { padding: 10px 20px; text-transform: none; }
    	
    	#jPanelMenu-menu .main li .promotion { padding-bottom: 20px; }
		#jPanelMenu-menu .main li .promotion br { display: none; }
		#jPanelMenu-menu .main li .promotion strong, #navigation .main li .promotion img { display: block; }
		#jPanelMenu-menu .main li .promotion strong { margin: 0; }
		#jPanelMenu-menu .main li .promotion img { margin: 0 0 10px; }
		#jPanelMenu-menu .main li .promotion span { text-transform: none; font-size: 12px; }
		
		
			body#brands #jPanelMenu-menu .main li.brands a.dropdown,
			body#offers #jPanelMenu-menu .main li.offers a.dropdown,
			body#guest-services #jPanelMenu-menu .main li.guest-services a.dropdown,
			body#your-visit #jPanelMenu-menu .main li.your-visit a.dropdown,
			body#whats-on #jPanelMenu-menu .main li.whats-on a.dropdown,
			body#chic-travel #jPanelMenu-menu .main li.chic-travel a.dropdown { font-weight: bold; border-left-color: #a54f47; }
		
		
		
		#jPanelMenu-menu .collection { font-size: 12px; padding: 10px 0; border-top: 1px solid #FFF; }
		#jPanelMenu-menu .collection a { color: #FFF; padding: 0 20px; display: block; text-decoration: none; }
		#jPanelMenu-menu .collection li a:hover { color: #d1d1d1; }
		#jPanelMenu-menu .collection a.dropdown { font-size: 18px; height: 40px; line-height: 40px; }
		#jPanelMenu-menu .collection ul { -webkit-font-smoothing: antialiased; display: block !important; }
		#jPanelMenu-menu .collection ul li { font-size: 12px; line-height: 14px; font-style: italic; }
		#jPanelMenu-menu .collection ul li a, #jPanelMenu-menu .collection ul li.selected { padding: 5px 20px; }
		#jPanelMenu-menu .collection ul li.selected { color: #9d9d9d; }
		#jPanelMenu-menu .collection ul li strong { font-weight: normal; text-transform: uppercase; font-size: 14px; font-style: normal;  }
    	
    	/*
    	#jPanelMenu-menu .membership { -webkit-font-smoothing: antialiased; padding: 20px 0; -webkit-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.25); }
    	#jPanelMenu-menu .membership a { color: #FFF; padding: 0 20px;  display: block; text-decoration: none; }
    	#jPanelMenu-menu .membership li a:hover { color: #d1d1d1; }
    	#jPanelMenu-menu .membership a.dropdown { margin: 0 0 5px; }
    	#jPanelMenu-menu .membership a.dropdown i { background-position: -140px -20px; }
    	*/
    	
    	#jPanelMenu-menu .languages { display: none; }
    	#jPanelMenu-menu .languages { -webkit-font-smoothing: antialiased; padding: 20px 0; -webkit-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.25); }
    	#jPanelMenu-menu .languages a { color: #FFF; padding: 0 20px;  display: block; text-decoration: none; }
    	#jPanelMenu-menu .languages li a:hover { color: #d1d1d1; }
    	#jPanelMenu-menu .languages a.dropdown { margin: 0 0 5px; }
    	#jPanelMenu-menu .languages a.dropdown i { background-position: -140px -20px; }
    	
		.com-media { overflow: none; }
		.com-media .callout { width: 100%; height: auto; position: static; top: auto; right: auto; display: block; margin-left: 0; }
		.com-media .callout h2 { font-size: 28px; }
		.com-media .callout .middle { display: block; }
		
		.com-media.slideshow .content,
		.com-media.gallery .content { width: 100%; height: auto; }
		.com-media.map .content,
		.com-media.carousel .content,
		.com-media.brightcove .content,
		.com-media.brightcove_freezeframe .content,
		.com-media.youtube .content,
		.com-media.youtube_freezeframe .content,
		.com-media.vimeo .content { width: 100%; height: 200px; }
		
		.com-media.brightcove .security,
		.com-media.brightcove_freezeframe .frame { width: 100%; height: 200px; }
		
		.com-media.carousel .content { height: auto; min-height: 200px; }
			.flex-direction-nav a { top: 16%; }

		.com-media:hover .callout { display: block; }
		
		
		.com-tab-page .nav-tabs > li { width: 100%; border-bottom: 1px solid #858585; }
		.com-tab-page .nav-tabs > li > a, 
		.com-tab-page .nav-tabs > li > a:hover,
		.com-tab-page .nav-tabs > .active > a, 
		.com-tab-page .nav-tabs > .active > a:hover  { border: none;  }
		
		.com-tab-page .nav-tabs .open { z-index: 1000; }
		
		.com-list img { width: 100%; }
		.com-list.logo img { width: auto; }
		
		.com-list.logo .item { margin-bottom: 0; }
		.com-list.logo .item a { height: auto; border: none; border-bottom: 1px solid #FFF; padding: 5px 0; background: #f0f0f0 url(../images/background/list-arrow.png) right center no-repeat;  }
		.com-list.logo .item span.image { display: none; }
		html.sv body#brands .com-list.logo .item span.image { display: block; }
		
		.com-list.logo .item span.title { opacity: 1; position: relative; height: auto; color: #000; visibility: visible; text-transform: none; background: none; z-index: 1 !important; }
		.com-list.logo .item span.title strong { text-align: left; font-weight: normal; padding-right: 30px; }
		
		
		.com-list.type.narrow .item, .com-list.type.narrow .item a{
			height: 320px;
		}
		.com-list.type.narrow .item span.content{
			top: 240px !important;
		}
		
		
		/*
		.com-list.type.narrow .item { clear: both; }
		.com-list.type.narrow .item span.image { position: absolute; top: 0; width: 35%; }
		.com-list.type.narrow .item span.content { position: relative; top: 0; padding: 0 0 0 40%; width: 60%; }
		.com-list.type.narrow .item, .com-list.type.narrow .item a  { height: 100%; min-height: 100px; }
		*/
		
		.com-cookie { /* padding: 15px 15px 10px; position: fixed; top: 90px; */ }
		
		.com-highlight { margin-top: 254px; margin-left: auto; left: auto; bottom: auto; position: relative; width: auto; padding: 0 20px; }
	
		.com-highlight li { width: 100% !important; left: auto !important; height: auto !important; right: auto !important; margin: 0 0 20px !important; }
		.com-highlight li a { width: 100%; height: auto !important; }
		.com-highlight li a .content, .com-highlight li a .image { position: relative; display: block; }
		.com-highlight li a .image { width: 100%; top: auto; left: auto; }
		.com-highlight li a .image img { width: 100%; }
		.com-highlight li a .content { top: auto; left: auto; width: auto; }
		.com-highlight li a strong { border-bottom: none; }
		
		.com-tagline { top: 230px; left: 20px; right: 20px; text-align: center; }
		.com-home { height: 230px; margin-top: -250px; /* top: -320px; */ }
		
		.com-promotion a span { display: block; }
		.com-promotion img { width: 100%; }
		
		.com-widget.chilternrailways .contrast-box-header h2 { background-image: none; }
  		
  		
		.com-navbar .navbar-inner li.dropdown a i { display: inline-block; }
		.com-navbar .navbar-inner li.dropdown a span { display: none; }
		.com-navbar .navbar-inner li.dropdown.open a span { /* display: inline; */ }
		
		.com-packery .hero { /* display: none; */ }
		
		.kwicks { height: auto !important; width: 100% !important; }
		.kwicks li { left: auto !important; width: 100% !important; }
		.kwicks.kwicks-processed > * { position: relative !important; }
		
		#content .related .content { float: none !important; clear: none !important; left: auto !important; }
		#content .related .item { right: auto !important; }
		
		
		.com-form .btn-custom { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;     }

			#formSignin { padding-bottom: 20px; }
			#formSignin h3 { background: #222; padding: 10px; color: #FFF; margin-bottom: 0; }
			
			#formSignin .well { /*display: none;*/ margin-bottom: 10px; }
		
		
		#share-container { width: auto !important; padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 15px !important; }
		
		#footer-container { width: auto !important; padding: 20px 20px 0 !important; }
		#footer-container .links .span3 { margin-bottom: 20px; }
		
		.com-highlight { overflow: visible; }
		
		#navigation { 
			-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
		}
		
		.jPanelMenu-panel { 
			overflow: hidden; 
			-webkit-box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.3);
			-moz-box-shadow:    -5px 0px 5px rgba(0, 0, 0, 0.3);
			box-shadow:         -5px 0px 5px rgba(0, 0, 0, 0.3);	
			-webkit-overflow-scrolling: touch; 
		}
		
		
    	
    	.suzhou-callout {
		   background: none repeat scroll 0 0 rgba(25, 25, 25, 0.9);
		   height: auto !important;
		   left: 0px !important;
		   margin-left:0px !important;
		   padding: 0 !important;
		   margin-bottom: 20px;
		   position: relative !important;
		   top: 4px !important;
		   width: 100% !important;
		}
			
		.suzhou-promo {background:#000 !important; height: auto !important; margin: 0 !important; width: 100% !important; display: block !important;}
		.suzhou-promo a{position: relative !important;}
		.suzhou-promo a:hover{display: block !important;}
		.suzhou-promo a img{height: auto !important; width: 100% !important;}
		
		.suzhou-promo span.title{color: #FFFFFF; font-size: 18px; left: 0; padding: 10px 20px; position: relative !important; text-transform: uppercase; background: #000; letter-spacing: 1px; display: block !important; bottom: 0px !important;}
		.suzhou-promo a:hover span.title{display:block !important; bottom: 0px !important;}
    	
    	body#membership .hero { display: none; }	
    	
    	body#products #content-container { padding-left: 10px !important; padding-right: 10px !important;}
    	
    	body#whats-on.app #content-container { background-position: left -50px !important; }
    	body#whats-on.app #content-container .cta .span6 { text-align: center; }
    	body#whats-on.app #content-container .cta .span6 a { display: inline-block !important; float: none !important; margin-right: 0; }		
		body#whats-on.app #content-container .cta .span6:first-child { padding-bottom: 10px; font-size: 18px; }
	
		body#campaign.day-trip-to-chic.iframe iframe#integration,
		body#campaign.day-trip-to-chic-magritte.iframe iframe#integration { height: 480px !important; }
	}	
	
	
	
/* Landscape phone */

	@media (max-width: 767px) and (orientation : landscape) {
		
		.com-list.type.narrow .item, .com-list.type.narrow .item a{height: 530px;}
		.com-list.type.narrow .item span.content{top: 460px !important}

	}

	
/* iPads (portrait and landscape) */
	
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
		
		/* #header-container { position: absolute !important; } */
		
		
	}
	
	
	
/*///   3. Landscape Phone and below   ///*/
	
	

/*///   4. Retina Display   ///*/

	@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) {
	
		
	}
	
	
	
	
	
/*/// 	iOS Zoom Fig   ///*/

/* iPhone */
/*
@media only screen and (width:320px) and (device-width:320px) and (device-height:480px) and (orientation: landscape) {
	body {
		-webkit-transform: scale(0.667);
		-webkit-transform-origin: top right;
		position: absolute;
		right: 0;
		top: 0;
		width: 480px;
	}
}*/
/* iPad */
/*@media only screen and (width:768px) and (device-width:768px) and (device-height:1024px) and (orientation: landscape) {
	body {
		-webkit-transform: scale(0.75);
		-webkit-transform-origin: top right;
		position: absolute;
		right: 0;
		top: 0;
		width: 1024px;
	}
}

*/
			@media only screen and (min-device-width : 320px) and (max-device-width : 479px) { 

				.com-list.type.narrow .item span.content{
					top: 220px;
				}
			}

			@media only screen and (min-device-width : 480px) and (max-width:767px) {
				.com-list.type.narrow .item, .com-list.type.narrow .item a{
					height: 530px;
				}
				.com-list.type.narrow .item span.content{
					top: 430px !important;
				}

			}