﻿@media only screen and (max-width: 659px) {
    .leftcol_searchbox input[type="text"] {
        width: 75%;
    }

    .leftcol_searchbox select {
        width: 28.5%;
        margin-left: 18%;
        margin-top: 3%;
    }

    .aboutHotel__leftWrapper {
        width: 100%;
    }

    .col-sm-4 {
        width: 100%;
        float: left;
    }

    .hidefield_rightinner ul li {
        width: 48.9%;
        margin-right: 1px;
    }
}

@media only screen and (min-width: 660px) and (max-width: 900px) {
    .container.body_container {
        width: 100%;
    }

    .hidefield_rightinner ul li {
        width: 100%;
        margin-right: 1px;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1149px) {
    .hidefield_rightinner ul li {
        width: 48.9%;
        margin-right: 1px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
    .ctacountary_textarea {
        height: 78%;
    }
}

@media only screen and (max-width: 720px) {
    .col-sm-3 {
        width: 50%;
        float: left;
    }

    .col-sm-12 {
        float: left;
        width: 100%;
    }

    .bannersearch_box ul li {
        width: 100%;
        margin-bottom: 1%;
    }

        .bannersearch_box ul li:first-child, .bannersearch_box ul li:nth-child(2), .bannersearch_box ul li.searchli {
            width: 100%;
        }

    .bannersearch_area {
        top: 210px;
    }

    .header_right {
        float: left;
        margin-right: 6px;
    }

    .header_rightnav ul li {
        margin-left: 9px;
    }
}

@media only screen and (max-width: 700px) {
    .menuarea ul li {
        margin-left: 0;
    }
}

@media only screen and (min-width: 721px) and (max-width: 991px) {
    .bannersearch_box ul li {
        width: 50%;
        margin-bottom: 1%;
    }

        .bannersearch_box ul li:first-child, .bannersearch_box ul li:nth-child(2), .bannersearch_box ul li.searchli {
            width: 50%;
        }
}

@media only screen and (max-width: 1000px) {
    .leftcol_map, .rightcol_map {
        width: 100%;
    }

    .hidefield_rightinner ul li span.checkbox_fiels.checkbox_paddingnone {
        margin-top: 3%;
    }
}

@media only screen and (max-width: 450px) {
    .hidefield_rightinner ul li {
        width: 100%;
        margin-right: 1px;
    }

        .hidefield_rightinner ul li span.checkbox_fiels.checkbox_paddingnone {
            margin-top: 6%;
        }
}

@media only screen and (max-width: 405px) {
    .aboutHotel__rightWrapper {
        width: 100%;
    }

    .extrapadding {
        padding-top: 60px;
    }

    .extrapadding2 {
        padding-top: 210px;
    }

    .extra_cta {
        height: 210px;
    }
}

@media only screen and (min-width: 1045px) {
    .container.body_container {
        width: 1045px;
    }
}
