@media (max-width: 1200px) {
    .plan-banner {
        width: 150px;
    }

    .plan-banner > span {
        font-size: 16px;
    }

    .plan-banner > h4 {
        font-size: 36px;
    }

    .plan-tour {
        padding-left: 150px;
    }

    .input-field.select label {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .input-field {
        /*padding: 5px;*/
    }

    .plan-tour {
        min-height: 0;
    }

    .ft-title, .ft-offer {
        margin-bottom: 0;
        text-align: center;
    }
}

@media screen and (max-width: 991px) {
    .bg-menu {
        /*background: #248d9c;*/
        padding: 10px 0;
    }

    .active-w #main-menu li a {
        color: #999792;
    }

    .caret {
        display: none;
    }

    .logo {
        margin: 0;
    }

    #site-logo {
        width: 100%;
        height: auto;
    }

    .logo-footer {
        text-align: center;
    }

    #scroll_down h1 {
        font-size: 35px;
    }

    .ft-foot {
        position: static;
        padding-bottom: 30px;
    }

    .ft-data {
        position: static;
        padding-top: 30px;
    }

    .ft-data:hover {
        padding-top: 30px;
    }

    .ft-foot:hover {
        padding-bottom: 30px;
    }

    .ft-title {
        border: 1px solid #999792;
    }

    .ft-title a {
        color: #999792;
    }

    .ft-data a {
        color: #999792 !important;
    }

    .social-footer {
        text-align: center;
    }

    .footer-social {
        float: none;
        margin: auto;
        /* display: inline-table; */
    }

    #main-menu li:hover > a, #main-menu li.current-menu-item > a {
        color: #9f9d98;
    }

    .displaynone {
        display: none !important;
    }

    .reservation2 {
        font-size: 24px;
    }

    .reservation {
        font-size: 24px;
    }

    .bg-bestrate-white {
        padding: 0 10px;
        height: 50px;
    }

    .reservation-size {
        width: 790px;
    }

    .btnbook {
        font-size: 24px;
        padding: 0 10px;
        height: 50px;
    }

    .bg-bestrate-brown {
        padding: 0 11px;
        height: 50px;
    }

}

@media screen and (max-width: 767px) {
    .tablebooknow {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 50%;
        /* height: 60px; */
        background-color: #248d9c;
        z-index: 999999;
        color: #fff;
        font-weight: normal;
        font-size: 24px;
        padding: 10px;
        text-align: center;
        display: block;
        text-transform: uppercase;
    }

    .tabletel {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 50%;
        /* height: 60px; */
        background-color: #b3b3b3;
        z-index: 999999;
        color: #fff;
        font-weight: normal;
        font-size: 24px;
        padding: 10px;
        text-align: center;
        display: block;
        text-transform: uppercase;
    }

    .reservation {
        display: none;
    }

    .reservation2 {
        display: none;
    }

    .foot-box {
        margin-bottom: 50px !important;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #site-logo {
        /*margin: 10px auto;*/
        display: table;
    }

    .left-part, .right-part {
        width: 300px;
        text-align: center;
        display: table;
        margin: 0 auto;
        float: none;
    }

    .left-part span, .right-part span {
        width: 100%;
        margin: 0 0 10px 0;
        border: 0;
    }

    .left-part .social-media, .right-part form {
        margin: 0 auto 10px;
        float: none;
        display: table;
        border: 0;
        padding: 0;
    }

    #main-menu li ul li a, #main-menu li ul li ul li a {
        padding: 10px 20px;
    }

    #main-menu li:hover > ul li:hover ul {
        left: 0;

    }

    .plan-tour {
        padding-left: 0;
        padding-top: 90px;
        background: #FDFDFD;
        border: 1px solid #F0F0F0;
    }

    .plan-banner {
        width: 100%;
    }

    .plan-banner > span, .plan-banner > h4 {
        text-align: center;
        width: 100%;
        padding: 0;
        margin: 0;
        float: left;

        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .banner-overlay h1.text-upper {
        font-size: 32px;
    }

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

    .submit-btn input {
        display: table;
        float: none;
        margin: 0 auto;
        width: 50%;
    }

    .carousel .row > div {
        float: left;
        width: 50%;
    }

    .tl-author {
        width: 100%;
    }

    #ft-footer {
        background-size: cover;
    }

    .submit-btn {
        padding: 10px;
        float: left;
        width: 100%;
    }

    #slider-overlay {
        height: 0;
    }

    #main-slider {
        height: auto;
    }

    #home-page {
        margin-top: 50px;
    }

    aside#sidebar {
        margin-top: 40px;
    }

    .sidebar-widget .nav-tabs > li {
        text-align: center;
        width: 33.334%;
    }

    .flickr-gal li {
        text-align: center;
    }

    .flickr-gal li img {
        display: inline-table;
    }

    .detail-plans-list li {
        width: 50%;
    }

    .offer-box {
        bottom: 0;
        left: 0;
        position: relative;
    }

    .gallery-list li {
        float: left;
        width: 50%;
    }

    .pricing-table {
        margin-bottom: 30px;
        width: 50%;
    }

    .tables-container {
        margin: 0;
    }

    .pricing-tables-2 {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .right-part,
    .contact-email,
    .contact-phone {
        display: none;
    }

    .tp-bullets {
        bottom: 20px !important;
    }

    .side-panel {
        top: 200px;
    }

}

@media (max-width: 767px) {
    .left-part, .right-part {
        width: 300px;
        text-align: center;
        display: table;
        margin: 0 auto;
        float: none;
    }

    .left-part span, .right-part span {
        width: 100%;
        margin: 0 0 10px 0;
        border: 0;
    }

    .left-part .social-media, .right-part form {
        margin: 0 auto 10px;
        float: none;
        display: table;
        border: 0;
        padding: 0;
    }


    #main-menu li a {
        padding: 0 20px;
    }

    #main-menu li ul li a, #main-menu li ul li ul li a {
        padding: 10px 20px;
    }

    #main-menu li:hover > ul li:hover ul {
        left: 0;
    }

    .banner-overlay {
        padding: 63px 0;
    }

    .banner-overlay h1.text-upper {
        text-align: center;
    }

    .breadcrumb {
        float: none;
        text-align: center;
    }

    .container {
        padding: 0 15px;
    }

    .plan-tour {
        padding-left: 0;
        padding-top: 90px;
        background: #FDFDFD;
        border: 1px solid #F0F0F0;
    }

    .plan-banner {
        width: 100%;
    }

    .plan-banner > span, .plan-banner > h4 {
        text-align: center;
        width: 100%;
        padding: 0;
        margin: 0;
        float: left;

        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

    .submit-btn input {
        display: table;
        float: none;
        margin: 0 auto;
        width: 50%;
    }

    .carousel .row > div {
        float: left;
        width: 50%;
    }

    .tl-author {
        width: 100%;
    }

    #ft-footer {
        background-size: cover;
    }

    .foot-boxs {
        padding: 0 15px;
    }

    .submit-btn {
        padding: 10px;
        float: left;
        width: 100%;
    }

    #slider-overlay {
        height: 0;
    }

    #main-slider {
        height: auto;
    }

    #home-page {
        margin-top: 50px;
    }

    aside#sidebar {
        margin-top: 40px;
    }

    .sidebar-widget .nav-tabs > li {
        text-align: center;
        width: 33.334%;
    }

    .flickr-gal li {
        text-align: center;
    }

    .flickr-gal li img {
        display: inline-table;
    }

    .plans-list li {
        width: 50%;
    }

    .offer-box {
        bottom: 0;
        left: 0;
        position: relative;
    }

    .gallery-list li {
        float: left;
        width: 100%;
    }

    .selected-deal, .booking-status {
        border: 0 none;
        float: left;
        margin-bottom: 30px;
        padding: 0;
        width: 100%;
    }

    .pricing-table {
        margin-bottom: 30px;
        width: 100%;
    }

    .tables-container {
        margin: 0;
    }

    .pricing-tables-2 {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .right-part,
    .contact-email,
    .contact-phone {
        display: none;
    }

    .tp-bullets {
        bottom: 20px !important;
    }

    .side-panel {
        top: 300px;
    }

}

@media (max-width: 480px) {
    .banner-overlay h1.text-upper {
        font-size: 24px;
    }

    .carousel .row > div {
        width: 100%;
    }

    .about-author {
        padding: 110px 20px 20px;
    }

    .author-image {
        left: 50%;
        margin-left: -35px;
    }

    .comment-body {
        padding-left: 0;
        padding-top: 80px;
    }

    .commenter-image {
        left: 50%;
        margin-left: -35px;
    }

    .single-ft-btm li.author-img {
        top: 0;
    }

    .img-wt-border {
        margin-top: 5px;
        width: 50px;
    }

    .single-ft-btm {
        padding-left: 80px;
    }

    .plans-list li {
        width: 100%;
    }

    .error-page .error-text span {
        font-size: 16px;
    }

    .error-page .error-text span.large-text {
        font-size: 24px;
    }

}

@media screen and (max-width: 414px) {
    .tablebooknow {
        font-size: 18px;
    }

    .tabletel {
        font-size: 18px;
    }
}