/* Responsive */

@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%;
    }
    .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%;
    }
}

@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: 10px auto 0 auto;
        width: 231px;
    }
    .mobile-menu-wrapper {
        float: none;
        margin: 10px auto;
        width: 260px;
    }
    .one-third {
        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 {
        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%;
    }
}

@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-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;
    }
    #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;
    }
}