/* Responsive */

/* On se base sur une resolution de 1920 px de largeur */
#navigation li {
  font-size: 14px;
  letter-spacing: 0.1em;
}

#wrapper {
  width: 1700px;
}
#topbar-wrapper,
.content-wrapper {
    width: 1500px;
}

#slider {
	background-color: #1c1c1c;
}
.slider-caption-wrapper {
	top: 41%;
	width: 1700px;
}
.slider .flex-direction-nav .flex-prev,
.slider .flex-direction-nav .flex-next {
  top: 50%;
}
#slider .home-reservation-box {
	left: 370px;
}


#footer-bottom {
	margin: 40px 90px 0;
}
#footer-bottom p.fl {
	width: 30%;
}

a.home_resa_table_mobile {
	display: none;
}

@media only screen and (max-width: 1740px) {
  #wrapper {
    width: 1480px;
  }
	#topbar-wrapper,
	.content-wrapper {
	    width: 1280px;
	}
	.slider-caption-wrapper {
		width: 1480px;
	}
	.slider .flex-direction-nav .flex-prev,
	.slider .flex-direction-nav .flex-next {

	}
	#slider .home-reservation-box {
		left: 260px;
	}
  .pano {
		height: 600px !important;
	}
	.video-wrapper iframe {
		height: 540px !important;	
	}
}
@media only screen and (max-width: 1540px) {
  #wrapper {
    width: 1280px;
  }
	#topbar-wrapper,
	.content-wrapper {
	    width: 1080px;
	}
	.slider-caption-wrapper {
		width: 1280px;
	}
	.slider .flex-direction-nav .flex-prev,
	.slider .flex-direction-nav .flex-next {

	}
	#slider .home-reservation-box {
		left: 160px;
	}
	.home .content-wrapper p {
	  font-size: 13px;
	  line-height: 160%;
	  margin: 0 0 10px 0;
	}
  .pano {
		height: 500px !important;
	}
	.video-wrapper iframe {
		height: 450px !important;	
	}
}
@media only screen and (max-width: 1340px) {
	#navigation li:hover ul,
	#navigation li.sfHover ul {
		top:			116px;
	}
	#navigation li {
	  font-size: 12px;
	  letter-spacing: 0.1em;
	}
  #wrapper {
    width: 1080px;
  }
	#topbar-wrapper,
	.content-wrapper {
	    width: 960px;
	}
	
	.slider-caption-wrapper {
		width: 1080px;
	}
	.slider .flex-direction-nav .flex-prev,
	.slider .flex-direction-nav .flex-next {

	}
	#slider .home-reservation-box {
		left: 60px;
	}
	
	#footer-bottom {
		margin: 40px 60px 0;
	}
  .pano {
		height: 400px !important;
	}
	.video-wrapper iframe {
		height: 400px !important;	
	}
}
/*
@media only screen and (max-width: 1250px) {
	
	#wrapper {
		width: 1020px;
	}
	
	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		left: 30px;
	}
	
	.slider-caption-wrapper {
		width: 1020px;
	}
	
}
*/

@media only screen and (max-width: 1140px) {
  #wrapper {
    width: 1020px;
  }
	#topbar-wrapper,
	.content-wrapper {
	    width: 920px;
	}

	.large-caption {
	    font-size: 24px;
	}	
	.slider-caption-wrapper {
		width: 1020px;
	}
	.slider .flex-direction-nav .flex-prev,
	.slider .flex-direction-nav .flex-next {

	}
	#slider .home-reservation-box {
		left: 30px;
	}
	
	#footer-bottom {
		margin: 40px 40px 0;
	}
  .pano {
		height: 400px !important;
	}
	.video-wrapper iframe {
		height: 390px !important;	
	}
}

@media only screen and (max-width: 1080px) {
	
	#wrapper {
		width: 868px;
	}
	
	#topbar-wrapper,
	.content-wrapper {
		width: 800px;
	}

	#footer-bottom p.fl {
		display: none;
	}
	#footer-bottom ul {
		float: right;
	}
	
	.topbar-left {
		width: 25%;
	}
	
	.topbar-right {
		width: 75%;
	}

	.home .content-wrapper p {
	  font-size: 13px;
	  line-height: 140%;
	  margin: 0 0 5px 0;
	}

	.slider-caption-wrapper {
		top: 30%;
		left: 130px;
		width: 600px;
	}

	.home-reservation-box .booking-form_name, .widget-reservation-box .booking-form_name {
		padding-left: 0;
	}
		
	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		left: 80px;
		width: 640px;
	}
	
	#slider-full .home-reservation-box {
		bottom: 0;
	}
	
	.home-reservation-box .select-wrapper select {
		width: 123%;
		background-position: 74% center !important;
	}
	
	.home-reservation-box input[type="text"] {
		width: 101px;
	}
	
	.widget-reservation-box input[type="text"] {
		width: 65px; /*width: 132px;*/
	}
	
	.home-reservation-box .select-wrapper {
		width: 101px;
	}
	
	 .widget-reservation-box .select-wrapper {
		width: 83px; /*width: 150px;*/
	}
	
	.widget-reservation-box .select-wrapper select {
		width: 118%;
		background-position: 77% center;
		font-size: 12px;
	}
	.widget .page-content input[type="text"] {
		width: 120px;	
  }
  
	#navigation {
		display: none;
	}
	
	.mobile-menu-wrapper {
		display: block;
	}

	.mobile-menu-inner {
	  height: auto;
	}
	
	.flickr_badge_wrapper .flickr_badge_image {
		float: left;
		margin: 0 8px 8px 0;
		height: 47px;
	}

	.flickr_badge_wrapper .flickr_badge_image img {
		width: 47px;
		height: 47px;
	}
	
	#page-header {
		text-indent: 30px;
	}
	
	#page-header h2 {
		width: 100%;
	}
	
	.accommodation-listing .col {
		width: 100%;
	}
	
	/*.button-space1 {
		margin: 0 0 0 10px;
	}*/
	
	.accommodation-listing .col:nth-child(3n) {
		margin: 0 3% 40px 0;
	}
	
	.comment-right {
		width: 79%;
	}
	
	.widget .latest-posts-list li .lpl-content {
		width: 63%;
	}
	
	.step-wrapper {
		width: 135px;
	}
	
	.ui-datepicker-inline {
		width: 100% !important;
	}
	
	.booking-side input[type="text"] {
		width: 167px;
	}
	
	.booking-side .select-wrapper {
		width: 185px;
	}
	
	.booking-side .one-half-form input[type="text"] {
		margin: 0 0 10px 0;
	}
	
	.booking-side .last-col input[type="text"] {
		margin: 0;
	}
	
	.rooms-wrapper .label {
		width: 100%;
		padding: 0;
		margin: 0 0 20px 0;
	}
	
	#open_datepicker .ui-datepicker-group {
		width: 100%;
		border-right: none;
	}
	
	#open_datepicker .ui-datepicker-group-first {
		padding: 0;
	}
	
	#open_datepicker .ui-state-default {
		width: 54px;
	}
	
	.ui-datepicker-group-last {
		margin: 30px 0 0 0;
	}

	#ui-datepicker-div .ui-datepicker-group-last {
		margin: 0;
	}

	.room-list-right .room-meta {
		float: none;
		border-bottom: #424242 1px solid;
		margin: 0 0 15px 0;
	}
	
	.room-list-right .room-price {
		float: none;
	}
	
	.room-list-right .price-breakdown {
		text-align: left;
	}
	
	.booking-main .input-left {
		width: 47%;
	}
	
	.event-entry .event-date-wrapper {
		width: 11%;
	}
	
	.event-inner-wrapper {
		width: 85%;
	}
	
	.event-preview .event-date-wrapper {
		width: 14%;
	}
	
	.event-preview .event-entry-inner {
		width: 81%;
	}
	
	#footer .widget-reservation-box input[type="text"] {
		width: 141px;
	}

	#footer .widget-reservation-box .select-wrapper {
		width: 159px;
	}

	.columns-wrapper .one-fourth:nth-child(2n) {
		margin: 0;
	}

	.one-fourth {
		width: 48.5%;
		margin: 0 3% 0 0;
	}

	#footer .one-fourth {
		width: 22.7%;
	}
  .pano {
		height: 400px !important;
	}
	.video-wrapper iframe {
		height: 330px !important;	
	}
}

@media only screen and (max-width: 850px) {
	
	#wrapper {
		width: 768px;
	}
	
	#topbar-wrapper,
	.content-wrapper {
		width: 700px;
	}

	#slider {
		margin: 0 0 30px 0;
	}	
	.large-caption {
	    font-size: 22px;
	}
	.slider-caption-wrapper {
		top: 33%;
		left: 100px;
		width: 560px;
	}
	
	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		left: 30px;
		width: 640px;
		bottom: 10px;
	}
	
	#slider-full .home-reservation-box {
		bottom: 0;
	}
	.home .content-wrapper p {
	  font-size: 14px;
	  line-height: 160%;
	  margin: 0 0 20px;
	}
	.home .content-wrapper .one-third {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}

	.video-wrapper iframe {
		height: 300px !important;	
	}	
}
@media only screen and (max-width: 767px) {
	
	#wrapper {
		width: 600px; /*465px;*/
	}
	
	.slider-caption-wrapper {
		width: 465px;
	}

	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		left: 0;
		border-color: transparent;
	}
		
	#topbar-wrapper, .content-wrapper {
		width: 550px;
	}
	
	#logo {
		float: none;
		margin: 40px auto 0 auto;
		width: 185px;
	}

	#logo img {
		max-width: 180px !important;
	}
	#logo h1 span {
	  font-size: 10px !important;
	  letter-spacing: 1px!important;
	  width: 180px !important;
	}

	.mobile-menu-button {
		float: right;
	}
	.mobile-menu-title { display: none; }
	
	.mobile-menu-wrapper {
		float: right;
		margin: 0;
		margin-top: 18px;
		margin-bottom: 18px;
		/*width: 260px;*/
	}
	.mobile-menu-inner {
		right: 0;
	}
	
	.one-third {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}
	
	.two-thirds {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}
	
	#footer .one-fourth {
		width: 100%;
		margin: 0 0 30px 0;
	}
	
	#footer-bottom .fl,
	#footer-bottom .secondary-navigation,
	#footer-bottom .secondary-navigation .fr {
		float: none;
	}
	
	#footer-bottom .secondary-navigation {
		margin: 8px 0 0 0;
	}
	
	.slider {
		min-height: 205px;
	}
	
	#slider .home-reservation-box {
		bottom: inherit !important;
		top: -1px;
		position: relative;
	}
	
	#slider-full .home-reservation-box {
		bottom: inherit !important;
		top: 0px;
		position: relative;
	}
	
	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		width: 405px;
	}
	
	#slider {
		margin: 0 0 30px 0;
	}
	
	.home-reservation-box .booking-form_name, .widget-reservation-box .booking-form_name {
		width: 387px;
		margin: 0 0 10px 0;
		padding: 0;
		text-align: center;
	}
	
	.home-reservation-box a.button2 {   
		float: right;
	}

	.home-reservation-box input[type="text"], .widget-reservation-box input[type="text"] {
		width: 387px;
		margin: 0 0 10px 0;
	}
		
	.home-reservation-box .select-wrapper, .widget-reservation-box .select-wrapper, .booking-side .select-wrapper {
		width: 405px;
		margin: 0 0 10px 0;
	}
	
	.home-reservation-box input[type="submit"] {
		width: 405px;
	}
	
	.home-reservation-box .select-wrapper select {
		background-position: 77% center !important;
	}
	
	.slider-caption {
		display: none;
	}
	
	.topbar-right .header-contact {
		display: none;
	}
	
	.gmap-button {
		left: 210px; /*179px;*/
	}
	
	.flickr_badge_wrapper .flickr_badge_image {
		margin: 0 8px 8px 0;
		height: 60px;
	}

	.flickr_badge_wrapper .flickr_badge_image:nth-child(3n+1) {
		margin: 0 8px 8px 0;
	}

	.flickr_badge_wrapper .flickr_badge_image img {
		width: 60px;
		height: 60px;
	}
	
	#ui-datepicker-div .ui-datepicker-calendar tbody tr td a,
	.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable span {
		width: 36px;
	}
	
	#ui-datepicker-div {
		padding: 20px 24px;
	}
	
	.main-content, .sidebar {
		width: 100% !important;
		margin: 0 0 50px 0;
	}
	
	.sidebar {
		padding: 50px 0 0 0;
		border: none;
		border-top: #e8e8e8 1px solid;
	}
	
	.widget-reservation-box input[type="text"] {
		width: 337px;
	}
	
	.widget-reservation-box .select-wrapper {
		width: 355px;
	}
	
	.widget-reservation-box .select-wrapper select {
		width: 110%;
		background-position: 88% center;
	}
	
	.tabs .nav li {
		width: 100%;
	}
	
	.tabs .nav li a {
		width: 367px;
		border-left: #e8e8e8 1px solid;
		border-right: #e8e8e8 1px solid;
	}
	
	.booking-side-wrapper,
	.booking-main-wrapper {
		width: 100%;
	}
	
	.booking-main-wrapper {
		margin: 0 0 30px 0;
	}
	
	.step-wrapper {
		margin: 0 50px 30px 0;
	}
	
	.booking-step-wrapper {
		margin: 0 0 20px 0;
	}
	
	.step-line {
		display: none;
	}
	
	.step-icon-wrapper {
		float: left;
		width: 40px;
	}
	
	.step-title {
		float: left;
		text-align: left;
		width: 60%;
		margin: 10px 0 0 15px;
	}
	
	.step-wrapper {
		width: 100%;
		border-bottom: #e8e8e8 1px solid;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}
	
	.booking-step-wrapper .last-col {
		border-bottom: none;
	}
	
	#open_datepicker .ui-state-default {
		width: 50px;
	}
	
	.one-half-form {
		width: 171px;
	}
	
	.booking-side input[type="text"] {
		width: 153px;
	}
	
	.booking-side .select-wrapper {
		width: 355px;
	}
	
	.room-list-right .button2 {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	.testimonial-one-half {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.blog-event-one-half {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.event-preview .event-date-wrapper {
		width: 12%;
	}
	
	.event-preview .event-entry-inner {
		width: 84%;
	}
	
	#footer .widget-reservation-box input[type="text"] {
		width: 397px;
	}

	#footer .widget-reservation-box .select-wrapper {
		width: 415px;
	}

	.coupon.coupon-field .coupon-input,
	.coupon.coupon-field .apply-coupon {
		width: 45.5%;
	}

  .pano {
		height: 240px !important;
	}
	.video-wrapper iframe {
		height: 310px !important;	
	}
}

@media only screen and (max-width: 600px) {
	
	#wrapper {
		width: 480px; /*465px;*/
	}

	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		left: 0;
	}
		
	#topbar-wrapper, .content-wrapper {
		width: 450px;
	}
	.video-wrapper iframe {
		height: 260px !important;	
	}
}

@media only screen and (min-width: 480px) {
	div.input-field {
		width: 47%;
		float: left;
		margin-right: 6%;
	}

	div.last-col {
		margin-right: 0;
	}

	.booking-main label[for^="payment_method"] {
		display: inline;
	}
}

@media only screen and (max-width: 479px) {
	.contact_details_list .phone_list,
	.contact_details_list .email_list a,
	.contact_details_list .address_list {
		font-size: 13px !important;
	}
	#wrapper {
		width: 100%; /*450px*/
	}
	
	#topbar-wrapper, .content-wrapper {
		width: 320px; /*260px;*/
	}
	
	.gmap-button {
		left: 0px;
	}
	
	.slider {
		min-height: 137px;
	}
	                  
	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		width: 418px; /*245px;*/
	}

	.home_resa_table {
		display: none !important;
	}
	.home_resa_table_mobile {
		display: block !important;
	}
	
	
 .widget-reservation-box {
		background: none;
 }
 .widget-reservation-box a.button2.desktop {
		display: none !important;
	}
 .widget-reservation-box a.button2.mobile {
		display: block !important;
	}
	.home-reservation-box a.button2.desktop {
		display: none !important;
	}
	.home-reservation-box a.button2.mobile {
		display: block !important;
	}		
	.home-reservation-box .booking-form_name {
		width: 100%;
	}
	
	.home-reservation-box input[type="text"], .widget-reservation-box input[type="text"] {
		width: 227px;
		display: none;
	}
	
	.home-reservation-box .select-wrapper, .widget-reservation-box .select-wrapper, .booking-side .select-wrapper {
		width: 245px;
		display: none;
	}
	
	.home-reservation-box input[type="submit"] {
		width: 245px;
	}

	#ui-datepicker-div .ui-datepicker-group-last {
		margin: 30px 0 0 0;
	}

	#ui-datepicker-div {
		width: 271px;
	}

	.ui-datepicker-group-first {
		padding: 0;
		border-right: none;
	}

	.ui-datepicker-group-last {
		padding: 0;
	}

	.ui-datepicker-multi-2 .ui-datepicker-group {
		width: 100%;
	}

	#ui-datepicker-div .ui-datepicker-calendar tbody tr td a,
	.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable span {
		width: 36px;
	}
	
	#ui-datepicker-div {
		padding: 20px 24px 20px 25px;
	}
	
	.tabs .nav li a {
		width: 212px;
	}
	
	.widget-reservation-box input[type="text"] {
		width: 182px;
	}
	
	.widget-reservation-box .select-wrapper {
		width: 200px;
	}
	
	.widget-reservation-box .select-wrapper select {
		width: 113%;
		background-position: 83% center;
	}
	
	#page-header h2 {
		font-size: 14px;
	}
	
	.comment-left {
		display: none;
	}
	
	.comment-right {
		width: 100%;
	}
	
	.blog-meta, .event-meta {
		line-height: 160%;
	}
	
	.room-list-left img {
		display: none;
	}
	
	.room-list-right {
		float: none;
		width: 100%;
	}
	
	.booking-main .input-left,
	.booking-main .input-right {
		width: 100%;
		float: none;
	}
	
	.contact_details_list li {
		line-height: 130%;
		min-height: 30px;
		margin: 0 0 10px 0;
		padding: 0 0 12px 45px;
	}
	
	.contact_details_list .phone_list:before, .contact_details_list .fax_list:before, .contact_details_list .email_list:before, .contact_details_list .address_list:before {
		top: 0;
	}
	
	.event-entry .event-date-wrapper {
		width: 19%;
	}
	
	.event-inner-wrapper {
		width: 75%;
	}
	
	.testimonial-text {
		width: 69%;
	}
	
	.event-preview .event-date-wrapper {
		width: 18%;
	}
	
	.event-preview .event-entry-inner {
		width: 76%;
	}
	
	#open_datepicker .ui-state-default {
		width: 28px;
	}
	
	.key-unavailable-wrapper,
	.key-available-wrapper,
	.key-selected-wrapper {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	.booking-side input[type="text"] {
		width: 182px;
	}
	
	.booking-side .select-wrapper {
		width: 200px;
	}
	
	#footer .widget-reservation-box input[type="text"] {
		width: 242px;
	}

	#footer .widget-reservation-box .select-wrapper {
		width: 260px;
	}

	div.input-field {
		width: 100%;
		float: none;
	}

	div.payment_method input {
		float: left;
	}

	div.payment_method h3 {
		padding: 15px 0 0 0;
	}

	div.payment_method p {
		margin: 0 0 15px 0;
	}

	.one-fourth {
		width: 100%;
		margin: 0;
	}

	.coupon.coupon-field .coupon-input {
		width: 182px;
		float: none;
	}

	.coupon.coupon-field .apply-coupon {
		width: 202px;
		margin-bottom: 20px;
		float: none;
	}
  .pano {
		height: 160px !important;
	}
	.video-wrapper iframe {
		height: 180px !important;	
	}
}

@media only screen and (max-width: 420px) {
	
	#wrapper {
		width: 100%; /*305px;*/
	}
	
	#topbar-wrapper, .content-wrapper {
		width: 260px; /*260px;*/
	}
	.video-wrapper iframe {
		height: 150px !important;	
	}
	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		width: 340px;
	}
}