.wrapSearch{padding-left:70px;position:relative}.wrapSearch1{position:relative}.daySearch{padding:5px;position:absolute;top:0;left:0;width:60px;height:65px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#ed0080;color:#fff;font-size:12px;line-height:20px}.daySearch .day{font-size:30px;line-height:40px;font-weight:700;border-bottom:solid 1px #fff;width:100%;text-align:center;margin-bottom:3px}.wrapSearch .mda-box-item,.wrapSearch1 .mda-box-item{margin-bottom:20px;padding:15px;border:solid 1px rgba(0,0,0,.15)}.wrapSearch .mda-box-item:hover,.wrapSearch1 .mda-box-item:hover{border-color:rgba(0,0,0,.55)}.boxFilterSearch{background-color:#fff;position:fixed;top:550px;width:278px}.boxFilterSearch .title{background:#818285;color:#fff;font-weight:700;text-transform:uppercase;padding:9px 15px;position:relative;margin-bottom:10px}.boxFilterSearch .title:before{content:"\f0d7";font-family:fontAwesome;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:none}.boxFilterSearch .chosen-single,.boxFilterSearch input,.boxFilterSearch select{width:100%;height:40px;background:#fff;border:solid 1px rgba(0,0,0,.15);padding-left:10px;padding-right:30px}.boxFilterSearch .chosen-single div b{display:none}.boxFilterSearch .formFa{position:relative}.boxFilterSearch .formFa:before{font-family:fontAwesome;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.boxFilterSearch button{width:100%;height:40px;background:#ed0080;background:linear-gradient(180deg,#ed0080 0,#be3b98 100%);font-size:16px;line-height:24px;text-align:center;border:none;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;color:#fff;font-weight:700}.boxFilterSearch button:hover{background:#666}.boxFilterSearch .form-group{margin-bottom:10px}#row_search{min-height:480px}#TourPrice{border:0;color:#ed0080;font-weight:700;height:auto;padding:0}#slider-range{margin-bottom:25px;margin-top:10px}@media all and (max-width:1150px){.boxFilterSearch{width:240px}}@media all and (max-width:991px){.boxFilterSearch{position:relative;width:100%;top:auto!important;margin-bottom:30px}.boxFilterSearch .title{cursor:pointer}.boxFilterSearch .title:before{display:block}.boxFilterSearch .content{display:none}.boxFilterSearch.active .content{display:block}#row_search{min-height:auto}}@media all and (max-width:640px){.wrapSearch{padding-left:0}.daySearch{position:initial;height:initial;flex-direction:row;width:140px;margin-bottom:15px;padding:9px 10px;font-size:14px;line-height:22px}.daySearch .day{width:initial;border-bottom:none;margin-bottom:0;font-size:inherit;line-height:inherit;font-weight:400}.daySearch .day:after{content:"/"}}.other-tour-list {width: 100%;display: inline-block;}h3.title-other-tour-list {width: 100%;display: inline-block;margin-bottom: 20px;text-transform: uppercase;font-size: 16px;}

.datepick {
    cursor: pointer;
}

.datepicker-days td.new.day {
    cursor: pointer;
}

.datepicker-days td.disabled.day {
    cursor: no-drop;
}

table.table.table-condensed th.prev, table.table.table-condensed th.next {
    cursor: pointer;
}

table.table.table-condensed th.datepicker-switch {
    cursor: pointer;
}

.datepicker-days td.new.day:hover {
    background: #ededed;
}

.datepicker-days td.day:not(.new):not(.disabled) {cursor: pointer;}

.datepicker-days td.active.day {
    background: #da188a;
    color: white;
    cursor: pointer;
    border-radius: 4px;
}

.datepicker:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    top: -8px;
    left: 17px;
}

.datepicker-months span, .datepicker-years span {
    min-width: 55px;
}

.datepicker-months span:hover:not(.active):not(.disabled), .datepicker-years span:hover:not(.active):not(.disabled) {
    background: #eee;
}

.datepicker-months span.month.active, .datepicker-years span.year.active {
    background: #da188a;
    border-radius: 4px;
    color: white;
}

.datepicker-months span.month.disabled, .datepicker-years span.year.disabled {
    cursor: no-drop;
    text-decoration: line-through;
}

.datepicker-months span.month:not(.disabled), .datepicker-years span.year:not(.disabled) {
    cursor: pointer;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default;
}

.datepicker-days td.day:hover:not(.active):not(.disabled) {
    background: #eee;
}

/* ─── RESPONSIVE MOBILE - Tour Search Cards ───────────────────────────────
 * Target: 6.1 inch+ (≥390px logical) = primary
 * Fallback: <390px (360–389px) = smaller layout
 * Desktop (≥768px): không đổi gì
 * ─────────────────────────────────────────────────────────────────────── */

/* 768px+: Desktop giữ nguyên hoàn toàn */

/* ── Tablet (600–767px): 2 cột cards ── */
@media (max-width: 767px) and (min-width: 600px) {
    #row_search {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .wrapSearch { padding-left: 0; }
    .daySearch {
        position: absolute; top: 0; left: 0; z-index: 2;
        width: auto; height: auto; flex-direction: column;
        padding: 6px 9px; font-size: 11px; line-height: 1.3;
        border-radius: 0 0 8px 0;
    }
    .daySearch .day { font-size: 20px; line-height: 1.2; border-bottom: none; margin-bottom: 0; width: auto; }
    .mda-box-img { aspect-ratio: 4/3; height: auto !important; position: relative; overflow: hidden; }
    .wrapSearch .mda-box-item { padding: 0; margin-bottom: 0; border-radius: 10px; overflow: hidden; }
    .wrapSearch .mda-caption { padding: 10px 12px 12px; }
    .mda-box-name { font-size: 13px; line-height: 1.4;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .mda-money-red { font-size: 14px; }
}

/* ── Mobile primary: 6.1 inch (390px) - 2 cột ── */
@media (max-width: 599px) and (min-width: 375px) {
    #row_search {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .wrapSearch { padding-left: 0; }
    .wrapSearch1 { padding-left: 0; }
    /* Date badge: overlay góc trên-trái trên ảnh */
    .daySearch {
        position: absolute; top: 0; left: 0; z-index: 2;
        width: auto; height: auto; flex-direction: column;
        padding: 5px 8px; font-size: 10px; line-height: 1.3;
        border-radius: 0 0 8px 0;
    }
    .daySearch .day {
        font-size: 18px; line-height: 1.1;
        border-bottom: none; margin-bottom: 0; width: auto;
    }
    .mda-box-img {
        aspect-ratio: 4/3;
        height: auto !important;
        position: relative;
        overflow: hidden;
    }
    .wrapSearch .mda-box-item,
    .wrapSearch1 .mda-box-item {
        padding: 0;
        margin-bottom: 0;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #f0f0f0;
        box-shadow: 0 2px 8px rgba(0,0,0,.07);
    }
    .wrapSearch .mda-caption { padding: 8px 10px 10px; }
    .mda-box-n { margin-bottom: 4px; }
    .mda-box-name {
        font-size: 12.5px;
        line-height: 1.4;
        font-weight: 600;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .mda-box-price { margin-top: 4px; }
    .mda-money { font-size: 11px; color: #999; text-decoration: line-through; display: block; }
    .mda-money-red { font-size: 13px; font-weight: 700; color: #d6248c; }
    /* Sort bar trên mobile */
    .tour-sort-bar { padding: 8px 12px; }
    .tour-sort-bar-right label { display: none; }
    /* Group headers nhỏ hơn */
    .tour-group-continent { font-size: 15px; padding: 8px 12px; margin: 12px 0 8px; }
    .tour-group-country { font-size: 13px; padding: 4px 0 4px 10px; margin: 10px 0 6px; }
    /* Breadcrumb ẩn trên mobile */
    #vnt-navation { display: none; }
    /* Archive title nhỏ hơn */
    .mda-archive-title { font-size: 18px !important; }
    .mda-info-share { display: none; }
}

/* ── Fallback: <375px (iPhone SE, màn nhỏ) - 1 cột, layout đơn giản ── */
@media (max-width: 374px) {
    #row_search {
        display: block;
    }
    .wrapSearch { padding-left: 0; }
    .wrapSearch .mda-box-item { border-radius: 8px; overflow: hidden; padding: 0; margin-bottom: 10px; }
    .mda-box-img { aspect-ratio: 16/9; height: auto !important; position: relative; overflow: hidden; }
    .daySearch {
        position: absolute; top: 0; left: 0; z-index: 2;
        flex-direction: row; width: auto; height: auto;
        padding: 5px 10px; font-size: 12px; border-radius: 0 0 8px 0;
        gap: 4px;
    }
    .daySearch .day { font-size: inherit; border-bottom: none; margin-bottom: 0; width: auto; font-weight: 600; }
    .daySearch .day::after { content: " /"; }
    .wrapSearch .mda-caption { padding: 10px 12px; }
    .mda-box-name { font-size: 14px; }
    .mda-money-red { font-size: 15px; color: #d6248c; font-weight: 700; }
    .tour-group-continent { font-size: 14px; padding: 7px 10px; }
    #vnt-navation { display: none; }
    .mda-archive-title { font-size: 17px !important; }
    .mda-info-share { display: none; }
}

@media (max-width: 600px) {
    .dropdown-menu {
        min-width: 320px;
    }
    
    .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
        padding: 8px;
    }
    
    .table-condensed>thead>tr>th {
        border: 0;
    }
}