/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {	
#header{height:auto;overflow:visible;position:static;margin-bottom:-72px;}
#site-logo{top:11px;left:5px;}
#OuterWrapper {margin-top:0;}
#content {width:95%;float: none;padding:0 2.5% 64px 2.5%;}
#sidebar {width:95%;margin: 32px 0 0 0;margin-bottom:64px;padding:0 2.5% 0 2.5%;background:transparent none;float:none;}
.video embed,.video object,.video iframe {min-height: 250px;}
#map {height:400px;}
#master-footer nav.footer-nav ul{margin-right:5%;margin-left:5%;width:90%;}
#master-footer nav.footer-nav ul li{width:33.333333333%;margin:0;}
#master-footer nav.footer-nav ul li:nth-child(3),#master-footer nav.footer-nav ul li:nth-child(6){margin-right:0;}
/*.ratings {text-align:left;}*/
.supplimentaryNavigation ul {margin-top:0px;}
a.vouchers{width:100%;background-position:50% 0;}
body.landingPage {padding-top:0;background-image:none;overflow-x:hidden;} 
body.landingPage #OuterWrapper {background-color:transparent;padding-top:0;margin-top:0;}
body.weddings div#fixedbg{background: url(../../../visual-media/images/el/weddings/wedding-group-outside-midland.jpg) no-repeat top center fixed;}
body.landingPage #content {margin-top:392px;}
.hotelOptions li{width:93.877551%;padding:20px 2.604166666% 20px 2.604166666%;}
body.weddings .hotelOptions li div.content {background:#ccc none;	}
.hotelOptions li div.content .Image {float:none;width: 100%;}
.hotelOptions li div.content div.textBox{float:none;width:auto;padding:0;margin:16px 5.208333333% 40px 5.208333333%;}
.hotelOptions li div.content div.textBox h3{text-align:center;font-size:2em;margin-bottom:0.5em;}
.hotelOptions li div.content div.textBox a{position:static;width:50%;margin-left:25%;}
ul.withIcons li {width:90%;} 

/************************************************************************************
HOMEPAGE ELEMENTS STYLING
*************************************************************************************/
.hotelList li div.content .Image {float:left;width:100%;margin-right:0;margin-bottom:24px;}
.hotelList li div.content div.textBox{width:100%;float:none;}
.hotelList li div.content div.textBox a.button{position:absolute;bottom:0;right:9.75609756%;right:27.70700604%;width:36.5853659%;width:44.4859873%;color:#fff;padding-top:8px;padding-bottom:8px;background-color:#cc0099;text-align:center;display:block;}
.hotelSection, .offersSection, .activitiesSection {background-image:none;}

#newMedia li#blog{float:none;width:100%;margin:0;}
#newMedia li#twitter{float:none;width:90%;margin:0 5% 0 5%;}
.socialMediaSection {background-image:none;}
body.topLevelPage .Christmas section ul li, body.topLevelPage .ourOffers ul li, body.topLevelPage .ourOffers.TwoColumn ul li,body.topLevelPage .VouchersSection section ul li {width:100%;margin-right:0;float:none;}
body.topLevelPage .lakeslancs article{background-image:none;}
body.topLevelPage .lakeslancs article header, body.topLevelPage .lakeslancs article section {width:100%;}
body.topLevelPage .fullwidthImage {padding-top: 24px;}

}

@media screen and (orientation: portrait)  {#pano {width:100%;height: 50vh;margin:0;}}