.h-table-responsive {
    overflow-x: scroll;
}

.room-table-responsive {
    overflow-x: scroll;
}

@media (max-width: 768px) {
    .room-table-responsive .g-table {
        min-width: 700px;
    }
}


.hotel-header a {
    color: #333;
}


.hotel-list-view .hotel-info {
    min-height: initial;
    height: auto;
}

.hotel-list-view .wrapper img {
    width: 100%;
    height: 140px;
    padding: 10px;
}

.hotelprice-col-md-3 {
    width: 25%;
    float: left;
}

.hotel-list-view .room-book-box {
    height: 140px !important;
}

.hotel-list-view .room-complete-detail .nav-tabs a {
    padding: 5px 8px !important;
    cursor: pointer;
}

.hotel-list-view .g-tabletop-cell {
    height: 34px;
    line-height: 34px;
}

.hotel-b2cratetype-content {
    top: 15px;
    position: absolute;
    right: 5px
}

@media (max-width: 991px) {
    .hotelprice-col-md-3 {
        width: 100%;
        float: inherit;
    }

    .hotel-list-view .room-book-box {
        width: 100%;
        height: auto;
        padding: 15px 0px;
    }

    .hotel-list-view img {
        width: 100% !important;
        height: auto !important;
    }

    .hotel-b2cratetype-content {
        top: 2px;
        position: absolute;
        right: 5px
    }
}

.hotel-list-view {
    margin: 15px 0px !important;
}

    .hotel-list-view .in-content {
        padding: 10px 15px;
        /*border-top: 1px solid #e6e6e6;*/
        /*margin: 0px 15px;*/
    }


.hotel-result-maps-content {
    position: relative;
    width: auto;
}

.hotel-result-maps-in-content {
    box-shadow: 0 0 10px #666;
    position: relative;
}

#HotelMapsAutoComplate {
    margin-left: 98px;
    width: 300px;
    float: left;
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 0px !important;
}

.btn-hide-hotel-map {
    padding: 4px 12px;
    color: #fff;
}

.filter-search-map-content {
    border: solid 1px #ccc;
    font-size: 14px !important;
    text-align: center;
    padding-bottom: 5px;
    cursor: pointer;
}

    .filter-search-map-content:hover {
        border: solid 1px #f75f00;
    }

.hotel-search-maping {
    background-image: url('https://assets.kplus.com.tr/themes/cruiseb2b/images/map/search-maps.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 90px;
    margin-bottom: 5px;
}

.map-detail-container {
    top: -15px;
    /*position: absolute;*/
    height: 70px !important;
    width: 190px !important;
    border-radius: 10px !important;
    background-color: #FFF !important;
    /*box-shadow: 1px 2px 3px 1px rgba(0,0,0,.29);*/
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer !important;
    z-index: 11;
}

    /*.map-detail-container:after {
        content: '';
        position: absolute;
        right: 160px;
        bottom: -16px;
        border-style: solid;
        border-top-width: 17px;
        border-right-width: 6px;
        border-left-width: 10px;
        border-color: #ed8323 transparent transparent;
    }*/

    .map-detail-container .name {
        font-size: 12px;
        color: #222;
        height: 30px;
        margin-bottom: 3px;
        overflow: hidden;
        padding-top: 5px;
        font-weight: 700;
        padding-right: 5px;
    }

    .map-detail-container .star {
        font-size: 10px;
        color: #ed8323;
        margin-bottom: 3px;
    }

    .map-detail-container .price {
        font-size: 15px;
        color: #222;
        font-weight: 700;
    }

.meta-author-img {
    background-color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #ed8323;
    vertical-align: middle;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
    position: relative;
    z-index: 11;
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right: 5px !important;
}

    .meta-author-img img {
        margin-top: -6px;
        margin-left: -6px;
    }

.hotel-map-absolute {
    position: absolute;
    z-index: 5;
    padding: 10px 0px;
    width: 100%;
}

.btn-hotel-show-map {
    background: url("https://assets.kplus.com.tr/themes/cruiseb2b/images/btn-maps-background.jpg") no-repeat scroll 0 0;
    cursor: pointer;
    font-weight: bold;
    height: 60px;
    line-height: 60px !important;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px !important;
    border: 1px solid #b9b9b9;
    filter: alpha(Opacity=90);
}

    .btn-hotel-show-map i {
        font-size: 24px !important;
    }

#map_canvas {
    width: 100%;
}

/**/

.hd-search-container {
}

    .hd-search-container label {
        font-size: 12px !important;
    }

    /*.hd-search-container .input-group-addon {
        padding: 6px !important;
        background-color: #fff;
    }*/


    .hd-search-container .hd-search-content {
        background-color: #eaeaea;
        padding: 15px;
        height: 90px;
        box-shadow: 0 0 4px #e6e6e6;
    }

    .hd-search-container .hd-search-button {
        height: 90px;
        line-height: 90px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        cursor: pointer;
    }

@media (max-width:992px) {

    .hd-search-container .hd-search-content {
        height: auto;
    }

    .hd-search-container .hd-search-button {
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        cursor: pointer;
    }
}

.hd-searchresult-container {
    margin-bottom: 15px;
}

    .hd-searchresult-container .hd-sr-title {
        font-weight: bold;
        font-size: 20px !important;
        color: #333;
    }

    .hd-searchresult-container .hd-table-top {
        height: 44px;
        background-color: #e7e7e7;
        color: #222;
        font-size: 13px;
        font-weight: bold;
        line-height: 44px;
        padding: 0px 10px;
        margin-bottom: 5px;
    }

@media (max-width:992px) {

    .hd-searchresult-container .hd-table-top {
        display: none;
    }
}

.hd-searchresult-container .hd-table-content {
    border: solid 1px #ddd;
    margin-bottom: 5px;
}

.hd-searchresult-container .hd-searchresult-title-content {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-right: 15px;
    margin-top: 15px;
    border: solid 1px #ddd;
}

.hd-searchresult-container .hd-table-content .row-border {
    border-left: dashed 1px #dddddd;
    border-right: dashed 1px #dddddd;
}

.hd-searchresult-container .hd-table-content .rowcontent {
    padding: 15px 10px;
}

.hd-searchresult-container .hd-table-content .buycontent {
    padding: 7px 10px;
}

@media (max-width:992px) {

    .hd-searchresult-container .hd-searchresult-title-content {
        text-align: center;
    }

    .hd-searchresult-container .hd-table-content .row-border {
        border-left: 0px;
        border-right: 0px;
    }

    .hd-searchresult-container .hd-table-content .rowcontent {
        padding: 7px 10px;
        text-align: center;
        border-bottom: dashed 1px #dddddd;
    }

    .hd-searchresult-container .hd-table-content .buycontent {
        padding: 0px;
    }
}



.hd-searchresult-container .hd-table-content .facheck {
    color: #51a351;
    margin-right: 5px;
    font-size: 13px;
}

.hd-searchresult-container .hd-table-content .hd-price {
    font-size: 20px;
}

.hd-searchresult-container .hd-table-content .hd-buybutton {
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    background-color: #0aa40e;
    margin-left: auto;
    margin-right: auto;
}

.hd-searchresult-container .hd-table-content .hd-onrequestbutton {
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    background-color: #d9534f;
    margin-left: auto;
    margin-right: auto;
}

/*************** Main Center ************************/
/*******************************************************/


.main-hotel-center-box .mhcb-images2 {
    height: 210px;
}

.main-hotel-center-box .wrapper {
    height: 210px;
}

@media (max-width:998px) {
    .main-hotel-center-box {
        text-align: center !important;
    }

        .main-hotel-center-box .mhcb-images {
            width: 100%;
            max-width: none;
            margin-bottom: 10px;
        }

        .main-hotel-center-box .mhcb-images2 {
            height: auto;
            width: 100%;
        }

        .main-hotel-center-box .wrapper {
            height: auto;
            width: 100%;
        }
}

.main-hotel-random-box .mhrb-images {
    height: 470px;
    width: 470px;
}

.main-hotel-random-box .mhrb-big-images {
    height: 944px;
    width: 944px;
}

.main-hotel-bottom-box {
}


@media (max-width:998px) {
    .main-hotel-random-box .mhrb-images {
        height: auto;
        width: 100%;
    }

    .main-hotel-random-box .mhrb-big-images {
        height: auto;
        width: 100%;
    }

    .main-hotel-bottom-box .holiday-img {
        overflow: hidden;
        height: 220px;
    }

        .main-hotel-bottom-box .holiday-img .mhrb-images {
            height: auto !important;
            margin-top: -10%;
        }
}

/************************************** Mobile **********************/


.hotel-mobillist-content {
    margin-bottom: 20px;
}

    .hotel-mobillist-content .hotelitem {
        font-size: 11px;
        margin-bottom: 5px;
    }


        .hotel-mobillist-content .hotelitem .tbitem {
            width: 100%;
        }

        .hotel-mobillist-content .hotelitem .header-logo {
            width: 100%;
            overflow: hidden;
            height: 80px;
        }

            .hotel-mobillist-content .hotelitem .header-logo img {
                width: 100%;
            }

        .hotel-mobillist-content .hotelitem .hotellogo {
            width: 100% !important;
        }

        .hotel-mobillist-content .hotelitem .title {
            font-size: 13px;
            margin-bottom: 10px;
            font-weight: bold;
            text-align: center;
            margin-top: 0px;
        }

        .hotel-mobillist-content .hotelitem .stars {
            font-size: 11px;
            line-height: 14px;
            background-color: #000000;
            text-align: center;
            padding: 3px 0px;
        }

        .hotel-mobillist-content .hotelitem .address {
            font-size: 10px;
            line-height: 14px;
        }

        .hotel-mobillist-content .hotelitem .cheapest {
            font-size: 10px;
            text-align: center;
            line-height: 12px;
        }

        .hotel-mobillist-content .hotelitem .strikecontent {
            font-size: 11px;
            line-height: 14px;
            text-align: center;
        }

        .hotel-mobillist-content .hotelitem .pricecontent {
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            line-height: 14px;
        }

        .hotel-mobillist-content .hotelitem .btn-booking-select {
            font-size: 11px;
            border: 0px;
            border-radius: 0px;
            padding: 3px 8px;
            font-weight: bold;
            width: 100% !important;
            display: inline-block;
            text-align: center;
            cursor: pointer;
            background-color: #F7941D !important;
        }

            .hotel-mobillist-content .hotelitem .btn-booking-select:hover {
                background-color: #d4821f !important;
            }

        .hotel-mobillist-content .hotelitem .hrline {
            margin: 5px 0px;
        }


        /********************************** B2B Detail *****************************************/

        .hotel-mobillist-content .hotelitem .mobile-room-complete-detail {
        }

            .hotel-mobillist-content .hotelitem .mobile-room-complete-detail li a {
                color: #fff;
                background-color: #F7941D;
                padding: 5px 8px;
                cursor:pointer;
            }

            .hotel-mobillist-content .hotelitem .mobile-room-complete-detail li.active a {
                background-color: #fff;
                color: #222;
            }

        .hotel-mobillist-content .hotelitem .hotel-list-detail-content .roomlist-title {
            color: #fff;
            padding-left: 5px;
            font-weight: bold;
            font-size: 12px;
            margin-bottom: 5px;
            padding: 2px 4px;
        }

        .hotel-mobillist-content .hotelitem .hotel-list-detail-content .child-roomlist-title {
            color: #333;
            padding: 2px 4px;
            font-weight: bold;
            font-size: 11px;
            background-color: #e2e2e2;
            margin-bottom: 3px;
        }

        .hotel-mobillist-content .hotelitem .hotel-list-detail-content .roomlist-row {
            line-height: 13px;
            margin-bottom: 5px;
            cursor: pointer;
        }

            .hotel-mobillist-content .hotelitem .hotel-list-detail-content .roomlist-row:hover {
                background-color: #f5f5f5
            }

            .hotel-mobillist-content .hotelitem .hotel-list-detail-content .roomlist-row .price {
                font-size: 12px;
                font-weight: bold
            }

            .hotel-mobillist-content .hotelitem .hotel-list-detail-content .roomlist-row .totalprice {
                font-size: 13px;
                font-weight: bold
            }

            .hotel-mobillist-content .hotelitem .hotel-list-detail-content .roomlist-row .ratetype {
                padding: 2px !important;
                text-align: center;
                font-size: 8px;
                margin-right: 2px;
                width: 15px !important;
                cursor: pointer;
            }

            .hotel-mobillist-content .hotelitem .hotel-list-detail-content .roomlist-row .question {
                font-size: 8px;
                background-color: #9e9e9e;
                color: #fff;
                padding: 2px !important;
                text-align: center;
                margin-right: 2px;
                width: 15px !important;
                cursor: pointer;
            }


@media(max-width:768px) {
    .hotel-mobillist-content .hotelitem .mobile-room-complete-detail span {
        display: none;
    }
}


/************************************** Mobile End **********************/

.hotel-detail-room-gnrl-title {
    font-size: 14px;
    padding: 6px 14px;
    color: #fff;
    font-weight: bold;
}

.hotel-detail-room-gnrl-btn {
    font-size: 14px;
    padding: 6px 10px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    text-align: center;
    border: 0px;
    background-color: #F7941D
}

    .hotel-detail-room-gnrl-btn:hover {
        background-color: rgba(0, 173, 239,9);
        transition: 0.5s
    }



/* Async Hotel Result */

.hotelasync-loader {
    background-color: #0e0e0e;
    height: 15px;
    width: 100%;
    display: none;
}



.hotel-roomtable-revize {
    width: 100%;
}

    .hotel-roomtable-revize .hrv-tb1 {
        padding: 10px 10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #ccc;
        font-weight: bold;
        background-color: #ebebeb;
    }

    .hotel-roomtable-revize .hrv-tb2 {
        padding: 10px 10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #ccc;
        font-size: 15px;
        width: 130px;
        text-align: right;
        color: #737373;
        background-color: #ebebeb;
    }

    .hotel-roomtable-revize .hrv-tb3 {
        padding: 10px 10px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #ccc;
        width: 99px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #ccc;
        background-color: #ebebeb;
    }