/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */

/*HEADER*/
#topBand {height: 44px; background: #00725B url(../images/gabaritcss/bg-topband-mobile.png) repeat-x left bottom; background-size: inherit; }
header {width:100%; padding: 70px 0px 10px 0px;}
h1#logo {left: 1%; width: 125px; top:10px; }
.headPhone {top:15px; right: 4%; left:initial; font-size: 105%; line-height: 1.25em; text-align: right; padding: 2.5em 0.5em 0.35em 0.5em;}
.headPhone span {font-size: 130%;}

nav#mainNav, nav#langSelect {display:none;}

/*SideBarMenu*/
ul.sideBarMenu {
    position: absolute; 
    width: 70px;
    height: 34px;
    top: 10px;
    right:4%;
    
}
ul.sideBarMenu li.sb-open-right {
    background: #00725B url(../images/gabaritcss/icon-menu.svg) no-repeat 90% 50%;
    background-size:20%;
    width: 70px;
    height: 34px;
    overflow: hidden;
}
ul.sideBarMenu li.sb-open-right span {
    display: block;
    text-align: left;
    padding: 0.15em 0.5em ;
    font-family: 'Yanone Kaffeesatz', 'Lucida Grande', Lucida, 'sans-serif';
    font-size: 1.5em;
    color:#FFF;
}
#sliderWrap {height: 330px;}
.inter #sliderWrap, .inter .sl-slider-wrapper {height: 310px;}
.sl-slider-wrapper {height: 330px;}
.sl-slider blockquote {width:90%; padding: 100px 3% 10px;}
.sl-slider blockquote.grosbq p {font-size: 200%;}
.sl-slider blockquote.petitbq p {font-size: 150%;}

.nav-dots-wrapper {display: none;}

/*BOOKING*/
#bookingTool {margin: 141px 0 1em 0; height:90px;}
.bookingTag {/*display: none;*/ width: 50px; font-size: 80%; right:0.25%; top:55px;}
h2.titrBooking { background-size:10% 25%; background-position: 92% 55%; font-size:110%; padding: 0.25em 1.5em 0.25em 0.5em; top:-30px; }

#maincontent{width: 93.75%; /* 450px / 480px */}
		
.maincontent{width: 93.75%; /* 450px / 480px */}

.chIncludes .span_1_of_4, .chIncludes .span_3_of_4 {width: 100%;}
.chIncludes .span_2_of_4, .chIncludes .span_4_of_4 {width: 100%;}
.chIncludes p {padding-top: 0px;}
.chIncludes h4 {margin-bottom: 0px;}

footer {width: 93.75%; text-align: center;}

.map {
    width: 100%;
    height:170px;
    margin-top: 0.5em;
    margin-bottom: 0.75em;
    background: url(../images/gabaritcss/maplight.png) no-repeat 50% 50%;
    background-size: cover;
}
.map a {
    width: 100%;
    height: 170px;
    background: url(../images/gabaritcss/mapdark.png) no-repeat 50% 50%;
    background-size: cover;
}

.map .adress {
    font : 125%/1.4 'Yanone Kaffeesatz', 'Lucida Grande', Lucida, 'sans-serif'; 
}
.social {float:none; margin-top: 0.5em;}
footer nav, footer p.copyright, footer p.footnote {text-align: center; margin: 0;}
footer nav li {display: block;}
footer p.copyright{margin: 1em;}
footer nav a.first {padding-right:1em;}


@media only screen and (max-width: 320px) {
   .map, .map a {height:125px;}
   .map .adress {
    font : 110%/1.1 'Yanone Kaffeesatz', 'Lucida Grande', Lucida, 'sans-serif'; 
}
}