@font-face {font-family: 'Rage Italic'; font-style: normal; font-weight: normal; src: local('Rage Italic'), url('/static/fonts/rage_italic.woff') format('woff');}
.header-v2-mb .topbar{margin: 0px -15px; padding: 0px 15px}
.header-v2-mb .menubar .icon-menu{margin-top: 0px;}
.header-v2-mb .menubar .logo{margin-top: 0px;}
.header-v2-mb #react-sidebar .sidebar-main{width: 100%; transform: translateX(-102%); }
.header-v2-mb #react-sidebar .sidebar-main.show{transform: translateX(0px);}
.header-v2-mb #react-sidebar .sidebar-main.second{width: 100%;}
.header-v2-mb .sidebar-header-cus{background-color: #2d3352; padding:8px 16px}
.header-v2-mb .sidebar-header-cus .icon-close{color: #ffffff; font-size: 42px;}

.list-suggestion-mb .list-group-item{border: none; padding:8px 0px; border-radius: 8px; border-bottom: 1px solid #e5e5e5;}
.list-suggestion-mb .list-group-item>a{column-gap: 8px; width: 100%;}
.list-suggestion-mb .list-group-item:last-child{border: none;}
.list-suggestion-mb .list-group-item .box-cover{
    background-color:rgba(26, 43, 73, .2); width: 42px; height: 42px; border-radius: 8px; overflow: hidden; min-width: 42px;
}
.list-suggestion-mb .list-group-item .box-cover .icon-pin{width: 18px;}
.list-suggestion-mb .list-group-item .box-cover .lazy-load-image-background{width: 100%; height: 100%;}
.list-suggestion-mb .list-group-item .box-cover .cover{width: fit-content; height: 100%;}
.list-suggestion-mb .list-group-item .title{padding:0px; font-size: 15px; font-weight: 500; margin-bottom: 0px; line-height: 22px; color: #000;}
.list-suggestion-mb .list-group-item .sapo{color:#63687a; font-weight: 500;}

.modal-search-mobile .modal-dialog{margin-top: 30px; }
.modal-search-mobile .modal-content{border-top-left-radius: 12px; border-top-right-radius: 12px;}
.modal-search-mobile .modal-header{background-color: #2d3352; border-radius: 0px;}
.modal-search-mobile .modal-header .close{color: #fff; opacity: 1;}
.modal-search-mobile .wrap-search{gap: 4px; align-items: center;}
.modal-search-mobile .btn-close{background: transparent; font-size: 36px; line-height: 0px; border: none; margin-left:-8px; color:#555}
.modal-search-mobile .loading-search{gap:8px; font-size: 13px;}
.modal-search-mobile .view-all-result{display: flex; justify-content: end; gap: 6px; align-items: center; color: #0088ca; font-size: 15px;}
.modal-search-mobile .view-all-result i{font-size: 32px;}

.header-v2-mb .icon-cart img, .header-v2-mb .icon-heart img {filter: brightness(0) invert(0.63);}
.header-v2-mb .icon-cart .total{
    position: absolute; background-color: #de0d0d; color: #fff; width: 18px; height: 18px; border-radius: 50%; top: 0px; right: 13px; 
    padding: 2px; font-size: 11px; line-height: 15px; text-align: center;
}
.zalo-share-button{display: none!important;}

/* Extra small devices (portrait phones, less than 320px)*/
@media (max-width: 320px) {
    .menu-v2>.nav{width: 900px;}
    .menu-v2 .nav-link{font-size: 16px;}
    .home-v2 .banner{height: 390px!important;}
    .home-v2 .banner.asisstant{height: 250px!important;}
    .home-v2 .banner .caption .caption-big{font-size: 1rem!important; line-height: 24px!important;}
    .home-v2 .banner .caption .caption-slogan{font-size: 2.4rem!important; line-height: 2.4rem;}
    .home-v2 .service-content-tab .box-filter .btn-search{font-size: 14px!important; padding: 8px 10px!important}
    .select_cate_v2 .select__placeholder{font-size: 14px;}
    .home-v2 .section-title{font-size: 20px!important;}
    .home-v2 .home-tabs .nav-link{padding: 8px 10px!important;}
    .payment-method .img-sapo{height: 12px!important}
    .banner-search-mobile{font-size: 12px; height: 40px;}
    .banner-search-mobile .btn-pry{font-size: 12px!important; padding: 0px 6px!important; line-height: 34px;}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 767px) {
    .menu-v2{overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; margin-top: 0px;}
    .menu-v2>.nav{width:fit-content; display: block; width: 900px; }
    .menu-v2>.nav .nav-item{margin-right: 24px; display: inline-block;}    

    .home-v2 .banner{height: 390px; padding-top: 10px;}
    .home-v2 .banner .caption .caption-big{font-size: 1rem; line-height: 24px; font-weight: 500;}
    .home-v2 .banner .caption .caption-slogan{font-size: 3.2rem; line-height: 3.2rem;}
    .home-v2 .banner .img-slogan{width: 80%;}
    .home-v2 .banner.asisstant{height: 300px; padding-top: 10px;}
    
    .home-v2 .service-tabs .item-tab{height: 54px; font-size: 16px;}
    .home-v2 .service-tabs .item-tab.active{border-radius: 16px 16px 0px 0px;}
    .home-v2 .wrap-tabs{overflow-x: scroll; overflow-y: hidden; margin-top:-53px; -ms-overflow-style: none; scrollbar-width: none;}
    .home-v2 .wrap-tabs::-webkit-scrollbar{display: none!important;}
    .home-v2 .service-tabs{margin-top: 0px; display: inline-block!important; width: 1100px;}
    .home-v2 .service-tabs.asisstant-tabs{width: 100%;}
    .home-v2 .service-content-tab .box-filter .datepicker-group{display: none!important;}
    .home-v2 .service-content-tab .input-group{display: none!important;}
    .home-v2 .service-content-tab .box-filter .type-group{display: none!important;}
    .select_cate_v2{min-width: 100px;}
    .home-v2 .service-content-tab .box-filter .btn-search{padding:8px 16px; font-size: 16px;}
    .home-v2 .service-content-tab .box-filter .separator{display: none;}
    .home-v2 .service-content-tab .box-filter .search-form-group{padding: 0px 16px;}
    .select_cate_v2 .select__menu{width: 91vw; min-width: 100%;}
    .home-v2 .section-title{font-size: 24px;}
    .section-list .grid-wrapper{grid-template-columns: repeat(auto-fit, 1fr); grid-auto-flow: column; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none;}
    .section-list .grid-wrapper::-webkit-scrollbar{display: none;}
    .tour-v2{min-width: 250px;}
    .tour-v2 .price{font-size: 14px;}
    .tour-v2 .box-cover{height: 50vw;}
    .tour-v2 .utils .item{max-width: 210px;}

    .section-incentive-home .incentive .highlight-overlay h3{max-height: 56px; font-size: 16px; line-height: 24px;}
    .section-incentive-home .wrap-slide.affter::after{content: unset;}
    .section-incentive-home .incentive .highlight-overlay img{height: 128px;}

    .section-list .grid-wrapper.home-cities{grid-template-columns: repeat(auto-fit, 1fr)!important}
    .section-list .grid-wrapper.home-cities .city{width: 180px; height: 180px;}
    .section-list.des-favorite .section-head .view-more{display: none!important;}

    .home-v2 .home-tabs .nav-link{padding: 8px 24px;}
    .home-v2 .tab-content .grid-wrapper{display: flex; flex-wrap: wrap; gap: 8px;}
    .home-v2 .tab-content .grid-wrapper .item{max-width: 46%;}
    .home-v2 .home-tabs .nav-link.active{border-bottom-width:3px;}
    .home-v2 .box-filter .person-group{display: none!important;}

    .home-v2 .transport-tab>.nav-tabs{width: 100%;}
    .home-v2 .transport-tab>.nav-tabs .nav-item{padding: 12px 12px; min-width: auto; width: 50%; font-size: 16px;}
    .home-v2 .transport-tab>.nav-tabs .nav-item .icon{margin-right: 8px;}
    .home-v2 .transport-tab>.nav-tabs .nav-item .icon, .home-v2 .transport-tab>.nav-tabs .nav-item .icon.icon-car{width: 26px;}
    .transport-tab .page-air-v2 .wrapper-search-travel-world{margin-top: 0px!important;}
    .transport-tab .page-air-v2 .wrapper-search-travel-world .search-box .m-3{margin: 0px!important;}
    .transport-tab .page-air-v2 .wrapper-search-travel-world .search-box .stage-item{padding:0px}
    .transport-tab .page-air-v2 .wrapper-search-travel-world .passenger{padding: 0px; margin-top: 16px;}
    .transport-tab .page-air-v2 .wrapper-search-travel-world .row-stage{flex-wrap: wrap;}
    .transport-tab .page-air-v2 .wrapper-search-travel-world .row-stage.row-date{flex-wrap: nowrap;}
    .transport-tab .page-air-v2 .action-multiway-search{margin-bottom: 16px;}
    .transport-tab .list-service-car .service-car .title{font-size: 16px;}
    .transport-tab .list-service-car .service-car img{width: 100%;}

    /* list view */
    .list-view .grid-wrapper{display: flex; flex-direction: column;}
    .list-view .tour-v2{min-width: 100%;}
    .list-view .tour-v2 .box-cover{height: 64vw;}
    
    /* Travel Guide */
    .header-travel-asisstant .service-tabs{ display: flex !important;}
    .header-travel-asisstant .mobile-menu{position: absolute; top: 100%; right: 10px;   box-shadow: 0px 2px 6px #b5aeae7d; width: 90%;}
    .travel-guide-v2 .sapo .caption .caption-big{font-size: 1.5rem; line-height: 36px;}
    .travel-guide-v2 .wrapper-travel-guide-section {flex-direction: column-reverse; text-align: center; padding-top: 0px !important; padding-bottom: 16px}
    .travel-guide-v2 .wrapper-travel-guide-section .caption{width: 100%; margin-top: 8px}
    .travel-guide-v2 .wrapper-travel-guide-section .caption button{height: 48px; margin-top: 16px; line-height: 0;}
    .travel-guide-v2 .need-to-know-card h5{font-size: 16px; font-weight: 500;}
    .travel-guide-v2 .need-to-know-card img{width: 50% !important;}
    .travel-guide-v2 .need-to-know-card .card-body{padding: 8px !important;}

    .select_cate_v2.select_city.select_tab_ticket .select__placeholder{text-overflow: ellipsis; width: 110px; overflow: hidden; white-space: nowrap;}

    .list-city-v2 .list-cities .slick-next, .list-city-v2 .list-cities .slick-prev{top:33%!important}
    .list-city-v2 .list-cities .slick-next{right:7.8%!important}
    .list-city-v2 .list-cities .slick-prev{left: 3.25%!important;}
    .wrap-list-area{overflow-x: scroll; overflow-y: hidden; margin-top: 36px;}
    .wrap-list-area::-webkit-scrollbar { display: none;}
    .wrap-list-area .list-destination{display: flex; flex-direction: row; flex-wrap: nowrap;}
    .wrap-list-area .list-destination>div{max-width: 296px;}
    .wrap-list-area .list-destination .card .box-cover{height: 112px!important;}
    .wrap-list-area .list-destination .card{border: 1px solid #e5e5e5!important; margin-bottom: 0px;}
    .payment-method .img-sapo{height: 12px!important;}

    /* advance search/filter service modal homepage */
    .home-v2 .service-content-tab .box-filter-mobile .input-group{display: flex!important;width: 100%}
    .home-v2 .service-content-tab .box-filter-mobile .input-group:hover{background: none}
    .home-v2 .service-content-tab .box-filter-mobile .input-group input{font-size: 16px;padding: 6px 16px 6px 48px;}

    .filter-tour-modal-home .input-group-home .icon-search{width: 16px}
    .filter-tour-modal-home .input-group-home { border: 1px solid #ced4da; border-radius: 42px; height: 40px; padding: 0 16px; margin-top: 16px}
    .filter-tour-modal-home .input-group-home input{border: none; margin-left: 8px;width: 100%}
    .filter-tour-modal-home .input-group-home input:hover{outline: none; width: 100%}
    .filter-tour-modal-home .input-group-home input:focus{outline: none; width: 100%}
    .filter-tour-modal-home .search-suggest-box{position: unset}
    .filter-tour-modal-home .search-suggest-box .drop-wrap{box-shadow: none; padding: 16px 0}
    .filter-tour-modal-home .select-price-range .value-container .place, .modal-dialog-centered .select-price-range .value-container{font-size: 14px}
    .filter-tour-modal-home .divider-or span{position: absolute; z-index: 1; top: -13px; left: 50%; transform: translateX(-50%); background: #ffffff; padding: 0 10px;}
    .filter-tour-modal-home .divider-or {margin-top: 32px;}
    /* news */
    .news .detail .content{width: 100%; overflow-x: hidden;}
    .news .detail .content table{width: 100%!important;}

    .sold-out-tag-classic{font-size: 9px; padding: 6px 12px 6px 8px; top:-2px}
    .sold-out-tag-classic::before {  right: 4px; }

    .destination-search{display: block;}
    .destination-search .box-search{width: 100%; margin:8px 0px}
    .destination-suggest .section-header .title{font-size: 18px;}
    .destination-nearby .destination-tab-content .card .box-cover{height: 140px;}
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

    .menu-v2{overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; margin-top: 0px;}
    .menu-v2>.nav{width:fit-content; display: block; width: 900px; }
    .menu-v2>.nav .nav-item{margin-right: 24px; display: inline-block;} 

    .home-v2 .banner{height: 400px; align-items: start;}
    .home-v2 .banner.asisstant{height: 400px; align-items: start;}
    .home-v2 .banner .caption{margin-top: 36px;}

    .home-v2 .wrap-tabs{overflow-x: scroll; overflow-y: hidden; margin-top:-63px; -ms-overflow-style: none; scrollbar-width: none;}
    .home-v2 .wrap-tabs::-webkit-scrollbar{display: none!important;}
    .home-v2 .service-tabs{margin-top: 0px; display: inline-block!important; width: 1200px;}
    .home-v2 .service-tabs .item-tab.active{border-radius: 16px 16px 0px 0px;}
    .home-v2 .service-content-tab .box-filter .datepicker-group{display: none!important;}
    .home-v2 .service-content-tab .input-group{display: none!important;}
    
    .select_cate_v2{min-width: 140px;}
    .home-v2 .service-content-tab .box-filter .btn-search{padding:15px 24px; font-size: 16px;}
    .home-v2 .service-content-tab .box-filter .separator{display: none;}
    .home-v2 .service-content-tab .box-filter .search-form-group{padding: 0px 16px;}
    .select_cate_v2 .select__menu{width: 91vw; min-width: 100%;}
    .home-v2 .section-title{font-size: 26px;}
    .section-list .grid-wrapper{grid-template-columns: repeat(auto-fit, 1fr); grid-auto-flow: column; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none;}
    .section-list .grid-wrapper::-webkit-scrollbar{display: none;}
    .tour-v2{min-width: 234px;}
    .tour-v2 .box-cover{height: 30vw;}

    .section-incentive-home .incentive .highlight-overlay h3{max-height: 56px; font-size: 16px; line-height: 24px; font-weight: 500;}
    .section-incentive-home .wrap-slide.affter::after{content: unset;}
    .section-incentive-home .incentive .highlight-overlay img{height: 196px;}

    .section-list .grid-wrapper.home-cities{grid-template-columns: repeat(auto-fit, 1fr)!important}
    .section-list .grid-wrapper.home-cities .city{width: 180px; height: 180px;}

    .transport-tab .page-air-v2 .wrapper-search-travel-world .passenger{ margin-top: 16px;}

    .payment-method .img-sapo{height: 16px!important}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1023px) {

}
/* Large devices (desktops, 1024px and up 1169) */
@media (min-width: 1024px) and (max-width: 1169px) {
    .header-v2 .search-bar{width: 408px;}
    .header-v2 .search-bar-separator{display: none;}
    .header-v2 .search-bar-datepicker{display: none;}
    .home-v2 .banner{height: 400px;}
    .home-v2 .banner .caption .caption-big{font-size: 36px;}
    .home-v2 .service-tabs .item-tab{font-size: 16px; padding: 0px 24px}
    .home-v2 .service-tabs .item-tab{height: 68px;}
    .home-v2 .service-tabs .item-tab.active{border-radius: 24px 24px 0px 0px;}
    .home-v2 .service-tabs{margin-top: -68px;}
    .home-v2 .service-content-tab .box-filter .search-form-group+.separator{display: none!important;}
    .home-v2 .service-content-tab .box-filter .datepicker-group{display: none!important;}
    .home-v2 .service-content-tab .box-filter .input-group{display: none!important;}

    .tour-v2{max-width: 232px;}
    .tour-v2 .box-cover{height: 22vw;}
    .home-cities .city{height: 179px;}
}