/* Responsive */
@media only screen and (max-width: 1250px) {

    #wrapper {
        width: 1020px;
    }

    #slider .home-reservation-box,
    #slider-full .home-reservation-box {
        /*left: 30px;*/
        left: 95px;
    }

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


    #logo {
        margin-bottom: 10px;
    }
}

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

    #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;*/
    }

    .topbar-right .hideDiv {
        display: none;
    }

    .topbar-right .header-contact-lbl {
        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;
    }
}

/*@media screen and (max-width: 750px) {
    .btnRez {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }
}

@media screen and (min-width: 751px) {
    .btnRez2 {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }
}

@media screen and (min-width: 751px) {
    .hr_rezervasyon {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }
}*/