@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: 1050px) {
#wrapper {
width: 768px;
}
#topbar-wrapper,
.content-wrapper {
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;
width: 708px;
}
#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: 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%;
} .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%;
}
}
@media only screen and (max-width: 767px) {
#wrapper {
width: 465px;
}
.slider-caption-wrapper {
width: 465px;
}
#topbar-wrapper, .content-wrapper {
width: 415px;
}
#logo {
float: none;
margin: 40px auto 0 auto;
width: 185px;
}
.mobile-menu-wrapper {
float: none;
margin: 30px auto;
width: 260px;
}
.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 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,
.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable span {
width: 36px;
}
#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%;
}
#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%;
}
}
@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) {
#wrapper {
width: 305px;
}
#topbar-wrapper, .content-wrapper {
width: 260px;
}
.gmap-button {
left: 0px;
}
.slider {
min-height: 137px;
}
#slider .home-reservation-box,
#slider-full .home-reservation-box {
width: 245px;
}
.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-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;
}
}