@media (min-width: 992px){
    .book_category_list li.item {
        margin-top: 50px;
    }

    .usearch-container .box_search_new {
        margin-bottom: 50px;
    }

    .book_topic {
        margin-bottom: 50px;
    }

    .mobi_menu{
        display: none;
    }

}

@media (max-width: 991px){
    .main-container {
        padding: 30px 0;
    }

    .head_content nav.nav a {
        margin: 0;
    }

    .head_content .head_item + .head_item:not(.head_login_wrap) {
        width: 170px;
    }

    .mobi_menu {
        color: #fff !important;
        font-size: 25px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 32px;
        cursor: pointer;
    }

    .language_wrap {
        padding-left: 5px;
    }

    .head_content nav.nav {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 250px !important;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transform: translateX(-250px);
        -webkit-transform: translateX(-250px);
        -moz-transform: translateX(-250px);
        z-index: 9999;
        background: rgb(31 34 81);
        box-shadow: 0 0 10px 0 #000;
        display: block !important;
    }

    .show_mobi_menu .head_content nav.nav{
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
    }

    .show_mobi_menu .overlay{
        visibility: visible;
        opacity: 1;
    }

    .head_content nav.nav .item {
        padding: 15px 10px;
        border-bottom: 1px solid #ddd;
    }
}

@media (max-width: 767px){
    .book_topic .head h2 {
        font-size: 16px !important;
    }

    .book_topic .head a {
        min-width: 80px;
    }

    .connection_box h2 {
        font-size: 20px;
    }

    .usearch-container .box_search_new .form_search {
        flex-wrap: wrap;
    }

    .usearch-container .box_search_new .form_search .form_left {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .usearch-container .box_search_new .form_search .form_right {
        max-width: 100%;
    }

    .head_content .head_item:nth-child(1) {
        width: 200px;
    }

    .head_content .head_item:nth-child(2) {
        width: calc(100% - 200px);
        padding-left: 15px;
    }

    .head_login {
        padding: 0;
    }

    .search-bar {
        margin-bottom: 10px;
    }

    .search_result {
        display: block;
    }

    .search_result strong {
        margin-bottom: 10px;
        display: block;
    }

    .pagination_wrap {
        float: right;
    }

    .search_result:after {
        content: "";
        display: table;
        clear: both;
    }
}

@media (max-width: 575px){
    .book_qr {
        margin: 20px auto;
    }

}

@media (max-width: 479px){
    .usearch-container .box_search_new .form_search .form_right .form_cont {
        flex-wrap: wrap;
    }

        .usearch-container .box_search_new .form_search .form_right .form_cont input.form-control {
            width: 100%;
            margin-bottom: 10px;
            margin-right: 0;
        }

        .usearch-container .box_search_new .form_search .form_right .form_cont .btn_submit {
            margin: auto;
        }

    .usearch-container .box_search_new .form_search .form_right .show_wrap {
        width: 100%;
        text-align: center;
    }

    .usearch-container .box_search_new {
        padding: 20px;
    }

    .ic_account {
        margin: 0;
    }

    .head_login span {
        display: none;
    }

    .book_category_list li.item p {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .book_category_list li.item .title {
        font-size: 16px;
    }

    .app_download .img {
        width: 50px;
        height: 50px;
    }

    .app_download h3 {
        font-size: 18px;
    }

    .app_download .col-md-7 {
        margin-bottom: 20px;
    }

    .book_action a {
        padding: 3px 0 3px 30px;
        font-size: 14px;
    }

        .book_action a.heart-interested .icon-in {
            font-size: 20px;
            padding-right: 5px;
        }

    .btn_preview {
        background-size: 15px;
    }

    .btn_booking {
        background-size: 17px;
    }
}

@media (max-width: 379px){
    .head_content .head_item:nth-child(1) {
        width: 150px;
    }

    .head_content .head_item:nth-child(2) {
        width: calc(100% - 150px);
    }
}