/*  */


@media only screen and (min-height : 799px)  {
	
	.flexslider .slides img { 

		height:100%;

	}

}

@media only screen and (max-width: 1100px) {
.menu-footer-menu-container  { WIDTH:65%; }
}

@media only screen and (max-width: 1024px) and (orientation : landscape) {
 /* LANDSCAPE:
 *  Apple iPad
 *   Apple iPad 2
 *    Apple iPad 3 (and 4)
 *     Apple iPad Mini
 *      */
	
}

@media only screen and (max-width: 768px) and (orientation : portrait) {
/* PORTRAIT:
 *  * Apple iPad
 *   * Apple iPad 2
 *    * Apple iPad 3 (and 4)
 *     * Apple iPad Mini
 *      * Archos 80G9
 *       * BAUHN AMID-972XS
 *        * HP Touchpad
 *         * LG Optimus Pad
 *          * Microsoft Surface (RT)
 *           * Panasonic Toughpad A1
 *            * Kindle Paperwhite */
/*#slider1_container { width:100% !important; height: 250px !important; }
#slider1_container  img { width: 100% !important; height: auto !important; }
#slider1_container > div { width:107% !important; }*/
}





/* for long width devices and short height */ 



@media screen and (max-width: 1078px){
	#addressbox { display:none; }
	#menufoot { border-bottom-width: 0; }
	.gallerySelect select { width:130px; }
	.gallerySelect h3 { padding-left:0; }
	.gallerySelect h3 span { display:none; }
    
    .centeredBlock{
        width:auto;
	display:table;
        position: static;
        margin-top: 10px;
	float:right;
	margin-right:10px;
    }
    #fluid{
        width: auto;
        float: none;
        overflow: hidden;
    }
	
	/*.socialIcons { display:none; }*/
	
	#lang  { }
	.centeredBlock form { padding-top:28px; }
	.centeredBlock h3 { display:inline; }
	
	.gallerySelect { display:block; }
	
	.gallerySelectMobile { display:none; }
	
	/*
	#theSlides { width: 100%; margin-right:30px; overflow: hidden;height: 100%;box-sizing: border-box; }
*/
	#arrivee { clear: none; }
}

@media screen and (max-width: 1024px){
	
	/*
	#bgslide img {
				left: 50%;
				margin-left: -512px; 
			}
*/

	#sliderContainer { width:100%; margin:0; }
	
	.gallerySelect { display:block; }
	#main-menu ul#menu-main-menu li a:link, #main-menu ul#menu-main-menu li a:visited { padding:0 5px; }
	#addressbox #address_kama { font-size:11px; }
    
}

@media only screen and (max-width : 980px) {
    footer { height:90px; }
    .menu-footer-menu-container  { WIDTH:60%; }
    .top_footer { display:block; }
    .gallerySelect select { width:110px; }
    .vdo, .downloads { margin-left:5px; }
	.contentRightSide {width:350px; }
		
	.specialOfferFloat { width:225px; }
	
	.protxt .excerpt { display:none; }
	#addressbox #address_kama { font-size:10px; width:60%; text-align:left; margin:0 5px 5px 0; }
	ul#menu-footer-menu li a:link, ul#menu-footer-menu li a:visited, ul#menu-footer-menu2 li a:link, ul#menu-footer-menu2 li a:visited { font-size:11px; }
	#mobileSocialIcons { display:none; }
	.become_member { display:none; }
    _:-ms-fullscreen, :root  #bodyContainer { padding-bottom: 110px; }
    
}

/* when the width of the screen is less than the menu length show the hamburger menu icon instead */

@media only screen and (max-width : 900px) {
    .farRight{ width: 100%; position: static; }
	#slider1_container { margin:0 auto;}
	.centeredBlock form { padding-top:0; }
	#main-menu { display:none; }
	#desktopMobileMenu {  display:block; }
	#lang { padding-top:4px; }
	#headerBottom { display:none;}
	#headerTop { height:100%; }
	#arrivee { width:110px; padding:1px 10px;  }
	
	#header { height:95px; }
	.menu-footer-menu-container { width:60%; }
	.socialFooter a.trip { bottom:20px; }
	.centeredBlock { display:table; width:auto; margin-right:15px; }
	.gallerySelect { display:block; padding-top:10px; }
	
	.gallerySelectMobile { display:none; }
	#mobileSocialIcons { display:none; }
	.become_member { display:none; }
    #bodyContainer { padding-bottom: 100px; }
    _:-ms-fullscreen, :root  #bodyContainer { padding-bottom: 100px; }
}

@media only screen and ( max-width:900px )  {
	footer { height:95px; }
	
	.socialIcons { margin-top:5px;  }
	#mobileSocialIcons { display:none; }
	.become_member { display:none; }
	.gallerySelect h3 { font-size:10px; }
	.gallerySelect select { font-size:10px; }
}


@media only screen and (max-width : 768px) {
	.socialIcons { display:none; }
	.socialFooter a.trip { bottom:20px; }
	.menu-footer-menu-container { width:50%; float:left; }
	footer { height:100px; }
	.mobileHeader .text { display: none; }
	.callIcon { display: none; }
	div#bookByPhone .orangeButton { width:180px; box-sizing: border-box; padding-left:40px; background: url('images/call_btn.png') repeat; }
	.mobileHeader { width:100px; height: 44px; background: url('images/toggle_nav_btn.png') no-repeat; float: right; margin-top:-69px; }
	.mobileBottom { border-top:0; }
	/*#lang { height:80px; }*/
	#bookByPhone { clear: inherit; float: left;margin-top:10px; }
	/*#mobileSocialIcons { display: none; }*/
	.menu-footer-menu2-container { width:49.5%;}
	.mobileMenu { height:40px; }
	.become_member {display:block; float:right; width:180px; height:auto; display:none;}
	.become_member img { display:block; width:100%; height:auto; }
	.f_logo_link { display:table; float:left; }
	.leClub { max-width:100%; }
	#mobileSocialIcons { float:none; margin:10px auto; display:none; width:auto; }
    .content { marigin-bottom:0; }
	#booking_form .brown_border {margin:0;}
	.contentRightSide { padding-bottom:0; }
	.become_member { display:none; }
    #bodyContainer { padding-bottom: 105px; }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 750px), (max-height : 400px) { 
#addressbox { display:block; }
	#menufoot { border-bottom-width: 1px; }
    #booking_form .brown_border {margin:0;}
	html,body  { height:initial;  }
	#slider1_thumbnavigator { display:none; }
	#hotelname { left:95px; width:60%; }
    div.book_btn { display: table !important; }
    a.book_btn { display: none !important; }
	.wrap_img { height:300px}
    .show-pc { display:none; }
	.show-pc { display:none;}
	.show-mobile { display:block; }
    #googleMap { display: block; }
	.flexslider .slides img { height:auto!important; width:100% !important; }
	/*#slider1_container div { height: 100% !important; }
    #slider1_container img { height:100% !important; width: auto !important; margin-top: -10%; }*/
	.centeredBlock { margin-right:0; }
	.socialFooter a.trip { bottom:20px; }
	.menu-footer-menu-container { width:100% !important; float:none; }
	.menu-footer-menu2-container { width:100%; float:none; max-width:none; }
    ul#menu-footer-menu2 li:last-child { margin-right:0; }
	footer { height:100px; }
	.mobileHeader .text { display: none; }
	.callIcon { display: none; }
	div#bookByPhone .orangeButton { width:180px; box-sizing: border-box; padding-left:40px; background: url('images/call_btn.png') repeat;  }
    
	.mobileHeader { width:100px; height: 44px; background: url('images/novotel_menu_icon_@2x.png') no-repeat; background-size:100%; background-position:-1px; float: right; margin-top:-69px; }
    
	.mobileBottom { border-top:0; }
	#lang { height:80px; margin-right: 0; }
	#bookByPhone { clear: inherit; float: left; margin-top:10px; }
	
    _:-ms-fullscreen, :root #bookByPhone { margin-top:90px; margin-left:-75px; }
    _:-ms-fullscreen, :root .mobileHeader { margin-top:-45px; }

	.mobileMenu { height:40px; }
	.become_member {display:block; float:right; width:180px; height:auto; margin-top:15px; }
	.f_logo_link { display:table; float:left; margin-top:-15px; }
	.leClub { max-width:100%; }
	#mobileSocialIcons { float:none; margin:10px auto; display:table; width:auto; }
    .addthis_sharing_toolbox{margin-bottom:15px;}
/* Styles */
	/*
	#mobile-menu  {
		display:block;
		position: absolute;
		top: 0px;
		right: 0px;
		height: 100%;
		z-index:10000;
	}*/
	.become_member { margin-top:10px; }
	.socialFooter a.trip { bottom:10px; }
	.mobileTop { width: 95%; margin:0 auto; }
	.mobileImageSlider { display:block;  margin-bottom:25px; height: auto;  }
	.mobileImageSlider .sliderImage {  background-size:auto 100%; background-attachment:inherit; }
	#bgslide { display:none; }
	#bodyContainer { width:100%; position:relative; padding:0; margin:0; left:0; right:0; height:initial; }
	#header { display:none;  }
	.headerSpacer {  display:none; }
	.content, .galleryContent { max-height:initial; height:initial; moz-box-shadow: initial;-webkit-box-shadow:  initial;box-shadow:  initial; margin-top:0; width:100%; padding:0; background-color:#FFFFFF; background:none; }
	.galleryContent  {  }
	.content.contentRightSide, .content.contentRightSide.withPopup, .contentRightSide { float:initial; background-color:#FFFFFF;  background:none; }
	.contentContainer, .content.contentRightSide, .content.contentRightSide.withPopup, .contentRightSide { 
	   width:100%;  
		 max-height:initial; height:initial;
		background: initial;
		moz-box-shadow: initial;
		-webkit-box-shadow:  initial;
		box-shadow:  initial;
		background-color:#FFFFFF;
		width:95%; 
        margin:0 auto;
		margin-bottom:20px;
	}
	.contentRightSide { width:100%; }
	.specialOfferFloat { display:none; }

		/* switch to moblie layout for small heights as the scrolling content is to small */

	
	#footer { background-color:#FFFFFF; overflow:initial; height:initial; background:none;} 
	footer { width:95%; margin: 0 auto; background-color:#FFFFFF;height:initial; background:none;	}
	footer ul { width:100%; }
	footer ul li { background-color:#004893; margin-bottom:1px; text-align:center; }
	footer ul li a{ color:#FFF; text-decoration:none; width:100%; height:100%; display:block;padding:10px;  }
	footer ul li a:hover { background-color:#004893;}
	#menufoot { overflow:intial; height:initial; }
	ul#menu-footer-menu li, ul#menu-footer-menu2 li { float:none; border:0;  display:block; padding:0;  }
	ul#menu-footer-menu li a:link, ul#menu-footer-menu li a:visited, ul#menu-footer-menu2 li a:link, ul#menu-footer-menu2 li a:visited  { border:0; display:block; width:100%; height:100%; padding:10px 0px 10px 0px; color:#FFF; text-transform:uppercase; }
	/*.menu-footer-menu-container, .menu-footer-menu2-container { float:none; width:100%;}*/
	ul#menu-footer-menu2 { float:none; }
	/* /////////////// Mobile header ///////////////// */
	#mobileHeader { display:block; }
	#buttons { float:right;  }
	#buttons .active { background-color:#A6B4D0; color:#FFF; padding:10px; }
	#lang { padding-top:0; }
	#bookingBox { background-color:#004893; color:#FFF; margin-top:25px; padding:15px;  border-radius:10px; -webkit-border-radius: 10px;  }
	#bookingBox h3 { text-transform: uppercase; margin-bottom:10px; font-size:16px; font-weight:normal; color:#FFF; }
    
	#bookingBox #arriveeMobile { cursor:pointer; font-size: 11px; width:100%; color:#777; padding:3px 3px 3px 6px; height:30px; text-transform: uppercase; margin-bottom:10px; display:block; border:0; background: url(images/novotel_calendar_icon_@2x.png) no-repeat 99% 1px #fff; background-size:auto 90%; }
    
	#bookingBox #nb_nuit { padding:3px;  text-transform: uppercase; width:60%; border:0; height:30px; }
.ui-datepicker { width: 50%;  }
	#bookingBox #book_btn { float:right; background-color:#FAAA00; color:#FFF; text-align:center; width:38%; border-radius:0; -webkit-border-radius: 0; height:initial; padding:3px; height:30px; } 
	h1 { text-decoration:underline; margin:15px 0px 20px 0px; }
	#facebookIcon { background: url(images/facebook_icon.png) no-repeat center center; width:70px; height:44px; background-color:#4D6AA2; display:inline-block; margin-left:2px;   }
	#facebookIcon a  { width:100%; height:100%; display:block; }
	#mobileHeader .qtrans_widget_end { display:none; }
	#mobileHeader .qtrans_language_chooser { display:inline-block; }
	#lang { float:initial; }
	#lang ul li { border:0;  background-color:#4D6AA2; width:70px;height:44px;  text-align:center;  width:40px; padding:0; margin-left:2px;  }
	#lang ul li a { color:#FFF; text-decoration:none; width:100%; background-position:center center; height:100%; display:block; }
	#lang_sel_list img.iclflag { height: auto; width: auto;}
	#addressbox { margin-top:15px; margin-bottom:15px;  }
	#address_kama {  }
    .socialFooter { text-align:center; position:relative; margin-top:35px; padding:0;  }
	

	
	.opacity90 { background-color:rgba(0,72,147,0.9); }
	.opacity80 { background-color:rgba(0,72,147,0.8);}
	.opacity70 { background-color:rgba(0,72,147,0.7); }
	.opacity60 { background-color:rgba(0,72,147,0.6); }
	.opacity50 { background-color:rgba(0,72,147,0.5);}
	.opacity40 { background-color:rgba(0,72,147,0.4); }
	.opacity30 { background-color:rgba(0,72,147,0.3); }
	.opacity20 { background-color:rgba(0,72,147,0.2); }
	
	
	/******** Mobile footer ***************/
	
	/******** Speical Offers **************/
	
	.specialOffers { border-top:1px dotted #004893;  border-bottom:1px dotted #004893; padding:15px 0px 10px 0px; margin-bottom:15px; }
	
	.probox { display:block; margin-bottom:2px;width:100%;cursor:pointer; }
	.probox .protxt  {padding:0px;background-color:#ffffff; color:#999999;height:100%;}
	.probox .protxt  h3 {font-size:18px;font-weight:normal;line-height:120%;margin:10px;color:#676767;}
	.viewoffer {display:block;color:#FFF;font-size:14px;margin-top:30px;position:absolute;bottom:0;width:100%;text-transform: uppercase;}
	.viewoffer a { color:#FFF;  text-decoration:none;  display:block; }
	.viewoffer #btn_viewoffer2{  box-sizing: border-box; border-radius: 10px; /*background:url(images/know_more_btn.png) no-repeat right center;*/  height:20px; line-height: 20px; display: table;  text-align: center; margin:0 auto;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;font-size:14px;font-weight:normal;}  
	 #viewAll { display:block;  width:100%;  height:40px; padding:5px 0px 15px 0px; font-size:12px; text-align:center; background:url(images/down_arrow.png) no-repeat  5px;  margin-bottom:5px; background-color:#FAAA00; color:#FFF; text-decoration:none; 
background-position: center bottom;
background-position-y: 20px; }
	.probox  .excerpt { display:none; }
	
	/************ Gallery ********/
	.flexslider2 { border:0; }
	#sliderContainer {  }
	#sliderContainer #carousel { display:none; }
	.gallerySelect { float:none; }
	.contentContainer.fullHeight { background:none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; }
	.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {  display:none;}
	.protxt .viewoffer { padding:0; margin:10px 0;}
	#viewAllDesktop { display:none; }
	.closeButton { display:none !important; }
	.flexslider .slides img { height:100%; }
	.bottomLeftBadges { display:none; }
	.content { margin-bottom:0; }
	.top_footer { display:none; }
	.contentRightSide { padding-bottom:0; }
	.socialFooter a.trip { right:0; }	
	.orangeButton { margin-left:0; }
	.contentContainer ,.contentRightSide { margin-bottom:0; }
    .wrap_img img { width:100%; height: auto; }
    .probox .protxt { border-bottom: 0; }
    .probox { padding: 0; border:1px solid #b7b7b7; overflow: hidden; }
    .probox:nth-of-type(1) { padding-top:0; }
    .probox { margin-bottom: 10px; position: relative;}
    _:-ms-fullscreen, :root #footer { height: auto; }
    _:-ms-fullscreen, :root  #bodyContainer { padding-bottom: 0; }
    
}

@media only screen and (min-width :751px) and (max-width :1100px)  {
	.content.contentLeftSide { width:50%; }
	/*.content.contentRightSide { width:50%; }*/
}

@media only screen and (min-width : 751px) and (max-height : 400px) { 
    _:-ms-fullscreen, :root #bookByPhone { margin-left:-60px; }
	#bodyContainer { width:500px; position:relative; padding:0; left:0; right:0; margin:0 auto 0 auto; height:initial; }
	.mobileTop { width:100%; }
	.mobileBottom { width:100%; }
	#footer { width:100%; }
	.contentContainer, .content.contentRightSide { width:100%;  }
	.f_logo_link { margin-top:10px; }
    
}


@media only screen and (min-width : 501px)  and (max-width :1400px)  {
}

@media only screen  and (max-width :600px)  {
	.probox .protxt  h3 { font-size:16px; } 
	.probox #btn_viewoffer2 { font-size:14px;  }
	.f_logo_link { width:50%; }
	.become_member { width:45%; background-size:100% ; height:45px; display:block; }
	#viewAll { display:block;  width:100%; }
	.gallerySelect h3 { display:block; font-size:14px;  }
	.gallerySelect select { margin-bottom:7px; width:80%; font-size:14px; }
	.caption { font-size: 35px; }
	_:-ms-fullscreen, :root #bookByPhone { margin-left:-72px; }
}


@media only screen and (min-width : 500px) {		
}

@media only screen and (max-width:500px) {
	.viewoffer #btn_viewoffer2 { background-size:90%; width:auto; /*background: url(images/know_more_btn.png) no-repeat center;*/  }
	.mobileTop div#hotelname { width:110px; background-size: 100%; }
	/*.mobileTop #logo { width:60px; background-size:100%; }*/
	.mobileTop #logo {   width: 100px;  background-size:100%;}
    #hotelname { left:75px; }
    .caption { font-size: 40px; }
    _:-ms-fullscreen, :root #bookByPhone { margin-left:-60px; }
}


@media only screen and (max-width : 320px)  {
	.mobileHeader .text { font-size:16px; }
}


@media only screen and (max-width : 240px)  {
	.mobileHeader .text {   font-size:16px;  }
}



/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-pixel-ratio : 1.5),
only screen and (min-pixel-ratio : 1.5) {
/* Styles */
}
