/*--- responsive css for mobiles ---*/
/*---
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px){ 
---*/
@media only screen 
and (max-width : 1023px){ 
	#header #logo img{
		max-width:100%;
	}
	nav ul li a{
		padding:0 10px;
		font-size:13px;
		line-height:40px;
	}
	nav ul li a.selected{
		font-size:15px;
	}
	#content.home .highlighted,
	#content.home .listing{
		width:91%;
	}
	#content.home article{
		width:100%;
		padding-top:5px;
	}
	#content.home a.whats-on-in{
		width:calc(100% - 10px);
		margin-bottom:5px;
	}
	#content h3{
		width:auto;
		clear:right;
	}
    #content ul li.indent{
        padding:5px 0;
    }
    #content label{
        width:100%;
    }
    #content label.desktop{
        display:none;
    }
	#content .hightlighted,
	#content .listing{
		width:470px;
		clear:right;
	}
	#content p.letters-top,
	#content p.letters-bottom{
		width:535px;
	}
	#content p.letters-top a,
	#content p.letters-bottom a{
		padding:1px 2px;
	}
	#content #listing-details img,
	#content #listing-details iframe{
		max-width:420px;
	}
	#content #listing-details img{
		height:auto;
	}
	#content #listing-details iframe{
		max-height:400px;
	}
	#content #listing-details .weather-forecast ul.tabs li a{
		display:none;
	}
	#content #listing-details .weather-forecast ul.temps{
		width:auto;
		max-width:594px;
		margin-top:0;
		padding:10px 10px 0 10px;
		display:block;
		border:1px solid #333;
		border-top:none;
	}
	#content #listing-details .weather-forecast ul.tabs + ul.temps{
		margin-top:5px;
		border-top:1px solid #333;
	}
	#content #listing-details .weather-forecast ul.temps li{
		height:70px;
		margin-bottom:10px;
		padding:5px;
	}
	#content #listing-details .weather-forecast ul.temps li.heading{
		color:#000;
		background:#CCC;
		text-align:left;
		font-size:1.3em;
		display:block;
	}
	#content #listing-details .weather-forecast ul.temps li img{
		position:absolute;
		top:20px;
	}
	#content #listing-details .weather-forecast ul.temps li p{
		margin-top:10px;
	}
}
@media only screen 
and (max-width : 1023px){ 
	/*--- generic ---*/
	#header,
	#browse_by ul,
	#nav #nav-inner,
	#content,
	#content.boxed,
	#footer-banners,
	#footer{
		min-width:0;
	}
	img{
		max-width:100%;
	}
	.mobile{
		display:block;
	}
	.non-mobile{
		display:none;
	}
	
	/*--- header ---*/
	#header{
		width:100vw;
		margin:2vw 0 2vw 0;
		padding:0;
	}
	#header #logo{
		max-width:75vw;
		margin-left:2vw;
	}
	#header #mobile-nav-button{
		display:block;
		float:right;
		margin-right:2vw;
	}
	#banner1{
		display:none;
	}
	
	/*--- nav ---*/
	nav{
		position:absolute;
		top:0;
		left:0;
		width:100vw;
		height:auto;
		margin:0;
		display:none;
		z-index:10;
	}
	nav ul{
		height:auto;
		margin:0;
		padding:0;
	}
	nav ul li{
		height:auto;
		width:100vw;
		text-align:center;
	}
	nav ul li a{
		margin:0;
		padding:0 10px;
	}
	nav ul li ul{
		position: relative;
		top:0;
		left:0;
	}
	
	/*--- content ---*/
	#content,
	#content.boxed{
		width:96vw;
		min-height:0;
		margin:0 auto;
		padding:0 2vw 2vw 2vw;
		overflow:auto;
	}
	#content.boxed{
		width:92vw;
		margin:2vw;
		border-color:#666;
	}
	#content.boxed img{
		max-width:100%;
		height:auto;
	}
	#content h1.gap{
		width:auto;
		margin:0 0 2vw 0;
		padding:0;
	}
	#content .listing,
	#content .listing.wide{
		width:92vw;
		margin:0 0 2vw 0;
		padding:2vw;
	}

	/*--- all advertisers ---*/
	#content a.advertiser{
		width:30%;
	}
	#content p.letters-top,
	#content p.letters-bottom{
		display:none;
	}
	
	/*--- listing list ---*/
	#content #left-col{
		width:96vw;
	}
	#content #location{
		float:right;
		width:auto;
	}
	#content #page-nav-top{
		margin-top:0;
		width:auto;
	}
	#content #page-nav-bottom{
		float:none;
		clear:none;
		width:auto;
	}
	#content p.back-to-top{
		float: none;
		width: auto;
	}
	#content #left-col a.subscribe-to-newsletter,
	#content #left-col a.advertise-on-glosinfo,
	#content #left-col a.whats-on-today{
		display:block;
		width:auto;
		margin-bottom:2vw;
		padding:10px 10px 10px 38px;
		font-size:16px; 
		line-height:1em;
		color:#FFF;
		font-weight:500;
		text-decoration:none;
		background-image:url(/images/pointing-finger.gif), url(/images/filter-block-expand-contract-right.png);
		background-position:10px 5px, top right;
		background-size:20px, auto;
		background-repeat:no-repeat;
		background-color:#277C42;
	}
	#content #left-col a.advertise-on-glosinfo{
		position:relative;
		background-image:url(/images/advertise-on-glosinfo-icon.png), url(/images/filter-block-expand-contract-right.png);
		background-position:10px 8px, top right;
		background-size:20px, auto;
		background-repeat:no-repeat;
		background-color:#CA5941;
	}
	#content #left-col a.whats-on-today{
		position:relative;
		background-image:url(/images/whats-on-today-icon.png), url(/images/filter-block-expand-contract-right.png);
		background-position:10px 08px, top right;
		background-size:20px, auto;
		background-repeat:no-repeat;
		background-color:#EEB270;
	}
	#content #left-col a.whats-on-today.home{
		margin-bottom:-10px;
	}
	#content #left-col a.whats-on-today span{
		position:absolute;
		top:12px;
		left:15px;
		color:#E7A356;
		font-size:10px;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
	}
	#categories{
		width: 96vw;
		margin:0;
		padding:0;
	}
	#categories a.category-header{
		width:auto;
		padding:10px 10px 10px 38px;
		font-size:16px; 
		line-height:1em;
		font-weight:500;
		text-decoration:none;
		background-image:url(/images/filter-block-contract-left.png), url(/images/filter-block-expand-contract-right.png);
		background-position:10px 8px, top right;
		background-repeat:no-repeat;
	}
	#categories.hide a.category-header{
		background-image:url(/images/filter-block-expand-left.png), url(/images/filter-block-expand-contract-right.png);
		background-position:10px 8px, top right;
		background-repeat:no-repeat;
	}
	#categories div{
		display:none;
	}
	#categories div a{
		width:auto;
	}
	#filters{
		width:96vw;
		margin-top:2vw;
	}
	#filters .filter_block{
		width:96vw;
		margin:0 0 2vw 0;
	}
	#filters .filter_block a.filter-header{
		background-image:url(/images/filter-block-expand-left.png), url(/images/filter-block-expand-contract-right.png);
		background-position:10px 8px, top right;
		background-repeat:no-repeat;
	}
	#filters .filter_block.hide a.filter-header{
		background-image:url(/images/filter-block-contract-left.png), url(/images/filter-block-expand-contract-right.png);
		background-position:10px 8px, top right;
		background-repeat:no-repeat;
	}
	#content .filter_block ul{
		padding:1vw 2vw;
	}
	#content .filter_block ul li{
		float: left;
		width: 45vw;
		height:40px;
		padding:1vw 0;
	}
	#content .filter_block.calendar ul li{
		width:90vw;
	}
	#content .filter_block ul li label{
		width:45vw;
		margin:0 1vw;
	}
	#content .filter_block.calendar ul li label{
		width:90vw;
	}
	#content #left-col .twitter-feeds,
	#content #left-col .facebook-feeds{
		display:none;
	}
	#content .listing,
	#content.home .listing{
		float:none;
		clear:both;
		width:auto;
		height:auto;
		overflow:auto;
	}
	#content .logo_content,
	#content.home .logo_content{
		width: 35vw;
		padding-right:4vw;
	}
	#content .logo_content img{
		width: 35vw;
	}
	#content .logo_ad,
	#content.home .logo_ad{
		position:absolute;
		top:10px;
		right:0;
	}
	#content .listing h2,
	#content.home .listing h2{
		margin:0 0 0 40vw;
	}
	#content .listing.highlighted h2,
	#content.home .listing.highlighted h2{
		margin-top:60px;
	}
	#content .listing p,
	#content.home .listing p{
		margin:2vw 0 0 40vw;
	}
	
	/*--- listing ---*/
	#content #listing-details #contact-details{
		float: none;
		clear: none;
		width: auto;
	}
	#content #listing-details #message{
		display:none;
	}
	#content #listing-details img{
		max-width:83vw;
		height:auto;
	}
	#content #listing-details iframe{
		width:80vw !important;
		max-height:45vw !important;
	}
	#content #listing-details h2{
		margin-top:2vw;
	}
	#content #listing-details p{
		width:auto;
	}
	#content .highlighted form{
		display:none;
	}
	#content #listing-details form,
	#content #listing-details #google_map,
	#content #listing-details #video,
	#content #listing-details #twitter-feed,
	#content #listing-details #facebook-feed,
	#content #listing-details #side-notes{
		float:none;
		clear:none;
		width:auto;
	}
	#content #listing-details #twitter-feed iframe,
	#content #listing-details #facebook-feed iframe{
		width:100% !important;
		height:350px !important;
	}
	#content #listing-details #google_map iframe,
	#content #listing-details #video iframe{
		width:100% !important;
	}
	#content #listing-details #tickets{
		float:none;
		max-width: none;
	}
	#content #listing-details .right-col{
		float:none;
		padding-left:0;
	}
	
	/*--- page specific (home) ---*/
	#content.home .highlighted,
	#content.home .listing{
		float:none;
		clear:both;
		width:auto;
		height:auto;
		overflow:auto;
		padding:2vw;
		margin:2vw;
	}
	#content.home #five-steps{
		margin-bottom:2vw;
	}
	#content.home #page-nav-bottom{
		display:none;
	}
	
	/*--- page specific (email update) ---*/
	#content #recent-email-updates{
		float:none;
		clear:none;
		width: auto;
		margin: 0;
		border:0;
	}
	
	/*--- footer banners ---*/
	#footer-banners{
		width:90%;
		margin:0 5% 5% 5%;
		padding:0;
	}
	#footer-banners #lotds,
	#footer-banners #jotds{
		width: 100%;
		margin: 0 auto 2vw auto;
		padding: 0;
	}
	#footer-banners .lotd,
	#footer-banners .jotd{
		width:95%;
		height:60px;
		padding:5px 2vw;	
	}
	#footer-banners #banner1,
	#footer-banners #banner2,
	#footer-banners #banner3,
	#footer-banners #banner4,
	#footer-banners #banner5,
	#footer-banners #banner6,
	#footer-banners #banner7{
		width:100%;
		margin:0 auto 2vw auto;
	}
	#footer-banners .featured-listing-banner{
		width:calc(90% - 10px);
		margin:0;
	}
	.listing-banner{
		float:none;
		width:88vw;
		margin:0;
		padding:5px 2vw;
	}
	#footer-banners #banner1 img, #footer-banners #banner2 img, #footer-banners #banner3 img, #footer-banners #banner4 img, #footer-banners #banner5 img{
		width:92.5vw;
	}
	#footer-banners .lotd,
	#footer-banners .jotd,
	#footer-banners .jotd-first,
	#footer-banners .lotd-first{
		background-size:36px 36px;
	}
	
	/*--- footer ---*/
	#footer-nav{
		margin:2vw 0 0 0;
		padding:2vw 2vw;
	}
	#footer-nav .inner{
		padding:0;
	}
	#footer-nav .inner ul{
		margin:0;
		padding-top:30px;
	}
	#footer-nav .inner ul li a{
		line-height:1.5em;
	}
	footer p.legal{
		float:none;
		padding:0 0 2vw 0;
	}
	footer p.credits{
		float:none;
		padding:0 0 3vw 0;
	}
}

@media only screen and (min-width: 1279px) {
	#header a.subscribe-to-newsletter,
	#header a.advertise-on-glosinfo,
	#header a.whats-on-today,
	#header a.like-us-on-facebook,
	#header a.follow-us-on-twitter,
	#header a.follow-us-on-instagram{
		position:fixed;
		right:0;
		top:165px;
		display:inline;
	}
	#header a.subscribe-to-newsletter:hover,
	#header a.advertise-on-glosinfo:hover,
	#header a.whats-on-today:hover,
	#header a.like-us-on-facebook:hover,
	#header a.follow-us-on-twitter:hover,
	#header a.follow-us-on-instagram:hover{
		opacity:0.9;
	}
	#header a.whats-on-today{
		top:225px;
	}
	#header a.advertise-on-glosinfo{
		top:285px;
	}
	#header a.like-us-on-facebook{
		top:345px;
	}
	#header a.follow-us-on-twitter{
		top:405px;
	}
	#header a.follow-us-on-instagram{
		top:465px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    #content #left-col {
        width: 96vw;
    }
}