.link-shop { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333333; font-size: 14px !important; }
#share-buttons a { display: block; float: left; margin-right: 5px; }
.link-now { font-family: K2D, sans-serif; color: #333333; font-size: 14px !important; }
.zalo-share-button { border-radius: 15px; margin-right: 5px; float: left; }
.color-highlight {color: var(--main-color);}

.border-left-light {border-left: 1px solid #D9D9D9;}

.klk-button { padding: 12px 16px; border-radius: 100px; background-color: var(--main-color); color: #fff; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: K2D, sans-serif; }

.qrcode { padding: 8px; background-color: #fff; display: flex; align-items: center; justify-content: center; width: fit-content; border-radius: 12px; }

#myNavbar ul li ul { margin-left: 0px !important; }

#banner-advertise { background: #fff; padding: 10px; margin-bottom: 15px; }

    #banner-advertise .img_zoom img { border-bottom: 0; width: 100%; }

    #banner-advertise .adv_item { padding: 5px; }

    #banner-advertise .img_zoom { height: 110px; display: table-cell; overflow: hidden; vertical-align: middle; text-align: center; }

.img_zoom img { max-height: 120px; width: auto !important; margin: auto; }

#rooms .img_zoom { overflow: hidden; text-align: center; padding: 10px; /* border-top-left-radius: 5px!important; */ /* border-top-right-radius: 5px!important; */ }

    #rooms .img_zoom a img { border: 0 !important; /* -webkit-transform: scale(1.2); */ /* transform: scale(1.2); */ /* -webkit-transition: all 0.7s ease; */ /* transition: all 0.7s ease; */ max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

    #rooms .img_zoom a:hover img { /* -webkit-transform: scale(1); */ /* transform: scale(1); */ /* opacity: 1!important; */ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

ul.home_p .discovery-item { padding: 5px 0 14px 0; }

.navbar-collapse { padding-left: 0; padding-right: 0; }

.mlr-15 { margin: 0 15px; }

.new_item .figure img { width: 100%; }

.list-new-news .new_item .figure a { display: block; overflow: hidden; max-height: 166px; }

.list-new-news .new_item .text { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; text-align: justify; }

.list-new-news .new_item h3 a { font-size: 17px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; }

.newform-control { border: 1px solid #ededed; min-height: 25px; box-shadow: none; color: #3d566e; border-radius: 3px !important; }

.new_item h3 { margin-top: 0px !important; font-size: 17px; }

.home-box-news .news_des { margin-top: 5px; }

.detail_events_item .info_events { display: inline-block; width: 100%; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 6px 0; }

    .detail_events_item .info_events span { padding-right: 7px; }

.display-3 { font-family: 'Birthstone Bounce', cursive; font-size: 90px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75); color: rgb(255, 255, 255); text-transform: none; letter-spacing: 14px; }

.dalat-news ul.home-box-news li img { width: 100%; }

.dalat-events_hight .swiper-container .swiper-slide picture { display: block; overflow: hidden; height: 350px; }

.dalat-news ul.home-box-news li p.info_sub { margin-bottom: 5px; }

.home-box-news .news-img { display: block; height: 200px; overflow: hidden; }

.home-list-news { padding: 6px 0px; margin: 0px; list-style-type: none; float: left; font-size: 90%; }

    .home-list-news .news_des { padding: 0 10px !important; }

    .home-list-news li { display: block; padding: 5px 0; float: left; width: 100%; }

    .home-list-news img { height: 67px; border-radius: 6px; }

    .home-list-news p.info_title { text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

    .home-list-news p.info_sub { color: #abaec5; padding: 2px 0; margin-bottom: 0px; }

.dalat-news .page-box { padding: 10px; }

    .dalat-news .page-box .button { background-color: #97b8f5; padding: 3px 20px; color: #FFF; }

.custom-social { top: 40% !important; }

.cls_tuvan { opacity: 0.7; }

    .cls_tuvan:hover { opacity: 1; }

#toppage-header form { margin-bottom: 0px; }

.sticky-header { padding: 5px 0; /*min-height: 85px;*/ }

.box { max-height: 186px; }

#nearby-tab { border: none; }
    #nearby-tab li { margin-right: 3px; }
        #nearby-tab li a { text-transform: uppercase; font-family: K2D, sans-serif; border: none; text-align: center; padding: 8px 15px; background: #ebebeb !important; color: #2d3e52; font-weight: bold; }

            #nearby-tab li a.active { background: #07a44f !important; color: white !important; position: relative; }

                #nearby-tab li a.active:after { position: absolute; bottom: -5px; left: 50%; margin-left: -10px; border-top: 5px solid #07a44f; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; }

#hotel-tab #nearbys-hotel-slider .nearby_item .nearby_name .name,
#entertainment-tab #nearbys-entertainment-slider .nearby_item .nearby_name .name,
#restaurant-tab #nearbys-restaurant-slider .nearby_item .nearby_name .name,
#travel-place-tab #nearbys-travel-place-slider .nearby_item .nearby_name .name { color: rgb(231, 76, 60); font-size: 14px; font-weight: bold; font-family: 'Oswald', sans-serif; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 2; -webkit-box-orient: vertical; }

.media-body .tags span { font-size: 12px; color: rgb(29, 113, 161); padding: 0px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; }

.media-body .tags { margin-bottom: 7px; }

.guide-city-list > li:hover .list-buttons { padding: 4px 0; }

.filter-search .input-findname { border-right: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; height: 100%; border-radius: 0 !important; padding: 5px 10px; font-size: 14px; }

.filter-search .btn-search { border: 0; left: -1px; top: 0px; position: relative; background: #d08025 !important; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; color: #fff; font-weight: bold !important; padding: 12px 20px; font-size: 14px; border-radius: 4px; }

.m_menu_sort a { border: 0; padding: 5px 12px; font-weight: bold; }

    .m_menu_sort a i { padding-right: 5px; }

.menu-sort-price i { padding-right: 5px; }

.media { background-color: rgb(255, 255, 255); border: 1px solid rgba(227, 227, 227, 0.8); }

.tour_item { padding: 0px 1px 1px; }

.filter-form-select-wrapper { text-align: right; }

.padding-tb { padding: 10px 0; }

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

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

.padding-15 { padding: 15px; }

.padding-10 { padding: 10px; }

.owl-item .carousel-caption { left: 0; right: 0; bottom: 0; font-size: 16px; padding: 0px; text-align: left; max-height: 53px; overflow: hidden; font-weight: bold; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; border-style: solid; border-width: 5px 12px; border-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0.5); }

#tour_detail_info #tour-detail-info-top .tour_comments_container .dropdown-toggle { height: 34px; }


.clsevent .new_item .text { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; text-align: justify; }

.clsevent .new_item .place-name { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; }

.detail_new_tab ul li .news-content h4 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.calendar table { text-align: center; }

.filter-search input { min-height: 30px; }

.lst-plans .plan-item { margin-bottom: 10px; border-radius: 4px !important; box-shadow: 0 1px 1px rgba(10, 10, 10, 0.05), 0 0 0 1px rgba(10, 10, 10, 0.05); margin: 0px 5px 35px 5px; }

.promotion_item .tooltip { position: absolute; display: block; top: 10% !important; }

#place-slide-top,
#restaurants-slide-top,
#shops-slide-top,
#hotels-slide-top,
#tours-slide-top { margin-bottom: 15px; background: #fff; padding: 15px 13px; }

#menu-sort-price { padding-bottom: 5px; display: inline-block; width: 100%; margin-bottom: 10px; }

#myNavbar { width: 100%; position: relative; }

#controller-point .ui-slider-range-min { background: #8FC63D; }

.bg-white { background-color: #FFF; }

.cls-readonly,
.layout-6 .cls-readonly { pointer-events: none; }

.cls-pointladder,
.layout-6 .cls-pointladder { font-style: italic; color: #ff5454; }

.box-luu-tru,
.box-nha-hang,
.box-khu-du-lich,
.box-khuyen-mai { padding: 10px; }

.page-place .page-right h3.title_box,
.page-ent .page-right h3.title_box { margin-left: 10px !important; margin-bottom: 15px !important; }

.page-right { padding-left: 10px !important; }

/* .page-place .page-right .box-tours { } */

    .page-place .page-right .box-tours .title_box,
    .page-ent .page-right h3.title_box { margin-top: 0px !important; }

.page-place .page-right .padding_cls,
.page-ent .page-right .padding_cls { padding-bottom: 10px; }

.search-all img { padding: 5px; }

.search-all h3 { margin-top: 5px !important; }

.search-all .search-all-item { margin-bottom: 10px; }

.layout-6 #slider,
.layout-3 #slider,
.layout-5 #slider { position: relative; }

    .layout-3 #slider .nivo-caption { display: none !important; }

.layout-6 .slider-title { padding: 10px; background-color: #119bd0; }

    .layout-6 .slider-title .ficon-topic-calendar { position: absolute; top: 20px; font-size: 20px; z-index: 2; display: block; width: 34px; height: 34px; right: 2%; line-height: 34px; text-align: center; color: #619fd4 !important; }

    .layout-6 .slider-title label { color: #FFF; margin: 0px; }

    .layout-6 .slider-title #check-available-room { font-weight: bold; background-color: #01B7F2; border-color: #01B7F2; }

    .layout-6 .slider-title input { }

.layout-6 #outerafterheader { margin-bottom: 15px; }

    .layout-6 #outerafterheader .logo-hotel,
    .layout-3 #outerafterheader .logo-res,
    .layout-5 #outerafterheader .logo-res { text-align: center; }

        .layout-6 #outerafterheader .logo-hotel img,
        .layout-3 #outerafterheader .logo-res img,
        .layout-5 #outerafterheader .logo-res img { max-height: 100px; }

    .layout-6 #outerafterheader .hotel-name,
    .layout-3 #outerafterheader .res-name,
    .layout-5 #outerafterheader .res-name { text-align: center; color: #ff5454; }

.layout-3 #outerafterheader .introduce i,
.layout-5 #outerafterheader .introduce i { font-size: 120%; }

.layout-5 .owl-item .img_zoom img { width: 100%; }

.layout-5 .owl-carousel .owl-item { padding: 5px; }

.layout-5 .owl-item .room_item h4.room_name { float: left; }

.layout-5 .owl-item .room_item h5.room_name { float: right; color: #e74c3c !important; }

.layout-6 .nav-tabs { border-bottom: 0px; }

    .layout-6 .nav-tabs li { margin-bottom: 0px; }

        .layout-6 .nav-tabs li a { padding-left: 15px; background-color: #c5dbef; }

.layout-6 .tab-content { float: left; width: 100%; padding: 15px; }

    .layout-6 .tab-content ul { float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; }

        .layout-6 .tab-content ul li { padding: 5px; }

.layout-6 #nearby-tab,
.layout-3 #nearby-tab,
.layout-5 #nearby-tab { padding-left: 5px; }

.layout-6 #nearbys .tab-content,
.layout-3 #nearbys .tab-content { padding: 10px; }

    .layout-6 #nearbys .tab-content .nearby_name,
    .layout-3 #nearbys .tab-content .nearby_name { padding: 5px 6px 0 0; height: 50px; overflow: hidden; display: block; }

footer .adress-box li i { font-size: 70%; margin-top: 5px; float: left; width: 13px; }

.layout-6 footer { margin-top: 15px !important; }

    .layout-6 footer ul.list-group { list-style: none; }

.layout-6 #outerbottom { margin-bottom: 10px; }

#list-result-search h1.class_title { margin-top: 0px; font-size: 14px; text-transform: inherit; color: #9b9b9b; font-weight: normal; }

.popular-tags { border: none !important; }

.slide-top .box img { width: 100%; }

#sub-info-slider { position: relative; width: 100%; margin-bottom: 15px; padding: 15px; background: rgb(239, 137, 76); background: linear-gradient(90deg, rgba(239, 137, 76, 1) 1%, rgba(226, 68, 15, 1) 100%); }

    #sub-info-slider .sub-info-child { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #FFF; }

    #sub-info-slider .second-sub { /* border-left: 1px solid #fff; */ border-right: 1px solid #fff; }

    #sub-info-slider .third-sub { border-right: 1px solid #fff; }

    #sub-info-slider .sub-info-child p { color: #fff; font-size: 13px; text-transform: uppercase; line-height: 0px; font-weight: bold; text-align: center !important; margin: 0 !important; }

    #sub-info-slider .btnCustom-htc { margin-top: 0px; line-height: 18px; font-weight: bold; }

/*#slider-booking .sp-selected-thumbnail { border: 2px solid #2CBCF3; }

#slider-booking .sp-full-screen-button.sp-fade-full-screen { color: #fff; }*/

.pro-link { cursor: pointer; }

.float-left-width-100 { float: left; width: 100%; }

.breadcrumb .text-info { /* text-transform: capitalize; */ color: rgb(3, 78, 162) !important; }

.breadcrumb { border-radius: 0px !important; padding: 8px 15px 8px 0px; margin-bottom: 0px; list-style: none; background-color: transparent; font-family: 'Oswald', sans-serif; }
    .breadcrumb > li { display: inline-block; font-size: 16px; font-weight: bold; }
        .breadcrumb > li > a { color: var(--main-color); }


nav.breadcrumb { padding: 8px 0 !important; }

nav.padding-10 { padding: 8px 10px !important; }

#nearbys .tab-content .owl-item { padding-right: 7px; }

    #nearbys .tab-content .owl-item .img_zoom img { width: 100% !important; object-fit: cover; border: 1px solid rgb(247, 245, 245); }

    #nearbys .tab-content .owl-item .distance { color: #333; font-weight: bold; font-family: K2D, sans-serif; }

.booking-info { }

    .booking-info h3.title_box { color: #ff0045 !important; text-transform: uppercase !important; margin-top: 0px !important; }

    .booking-info h5.title_desc { color: #1c77c0 !important; font-weight: normal !important; }

.nearby_item .img_zoom img { width: 270px; height: 180px; }

.confirm-form { }

    .confirm-form .main-info { padding: 10px; }

    .confirm-form .room-info .table td { border-top: 0px; border-bottom: 1px dashed #ebebeb; }

.menu_login .img-circle { float: left; }

#Policy span { font-family: 'Quicksand', sans-serif !important; }

#rooms .room_name { font-weight: normal !important; }

    #rooms .room_name .price { color: #b20e13; font-size: 90%; line-height: 33px !important; }

.like-dislike-btn { text-align: center; }

    .like-dislike-btn .td_toggle { text-align: center; padding: 16px 0 5px; }

        .like-dislike-btn .td_toggle .toggle { width: 16px; height: 16px; border: none; background: url(/Images/general/Unlove.png) center center no-repeat; cursor: pointer; background-size: 16px; }

            .like-dislike-btn .td_toggle .toggle.true { background: url(/Images/general/love.png) center center no-repeat; background-size: 16px; }

        .like-dislike-btn .td_toggle .readonly { cursor: default; }

.header-toolbar-app .search-all-control { padding-left: 0px !important; }

    .header-toolbar-app .search-all-control .input-group { }

    .header-toolbar-app .search-all-control .input-group-btn { }

    .header-toolbar-app .search-all-control .btn { padding: 4px 9px; height: 27px; border: 0px; background-color: rgba(0, 0, 0, 0.2); color: #9c9eef; }

    .header-toolbar-app .search-all-control .form-control { padding: 5px; line-height: 100%; min-height: 27px; height: 27px; font-weight: normal; border: 0px; border-radius: 0 3px 3px 0 !important; background-color: rgba(0, 0, 0, 0.2); color: #ffffff; font-size: 110%; }

/*.header-toolbar-app #login-btn {
    padding: 5px 5px;
}*/

.header-toolbar-app #login-btn .nav-user { /*padding: 6px 12px;
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        display: inline-block;
        cursor: pointer;
        color: #FFF;*/ white-space: nowrap; }

    .header-toolbar-app #login-btn .nav-user a.login { }

.header-toolbar-app .language-links { white-space: nowrap; display: inline-block; }

    .header-toolbar-app .language-links a { display: inline-block; padding: 5px; background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; }

    .header-toolbar-app .language-links img { margin-top: -2px; height: 12px; }

/*nav.breadcrumb .breadcrumb > li + li:before { color: #d08025; content: ""; font-family: "FontAwesome"; font-size: 100%; }*/

footer .subscribe-info h3 { margin-bottom: 5px !important; }

.news-filter { margin: 0 0 7px; }

    .news-filter .form-control,
    .news-filter .btn { height: 35px; min-height: 30px; color: #333; /*border: 1px solid #dfdede;*/ }

    .news-filter .form-control { }

    .news-filter .btn { padding: 4px 8px; width: 44px; border: none; }

        .news-filter .btn i { font-weight: bold; color: #fff !important; }

.modal_load { background-color: rgba(0, 0, 0, 0.8); overflow: auto; }

.menu-home-inner { position: relative; }

.basic-popup { padding: 20px; }

    .basic-popup .basic-popup-title { font-size: 150%; margin-bottom: 20px; }

    .basic-popup .basic-popup-desc { margin-bottom: 10px; }

    .basic-popup .basic-popup-content { }

    .basic-popup .title-link-header div { padding: 3px 10px !important; background-color: #7a85d0; }

    .basic-popup .button.mfp-close { width: 30px; height: 30px; line-height: 30px; font-size: 30px; }

#modal-login-system { padding: 0px !important; top: calc(50% - 200px); }

#modal-utililty-content { top: calc(50% - 200px); }

.header-toolbar-app { /*height: 30px;*/ }

.divCamera { text-align: center; padding: 5px; }

    .divCamera #popupVideo { color: rgb(255, 255, 255); border-color: var(--main-color); border-radius: 4px; }

#popupVideoShow { position: relative; background: #d2d2d2; padding: 1px; width: auto; max-width: calc(100% - 40px); height: calc(100% - 40px); margin: 20px auto; }

    #popupVideoShow iframe { border: 0px !important; width: 100%; height: 100%; }

    #popupVideoShow .mfp-close { font-size: 24px; top: -10px; background-color: #FFF; border-radius: 50%; right: -10px; height: 24px; width: 24px; line-height: 18px; font-weight: bold; border: 1px solid #CCC; padding: 0 3px 3px; }

#id_rooms .room_item { padding: 3px; }

#rooms .rooms-inner { padding: 10px 15px !important; }

.popup-images-content .thumbnail-panel .image_room_thumbnail { text-align: center; }

.mfp-close-btn-in .mfp-content { height: 100%; }

#Policy .tab-pane ol,
#Policy .tab-pane ul { padding-left: 30px; }

.container-t2 .guide-city-list > li:hover .list-buttons { top: 150px; }

.container-t2 .guide-city-list > li:hover .list-buttons { padding: 10px 0; }

.container-t2 .guide-city-list > li .city-opts { padding-top: 55px; }

#filters .load-more-page-mobile { visibility: hidden; }

.user-avatar img { background-image: url(/Images/no_user.png); background-repeat: no-repeat; background-size: 50px 50px; background-position: center center; }

.kham-pha-bg,
.bg_layer,
.tintuc-section,
.luutru-section,
.place-section,
.vuichoi-section,
.amthuc-section { padding: 40px 0; }

.tao-lich-trinh { background: url("/images/banner2.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: scroll; border-bottom: 1px solid #999; }
    .tao-lich-trinh:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 98, 183, 0.6); }

.dia-diem-noi-bat { background: url("/images/backgrounds/kham-pha.png"); background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: 50% 50%; }

.container.diem-tham-quan { display: flex; flex-direction: column; gap: 40px 0 }

/*.luutru-section { padding: 30px 0; background: url("/images/luutru.png") #7aa802; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: 50% 50%; }*/

.map-section { padding: 2px 0; /*background: url("/images/map_bg.jpg") #008e4c;*/ background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: 50% 50%; }


/* custom scrollbar */

.scroll-box { overflow-y: scroll; height: 420px; scrollbar-width: thin; scrollbar-color: #dddddd #f0f0f0; padding-right: 15px; }

    .scroll-box::-webkit-scrollbar { display: none; /* Hide default scrollbar for other browsers */ }

::-webkit-scrollbar { width: 20px; }

::-webkit-scrollbar-track { background-color: transparent; }

::-webkit-scrollbar-thumb { background-color: #d6dee1; border-radius: 20px; border: 6px solid transparent; background-clip: content-box; }

    ::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf; }

.bg_layer { /*background: #fff url(/images/bg_layer.jpg) no-repeat left 80px / 100% 100%;*/ }

.bg_layer_lichtrinh { background: #f5f9f9; margin: 22px 0 0; }


img.dd-img { width: 100%; height: 260px; object-fit: cover; transition: 800ms ease-in-out; overflow: hidden; }

img.dd1-img { width: 100%; height: 100px; object-fit: cover; -webkit-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86); -moz-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86); -o-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86); transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }

.destination-name { color: #4A4A4A; font-size: 18px; font-weight: 600; margin-bottom: 4px; -webkit-line-clamp: 1; line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }

.destination-locate { font-size: 12px; color: #4A4A4A; }
.destination-seemore { text-align: end; font-weight: 600; color: #033E9A; margin-top: auto; }

.destination-name1 { margin: 0 auto; display: table; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: 700; margin-bottom: 10px; text-align: center; }

h2.title-l { font-size: 32px; font-weight: 700; text-align: center; color: #f07620; line-height: 3rem; text-transform: capitalize; margin-bottom: 0 !important; margin-top: 0 !important; line-height: 1.2; }
h3.subtitle { font-size: 22px; font-weight: 500; text-align: center; color: #1a2e51; line-height: 1.2; margin-bottom: 8px !important; }

img.conma-bot,
img.conma-top { display: table; margin: 0 auto !important; }

.mg-bot30 { margin-bottom: 30px; }

#elevator_item { bottom: 0; display: none; opacity: 1; position: fixed; right: 15px; transition: opacity 0.4s ease-in-out 0s; width: 60px; z-index: 1000; }

#elevator { background: rgba(0, 0, 0, 0.6); border-radius: var(--bs-border-radius); box-shadow: 0 1px 3px rgb(0 0 0 / 20%); cursor: pointer; display: block; height: 42px; margin-bottom: 10px; width: 55px; line-height: 1; text-align: center; color: #fff; font-size: 40px; }

.btn-default:hover { color: #fff; background-color: var(--main-color); border-color: #adadad; }

.btn-default { color: #fff; background-color: var(--main-color); border-color: #ccc; }

.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

.navbar-nav { margin: 0; }

.caption { border-bottom: solid 1px rgb(236, 233, 233); text-transform: capitalize; margin-bottom: 15px; }

    .caption h3 { font-size: 18px; font-weight: 500; }

.cbg { display: block; background-color: var(--main-color); width: 90px; height: 2px; margin-bottom: -1px; }

/* Khám phá 
.kham-pha-bg {background-image: url('/images/CuaLo/background.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.kham-pha-container { display: flex; flex-direction: column; gap: 40px; align-items: center;  width: 100%;}
.kham-pha-top, .kham-pha-bot { display: flex; width: 100%; height: 210px; justify-content: space-between;}

.kham-pha-img { width: auto; height: 100%; transition: opacity 300ms ease-in-out; }
    .kham-pha-img.fade { opacity: 0; }

.kham-pha-content { font-family: 'Big Shoulders', sans-serif; font-size: 48px; font-weight: 700; line-height: 1.3; text-align: center; color: #333; }
    .kham-pha-content .keyword { cursor: pointer; transition: all 0.3s ease; padding-bottom: 4px; }
        .kham-pha-content .keyword.active { color: var(--color); text-decoration: underline; text-underline-offset: 8px; font-weight: 700; }
End  */

/* Diem tham quan */
.card-lichtrinh { overflow: hidden; border-radius: 15px; }
    .card-lichtrinh .content { padding: calc(100% - 12px) 12px 12px; bottom: 0px; left: 0px; right: 0px; background: linear-gradient(180deg,rgba(42, 123, 155, 0) 0%, rgb(0, 0, 0) 100%); }
    .card-lichtrinh .loai-dv-badge, .card-luutru .loai-hinh-badge { position: absolute; left: 12px; top: 12px; z-index: 2; height: auto; }
        .card-lichtrinh .loai-dv-badge span, .card-luutru .loai-hinh-badge span { font-size: 13px; padding: 3px 7px; border: 1px solid #424dfd; border-radius: 20px; color: #424dfd; background-color: #ebf2ff; }

            .card-lichtrinh .loai-dv-badge span[data-loai-hinh="Tham quan"] { background-color: #F0FFF1; border-color: #009411; color: #009411; }
            .card-lichtrinh .loai-dv-badge span[data-loai-hinh="Lễ hội"] { background-color: #FEEBF3; border-color: #F6126D; color: #F6126D; }
            .card-lichtrinh .loai-dv-badge span[data-loai-hinh="Di tích"],
            .card-lichtrinh .loai-dv-badge span[data-loai-hinh="Khu di tích văn hóa"] { background-color: #fff7f1; border-color: #f07620; color: #f07620; }

    .card-lichtrinh .content .info_title { font-size: 32px; font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0.5rem !important; color: #fff }
    .card-lichtrinh .content .description-p { font-size: 12px; font-weight: 400; line-height: 1.5; word-spacing: 2px; margin-bottom: 0.5rem; max-height: 3rem; color: rgb(228, 228, 228); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
    .card-lichtrinh .content a.see-more { display: block; font-size: 14px; color: #89AFFF; font-weight: 600; line-height: 2; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out; }
    .card-lichtrinh:hover .content a.see-more { max-height: 40px; opacity: 1; }


    .card-lichtrinh .card-cover-lichtrinh { position: relative; padding-top: 140%; }
        .card-lichtrinh .card-cover-lichtrinh img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 400ms ease-in-out; }
    .card-lichtrinh:hover .card-cover-lichtrinh img { scale: 150%; }

/* End */

/* Sukien section */
.luutru-section {  background: #EFF7FF }

.card-event { --flex-gap: 12px; background-color: #fff; overflow: hidden; display: flex; flex-wrap: wrap; gap: var(--flex-gap); border-radius: 12px; padding: 8px; box-shadow: 0px 4px 15px 0px #00000026; }
    .card-event .card-cover { padding-top: 24.8%; width: 35%; border-radius: 8px; }
        .card-event:hover .card-cover img { transform: scale(110%); }
    
    .card-event .card-body { display: flex; flex-direction: column; flex-basis: calc(100% - var(--flex-gap) - 35%); }
            .card-event .card-body .event-duration span { font-size: 12px; line-height: 22px; color: #4A5972; font-weight: 500; }
        
        .card-event .card-body .see-more { text-align: end; color: var(--main-color); font-size: 16px; line-height: 18px; font-weight: 600; margin-top: auto; }/* End of sukien section */

/* ── Custom Swiper Nav & Pagination ── */

.custom-nav { position: absolute; top: 45%; left: 0; right: 0; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none; z-index: 10; }

.prev-btn, .next-btn { pointer-events: all; width: 55px; height: 55px; border-radius: 50%; border: none; background: #edf4ff; color: #4b7bde; font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18); transition: background 0.2s, color 0.2s, opacity 0.2s; }

.custom-nav .prev-btn { transform: translateX(-50%); }
.custom-nav .next-btn { transform: translateX(50%); }
    .custom-nav .prev-btn:hover, .custom-nav .next-btn:hover { background: #0062b7; color: #fff; }
    .custom-nav .prev-btn.disabled, .custom-nav .next-btn.disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }

.custom-pagination { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 24px; }
    .custom-pagination .dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: transparent; cursor: pointer; padding: 0; transition: background 0.2s, border-color 0.2s, transform 0.2s; border: 1px solid #c5e1ef; }
        .custom-pagination .dot.active { background: var(--main-color); border-color: var(--main-color); }
/* ── End of Custom Swiper Nav & Pagination ── */

/* tin tuc section */

.card-tintuc { display: grid; gap: 12px; }

.card-tintuc .card-cover { padding-top: 70%; border-radius: 12px; position: relative; overflow: hidden; border-radius: 12px; }
    .card-tintuc .tintuc-date { color: #9ea2ac; font-size: 12px; line-height: 24px; font-weight: 500; }
    .card-tintuc:hover .card-cover img { transform: scale(120%); }

    .card-tintuc .tintuc-title { position: relative; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; display: -webkit-box; overflow: hidden; font-size: 16px; font-weight: 600; color: #000; text-decoration: underline; text-decoration-color: transparent; -webkit-text-decoration-color: transparent; -moz-text-decoration-color: transparent; transition: 500ms ease-in-out; }
    .card-tintuc .tintuc-description {font-size: 14px; margin-bottom: 0 !important; font-weight: 400;-webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; display: -webkit-box; overflow: hidden; }
    .card-tintuc:hover .tintuc-title { color: var(--main-color); text-decoration-color: var(--main-color); -webkit-text-decoration-color: var(--main-color); -moz-text-decoration-color: var(--main-color); }

.small-tintuc-section {display:flex; flex-direction: column; gap: 24px;}

.card-tintuc.small {display: flex; flex-wrap: wrap; gap: 12px;}     
    .card-tintuc.small .card-cover { padding-top: 27.5%; width: 40%;}

    .card-tintuc.small .card-body {flex-basis: calc(100% - 40% - 12px);}
    .card-tintuc.small .tintuc-title {font-size: 14px;}
    
.card-cover img { position: absolute; inset: 0; width: 100%; height: 100%; transition: 500ms ease-in-out; }


/* end of tintuc-section */

/* luu tru section */
.card-luutru { border-radius: 12px; overflow: hidden; transition: 800ms ease-in-out; border: 1px solid transparent; display: flex; flex-direction: column; height: 100%;}
    .card-luutru:hover { border: 1px solid #005BF0; }

        .card-luutru:hover img.dd-img { transform: scale(120%); }

    .card-luutru .cover-img { height: 260px;}        
        .card-luutru .cover-img img.dd-img {height: 100% !important; border-radius: 0;}
    .card-luutru .card-body { background-color: #fff; padding: 16px }
        .card-luutru .card-body .content { display: flex; flex-direction: column; height: 100%;}
/* end of luu tru section */

/* Mua sam tab & slider */
.place-section .main-info { display: flex; align-items: center; gap: 24px; }

.custom-muasam-nav { display: flex; gap: 12px; }
    .custom-muasam-nav .prev-btn, .custom-muasam-nav .next-btn { width: 34px; height: 34px; font-size: 12px; }
    
.muasam-info { display: flex; flex-direction: column; gap: 24px; min-width: 200px; flex-shrink: 0; }

.tabular { display: grid; }
    .tabular .tabcontent { grid-area: 1 / 1; opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; align-content: center; }
        .tabular .tabcontent.active { opacity: 1; pointer-events: auto; }

    .tabular .tab-index { font-size: 13px; color: #6C7689; margin-bottom: 6px; font-weight: 300; }
        .tabular .tab-index #index { font-size: 24px; font-weight: 400; color: #000; }

        .tabular .tab-title strong { font-size: 18px; font-weight: 600; color: #2F2F2F; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-transform: uppercase; }
        .tabular .tab-title p { font-size: 14px; color: #4A4A4A; margin-top: 8px; margin-bottom: 0; }

#thumbs-big-muasam { width: 65%; }
    #thumbs-big-muasam .wrapper { display: grid; }

    #thumbs-big-muasam .img-slide { grid-area: 1 / 1; opacity: 0; transition: 500ms ease-in-out; pointer-events: none; }
        #thumbs-big-muasam .img-slide.active { opacity: 1; pointer-events: auto; }
        #thumbs-big-muasam .img-slide img { aspect-ratio: 3/2; object-fit: cover; border-radius: 12px; }

.muasam-article .cover > img { border-radius: 12px; aspect-ratio: 4/3; object-fit: cover; }

.muasam-article .content { margin-top: 12px;} 
    .muasam-article .content .shop-name { font-size: 15px; color: #3E3E3E; font-weight: 400; }
    .muasam-article .content .shop-locate { font-size: 14px; font-weight: 300; color: #666666; }
/* End of Mua sam tab & slider */

/* Giai tri */
.entertainment.d-grid { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 384px 384px; gap: 24px; }
    .entertainment > .card-vuichoi:nth-child(4) { grid-column: span 2; }
    .entertainment .entertain-desc {font-size: 16px; margin-top: 24px; margin-bottom: 0;}

.card-vuichoi .cover { width: 100%; padding-top: 384px; border-radius: 12px; overflow: hidden; }
.card-vuichoi .content { bottom: 0; left: 0; right: 0px; padding: 24px; background: linear-gradient(180deg,rgba(42, 123, 155, 0) 0%, rgba(0, 0, 0, 0.6) 100%); }
    .card-vuichoi .content .info_title { font-size: 32px; font-weight: 600; line-height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; color: #fff; }
    .card-vuichoi .content a.see-more { display: block; font-size: 14px; color: #89AFFF; font-weight: 600; line-height: 2; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out; }

    .card-vuichoi:hover .content a.see-more { max-height: 40px; opacity: 1; }
/* End of Giai tri */

/* Am thuc section */

.big-picture { display: grid; width: 100%; height: 100%; }
    .big-picture .food-cover { grid-area: 1 / 1; overflow: hidden; border-radius: 40px; pointer-events: none; opacity: 0; transition: 500ms ease-in-out; }
    .big-picture .food-cover.active { opacity: 1; pointer-events: auto; }
    
.food-pic { position: absolute; inset: 0; object-fit: cover; width: 100%; height: 100%; }
.food-list { display: grid; gap: 24px; padding: 24px 0; }
    .food-list .food-item { gap: 24px; align-items: center; color: #4A4A4A; padding: 8px; border-radius: 12px; border: 1px solid transparent; cursor: pointer; }
    
    .food-item:hover { background-color: #dae9ff; border: 1px solid #dae9ff; }
    .food-item.active { background-color: var(--main-color); color: #fff !important; border: 1px solid var(--main-color); }
    
        .food-item .index { font-size: 16px; font-weight: 400; color: #4A4A4A; }
        
        .food-item.active .index { color: white;}

        .food-item .info_title { font-size: 24px; line-height: 1.2; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; }

        .food-item .food-like { height: 47px; }

/* End of am thuc */

.floating-navigation { display: block; position: fixed; z-index: 999; left: 0; bottom: 35%; }

    .floating-navigation a:hover { transition: width .15s ease-in-out; width: 4pc; }

    .floating-navigation a { width: 3pc; height: 3pc; display: block; color: #fff; text-align: center; line-height: 54px; font-size: 1.7em; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; z-index: 8888; position: relative; }

/* Review  */
.container-review-place { background-image: url(/images/backgrounds/background-review.png); padding: 40px 0; background-position: 50% 50%; background-size: cover;}

.title-preview-section {margin-bottom: 20px;}
.title-preview-section .title-review { font-size: 28px; font-weight: 700; line-height: 40px; color: var(--dark-blue);}
.title-preview-section .description-review { font-size: 16px; font-weight: 400; margin-top: 16px;}

.review-place { background-color: #fff; padding: 40px 64px; border-radius: 32px; box-shadow: 0px 4px 10px 0px #00000026;}
.review-place .review-label {color: #000; font-weight: 600; margin-bottom: 4px;}
.review-place .form-control.review-input { padding: 12px; border-radius: 8px; border: 1px solid #E5E8EC}
.review-place .form-control.review-input::placeholder { font-size: 14px; color: #D0CED8;}

.review-place .file-upload-container  {padding: 50px 32px; border: 1px dashed #9E9E9E; gap: 11px; border-radius: 9px;}

.file-upload-container .upload-file-btn {background-color: #e5eef7; padding: 16px 36px; border-radius: 50px;}
.file-upload-container .file-upload-instruction {padding: 10px 0; color: #000;}
.file-upload-instruction .clickhere { font-size: 16px; color: var(--dark-blue);}
.file-upload-instruction .clickhere #linkSelectFile {color: var(--main-color);}
.file-upload-instruction .allow { font-size: 12px; color: var(--dark-blue);}

.review-file-container .img-wraper {padding-top: 68%; border-radius: 10px; overflow: hidden;}
.review-file-container .img-wraper a.removeFile { left:unset; right: 5%;  top: 5%; height: 23px; width: 23px; margin: unset; background: #d14343; border-radius: 100%; align-items: center; display: flex;}
.review-file-container .img-wraper a.removeFile i { color: white; margin: auto;}
/* end of review */

.review-list { margin: 0 -8px; }
.review-list > div[class^="col-"] { padding: 0 8px; }
.review-item { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 12px; gap: 12px; border: 1px solid #e6ebf1; border-radius: 12px; background: #fff; box-shadow: 0 4px 14px rgba(16, 24, 40, 0.12); }
.review-content { margin: 0; min-height: 66px; overflow: hidden; word-break: break-word; color: var(--dark-blue); font-size: 14px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.reviewer-info, .reviewer-modal-info { display: flex; align-items: center; }
.reviewer-info { gap: 10px; }
.reviewer-modal-info { gap: 12px; }
.reviewer-avatar, .reviewer-modal-avatar { border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.reviewer-avatar { width: 30px; height: 30px; }
.reviewer-modal-avatar { width: 48px; height: 48px; border: 2px solid #e9ecef; }
.reviewer-avatar img, .reviewer-modal-avatar img { width: 100%; height: 100%; object-fit: cover; }
.reviewer-name { margin: 0; color: var(--dark-blue); font-size: 16px; font-weight: 700; line-height: 1.2; }
.number-attachments { margin: 2px 0 0; color: var(--dark-blue); font-size: 14px; line-height: 1.2; }
.review-action .klk-button { min-width: 86px; padding: 10px 12px; line-height: 1; border-radius: 8px; }
.review-empty { padding: 22px; border: 1px dashed #cdd5df; border-radius: 12px; color: #6b7280; background: #f8fafc; }

.reviewer-modal-close-btn { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }
.review-modal-top { padding: 12px; }

#reviewerDetailModal .modal-dialog {max-width: 75vw;}
#reviewerDetailModal .modal-content { overflow: hidden; border: none; border-radius: 12px; }
#reviewerDetailModal .modal-header { padding: 16px 20px; border-bottom: 1px solid #e9ecef; }
.reviewer-modal-name { margin: 0 0 2px; color: #111827; font-size: 16px; font-weight: 700; line-height: 1.3; }
.reviewer-modal-email { margin: 0; color: #6b7280; font-size: 14px; }
.review-attachments { margin: 0 -2px; display: flex; flex-wrap: wrap; gap: 4px; justify-content: center;}
.review-attachments > .review-attachment { flex: 0 0 calc((100%/3) - 4px); }
#reviewContent { color: var(--dark-blue); font-size: 14px; line-height: 1.6; margin-bottom: 0; margin-top: 16px;}
.review-modal-media { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.review-response {	padding: 12px 24px;}
.review-response-title { font-size: 16px; color: var(--bs-black); font-weight: 600;}
.review-response-content {font-size: 14px;}
.decorate::before {content: ''; background-color: #D9D9D9; height: 100%; position: absolute; left: 0; top: 0; width: 3px;}



@media(min-width: 991px) {
    .list-new-news .new_item .figure a { max-height: 165px; overflow: hidden; display: block; }
    .grid-box-gallery .col-md-5 { width: 33.33333333%; }
}


@media (max-width: 1200px) {
    .kham-pha-container { gap: 30px; padding: 30px 15px; }

    .kham-pha-content { font-size: 38px; padding: 0 10px; }

    .kham-pha-top, .kham-pha-bot { flex-direction: column; height: auto; gap: 16px; }
    .kham-pha-img { width: 100%; height: auto; max-height: 280px; object-fit: cover; }
}

@media (max-width:1024px) {
    .scroll-box { overflow: scroll; height: 385px; }

    #thumbs-big-muasam { width: 100%; }

    /* tham quan */
    .card-lichtrinh .card-cover-lichtrinh { padding-top: 73%; }

    .entertainment.d-grid { grid-template-columns: 1fr 1fr; }
    .entertainment > .card-vuichoi:nth-child(4) { grid-column: span 1; }
    .entertainment > .card-vuichoi:nth-child(3) { grid-column: span 2; }

    /* am thuc */
    .food-list { grid-template-columns: 1fr 1fr; }
    .big-picture {  height: 300px;}

    #reviewerDetailModal .modal-dialog { max-width: 90vw; }
}


@media (max-width:991px) {
    /* #banner-advertise .img_zoom img { height: 150px; } */
    .dalat-news .page-box { text-align: center; }
    .floating-navigation { position: relative; bottom: 0; display: block; background-repeat: no-repeat; background-position: 50% 50%; width: 100%; height: 3pc; line-height: 2pc; border: none; padding: 0; margin: 0 auto; overflow: hidden; cursor: pointer; cursor: hand; }
        .floating-navigation a { width: 15.8%; height: 3pc; display: inline-block; color: #fff; text-align: center; line-height: 54px; font-size: 1.7em; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; z-index: 8888; position: relative; }
    .list-new-news .new_item .text { -webkit-line-clamp: 2; line-clamp: 2; }

    h3.subtitle { font-size: 18px; }
    h2.title-l { font-size: 25px; }

    .card-lichtrinh .content .info_title, .card-vuichoi .content .info_title {font-size: 25px;}

    .card-tintuc .card-cover {padding-top: 60%;}
    .card-tintuc.small .card-cover {width: 100%; padding-top: 24.5%;}

    .card-event .card-cover { width: 100%; padding-top: 60%; }
    .card-event .card-body { flex-basis: 100%; }

    .small-tintuc-section {gap: 8px}

    .title-preview-section .title-review {font-size: 20px;}
    .title-preview-section .description-review {font-size: 14px;}
    .review-place {padding: 40px 24px;}

    .review-attachments > .review-attachment { flex-basis: calc((100%/2) - 4px); }
}


@media (max-width: 768px) {

    .border-left-light {border: none;}

    /*chỉnh căn lề text trong màn hình nhỏ */
    /*.list-new-news .new_item h3 a {
        text-align: left;
    }
    .list-new-news .new_item .text {
        text-align: left;
    }*/
    .content_cls { margin-top: 0px !important; }
    .event-date { width: 67px; }
    .date-month { font-size: 9px; }
    .date-month-gray { font-size: 9px; }
    /*.dalat-events_hight .swiper-container .swiper-slide picture {
        max-height: 420px;
    }
    .home-box-news .news-img {
        max-height: 400px;
    }*/
    img.dd-img { width: 100%; height: 180px; object-fit: cover; }
    #food-popular { display: none; }
    #order-now { margin-top: 10px; }

    .kham-pha-content { font-size: 32px; }

    .kham-pha-top, .kham-pha-bot { gap: 12px; }

    .kham-pha-img { max-height: 220px; }
    
    .place-section .main-info { flex-wrap: wrap;}
    .place-section .muasam-info { order: 2; }
    
    .entertainment.d-grid { grid-template-columns: 1fr; grid-template-rows: auto;}
    .entertainment > .card-vuichoi:nth-child(4)  { grid-column: unset; }
    .entertainment > .card-vuichoi:nth-child(3)  { grid-column: unset;}
    
    
    .card-vuichoi .cover {  padding-top: 200px;}
    
    .food-list { grid-template-columns: 1fr; }

    .small-tintuc-section {gap: 24px;}

    .card-event .card-cover { width: 33%; padding-top: 24%;}
    .card-event .card-body { flex-basis: calc(100% - var(--flex-gap) - 33%);}

    .card-tintuc .card-cover, .card-tintuc.small .card-cover {padding-top: 56%;}
    .card-tintuc .tintuc-title {font-size: 14px;}
    .card-tintuc .tintuc-description {display: none;}

    .card-luutru .cover-img {height: 180px;}

}

.text-justify { text-align: justify; text-justify: inter-word; }

.tour-sorter-one__right { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; flex-flow: row-reverse; }

#share-buttons { margin-top: 10px; display: block; float: left; margin-bottom: 10px; width: 100%; }

    #share-buttons > a > img { height: 30px; width: 30px; }

#selected_event { max-height: 500px; overflow-y: scroll; }

.transport_news { margin-top: 10px; margin-bottom: 10px; padding: 10px; height: 800px; max-height: 500px; overflow-y: scroll; }
#vnpt_ai_livechat_button.vnpt_ai_livechat_button_blink { bottom: 66px !important; right: 21px !important; }
body div#vnpt_ai_livechat_display_container { bottom: 130px !important; }

@media (max-width: 576px) {
    .form-events .form-control { height: auto !important; }

    .form-events .order { display: none; }

    .item_content .detail-content img { height: auto !important; }
    #reviewerDetailModal .modal-dialog { max-width: unset; }
    .review-attachments > .review-attachment { flex-basis: 100%; }
}

@media (max-width: 480px) {
    .kham-pha-img { max-height: 180px; }
}


@media only screen and (min-device-width: 320px) and (max-device-width: 478px) {
    .foods .media-body { bottom: 0px; }
    .list-new-news .new_item .text { -webkit-line-clamp: 1; line-clamp: 2; }
}