/* Responsive */
@media only screen and (max-width: 1250px) {
	
	#wrapper {
		width: 1020px;
	}
	
	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		width: 1020px;
		left: 0px;
	}
	
	.slider-caption-wrapper {
		width: 1020px;
	}
	
	#page-header1,
	.imgHeader1 {
		width: 1020px;
		height: 396px;
	}
	
	#page-header2,
	.imgHeader2 {
		width:1020px;
		height:352px;
	}
	
	#page-header3,
	.imgHeader3 {
		width:1020px;
		height:140px;
	}
	
	#page-header3 h5 {
		margin: 0 0 0 28px;
	}
	
}

@media only screen and (max-width: 1050px) {
	
	#wrapper {
		width: 768px;
	}
	
	#topbar-wrapper,
	.content-wrapper, .content-wrapper-top, .content-wrapper-footer {
		width: 700px;
	}
	
	.topbar-left {
		width: 25%;
	}
	
	.topbar-right {
		width: 75%;
	}
	
	.slider-caption-wrapper {
		width: 768px;
	}
	
	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		left: 0;
		max-width: 768px;
	}
	
	#slider-full .home-reservation-box {
		bottom: -10px;
	}
	
	.home-reservation-box .select-wrapper select {
		width: 123%;
		background-position: 74% center !important;
	}
	
	.home-reservation-box input[type="text"] {
		width: 121px;
	}
	
	.widget-reservation-box input[type="text"] {
		width: 132px;
	}
	
	.home-reservation-box .select-wrapper {
		width: 121px;
	}
	
	 .widget-reservation-box .select-wrapper {
		width: 150px;
	}
	
	.widget-reservation-box .select-wrapper select {
		width: 118%;
		background-position: 77% center;
	}
	
	#navigation {
		display: none;
	}
	
	.mobile-menu-wrapper {
		display: block;
	}
	
	.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;
	}
	
	.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%;
	}
	
	#page-header1,
	.imgHeader1 {
		width: 768px;
		height: 297px;
	}
	
	#page-header2,
	.imgHeader2 {
		width:768px;
		height:264px;
	}
	
	#page-header3,
	.imgHeader3 {
		width:0px;
		height:30px;
	}
	
	#page-header3 h5 {
		margin: 0 0 0 20px;
	}
	
	.one-third {
		float: left;
		width: 31.3%;
		margin: 0 3% 0 0;
	}
	
	.one-fifth {
		float: left;
		width: 18.4%;
		margin: 0 3% 0 0;
	}
	
	.one-half {
		float: left;
		width: 43.7%;
		margin: 0 3% 0 0;
	}
	
	.one-fourth {
		float: left;
		width: 22.7%;
		margin: 0 3% 0 0;
	}
	
}


@media only screen and (max-width: 767px) {
	
	#wrapper {
		width: 465px;
	}
	
	.slider-caption-wrapper {
		width: 465px;
	}
	
	#topbar-wrapper, .content-wrapper, .content-wrapper-top, .content-wrapper-footer {
		width: 415px;
	}
	
	#logo {
		float: none;
		margin: 15px auto 0 auto;
		width: 127px;
	}
	
	.mobile-menu-wrapper {
		float: none;
		margin: 30px auto;
		width: 260px;
	}
	
	.one-third {
		float: none;
		width: 100%;
		margin: 10px 0 30px 0;
	}
	
	.one-fifth {
		width: 100%;
		margin: 0 0 30px 0;
	}
	
	#footer .one-fourth, .one-half {
		width: 100%;
		margin: 20px 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: -1px;
		position: relative;
	}
	
	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		width: 405px;
	}
	
	#slider {
		margin: 0 0 30px 0;
	}
	
	.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: 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 {
		width: 50px;
	}
	
	#ui-datepicker-div {
		padding: 20px 24px;
	}
	
	.main-content, .sidebar {
		width: 100%;
		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%;
	}
	
	#page-header1,
	.imgHeader1 {
		width: 465px;
		height: 185px
	}
	
	#page-header2,
	.imgHeader2 {
		width:465px;
		height:161px;
	}
	
	#page-header3,
	.imgHeader3 {
		width:0px;
		height:20px;
	}
	
	#page-header3 h5 {
		margin: 0 0 0 20px;
	}
	
}

@media only screen and (max-width: 479px) {
	
	#wrapper {
		width: 305px;
	}
	
	#topbar-wrapper, .content-wrapper, .content-wrapper-top, .content-wrapper-footer {
		width: 260px;
	}
	
	.gmap-button {
		left: 0px;
	}
	
	.slider {
		min-height: 137px;
	}
	
	#slider .home-reservation-box,
	#slider-full .home-reservation-box {
		width: 305px;
	}
	
	.home-reservation-box input[type="text"], .widget-reservation-box input[type="text"] {
		width: 227px;
	}
	
	.home-reservation-box .select-wrapper, .widget-reservation-box .select-wrapper, .booking-side .select-wrapper {
		width: 245px;
	}
	
	.home-reservation-box input[type="submit"] {
		width: 245px;
	}
	
	#ui-datepicker-div .ui-datepicker-calendar tbody tr td a {
		width: 27px;
	}
	
	#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;
	}
	
	.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 .mobile_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;
	}
	
	#page-header1,
	.imgHeader1 {
		width: 305px;
		height: 118px;
	}
	
	#page-header2,
	.imgHeader2 {
		width:305px;
		height:105px;
	}
	
	#page-header3,
	.imgHeader3 {
		width:0px;
		height:20px;
	}
	
	#page-header h2 {
		font-size: 14px;
	}
	
	#page-header3 h5 {
		margin: 0 0 0 20px;
		top: 0;
	}
		
	.accommodation-slider .flex-direction-nav .flex-prev, 
	.accommodation-slider .flex-direction-nav .flex-next {
		left: 0px;
		width: 0px;
	}
	
	.slider .flex-direction-nav .flex-prev,
	.slider .flex-direction-nav .flex-next {
		left: 0px;
		width: 0px;
	}
	
}