@media (max-width: 1500px) {

    .homePageHilightBoxV2 .container .row-category .category-box .content-category .category-content {
        height: 80px;
    }

        .homePageHilightBoxV2 .container .row-category .category-box .content-category .category-content .category-icon {
            font-size: 40px;
        }

        .homePageHilightBoxV2 .container .row-category .category-box .content-category .category-content span {
            font-size: 14px;
        }

    #reviewPage .detailReview, #reviewPage .sectionReviewQuestion {
        width: 100%;
    }
}

/*Start col-md Range*/
@media(max-width: 1199px) {

    .no-padding-md {
        padding: 0;
    }

    .container, .pageContent {
        width: 100%;
        padding: 0 15px;
    }

    .category-icon {
        font-size: 40px;
    }

    #homePage .modern .destinationWidget {
        height: 226px;
    }

    #searchResultPage .leftColumn, #destinationPage .leftColumn, #productPage .leftColumn, #hotelPage .leftColumn {
        width: 22%;
    }

    #searchResultPage .rightColumn, #destinationPage .rightColumn, #productPage .rightColumn, #hotelPage .rightColumn {
        width: 76%;
    }

    .searchPanel .inputMargin {
        padding: 15px 10px;
        float: left;
    }

    #destinationPage .cover .image-block {
        height: 60vh;
    }

    .homePageHilightBoxV2 .container .row-category .category-box:first-child .content-category {
        padding-left: 15px;
    }

    .rowBorderBottomInclusion {
        font-size: 11px;
    }

    .inclusionData {
        font-size: 13px;
        line-height: 18px;
    }

    #productPage .slideBox.fixed {
        width: 21.2%;
    }

    .productTitle h1 {
        font-size: 20px;
    }

    .rowContent article, .rowContent article p {
        font-size: 14px;
        line-height: 20px;
    }

    .topSectionRightPanel .additionalBox {
        padding: 10px;
    }

    .additionalBox .productPrice .fromPrice .price {
        font-size: 26px;
    }

    .additionalBox .productPrice .fromPrice .publishRate {
        font-size: 16px;
    }

    .additionalBox .buttonbooking {
        font-size: 14px;
    }

        .additionalBox .buttonbooking i {
            font-size: 14px;
        }

    .popup .content {
        height: auto;
    }

    .productList .selectOption {
        font-size: 13px;
    }

    .contentPage.member .label {
        font-weight: 700;
        padding: 0 !important;
        text-align: left !important;
        vertical-align: top;
        /*width: 35%;*/
    }

    .contentPage.member .resentVoucher {
        width: 100%;
    }

    .contentPage.member .field {
        text-align: left;
    }

    .productList select {
        font-size: 14px;
    }

    .connditionContent {
        width: 50rem;
        left: 0;
    }

    /* review page */
    #reviewPage .sectionReviewQuestion .reviewQuestion .leftRow {
        width: 100%;
        background-color: #eee;
        padding: 5px 10px;
        margin-bottom: 10px;
    }

    #reviewPage .sectionReviewQuestion .reviewQuestion .rightRow {
        width: 100%;
    }

    #reviewPage .sectionReviewQuestion .reviewQuestion .headerPoint {
        margin-left: 0;
    }

    #reviewPage .detailReview, #reviewPage .sectionReviewQuestion {
        font-size: 12px;
    }

        #reviewPage .sectionReviewQuestion .reviewBtn {
            padding-left: 0px;
            padding-right: 0px;
        }

    /* review in member page */
    .member .reviewList .centerColumn {
        font-size: 12px;
        width: 70%;
    }

    .member .reviewList .rightColumn {
        width: 100%;
    }

    .member .reviewList .leftColumn {
        width: 30%;
    }

    .member .reviewList .rightColumn #btnReview {
        margin-top: 10px;
    }
}

/*Start col-sm Range*/
@media (max-width: 991px) {

    .rspBlock {
        display: block;
    }

    .no-padding-sm {
        padding: 0;
    }

    select {
        font-size: 12px;
        padding: 4px 35px 4px 8px;
        background-color: #fff;
        line-height: 37px;
    }

    .footer__widgets-areas > div {
        margin-bottom: 0; /*Fixed Adventure Css*/
    }

    .widget-contact-info {
        font-size: 13px;
    }

    .rsp {
        display: inline-block;
    }

    .desktop {
        display: none;
    }

    header.header {
        box-shadow: 0 0 4px #ccc;
        background-color: #fff;
        position: relative;
        z-index: 100;
    }

    #homePage .sectionTitle {
        font-size: 17px;
    }

    html.rspActive {
        background-color: #000;
        margin-left: -80%;
    }

        html.rspActive #productPage .tour-single-rise {
            width: 50%;
            margin-top: 65px;
        }

        html.rspActive #rspMenu {
            background-color: #fff;
            display: block;
            height: 100vh;
            left: 0;
            margin: 0;
            padding: 0;
            position: fixed;
            top: 0;
            width: 100%;
        }

        html.rspActive .header {
            top: 0;
            z-index: 10;
            background: #fff !important;
        }

        html.rspActive .logo {
            margin-left: -70%;
        }

    #rspMenu {
        display: none;
    }

        #rspMenu .menu {
            background-color: #ccc;
            padding: 0;
        }

            #rspMenu .menu .box {
                display: inline-block;
                font-size: 3rem;
                height: 40px;
                line-height: 45px;
                min-height: 40px;
                padding: 0;
                text-align: center;
                width: 40px;
                float: left;
                margin: 0 0 0 15px;
            }

            #rspMenu .menu a {
                color: #c10b0b;
                padding: 15px;
                background-color: #fff;
            }

        #rspMenu li {
            border-bottom: solid 1px #ccc;
            background-color: #fff
        }

        #rspMenu .whiteBg a {
            background-color: #dcf2ff;
        }

        #rspMenu .menu a span {
            font-size: 1.8rem;
            line-height: 40px;
            padding-left: 10px;
            vertical-align: top;
        }

        #rspMenu .title {
            background-color: #ededed;
            color: #333;
            margin-bottom: 0;
            padding: 15px 0;
            text-indent: 10px;
            text-transform: uppercase;
            font-size: 2rem;
        }

    #homePage h1 {
        font-size: 16px;
        left: 0;
        margin-left: 8.33333333%;
        width: 83.33333333%;
        margin-top: 40px;
        position: absolute;
        z-index: 5;
    }

    #homePage .slider {
        height: 280px;
    }

    #homePage .sectionTitle {
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .searchBoxContainer {
        height: 55vh;
        top: 0;
        background-image: url('/media/4833/pic.jpg?width=400&height:300&compression=40');
        background-size: cover;
        background-position: center top;
        background-size: 220%;
        background-repeat: no-repeat;
    }

        .searchBoxContainer .searchFormBox .inputBox i {
            right: 15px;
            top: 20px;
        }

    .header .container .row .header__content {
        height: 60px;
        line-height: 60px;
    }

        .header .container .row .header__content .logo {
            padding: 5px 0;
            height: 60px;
        }

            .header .container .row .header__content .logo #mainLogo {
                background-position: 0 8px;
                width: 88px;
                height: 50px;
            }

    .rspNav {
        font-size: 30px;
        height: 60px;
        line-height: 60px;
        position: absolute;
        right: 0;
        top: 0;
    }

        .rspNav i {
            border-left: solid 1px #ccc;
            float: left;
            height: 60px;
            line-height: 60px;
            padding: 0 15px;
            min-width: 60px;
            text-align: center;
            cursor: pointer;
        }

            .rspNav i.fa-bars {
                font-size: 35px;
            }

            .rspNav i.fa-search {
                font-size: 22px;
            }

        .rspNav .currencySwitcher {
            font-size: 16px;
            font-weight: bold;
            font-style: normal;
            line-height: 60px;
            vertical-align: top;
            color: #333;
            margin-right: 0;
            padding-right: 0;
        }

    .searchBox {
        height: auto;
        margin-top: 20px;
        padding: 5px 15px 20px 15px;
    }

        .searchBox input[type='text'], .searchBox select, .searchBox button {
            height: 40px;
            line-height: 25px;
            padding: 8px 8px 8px 15px;
            border-radius: 0;
            font-size: 13px;
        }

        .searchBox input[type='text'], .searchBox select {
            margin-bottom: 10px;
        }

        .searchBox form {
            margin-top: 55px;
            width: 100% !important;
        }


    #homePage .searchBtn {
        line-height: 0;
        margin-top: 5px;
    }

    .homePageHilightBoxV2 .container {
        padding: 0px;
    }

        .homePageHilightBoxV2 .container .row-category {
            width: 100%;
            height: auto;
        }

            .homePageHilightBoxV2 .container .row-category .category-box {
                min-width: 50%;
                float: left;
                border-bottom: solid 1px #ccc;
            }

                .homePageHilightBoxV2 .container .row-category .category-box:nth-child(2) {
                    border-right: solid 0px #fff;
                }

                .homePageHilightBoxV2 .container .row-category .category-box .content-category {
                    padding: 10px;
                }

                    .homePageHilightBoxV2 .container .row-category .category-box .content-category .category-icon {
                        width: 15%;
                        text-align: center;
                        font-size: 30px;
                    }

                    .homePageHilightBoxV2 .container .row-category .category-box .content-category .category-content {
                        width: 85%;
                        line-height: 15px;
                        height: 35px;
                    }

                        .homePageHilightBoxV2 .container .row-category .category-box .content-category .category-content span {
                            font-size: 11px;
                        }

    .headerPopup {
        top: 60px;
    }

    .buyNowPopup {
        left: 5%;
        width: 90%;
        margin: 0;
        padding: 30px;
        font-size: 12px;
    }

        .buyNowPopup .step1 .memberTabs {
            line-height: 25px;
        }

        .buyNowPopup .step2 .buyerDescription {
            padding-bottom: 0;
            font-size: 12px;
        }

        .buyNowPopup .step2 .productInfo {
            font-size: 12px;
        }

        .buyNowPopup .step2 .subPanel .subTitle {
            font-size: 14px;
        }

        .buyNowPopup h2 {
            margin-top: 0;
            display: inline-block;
            font-size: 20px !important;
        }

        .buyNowPopup .tab:hover {
            background-color: #fff;
        }

        .buyNowPopup .detailPackage {
            font-size: 11px;
        }

    .languageSwitcher img {
        margin-top: -5px;
        width: 30px;
    }

    .loginPopup {
        width: 70%;
        left: 15%;
    }

        .loginPopup a {
            font-weight: 400;
        }

    .currencyPopup {
        width: 80%;
        right: 60px;
    }

    .wishlistPopup {
        width: 86%;
        left: 7%;
    }

    .flagPopup {
        right: 125px;
        border: 0;
    }

        .flagPopup ul li {
            width: 100%;
            padding: 10px;
            font-size: 1.8rem;
        }

            .flagPopup ul li a {
                width: 100%;
            }

            .flagPopup ul li .flag {
                margin-right: 10px;
            }


    .cancellationPopup {
        width: 80%;
        left: 10%;
        padding: 20px;
    }

    .roomInfoPopup {
        width: 96%;
        left: 2%;
        padding: 30px;
    }

        .roomInfoPopup .title {
            font-size: 20px;
        }

        .roomInfoPopup .roomTypeFeatures {
            padding: 0;
        }

            .roomInfoPopup .roomTypeFeatures .no-padding-left {
                padding-left: 5px;
            }

        .roomInfoPopup .rowBorderBottomInclusion {
            font-size: 12px;
        }

        .roomInfoPopup .roomTypeFeatures .featureRow .featureItem {
            font-size: 12px;
        }

        .roomInfoPopup .infoText strong,
        .roomInfoPopup .infoText span {
            font-size: 12px;
        }

        .roomInfoPopup .childPolicy {
            font-size: 12px;
        }

        .roomInfoPopup article {
            font-size: 12px;
            line-height: 14px;
        }

    .showFilterBtn {
        background-color: #fff;
        border: solid 1px #fff;
        border-radius: 4px;
        box-shadow: 0 0 3px #888;
        float: right;
        height: 40px;
        margin-bottom: 10px;
        width: 40px;
    }

    .display_invisible {
        background: rgba(255,255,255,0.3);
        display: inline-block !important;
        height: 100%;
        left: 0;
        margin: 0 !important;
        overflow: auto;
        padding: 60px 10px;
        position: fixed;
        right: 0;
        top: 0;
        width: auto;
        z-index: 20;
        border: 0;
    }

    .invisibleTab-sm {
        display: none;
    }

    .searchBoxVertical .searchTitle {
        padding: 4px;
        text-indent: 4px;
        font-size: 12px;
    }

    #searchResultPage .rightColumn, #destinationPage .rightColumn, #productPage .rightColumn, #hotelPage .rightColumn {
        width: 100%;
    }

    #searchResultPage .sortFilter {
        width: 50%;
        float: right;
    }

    #searchResultPage .searchBox {
        height: 225px;
        margin-top: -7px;
    }

        #searchResultPage .searchBox form {
            margin-top: 5px;
        }

    #searchResultPage .searchPanel, #destinationPage .searchPanel, #productPage .searchPanel {
        box-shadow: 0 0 9px #888;
        width: 60%;
        margin: 0 20%;
    }

    #filterPanel .searchTitle, #filterPanel .sectionBlock {
        width: 60%;
        margin: auto;
    }

    #destinationPage .cover .image-block {
        height: 50vh;
    }

    .addToWishListRow {
        font-size: 18px;
        font-weight: 700;
        position: absolute;
        right: 0;
        text-align: center;
        top: 15px;
    }

    .productTopSection {
        margin-bottom: 20px;
    }

        .productTopSection .topSectionRightPanel {
            margin-bottom: 0px;
        }

        .productTopSection .topSectionLeftPanel {
            padding: 0;
        }

            .productTopSection .topSectionLeftPanel .productPhotoPanel {
                padding-top: 15px;
                display: inline-block;
            }

                .productTopSection .topSectionLeftPanel .productPhotoPanel .rspBlock {
                    margin: 0 -15px;
                }

            .productTopSection .topSectionLeftPanel .productTitle {
                cursor: pointer;
            }

                .productTopSection .topSectionLeftPanel .productTitle h4 {
                    margin-bottom: 0;
                }

    .productList .productListTitle {
        margin-top: 0;
        display: inline-block;
        cursor: pointer;
    }

        .productList .productListTitle.hasPromotion {
            margin-top: 20px;
        }

    #productPage .productList .imgProductList {
        display: none;
    }

        #productPage .productList .imgProductList img {
            margin-bottom: 20px;
        }

    .productList .selectOption {
        font-size: 14px;
        font-weight: 700;
        line-height: 15px;
        margin-bottom: 10px;
    }

    .productList .bgPriceSumary {
        display: inline-block;
        padding-top: 15px;
        padding-bottom: 5px;
        width: 100%;
    }

    .productList select {
        background: url(/img/sprite-v1.0.1.png) 100% -94px no-repeat;
        font-size: 14px;
        padding-right: 30px;
        background-color: #fff;
        height: 45px;
        margin-bottom: 10px;
    }

    .productList .text-note {
        line-height: 20px;
        margin-bottom: 5px;
    }

    .productList .arrow_box {
        height: 28px;
        position: absolute;
        right: -17px;
        top: -5px;
        width: 70%;
    }

        .productList .arrow_box:after {
            top: 0;
        }

    .productList .instantBooking {
        margin-top: 10px;
    }

    #productPage .leftColumn .slideJS,
    #hotelPage .leftColumn .slideJS {
        float: left;
        height: 0;
    }

    #productPage .productTitle,
    #hotelPage .productTitle {
        float: left;
        width: 60%;
    }

    #productPage .buyNowSection,
    #hotelPage .buyNowSection {
        float: right;
        width: 40%;
    }

    .productContent {
        line-height: 20px;
        padding-bottom: 60px !important;
    }

        .productContent .readMore {
            background-position: 0 18px;
            border-bottom: solid 1px #11AFBE;
            width: auto;
            left: 0;
            right: 0;
            margin: -15px 15px 0 15px;
        }

            .productContent .readMore span {
                background-color: #11AFBE;
                box-shadow: 0 0 2px #000;
                color: #fff;
                line-height: 30px;
                margin-top: 25px;
                width: 150px;
                border-radius: 4px;
            }

        .productContent article {
            height: auto;
            max-height: 153px;
            padding-bottom: 60px;
        }

        .productContent.expanded {
            margin-bottom: 20px !important;
            padding-bottom: 15px !important;
        }

            .productContent.expanded article {
                padding-bottom: 10px !important;
            }

    .topSectionLeftPanel .productTitle.fixed {
        position: fixed;
        top: 0;
        width: 100% !important;
        left: 0;
        display: inline-table;
        border-radius: 0;
        z-index: 10;
        line-height: 20px;
        box-shadow: 0 0 4px #000;
        height: auto;
        padding: 20px;
        background-color: #fff;
        margin: 0;
    }

    .topSectionLeftPanel .buttonbooking, .buttonbooking i {
        font-size: 14px;
    }

        .topSectionLeftPanel .buttonbooking.fixed {
            position: fixed;
            bottom: 0;
            width: 100%;
            left: 0;
            display: inline-table;
            border-radius: 0;
            z-index: 10;
            line-height: 40px;
            font-size: 20px;
            box-shadow: 0 0 4px #000;
        }

            .topSectionLeftPanel .buttonbooking.fixed i {
                font-size: 25px;
            }

        .topSectionLeftPanel .buttonbooking:hover {
            color: #fff;
        }

    .tour-single-rise {
        margin-bottom: 0;
    }

    #checkArrivalContentPage {
        margin-bottom: 20px;
    }

        #checkArrivalContentPage #searchHotel {
            display: none;
        }

        #checkArrivalContentPage.active .searchText {
            display: none;
        }

        #checkArrivalContentPage.active #searchHotel {
            display: block;
        }

        #checkArrivalContentPage .searchText #hotelSearchText {
            color: #fff;
            padding: 10px 0;
            font-size: 17px;
            text-align: center;
        }

        #checkArrivalContentPage .selectBox {
            margin: 0 0 10px;
        }

        #checkArrivalContentPage .btnCheck {
            margin-top: 20px;
        }

        #checkArrivalContentPage .searchText #changeSearchConditions {
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
        }

    #hotelPage #checkArrivalContentPage {
        background-color: #859db6;
    }

        #hotelPage #checkArrivalContentPage.active {
            background-color: #ddd;
        }

    #hotelPage .productList .productListTitle h3 {
        font-size: 15px;
        text-align: center;
    }

    .productList .roomGridRowTitle {
        display: none;
    }

    .productList .sectionSelect label {
        font-weight: 500;
        font-size: 14px;
    }

    .productList .positionPrice {
        padding: 10px;
        background-color: #f2f2f2;
    }

    .contentPage.member h1 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .contentPage.member h2 {
        font-size: 16px;
    }

    .contentPage.member .bookingListRow {
        font-size: 12px;
    }

    /* payment page */

    #paymentPage .productInfoPayment, #paymentPage .infoPayment {
        width: 100%;
        margin-bottom: 10px;
    }

    /*#paymentPage {
        padding-left:10px;
        padding-right:10px;
    }*/

    #paymentPage .infoPayment {
        padding: 20px;
    }

    .infoPayment .paymentForm .continuePayment, .infoPayment .paymentForm .cancelPayment {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .infoPayment .paymentForm {
        width: 100%;
    }

        .infoPayment .paymentForm label {
            margin-bottom: 5px;
        }

    #paymentPage h1 {
        font-size: 24px;
    }

    #paymentPage h2 {
        font-size: 20px;
    }

    .productInfoPayment .buyerInfo .columnLeft, .productInfoPayment .buyerInfo .columnRight {
        width: 100%;
        text-align: left;
    }

    .productInfoPayment, .infoPayment {
        padding: 10px;
    }
}


@media (max-width: 780px) {

    #onRequestPage h1 {
        font-size: 20px;
    }

    #onRequestPage h2 {
        font-size: 16px;
    }

    #searchResultPage .widgetHilight .left {
        text-align: left;
    }

    .bookingListRow {
        margin-top: 10px;
    }

    #buyNowPopup select {
        height: 35px;
        padding: 2px;
    }

    #productPage .productBox .atgrid__item__priceV2.showCrossOut label.publishRate {
        vertical-align: top;
    }

    .swiper-wrapper .atgrid__item__priceV2 .currency label, .swiper-wrapper .atgrid__item__priceV2 .currency .currencyLabel {
        float: left;
        width: auto;
        clear: both;
    }

    #productPage .specialPrice {
        font-size: 13px !important;
    }

    #datepicker {
        margin-left: 10px;
    }

    #homePage .swiper-slide a {
        max-width: 100%;
        margin: 0;
    }

    #productPage .buyerDescription,
    #hotelPage .buyerDescription {
        display: inline-table !important;
        width: 100%;
    }

    #productPage .freeHilight,
    #hotelPage .freeHilight {
        color: #6BAB35;
        display: block;
        height: auto;
        line-height: 14px;
    }

        #productPage .freeHilight label,
        #hotelPage .freeHilight label {
            font-size: 10px;
            margin-right: 5px;
        }

    #productPage .fromPrice .sellingPrice {
        font-size: 25px;
    }

    #productPage .fromPrice .specialPrice {
        color: #000;
        text-decoration: line-through;
        width: 100%;
        text-align: right;
        display: inline-table;
    }

    #productPage .red.bold,
    #hotelPage .red.bold {
        font-size: 13px;
    }

    #productPage .slider,
    #hotelPage .slider {
        display: none;
        height: 210px;
    }

    #productPage h2,
    #hotelPage h2 {
        font-size: 14px;
    }

    #productPage .scroll,
    #hotelPage .scroll {
        display: none;
    }

    #swiper1 h3, .step2 .quantity {
        font-size: 18px;
    }

    #ui-datepicker-div {
        left: 20% !important;
    }

    .atgrid__item__buyNow {
        font-size: 14px;
        padding: 0px;
    }

    .productWidget .productBox {
        text-align: left;
    }

    .item-attributes__link {
        margin: 10px 0px;
    }

    #productPage .container, #hotelPage .container {
        margin-top: 0;
        display: inline-block;
    }

    #buyNowPopup .content {
        height: auto;
    }

    .checkArrivalTitle {
        line-height: 35px;
    }

        .checkArrivalTitle .nonPaddingRight {
            padding-right: 10px;
        }

    .container, #searchResultPage .productBox {
        margin: 0;
        width: 100%;
    }

    .contentPage .searchBox {
        height: auto;
        margin-top: 0;
    }

        .contentPage .searchBox form {
            height: auto;
            margin-top: 0;
        }

    .headerAdditionalInfo .featureRow {
        font-size: 12px;
    }

    .fixedDate {
        line-height: 40px;
    }

    .float-left-xs {
        float: left;
    }

    .flagPopup ul, .wishlistPopup .wishlistTitle {
        text-align: left;
    }

    .flagPopup ul {
        width: 100%;
    }

    .step2 input[type='button'], .detailMap label, .text-xs {
        font-size: 12px;
    }


    .homePageContent table, .mainPhoto img {
        width: 100%;
    }

    .homePageHilightBox {
        display: inline-table;
        margin-top: 25px;
    }

        .homePageHilightBox .box {
            font-size: 14px;
            height: 120px;
            margin-bottom: 10px;
            padding: 10px;
        }

    footer #text-3, footer #text-4, #homePage video, #homepageFooterList, #destinationPage .weatherWidget {
        display: none;
    }

    #homePage .page-single {
        margin-top: 0;
    }

    .iconCategory {
        padding-right: 0;
    }

    .productInfoSection, #destinationInfo .row, #destinationPage .row {
        margin: 0;
    }

    .index0 {
        z-index: 0;
    }

    .nav-tabs li.active {
        width: 38%;
    }

        .nav-tabs li.active a {
            font-size: 12px !important;
            padding: 0 5px !important;
        }

    .onRequestBookingTable {
        font-size: 12px;
    }

        .onRequestBookingTable .table-row {
            margin-bottom: 0;
        }

            .onRequestBookingTable .table-row:last-child .cell:last-child {
                border-bottom: 0;
            }

            .onRequestBookingTable .table-row .cell {
                border-bottom: 3px solid #fff;
            }

    .option {
        padding-left: 0;
        padding-right: 0;
    }

    .paddTop10-xs {
        padding-top: 10px !important;
    }

    .padding-bottom-20-xs {
        display: inline-block;
        padding-bottom: 20px;
    }

    .page-single {
        margin-top: 200px;
    }

    .page-single__content {
        display: inline-table;
    }

    .priceSummarySection {
        background-color: #eee;
    }

    .productGallarySwiper.rsp {
        display: inline-block;
    }

    .tab-content .tab-pane {
        padding: 10px;
    }

    .tab-pane .title {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .text-left-xs {
        text-align: left !important;
    }

    .totalPrice {
        color: #e50808;
        line-height: 15px;
        padding-top: 8px;
    }

        .totalPrice small {
            color: #888;
            display: inline-table;
            font-size: 12px;
            font-weight: 700;
            width: 100%;
        }

    .tours-type-icons__it {
        height: 80px;
        width: 80px;
    }

    .tours-type-icons__slider, .topSectionLeftPanel, #destinationPage .destinationInfo {
        padding: 0;
    }

    .whisList button.removeWishList {
        float: right;
    }

    body .ui-datepicker {
        margin-left: -35px;
        width: 300px !important;
    }

    .rspNav.toggle fa-user {
        margin-right: 10px;
    }

    footer .textwidget {
        text-align: center;
    }

    footer .text-right-sm {
        text-align: right;
    }

    footer .widget__title, .priceSection {
        margin-bottom: 0;
    }

    h3.atgrid__item__title {
        font-size: 16px;
    }

    select.quantity, select.quantity option {
        text-indent: 20%;
    }

    #hotelPage .roomInfoWithIcon {
        width: 100%;
        display: inline-table;
    }

    .padding-xs {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #hotelPage .roomRateTable.active .content {
        text-align: right;
    }

    #hotelPage .roomRateLoading {
        height: 85px;
    }

    #hotelPage .isGridsList .partnerRoomGridName {
        font-size: 11px;
        margin-left: -15px;
        margin-right: -15px;
        text-align: center;
    }

    #currencyPopup ul li {
        text-align: left;
        width: 100%;
        padding: 10px;
        font-size: 1.8rem;
    }

        #currencyPopup ul li a {
            width: 100%;
            font-size: 1.8rem !important;
        }

    #hotelPage #buyNowPopup .pricePeriod {
        font-size: 15px;
        line-height: 35px;
    }

    .lineHeight33 {
        line-height: 33px;
    }

    #cancellationPage .bookingInfo .margin-bottom-xs {
        margin-bottom: 2px;
    }

    .cancellationContent, .connditionContent {
        width: 100%;
        left: 0;
    }

    #navigation .logInMenu .loginNav {
        display: none;
    }

    #destinationPage .seeAllDestination {
        display: inline-block;
        width: 100%;
    }

    #paymentPage .tab {
        background-color: #006fe6;
        color: #fff;
        text-indent: 10px;
        margin-bottom: 1px;
        padding: 10px 0;
        display: inline-table;
        width: 100%;
    }

    #paymentPage .productInfoPayment, #paymentPage .infoPayment {
        width: 100%;
        padding: 20px;
        border: solid 1px #ccc
    }

    .infoPayment .paymentForm input, .infoPayment .paymentForm select {
        width: 100%;
    }

    #paymentForm img {
        width: 40px
    }

    .infoPayment .paymentForm .dropdownMonth, .infoPayment .paymentForm .dropdownYear {
        width: 49%
    }

    .panelProductInfo section {
        display: none;
    }

    .productInfoPayment .buyerInfo .columnLeft {
        display: none;
    }

    .infoPayment .paymentForm .dropdownYear {
        margin-left: 2%
    }
}


/*Start col-xs Range*/
@media (max-width: 767px) {

    .no-padding-xs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .no-padding-left-xs {
        padding-left: 0;
    }

    .no-padding-right-xs {
        padding-right: 0;
    }

    .lineHeight20-xs {
        line-height: 20px;
    }

    #homePage {
        float: left;
    }

        #homePage .homePageHilightBoxV2 {
            height: auto;
            display: inline-table;
        }

        #homePage .sectionTitle {
            font-size: 15px;
        }

        #homePage .slider {
            height: 56vh;
        }

    .searchBoxContainer {
        height: 70vh;
        padding-top: 25%
    }

    .header .container .row .header__content {
        height: 50px;
        line-height: 50px;
    }

        .header .container .row .header__content .logo {
            height: 50px;
            padding: 3px 0;
            float: left; /*Fixed Adventure Css*/
        }

            .header .container .row .header__content .logo #mainLogo {
                background-size: 370%;
                height: 44px;
                width: 80px;
            }

    .rspNav {
        height: 50px;
        line-height: 50px;
    }

        .rspNav i {
            height: 50px;
            line-height: 50px;
            min-width: 50px;
        }

            .rspNav i.fa-bars {
                font-size: 30px;
            }

            .rspNav i.fa-search {
                font-size: 20px;
            }

        .rspNav .currencySwitcher {
            font-size: 14px;
            line-height: 50px;
        }

    .pageContent, #searchResultPage .sortFilter {
        width: 100%;
    }

    #destinationPage .cover .image-block {
        height: 40vh;
    }

    #destinationPage .cover .title {
        font-size: 50px;
    }

    .destinationInfoBox i {
        text-align: center;
        width: 100%;
        line-height: 35px;
    }

    .destinationInfoBox strong {
        text-align: center;
        width: 100%;
        margin-top: 0;
    }

    .destinationInfoBox span {
        text-align: center;
        width: 100%;
    }

    .seeAllActivities {
        margin-top: 5px;
        display: inline-table;
        width: 100%;
    }

    /* Start Css Footer */
    .footer .widget .textwidget {
        text-align: center;
        display: inline-table;
        width: 100%;
    }

    .widget-contact-info__item__text {
        text-align: center;
        font-size: 12px;
        line-height: 20px;
    }

    .footer__copyright {
        text-align: center;
        font-size: 12px;
        line-height: 20px;
    }

    .widget-contact-info {
        font-size: 12px;
        line-height: 20px;
    }

    #brandingLogo div {
        margin: 0 10px;
        width: 40px;
        height: 40px;
    }

    #brandingLogo .tat {
        background-position: -48px -41px;
        width: 40px;
        background-size: 235px;
    }

    #brandingLogo .pata {
        background-position: -46px -87px;
        width: 60px;
        background-size: 235px;
    }

    #brandingLogo .dbd {
        background-position: -44px -122px;
        width: 92px;
        background-size: 237%;
    }

    footer .lineIcon {
        width: 40px;
        background-size: 619px !important;
        height: 40px;
        display: inline-block;
        background: url(/img/sprite-v1.0.1.png) -295px -97px no-repeat;
    }
    /* End Css Footer */

    .headerPopup {
        top: 50px;
    }

    .flagPopup {
        right: 115px;
    }

    .currencyPopup {
        right: 55px;
    }

    .roomInfoPopup .info {
        padding-left: 0;
    }

    .roomInfoPopup .title {
        font-size: 18px;
    }

    .roomInfoPopup .roomTypeFeatures {
        border-bottom: 1px solid #ccc;
    }

    .buyNowPopup .price {
        font-size: 16px;
    }

    .buyNowPopup .description {
        line-height: 18px;
        padding-top: 6px;
    }

    .buyNowPopup #loginCheckOutForm {
        line-height: 20px;
    }

    .buyNowPopup #dataCheckOutForm {
        line-height: 30px;
    }

    .buyNowPopup input[type='text'],
    .buyNowPopup input[type='password'],
    .buyNowPopup input[type='tel'] {
        height: 40px;
        padding: 8px 10px;
    }

    .buyNowPopup #logInProductBtn, .buyNowPopup #continuebutton {
        line-height: 30px;
    }

    .wishlistList .wishListProduct {
        margin-top: 10px;
        position: relative;
    }

        .wishlistList .wishListProduct .wishListProductDesc {
            width: 70%;
        }

            .wishlistList .wishListProduct .wishListProductDesc .wishListProductInfo {
                border: 0;
                margin-bottom: 10px;
                padding-left: 20px;
                width: 70%;
                position: absolute;
                bottom: 0;
                left: 30%;
            }

                .wishlistList .wishListProduct .wishListProductDesc .wishListProductInfo .wishListProductPrice {
                    font-size: 20px;
                    margin-left: 5px;
                    text-align: left;
                    width: 47%;
                    line-height: 32px;
                }

                    .wishlistList .wishListProduct .wishListProductDesc .wishListProductInfo .wishListProductPrice span {
                        font-size: 14px;
                    }

                .wishlistList .wishListProduct .wishListProductDesc .wishListProductInfo .wishListProductRemove {
                    margin: 0;
                    width: 50%;
                    text-align: right;
                    padding-right: 20px;
                }

            .wishlistList .wishListProduct .wishListProductDesc .wishListProductName {
                font-size: 18px;
                padding: 5px 5px 5px 20px;
                text-align: left;
                width: 100%;
                word-break: break-all;
            }

                .wishlistList .wishListProduct .wishListProductDesc .wishListProductName a {
                    font-size: 16px !important;
                    color: #3366CC;
                    text-decoration: underline;
                }

        .wishlistList .wishListProduct .wishListProductImg {
            line-height: 100%;
            margin: 0;
            width: 30%;
        }

            .wishlistList .wishListProduct .wishListProductImg img {
                width: 100%;
            }

    .wishlistList .wishListProductRemove button {
        font-size: 14px;
        line-height: inherit;
        padding: 15px;
    }

    .cancellationPopup {
        width: 90%;
        left: 5%;
        padding: 15px;
    }

        .cancellationPopup .title {
            padding: 0 10px;
        }

        .cancellationPopup .cancellationRow {
            padding: 0 5px 5px 5px;
        }

        .cancellationPopup .title {
            font-size: 20px;
            margin: 10px 0;
        }

        .cancellationPopup .cancellationRow {
            font-size: 12px;
            line-height: 20px;
            border-bottom: solid 1px #ccc;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

    .addToWishListRow {
        top: 5px;
    }

        .addToWishListRow .addToWishListIcon {
            font-size: 15px;
            line-height: initial;
        }

        .addToWishListRow .addToWishList, .addToWishListRow .removeWishList {
            font-size: 14px;
        }

    .display_invisible {
        padding: 50px 10px;
    }

    #filterPanel .searchTitle, #filterPanel .sectionBlock {
        width: 80%;
        margin: auto;
    }

    html.rspActive #productPage .tour-single-rise {
        margin-top: 48px;
    }

    .breadCrumb ul, #productPage .container, #hotelPage .container {
        margin-top: 0;
        display: inline-block;
    }

    .memberTermPanel {
        display: none;
        position: absolute;
        right: 15px;
        /*top: 105px;*/
        top: 215px;
        z-index: 20;
        background: #e9fdff;
        width: 80%;
        border: 3px solid #10b3c2;
        border-radius: 10px;
    }

    #productPage .breadCrumb li:last-child,
    #hotelPage .breadCrumb li:last-child {
        display: none;
    }

    #productPage h1,
    #hotelPage h1 {
        font-size: 15px;
        font-weight: 700;
        line-height: 18px;
        margin: 0;
    }

    .topSectionLeftPanel .fixed h1 {
        max-height: 36px;
        overflow: hidden;
    }

    .topSectionLeftPanel .featureItem {
        font-size: 14px;
    }

    #productPage .productTitle h4,
    #hotelPage .productTitle h4 {
        font-size: 12px;
    }

    #productPage .breadCrumb, #hotelPage .breadCrumb {
        margin: auto;
        width: 70%;
        display: inline-block;
    }

        #productPage .breadCrumb ul,
        #hotelPage .breadCrumb ul {
            line-height: 18px;
            margin-top: 10px;
        }

    #searchResultPage .searchPanel, #destinationPage .searchPanel, #productPage .searchPanel {
        width: 70%;
        margin: 0 15%;
    }

    .additionalBox .price, .topSectionLeftPanel .price {
        font-size: 24px;
    }

    .additionalBox .price, .topSectionLeftPanel .publishRate {
        font-size: 15px;
    }

    .contentTitle strong, #sectionMap strong, .productSwiper strong {
        font-size: 15px;
    }

    .rowContent article, .rowContent article p {
        font-size: 13px;
    }

    .productList .productListTitle {
        font-size: 14px;
    }

    .productList .selectOption {
        font-size: 12px;
    }

    .productList .roomGridName {
        font-size: 14px;
    }

    .productList .cancellationPolicyText {
        font-size: 12px;
    }

    .productList .groupSelect label {
        font-weight: normal;
        font-size: 12px;
    }

    .productList .surcharge {
        line-height: 20px;
        padding: 5px 0;
    }

        .productList .surcharge small {
            font-size: 10px;
        }

    #hotelPage .roomRateTable {
        margin: 0;
    }

    #hotelPage .rateTable .wrapper {
        overflow-x: scroll;
    }

    #hotelPage .roomRateTable ul {
        width: 240%;
        overflow: visible;
        text-align: left;
    }

        #hotelPage .roomRateTable ul li {
            text-align: center;
            line-height: 25px;
            min-width: 70px;
        }

    #hotelPage .arrowLeft, #hotelPage .arrowRight {
        font-size: 30px;
        width: 28px;
    }

    #hotelPage .rateTable li label {
        font-size: 14px;
        line-height: 30px;
    }

    #hotelPage .rateTable li span {
        font-size: 16px;
    }

    .social-icons__icon i {
        color: #fff;
        font-size: 17px;
    }

    .social-icons--square .social-icons__icons {
        height: 60px;
    }

        .social-icons--square .social-icons__icons .social-icons__icon {
            height: 35px;
            width: 35px;
        }

    .topSectionLeftPanel .productPrice .priceTitle {
        left: 0;
        height: 45px;
    }

        .topSectionLeftPanel .productPrice .priceTitle label {
            font-size: 12px;
        }

    .topSectionLeftPanel .productPrice .fromPrice {
        padding-left: 45px;
        height: 45px;
    }

        .topSectionLeftPanel .productPrice .fromPrice .price {
            font-size: 26px;
            line-height: 28px;
        }

        .topSectionLeftPanel .productPrice .fromPrice .publishRate {
            font-size: 18px;
            line-height: 17px;
        }

    .topSectionLeftPanel .productTitle.fixed {
        padding: 10px 20px;
    }

    .topSectionLeftPanel .buttonbooking.fixed {
        line-height: 35px;
    }

    .productTopSection .topSectionLeftPanel .productPhotoPanel {
        padding-top: 5px;
    }

    .scrolltop {
        background: rgba(0,0,0,0.30);
        bottom: 0;
        right: 0;
    }

    /* login */

    .loginProcess .shallLogin, .loginProcess .facebookLogin {
        padding: 0;
    }
}

/*Start Tiny Range*/
@media (max-width: 540px) {

    .productList select, .arrivalDatePicker, .checkArrival select, .checkArrival input {
        height: 40px;
        font-size: 12px;
        line-height: 12px;
    }

    .fullWidth-xxs {
        width: 100%;
    }

    #homePage h1 {
        font-size: 14px;
    }

    .searchBox input[type='text'], .searchBox select, .searchBox button {
        height: 35px;
        line-height: 20px;
        font-size: 12px;
    }

    .searchBoxContainer .searchFormBox .inputBox i {
        top: 17px;
    }

    .header .container .row .header__content {
        height: 45px;
        line-height: 45px;
    }

        .header .container .row .header__content .logo {
            height: 45px;
            padding: 3px 0;
            float: left; /*Fixed Adventure Css*/
        }

            .header .container .row .header__content .logo #mainLogo {
                background-size: 370%;
                height: 39px;
                width: 70px;
            }

    .rspNav {
        height: 45px;
        line-height: 45px;
    }

        .rspNav i {
            height: 45px;
            line-height: 45px;
            min-width: 40px;
            padding: 0 10px;
        }

            .rspNav i.fa-bars {
                font-size: 25px;
            }

            .rspNav i.fa-user {
                font-size: 25px;
            }

        .rspNav .currencySwitcher {
            line-height: 45px;
        }

    .productWidgetList .productWidget {
        width: 100%;
        padding: 0;
    }

    .homePageHilightBoxV2 .container .row-category .category-box .content-category .category-content {
        width: 80%;
        height: 50px;
        overflow: hidden;
    }

    .homePageHilightBoxV2 .container .row-category .category-box .content-category .category-icon {
        width: 20%;
        font-size: 24px;
    }

    .headerPopup {
        top: 45px;
    }

    .popup {
        padding: 10px;
    }

        .popup i.close {
            top: 10px;
            right: 10px;
        }

    .loginPopup {
        width: 95%;
        left: 2.5%;
    }

    .flagPopup {
        width: 100%;
        left: 0%;
        padding: 40px 25px 25px 25px;
        position: fixed;
        top: 0;
        height: 100vh;
        z-index: 100;
        border: 0;
    }

    .currencyPopup {
        width: 100%;
        left: 0%;
        padding: 40px 25px 25px 25px;
        position: fixed;
        top: 0;
        height: 100vh;
        z-index: 100;
        border: 0;
    }


    .cancellationPopup {
        width: 96%;
        left: 2%;
    }

        .cancellationPopup .title {
            font-size: 16px;
        }

    .roomInfoPopup {
        padding-bottom: 20px;
    }

    .buyNowPopup {
        width: 98%;
        left: 1%;
        padding: 10px 20px;
    }

        .buyNowPopup .quantity {
            font-size: 15px;
        }

        .buyNowPopup input[type='text'],
        .buyNowPopup input[type='password'],
        .buyNowPopup input[type='tel'] {
            height: 36px;
        }

        .buyNowPopup .qtySelect {
            padding-right: 5px;
        }

        .buyNowPopup .alreadyMember {
            padding: 0;
        }

        .buyNowPopup #dataCheckOutForm div {
            padding-left: 0;
            padding-right: 8px;
        }

        .buyNowPopup .step2 .subPanel .textRight {
            padding: 0;
        }

        .buyNowPopup .step2 .buyerDescription {
            padding: 0 5px;
        }

        .buyNowPopup .step2 .subPanel .subTitle {
            padding: 0 8px;
        }

        .buyNowPopup .step2 .rowBorderBottom {
            padding: 0 5px;
        }

        .buyNowPopup .step1 .memberTabs {
            line-height: 18px;
        }

        .buyNowPopup .step2 .displayDate {
            line-height: 25px;
        }

        .buyNowPopup .step {
            height: 30px;
            width: 30px;
            line-height: 30px;
        }

        .buyNowPopup .intl-tel-input {
            line-height: 21px;
        }

    .wishlistPopup {
        width: 98%;
        left: 1%;
    }

        .wishlistPopup .wishListProduct {
            padding: 0;
        }

            .wishlistPopup .wishListProduct .wishListProductImg {
                width: 45%;
            }

            .wishlistPopup .wishListProduct .wishListProductDesc {
                width: 55%;
            }

                .wishlistPopup .wishListProduct .wishListProductDesc .wishListProductName {
                    padding: 5px;
                    font-size: 14px;
                }

                    .wishlistPopup .wishListProduct .wishListProductDesc .wishListProductName a {
                        font-size: 14px !important;
                    }

                .wishlistPopup .wishListProduct .wishListProductDesc .wishListProductInfo {
                    padding: 0 5px 5px 5px;
                    margin-bottom: 0;
                    width: 55%;
                    left: 45%;
                }

                    .wishlistPopup .wishListProduct .wishListProductDesc .wishListProductInfo .wishListProductPrice {
                        width: 60%;
                        float: left;
                        margin: 0;
                        line-height: 20px;
                        font-size: 16px;
                    }

                        .wishlistPopup .wishListProduct .wishListProductDesc .wishListProductInfo .wishListProductPrice span {
                            font-size: 10px;
                        }

                    .wishlistPopup .wishListProduct .wishListProductDesc .wishListProductInfo .wishListProductRemove {
                        width: 40%;
                        float: right;
                        padding: 0;
                    }

                        .wishlistPopup .wishListProduct .wishListProductDesc .wishListProductInfo .wishListProductRemove button {
                            padding: 10px 3px;
                        }

    .roomInfoPopup .title {
        font-size: 16px;
    }

    .roomInfoPopup .infoText strong, .roomInfoPopup .infoText span {
        font-size: 11px;
    }

    .roomInfoPopup .roomTypeFeatures .featureItem .featureName {
        font-size: 11px;
    }

    .display_invisible {
        padding: 45px 10px;
    }

    #filterPanel .searchTitle, #filterPanel .sectionBlock {
        width: 94%;
        margin: auto;
    }

    #searchResultPage .searchPanel, #destinationPage .searchPanel, #productPage .searchPanel {
        width: 100%;
        margin: 0;
    }

    .destinationInfoBox {
        width: 50%;
        padding: 5px 0;
        border-bottom: solid 1px #3357B7;
    }

    /*#registerPage h1 {
        margin-bottom: 0;
    }*/

    #registerPage #memberTermBtn {
        float: left;
        margin-top: 10px;
        width: 100%;
    }

    .memberTermPanel {
        width: auto;
        /*top: 120px;*/
        top: 250px;
        left: 15px;
    }

    .topSectionLeftPanel .buttonbooking {
        padding: 5px;
        font-size: 11px;
    }

    .topSectionLeftPanel .productTitle h4 {
        margin-top: 5px;
        line-height: 16px;
    }

    .topSectionLeftPanel .productPrice {
        height: 30px;
    }

    .topSectionLeftPanel .featureItem {
        font-size: 12px;
    }

    .topSectionLeftPanel .productPrice.showCrossOut {
        height: 50px;
    }

    .topSectionLeftPanel .productPrice .priceTitle {
        height: 40px;
        width: 35px;
        padding-left: 3px;
    }

        .topSectionLeftPanel .productPrice .priceTitle label {
            font-size: 10px;
            line-height: 10px;
        }

    .topSectionLeftPanel .productPrice .fromPrice {
        padding-left: 35px;
        height: 40px;
    }

        .topSectionLeftPanel .productPrice .fromPrice .price {
            font-size: 20px;
            line-height: 25px;
        }

        .topSectionLeftPanel .productPrice .fromPrice .publishRate {
            font-size: 13px;
            line-height: 15px;
        }

    .productList .productListTitle h3 {
        font-size: 13px;
    }

    .productList .pricePeriod {
        font-size: 24px;
    }

    .productList .roomGridName {
        font-size: 13px;
    }

    .productList .childPolicy {
        font-size: 12px;
    }

    .productList .partnerRoomGridName {
        font-size: 10px;
    }

    #productPage .productList .priceOption {
        font-size: 20px;
    }

    #searchHotel button {
        margin-top: 15px;
        line-height: 40px;
    }

    #hotelPage small {
        font-size: 10px;
    }

    #homePage .topDestinationBox {
        padding: 0;
    }

        #homePage .topDestinationBox .sectionTitle {
            padding-left: 15px;
            padding-right: 15px;
        }

    #destinationPage .rightColumn section h2 {
        font-size: 16px;
    }

    #destinationPage .rightColumn section article {
        font-size: 13px;
    }

    #destinationPage .cover .title {
        font-size: 40px;
    }

    #destinationPage .destinationNearby {
        margin: 0 -15px;
    }

        #destinationPage .destinationNearby h2 {
            font-size: 16px;
            padding: 0 15px;
        }

    #destinationPage .topActivities h2 {
        font-size: 16px;
    }

    #checkArrivalContentPage .selectBox {
        margin: 0;
    }

    #checkArrivalContentPage .btnCheck {
        margin-top: 10px;
    }

    #checkArrivalContentPage .searchText #hotelSearchText {
        font-size: 13px;
        padding-bottom: 0;
    }

    #checkArrivalContentPage .searchText #changeSearchConditions {
        font-size: 18px;
    }
}


@media (max-width: 500px) {


    #hotelPage .roomRateTable ul {
        width: 360%;
    }

    .text-center-xs {
        text-align: center !important
    }

    .breakcrumb-sc {
        padding-left: 15px !important;
    }

    .head-detail {
        padding: 15px 15px !important;
    }

    .v-padding-xs {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .detail-cn > .row > [class*="col-"] {
        padding-left: 30px;
        padding-right: 30px;
    }

        .detail-cn > .row > [class*="col-"]:last-child {
            padding-left: 30px;
            padding-right: 20px;
        }

    .productList .productListTitle {
        padding-left: 15px;
    }

    .banner .tabs-cat {
        margin-top: 0px;
    }

    .title-wrap {
        padding: 15px 0;
    }

    .searchBoxContainer {
        padding-top: 0;
    }

    .header {
        height: 45px !important;
    }

    .confidence {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .follow-group a {
        margin-right: 7px !important;
    }

    #destinationPage .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #destinationPage .sub-banner {
        padding-top: 50px !important;
    }

    #paymentcheckoutpage .container {
        padding: 15px !important;
    }
}

#paymentsummary .payment-room {
    margin-left: 15px;
    margin-right: 15px;
}

#paymentsummary .order-received-details {
    padding: 15px !important;
}

#activitypage .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
}



@media (max-width: 350px) {

    #hotelPage .rateTable li {
        min-width: 55px;
        width: 10%;
    }

        #hotelPage .rateTable li label, #hotelPage .rateTable li span {
            font-size: 10px;
        }

    .header {
        height: 45px;
    }

    .nav-desktop .menu-list {
        display: none;
    }

    .title-wrap {
        background-color: transparent;
    }

    .searchBoxContainer {
        padding-top: 0;
    }

    .banner .tabs-cat {
        margin-top: 0px !important;
    }

    .form-hotel .form-search .form-submit .awe-btn {
        margin-top: 0px;
        line-height: 8px;
    }

    .searchBox input[type='text'], .searchBox select, .searchBox button {
        height: 22px;
    }

    .detail-cn > .row > [class*="col-"]:last-child {
        padding-left: 15px;
        border-left: none;
        border-bottom: 1px solid #e9e9e9;
    }

    footer .logo-foter {
        margin-top: 20px;
    }

    .breakcrumb-sc {
        padding-left: 15px !important;
        padding-right: 15px;
    }

    #orderhistory .center .contentPage .member .field {
        text-align: left !important;
    }

    #orderhistory .label {
        color: #000 !important;
    }

    .resentVoucher {
        width: 100% !important;
    }
}

@media (min-width:1200px)
{
    .no-padding-right-lg {
        padding-right: 0;
    }
}