/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

/*HEADER*/
header {padding: 140px 0px 10px 0px;}
h1#logo {width:150px;}
 
/*NAV*/
nav#langSelect a {font-size: 1.15em; padding: 4.25em 0.75em 0.5em;}
nav#mainNav ul li a {font-size: 158%; padding:3% 10%;}
.headPhone {top:195px;}
/*SLIDER*/
.inter #sliderWrap, .inter .sl-slider-wrapper {height: 370px;}
.sl-slider blockquote {padding: 265px 30px 10px 30px;}

/*BOOKING*/
#bookingTool {margin: 325px 0 1em 0;}
.bookingTag {right: -20px; top :-11px; width: 65px;}
.bookingTag p {font-size: 0.85em; line-height: 1em;}

/*CONTENT*/

.chIncludes .span_1_of_4, .chIncludes .span_3_of_4 {width:35%; margin-left: 0; }
.chIncludes .span_2_of_4, .chIncludes .span_4_of_4 {width:60%;}

/*FOOTER*/
footer {}
.social {padding-top: 1em;}
.social ul li.logoTripAdiz {width:40px; background-size: contain;}
.social ul li.logoFacebook {width:32px; background-size: contain;}
.social ul li.logoPin {width:32px; background-size: contain;} 
.social ul li.logoWifi {width:50px; background-size: contain;}
.map {margin-top: 3.25em;}

@media only screen and (max-width: 600px) {
   nav a {font-size: 1.55em;} 
   nav#mainNav ul {padding: 0 0.25em;}
   nav#mainNav ul li a {font-size: 136%; padding: 0.25em 0.25em;}
   .headPhone {top:190px; font-size: 115%;}
   
   #sliderWrap {height: 600px;}
   .inter #sliderWrap, .inter .sl-slider-wrapper {height: 415px;}
   .sl-slider blockquote {width: 91%; padding-top:260px;}
   .sl-slider blockquote.grosbq p {font-size: 2.5em;}
   .sl-slider blockquote.petitbq p {font-size: 1.25em;}
   .nav-dots-wrapper {bottom: 150px;}
   
   #bookingTool {margin: 270px 0 1em 0; height:105px;}
   h2.titrBooking {font-size: 150%; top:-38px; background-size: auto 30%; background-position: 92% 60%;}
   
   footer nav a {font-size : 75%; padding: 0;}
   footer nav a.first {border-right: 0px; padding-right:0;}
   footer p.copyright, footer p.footnote {margin: 0; margin-left: 20%;}
   .logo {margin-top: 0px;}
   .logo ul li.logo3etoiles {width:50px; background-size: contain;}
   .logo ul li.logoRond {width:35px; background-size: contain;}
   .logo ul li.logoVirFamille {width:60px; background-size: contain;}
   .map {margin-top: 0.5em;}
   .map, .map a {width: 250px; height: 106px; background-size: cover; background-position: 50% 50%;} 
   .map .adress {font : 95%/1.1 'Yanone Kaffeesatz', 'Lucida Grande', Lucida, 'sans-serif'; }
}