.sticky-top-im {
    position: sticky;
    top: 0;
    z-index: 99
}

@media screen and (max-width: 1199.5px) {
    .header--menu, .filter__content .form-filter ul .line {
        display: none
    }

    .filter__content .items {
        padding: 10px 10px
    }

    .filter__content .items--search {
        min-width: 180px;
        font-size: 14px
    }

    .form-filter {
        font-size: 14px
    }

    .filter__content .btn {
        width: 45px;
        height: 45px
    }

    .tab-nav ul {
        flex-wrap: wrap
    }

    .tab-nav ul li {
        margin-bottom: 10px
    }

    .footer .title-ft, .footer .footer-infor--company p {
        font-size: 16px
    }

    .footer .footer-infor ul li span {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }

    .header--button {
        padding-right: 60px
    }

    .site-about .images--2 {
        right: 0
    }

    .maps-custom .list-address-left .items, .maps-custom .list-address-left {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important
    }

    .maps-custom .images--img img {
        width: 170px !important;
        height: 170px !important
    }

    .maps-custom .map {
        display: none
    }

    .maps-custom .list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

    .maps-custom .list .items {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 991.5px) {
    .filter__content .form-filter ul {
        flex-wrap: wrap;
        justify-content: center
    }

    .filter__content .items {
        padding: 15px
    }

    .site-vocher .items-vocher {
        padding: 10px
    }

    .site-res .form-res {
        margin-top: 20px
    }

    .footer .title-ft {
        margin-bottom: 20px
    }

    .footer .footer-infor {
        margin-bottom: 30px
    }

    .page-details--title .content {
        display: block
    }

    .page-details--title .content--right {
        padding-top: 10px
    }

    .page-details--infor .box {
        height: max-content;
        margin-bottom: 10px
    }

    .page-zoom--check .check-box {
        flex-wrap: wrap
    }

    .page-zoom .items-zoom--content .title {
        display: block
    }

    .page-zoom .items-zoom--content .title--right {
        padding-top: 10px
    }

    .page-raiting .raiting--cl {
        flex: 0 0 30%;
        max-width: 30%
    }

    .page-raiting .raiting--infor {
        flex: 0 0 70%;
        max-width: 70%
    }

    .page-raiting .raiting--infor2 {
        padding-top: 20px
    }

    .page-raiting .details-raiting .nav-top {
        display: block;
        padding-bottom: 10px
    }

    #danhgia .details-raiting .select-sx--title {
        border: 1px solid #ccc;
        padding: 10px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-left: auto;
        border-radius: 5px;
        font-size: 14px;
        min-width: 170px;
        background-size: 10px;
        background-repeat: no-repeat;
        background-position: 95% 50%
    }

    .page-raiting .details-raiting .nav-top .select-sx {
        padding-top: 10px
    }

    .page-cs-hotel .information ul li {
        flex: 0 0 50%;
        max-width: 50%
    }

    .page-news-hotel .news-hotel .content {
        width: 400px;
        padding: 15px
    }

    .page-news-hotel .news-hotel .content p {
        max-height: 100px
    }

    .daterangepicker {
        width: 80.5%;
        left: 100px !important
    }

    .modal-dialog .page-raiting .nav-top ul li a {
        margin-bottom: 10px
    }

    .album-table .nav li {
        flex: 0 0 25%;
        max-width: 25%
    }

    .site-banner--filter .title-banner {
        margin-bottom: 20px
    }

    .site-infor .items {
        padding: 10px
    }

    .site-fsale--home .title-fsale-home:before, .site-fsale--home .title-fsale-home:after, .site-fsale--home .title-fsale-home .shadown {
        display: none
    }

    .site-fsale--home .title-fsale-home {
        background: var(--yellow)
    }

    .site-pn .mobile-css {
        display: block
    }

    .site-pn .slick-pn {
        display: none
    }

    .sidebar-search {
        display: none;
        padding-bottom: 55px
    }

    .slick-fsale .items-tour {
        min-height: 100px
    }
}

@media screen and (max-width: 767px) {
    .site-banner--video {
        height: auto
    }

    .site-banner--filter {
        position: relative;
        bottom: 0;
        margin-top: -30px;
        padding-bottom: 30px
    }

    .site-banner--background {
        height: auto;
        min-height: 195px
    }

    .header--button {
        display: none
    }

    .header--logo {
        padding: 10px 0;
        padding-left: 0
    }

    .filter__content .form-filter ul {
        display: block
    }

    .filter__content .nav-filter li {
        padding: 0 10px
    }

    .site-vocher .items-vocher {
        margin-bottom: 0
    }

    .page-sale .site-vocher .items-vocher {
        margin-bottom: 10px
    }

    .site-vocher {
        padding-bottom: 30px
    }

    .site-fsale .title-fsale {
        display: block
    }

    .site-fsale .title-fsale--button__box {
        margin-left: 0;
        margin-right: 10px
    }

    .title-fsale--button {
        margin-top: 15px
    }

    .items--blog {
        margin-bottom: 20px
    }

    .site-fsale--list .title--custom {
        display: block
    }

    .site-fsale--list .title--custom .btn {
        margin-top: 10px
    }

    .site-tabcontent .tags a {
        padding: 5px 0;
        display: inline-block
    }

    .site-res--content h3 {
        font-size: 20px
    }

    .site-res--content p {
        font-size: 100%;
        line-height: 1.5
    }

    .site-res--content p span {
        font-size: 150%;
        display: block;
        padding-top: 10px
    }

    .site-res .form-res form input {
        height: 40px;
        font-size: 14px
    }

    .site-res .form-res form .btn {
        height: 40px;
        min-width: 50px
    }

    .footer {
        padding: 30px 0;
        padding-top: 200px
    }

    .footer .footer-infor--company span {
        line-height: 1.5
    }

    .footer .footer-infor ul li p {
        max-width: 100%
    }

    .footer .footer-infor ul li span {
        flex: 0 0 40%;
        max-width: 40%
    }

    .page-news-hotel .news-hotel .content {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        transform: translateY(0%);
        margin-top: 20px
    }

    .page-details--title .heading--button a {
        font-size: 14px
    }

    .page-details--title .heading {
        display: block
    }

    .page-zoom {
        padding: 20px 0
    }

    .page-zoom .items-zoom {
        padding: 10px
    }

    .items-zoom--content {
        padding-top: 10px
    }

    .page-zoom .items-zoom--content .title ul {
        flex-wrap: wrap
    }

    .page-zoom .items-zoom--content .title li {
        padding-bottom: 10px
    }

    .page-zoom .items-zoom--content .title h2 {
        font-size: 20px
    }

    .page-zoom .items-zoom--content .option-custom--content {
        border: 0;
        padding: 10px 0;
        padding-top: 0
    }

    .page-zoom .items-zoom--content .option-custom--content---last .btn {
        margin-left: auto
    }

    .items-zoom--content .option-custom .note, .note {
        padding: 10px
    }

    .page-zoom .items-zoom--content .option-custom--content .g {
        display: none
    }

    .items-zoom--content .option-custom--content---last .vocher {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .items-zoom--content .option-custom--content---last .vocher .vocher--code p, .option-custom--content-2 {
        display: none
    }

    .items-zoom--content .option-custom .note, .note {
        display: none
    }

    .items-zoom--content .option-custom--content---last .vocher--price {
        margin-top: 0
    }

    .page-zoom .items-zoom--content .option-custom--content .price {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .page-zoom .items-zoom--content .option-custom--content p, .items-zoom--content .option-custom--content---last .price--del {
        margin-bottom: 0
    }

    .items-zoom--content .option-custom--content---last .price--ins {
        margin: 0;
        padding: 0 5px
    }

    .items-zoom--content .option-custom--content---last .vocher--price {
        font-size: 15px
    }

    .items-zoom--content .option-custom--content---last .price--ins {
        font-size: 15px
    }

    .items-zoom--content .option-custom--content---last .price--del {
        font-size: 12px
    }

    .items-zoom--content .option-custom--content---last .sale {
        margin-bottom: 0
    }

    .option-custom--content > ul > li p {
        padding-left: 5px;
        color: #48BB78
    }

    .page-raiting .raiting--cl, .page-raiting .raiting--infor, .page-cs-hotel .information ul li {
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-raiting .raiting--infor {
        padding: 10px 0;
        border: 0
    }

    .page-raiting .raiting--cl---content {
        margin: 0 auto
    }

    .page-raiting .raiting {
        padding: 20px 10px
    }

    .page-raiting .details-raiting .nav li {
        padding: 5px
    }

    .page-raiting .details-raiting .nav li a {
        border-radius: 30px;
        padding: 5px 15px;
        font-size: 90%
    }

    .page-raiting .details-raiting--content .items--content {
        padding-top: 10px
    }

    .page-xemthem-custom .site-fsale--list {
        padding: 20px 0
    }

    .filter__content .form-filter ul .sub-filter {
        overflow: auto;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0
    }

    .filter__content .form-filter ul .sub-filter--search .list {
        height: auto;
        margin-bottom: 20px
    }

    .filter__content .sub-filter--content {
        height: auto;
        max-height: 100%
    }

    .daterangepicker, .filter__content .position-custom {
        width: 100%;
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        height: 100%;
        margin: 0;
        border-radius: 0
    }

    .daterangepicker {
        overflow: auto;
        padding-bottom: 90px
    }

    .daterangepicker .drp-calendar {
        width: 100%
    }

    .filter__content .position-custom {
        width: 100%;
        right: 0;
        display: block !important
    }

    .sub-filter--checkn.js-sub-custom.position-custom.show-sub {
        display: block !important
    }

    .filter__content .sub-filter--checkn .sidebar-right {
        min-width: 100px
    }

    .modal-dialog .page-raiting .details-raiting {
        padding-top: 15px
    }

    .page-raiting .raiting-images {
        display: block
    }

    .page-raiting .raiting-images--list {
        padding-left: 0;
        padding-top: 10px;
        width: 100%
    }

    .album-table .nav li {
        flex: 0 0 33.333%;
        max-width: 33.333%
    }

    .album-table .tab-content {
        max-height: 400px;
        margin-bottom: 20px
    }

    .modal-album .sidebar-modal--content, .album-table .tab-content {
        max-height: 100%
    }

    .site-banner--filter .title-banner {
        display: none
    }

    .site-infor, .site-about .images {
        margin-top: 30px
    }

    .site-aboutus .items h3 {
        font-size: 150%
    }

    .site-aboutus .images {
        padding-left: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
        display: none
    }

    .mdal-details-room .tab-pane--album .img-b .img {
        padding-bottom: 20%
    }

    .filter__content .nav-filter {
        display: none
    }

    .filter__content .items {
        border-bottom: 1px solid #f7f7f7;
        position: relative
    }

    .items--flex--select {
        display: none
    }

    .css-mobile {
        display: block;
        position: absolute;
        top: 50%;
        z-index: 5;
        right: 10px;
        transform: translate(0, -50%)
    }

    .filter__content .btn {
        margin: 0;
        width: 100%;
        transition: none !important
    }

    .filter__content {
        box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.25)
    }

    .filter__content .last {
        border-bottom: 0 !important
    }

    .site-kh .slick-next {
        right: -5px
    }

    .site-kh .slick-prev {
        left: -5px
    }

    .site-pn .slick-track .slick-slide .items-pn, .site-pn .slick-track .slick-slide ul, .site-pn .slick-track .slick-slide ul li {
        height: auto
    }

    .site-pn .slick-track .slick-slide > div {
        height: auto
    }

    .site-pn .slick-next {
        right: 15px
    }

    .site-pn .slick-prev {
        left: 15px
    }

    .site-pn ul li ul li:last-child .items:last-child, .site-pn .slick-pn .items {
        margin-bottom: 10px
    }

    .site-pn .slick-pn .items {
        height: auto
    }

    .site-pn .slick-pn .items .ratio {
        padding-bottom: 65%;
        height: auto
    }

    .site-kh .nav li {
        margin-right: 0;
        flex: 0 0 calc(100% / 4);
        max-width: 100%
    }

    .site-tabcontent .tab-nav ul {
        flex-wrap: nowrap;
        width: 100%;
        overflow: auto
    }

    .site-tabcontent--home .tab-nav ul li a {
        text-align: center
    }

    .site-tabcontent .tab-nav ul li {
        flex: 0 0 calc(100% / 3.5);
        max-width: 100%
    }

    .site-tabcontent .tab-nav ul li.list-tag {
        flex: 0 0 calc(100% / 2.5) !important;
        max-width: 100%
    }

    .site-menu-ft ul {
        flex-wrap: nowrap !important;
        width: 100%;
        overflow: auto
    }

    .site-menu-ft ul li {
        flex: 0 0 calc(100% / 4);
        max-width: 100%;
        text-align: center
    }

    .footer .form-res {
        width: 95%
    }

    .form-res .form {
        margin-top: 10px
    }

    .footer .form-res form .btn {
        min-width: 10px
    }

    .site-mobile-icon {
        display: block;
        padding-top: 0
    }

    .filter__content .items--search {
        width: 100%
    }

    .site-mobile-icon ul li.nhm {
        flex: 0 0 20%;
        max-width: 20%
    }

    .filter__content .items--title {
        display: none
    }

    .filter__content .items {
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: 4% 50%;
        padding-left: 45px
    }

    .filter__content .items:nth-child(1) {
        background-image: url("../images/search.png")
    }

    .filter__content .items:nth-child(2) {
        background-image: url("../images/schedule.png")
    }

    .filter__content .items:nth-child(3) {
        background-image: url("../images/group-chat.png");
        background-size: 26px
    }

    .filter__content .items:nth-child(4) {
        padding-left: 15px;
        border-bottom: 0
    }

    .title-main .heading {
        font-size: 20px
    }

    .site-kh .nav {
        padding-bottom: 10px
    }

    .site-kh .nav li a {
        width: max-content;
        padding: 5px
    }

    .heading p {
        font-size: 14px
    }

    .site-kh .nav li a svg {
        width: 15px
    }

    .items-tour--content {
        padding: 10px 5px
    }

    .items-tour--content__title {
        font-size: 90%;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: block;
        -webkit-box-orient: vertical
    }

    .items-tour--content__address, .items-tour--content__dg--text {
        display: none
    }

    .items-tour--content__dg {
        display: block
    }

    .items-tour--content__dg--content p:last-child {
        display: none
    }

    .items-tour--content__price .ins, .ins {
        font-size: 13px;
        padding-left: 5px;
        order: 2;
        margin-top: 3px;
    }

    .items-tour--content__price p {
        margin-bottom: 0
    }

    .items-tour--content__price p, p.bil {
        font-size: 15px
    }

    #list-hotels-type .items {
        height: 100%
    }

    .items-tour--content__dg--content span {
        padding: 5px
    }

    #list-hotels-type .items .items-tour {
        height: 100%
    }

    .site-tabcontent--home .tab-nav ul li a {
        border-radius: 30px;
        padding: 5px
    }

    .feaNews__list > .post:first-child .post__content {
        width: 100%
    }

    .feaNews__list > .post:first-child {
        grid-column: span 12 !important
    }

    .feaNews__list > .post {
        grid-column: span 6 !important
    }

    .site-res .form-res form .btn {
        position: relative
    }

    .site-res {
        padding: 30px 0
    }

    .maps-custom {
        display: none
    }

    .maps-custom-mobile {
        display: flex;
        overflow: auto;
        padding-bottom: 10px
    }

    .site-address {
        padding: 30px 0
    }

    .maps-custom-mobile .items {
        margin-right: 10px;
        flex: 0 0 25%;
        max-width: 25%
    }

    .maps-custom .images--img {
        width: 100%;
        padding-bottom: 100%;
        overflow: hidden
    }

    .maps-custom .images--img span {
        font-size: 14px;
        bottom: 15px
    }

    .maps-custom .images--img img {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover
    }

    .site-kh .nav li a {
        font-size: 85%
    }

    .site-fsale .slick-list {
        padding-right: 30px
    }

    .site-fsale .slick-fsale {
        margin: 0 -5px
    }

    .site-fsale .slick-fsale .items {
        padding: 0 5px
    }

    .pd-main {
        padding: 20px 0
    }

    .site-fsale .title-fsale {
        margin-bottom: 10px
    }

    .site-vocher .items-vocher--note {
        display: none
    }

    .mobile-custom-vocher .row {
        margin: 0 -5px
    }

    .mobile-custom-vocher .col-6 {
        padding: 0 5px
    }

    .site-category {
        overflow: hidden
    }

    .site-category .slick-category .items .items--images {
        position: relative;
        overflow: hidden;
        padding-bottom: 100%;
        display: block
    }

    .site-category .slick-category .items .items--images img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .items-tour--content__price .ins, .ins {
        margin-bottom: 0;
        margin-top: 5px;
        padding-left: 0
    }

    .site-tabcontent .tab-nav ul li a {
        text-align: center
    }

    .modal-album .modal-dialog {
        max-width: 100%
    }

    .btn {
        padding: 0 10px;
        height: 35px;
        min-width: 100px;
        font-size: 14px
    }

    .page-zoom {
    }

    .modal-dialog .modal-header .title-left .modal-title {
        font-size: 16px
    }

    .site-category .items img {
        width: 100%;
        height: 89px
    }

    .site-category .slick-category .slick-list, .page-hotel .slick-fsale .slick-list {
        padding-right: 30px
    }

    .page-hotel .items {
        padding: 0 5px
    }

    .site-category .slick-category .slick-list {
    }

    .site-category .slick-category .slick-slide {
        padding: 0 5px
    }

    .site-category .slick-category {
        margin: 0 -5px
    }

    .site-category .heading {
        margin-bottom: 0
    }

    .heading--title {
        font-size: 110%
    }

    .items--blog--custom__start {
        display: none
    }

    .page-xemthem-custom .items--blog--custom__start, .page-xemthem-custom .items--blog--custom p {
        display: block;
        padding: 0 10px
    }

    .page-xemthem-custom .items--blog--custom p {
        padding-bottom: 10px
    }

    .items--blog--custom h3 a {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .site-fsale--list:last-child {
        padding-bottom: 20px
    }

    .mobile-li-custom {
        display: flex !important
    }

    .details-nav-top {
        display: none !important
    }

    .search-content .items-zoom {
        padding: 10px
    }

    .search-content .items-tour--content__title {
        min-height: 10px
    }

    .items-zoom .option-custom--content-2 {
        text-align: left
    }

    .page-details--title .content .address p {
        flex: 0 0 65%;
        max-width: 65%
    }

    .page-details--title .content .address {
        justify-content: space-between
    }

    .page-sale .title-main .heading {
        font-size: 150%
    }

    .page-sale .title-main p {
        font-size: 100%
    }

    .vocher-custom {
        padding-bottom: 20px
    }

    .items-zoom--content .option-custom ul {
        margin-bottom: 0px
    }

    .nav-ajax ul li a {
        font-size: 14px;
        padding: 5px 10px
    }

    .nav-ajax {
        margin: 5px 0px
    }

    .items-tour--content__address2 {
        display: flex;
        margin-bottom: 5px
    }

    .booking_form {
        padding: 10px
    }

    ul.room_info li p, .quydinh p, .quydinh p.h4, .booking_form form input {
        font-size: 13px
    }

    .js-show-user {
        display: block;
        padding-right: 10px
    }

    .filter__content .items--flex--check__content {
        font-size: 95%
    }

    .filter__content__mobile__custom .items--flex--check__content {
        font-size: 80%
    }

    .js-filter-fixed .filter__content__mobile__custom .items--flex--check__content {
        font-size: 95%
    }

    .js-close-filter {
        display: block
    }

    .owl-carousel .owl-dots {
        position: relative
    }

    .owl-carousel .owl-dots button {
        background: #b7b7b7 !important
    }

    .site-search .owl-carousel .owl-dots button {
        background: #fff !important
    }

    .site-search .owl-carousel .owl-dots button.active {
        background: var(--blue) !important
    }

    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
        top: 30%;
        width: 30px;
        height: 30px;
        font-size: 25px !important
    }

    .owl-carousel .owl-nav button.owl-next {
        right: -10px
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: -10px
    }

    .items-tour {
        background: #fff;
        border: 1px solid var(--Line-strock, #fff);
        position: relative
    }

    .items-tour .ratio {
        padding-bottom: 100%
    }

    .items-tour .ratio:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%)
    }

    .site-fsale .items-tour h3 {
        width: 100%;
        padding: 10px 5px;
        position: relative
    }

    .site-fsale .items-tour--content__start {
        width: 100%;
        padding: 0 5px;
        margin: 0;
        position: relative;
        padding-bottom: 10px
    }

    .site-fsale .items-tour--content__title {
        color: #fff
    }

    .site-pn .owl-carousel .owl-nav button.owl-prev, .site-pn .owl-carousel .owl-nav button.owl-next {
        top: 35%
    }

    .site-fsale-none .slick-dots {
        display: none !important
    }

    .site-fsale {
        position: relative;
        background: linear-gradient(339.6deg, #F23076 0%, #FF612F 100%)
    }

    .site-fsale .title-fsale img {
        max-width: 150px
    }

    .site-fsale .title-fsale--text {
        color: #fff
    }

    .site-fsale:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-image: url('../images/set.webp');
        background-size: 45%;
        background-repeat: no-repeat;
        background-position: top right
    }

    .site-fsale .container {
        position: relative;
        z-index: 5
    }

    .site-fsale .title-fsale--button__box:first-child {
        background: #ffffff;
        color: #053458
    }

    .site-fsale .btn {
        display: none
    }

    .site-fsale .title-fsale--text .countdown-time span {
        background: #333;
        border-radius: 5px
    }

    .owl-carousel .owl-stage {
        padding-left: 0 !important
    }

    .site-kh--custom {
        padding-bottom: 30px
    }

    .site-kh--custom .slick-list {
        padding-right: 54px !important
    }

    .site-kh--custom .slick-arrow {
        top: 30%
    }

    .site-tabcontent .tab-nav ul li a {
        padding: 5px;
        font-size: 80%
    }

    .jss1482 {
        flex-wrap: wrap
    }

    .post__meta {
        font-size: 11px
    }

    .post__title {
        font-size: 14px
    }

    .site-tabcontent .tab-nav .jss1520 {
        margin-bottom: 10px;
        display: block
    }

    .feaNews {
        padding-top: 20px
    }

    .site-tabcontent .row {
        margin: 0 -5px
    }

    .site-tabcontent .col-6 {
        padding: 0 5px
    }

    .mb-30, .mb-20 {
        margin-bottom: 10px
    }

    .footer .title-ft, .footer .footer-infor--company p, .footer-content ul li a, .footer .footer-infor ul li, .coppyright p {
        font-size: 12px
    }

    .mobile-custom-vocher .slick-list {
        padding-right: 50px
    }

    .jss182 {
        width: 100% !important;
        margin: 0
    }

    .jss183 {
        padding-left: 5px;
        padding-right: 10px
    }

    .jss184 .MuiTypography-root {
        font-size: 13px;
        padding-top: 5px;
        padding-left: 5px
    }

    .site-category .items--title {
        font-size: 90%
    }

    .site-category .items--text {
        font-size: 13px
    }

    .site-taxanomy {
        background: #EEF9FF
    }

    .jss1483 {
        font-size: 12px;
        margin-right: 5px
    }

    .search-content .filter-nav ul li {
        border: 0;
        background: transparent;
        flex: auto;
        max-width: 100%;
        padding-right: 10px
    }

    .search-content .filter-nav ul {
        width: max-content
    }

    .search-content .filter-nav {
        overflow: auto
    }

    .site-search .items-tour--content__title {
        color: #000
    }

    .search-content .items-zoom--content .option-custom--content---last {
        position: relative;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .search-content .items-zoom--content .option-custom--content---last .btn {
        display: none
    }

    .search-content .items-zoom--content .option-custom--content---last .price {
        display: flex;
        align-items: center;
        padding: 0 10px
    }

    .search-content .items-zoom--content .option-custom--content---last p {
        margin-bottom: 0
    }

    .add-div-filter .filter__content__mobile__custom .items:nth-child(2), .add-div-filter .filter__content__mobile__custom .items:nth-child(1) {
        background: none;
        border: 0;
        padding-left: 10px
    }

    .add-div-filter .filter__content__mobile__custom .items:nth-child(1) {
        padding-bottom: 0
    }

    .add-div-filter .filter__content__mobile__custom .items {
        padding: 5px
    }

    .site-filter-top {
        padding: 15px 0;
        transition: all .3s
    }

    .site-filter-top div, .site-filter-top li {
        transition: all .3s
    }

    .add-div-filter .filter__content__mobile__custom .items--flex .jss139 span, .add-div-filter .filter__content__mobile__custom .items--flex .jss139 svg {
        display: none
    }

    .add-div-filter .filter__content__mobile__custom .items--flex .jss139 {
        border: 0;
        width: auto;
        height: auto;
        margin: 0 5px;
        color: #ccc
    }

    .add-div-filter .filter__content__mobile__custom .items--flex .jss139:before {
        content: '-';
        font-size: 14px
    }

    .add-div-filter .filter__content__mobile__custom p {
        color: #ccc !important
    }

    .add-div-filter .filter__content__mobile__custom .items:nth-child(3) {
        display: none
    }

    .add-div-filter .filter__content__mobile__custom .items:nth-child(4) {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        border: 0;
        background: none
    }

    .add-div-filter .filter__content__mobile__custom .items:nth-child(4) .btn {
        background: none;
        background: none;
        padding: 0;
        width: auto;
        height: auto
    }

    .add-div-filter .filter__content__mobile__custom .items:nth-child(4) .btn svg {
        fill: #000;
        width: 20px
    }

    .add-div-filter .filter__content__mobile__custom .items:nth-child(4) .btn svg path {
        fill: #000
    }

    .site-filter-top-search .add-div-filter .filter__content__mobile__custom {
        width: 78%
    }

    .sticky-top-custom {
        position: -webkit-sticky;
        position: sticky !important;
        top: 0;
        z-index: 1020
    }

    .page-details--title .heading h1 {
        font-size: 125%
    }

    .page-details .album-hotel .row-custom .col-custom:last-child {
        display: none
    }

    .page-zoom .checkbox-custom {
        font-size: 12px
    }

    .page-zoom--check {
        padding: 10px;
        margin: 0;
        margin-bottom: 10px
    }

    .page-zoom--check p {
        margin-bottom: 10px
    }

    .page-details--infor {
        margin-top: 5px
    }

    .items-zoom .images-content .gallery-top--list {
        display: none
    }

    .items-zoom--content .vocher--code {
        display: flex;
        flex-wrap: wrap;
        line-height: 1.5;
        font-size: 10px
    }

    .items-zoom--content .option-custom--content---last .vocher--code strong {
        padding: 0 2px
    }

    .items-zoom--content .option-custom--content---last .vocher {
        padding: 10px 5px
    }

    .items-zoom--content .option-custom ul li.mobile-li-custom {
        display: none !important
    }

    .jss2157 {
        margin-bottom: 3px
    }

    .details--them2 p {
        font-size: 90%;
        margin-bottom: 5px
    }

    .items--blog {
        height: 100%;
        margin-bottom: 0
    }

    .page-xemthem-custom .row {
        margin: 0 -10px
    }

    .page-xemthem-custom .col-6 {
        margin-bottom: 20px;
        padding: 0 10px
    }

    .sub-filter .input-location {
        display: flex !important;
        line-height: 30px;
        flex-direction: row-reverse;
        margin-bottom: 10px !important;
        align-items: center
    }

    .sub-filter .input-name {
        padding: 0
    }

    .sub-filter .js-close-filter {
        padding-bottom: 0;
        text-align: left
    }

    .filter__content .sub-filter .items--search {
        border: 1px solid #ccc;
        padding-left: 30px;
        height: 40px;
        border-radius: 5px;
        background-size: 15px;
        background-repeat: no-repeat;
        background-color: #edf2f7;
        background-position: 7px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons,Inc.--%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E")
    }

    .filter__content .sub-filter .items--search::placeholder {
        font-weight: 400
    }

    .site-slider-banner .slick-arrow {
        width: 30px;
        height: 30px
    }

    .site-slider-banner .slick-next {
        right: 0
    }

    .site-slider-banner .slick-prev {
        left: 0
    }

    section.recentNews.w-100.overflow-hidden {
        padding: 0
    }

    p.text-his {
        padding: 50px 0 !important
    }

    .items-sub {
        border-bottom: none !important
    }

    .title.sticky-top {
        padding: 0 !important
    }

    .jss2184 {
        padding: 0
    }

    h4.jss2158 {
        font-size: 0.8rem
    }

    .title--left {
        padding-top: 10px
    }

    div#list-hotel-filter-by-name .owl-carousel .owl-dots {
        position: absolute !important;
        max-width: 200px;
        overflow: hidden;
        left: 50%;
        transform: translate(-50%, 0)
    }

    .MuiBox-root {
        margin-bottom: 0px !important
    }

    .MuiBox-root.jss1377.jss1289.jss1285.js-hover.js-show-hover {
        z-index: 999
    }

    .option-custom--content > ul > li {
        margin-bottom: 0
    }

    .desktop-display {
        display: none
    }

    .mobile-display {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .site-vocher .slick-slide {
        padding: 0 10px
    }

    .page-details--title .content--right {
        justify-content: space-between
    }

    .page-cs-hotel .policy-content {
        padding-bottom: 10px
    }

    .page-hotel .items-tour--content__title {
        color: #fff
    }

    .page-hotel .mobile-display {
        padding: 0 5px
    }

    .box.box-maps, .box {
        min-height: 10px
    }

    .page-details--infor .box--tn {
        height: auto
    }

    .page-zoom .items-zoom--content .option-custom--content---last .btn {
        margin-bottom: 10px
    }

    .page-details--infor .box--tn ul {
        width: max-content
    }

    .page-details--infor .box--tn::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        background-color: #f5f5f5
    }

    .page-details--infor .box--tn::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: #ccc;
        border-radius: 10px
    }

    .page-details--infor .box--tn::-webkit-scrollbar-thumb {
        background-color: #ccc
    }

    .modal-view-u {
        display: none !important
    }

    .modal.show .modal-dialog {
        margin: 0;
        height: 100%
    }

    .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%;
        width: 100%;
        overflow: auto
    }

    .items-zoom--content .option-custom h3 {
        padding-top: 10px;
        color: var(--blue)
    }

    #modal-thongtinp .title--left {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px
    }

    #modal-thongtinp .title--left h2 {
        font-size: 18px;
        margin-bottom: 10px
    }

    #modal-thongtinp .mdal-details-room {
        padding: 0
    }

    .modal-thongtinp--content {
        padding: 15px 10px;
        background: #fff;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        margin-top: -80px;
        position: relative;
        z-index: 5
    }

    .modal-thongtinp--content .items-zoom--content .option-custom .note, .modal-thongtinp--content .note {
        display: block
    }

    #modal-thongtinp .owl-dots {
        position: absolute;
        bottom: 30px;
        left: 0;
        margin: 0;
        padding: 10px 0
    }

    #modal-thongtinp .owl-dots span {
        display: none
    }

    #modal-thongtinp .owl-dots .owl-dot {
        margin: 0 5px;
        width: 20px;
        height: 4px;
        border-radius: 0
    }

    #modal-thongtinp .owl-dots button.active {
        background: #ff9900 !important
    }

    .a > span {
        font-size: 15px
    }

    .policy-content---text ul {
        list-style: disc;
        padding-left: 25px;
        margin: 0
    }

    .information .content p {
        font-size: 15px;
        margin-bottom: 10px
    }

    .modal-header.sticky-top {
        padding: 5px 10px
    }

    .col-md-6.col-custom {
        position: relative
    }

    .site-kh .slick-kh .slick-slide {
        padding: 0 5px
    }

    .site-kh .slick-kh {
        margin: 0 -5px
    }

    .site-kh .slick-arrow {
        width: 30px;
        height: 30px
    }

    .modalLogin .modal-content {
        border-radius: 0
    }

    .site-fsale .items-tour:hover .items-tour--content__title {
        color: #fff !important
    }

    .jss521 {
        padding-top: 5px
    }

    .jss519 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .jss523 {
        width: 88px;
        min-height: 30px;
        font-size: 12px
    }

    .jss184 {
        -webkit-line-clamp: 2;
        font-size: 14px
    }

    .site-banner .site-banner--filter {
        padding-bottom: 20px
    }

    .site-taxanomy-hottel .slick-dots {
        display: none !important
    }

    .search-content .ratio {
        padding-bottom: 70%
    }

    .page-details .page-details--title {
        display: flex;
        flex-direction: column
    }

    .page-details .page-details--title .heading {
        order: 2;
        margin-top: -20px;
        z-index: 5;
        background: #fff;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        padding: 10px;
        padding-bottom: 0;
        padding-top: 20px;
        /*position: relative;*/
    }

    .page-details .page-details--title .content {
        order: 2;
        padding: 0 10px
    }

    .page-details .page-details--title .content .address p, .page-details--title .content .address a {
        font-size: 12px
    }

    #list-room .items-zoom--content .title ul li a {
        display: none
    }

    .page-zoom #list-room .items-zoom--content .title--right {
        padding-top: 0
    }

    #modal-album .title-left p {
        font-size: 12px;
        padding-right: 5px
    }

    .modal-album .sidebar-modal--content .items .name span p {
        font-weight: 400
    }

    .site-vocher {
        padding-top: 0
    }

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

    .row-custom-mb {
        margin: 0 -5px
    }

    .col-custom-mb {
        padding: 0 5px
    }

    .items--blog h3 {
        padding: 5px 5px
    }

    .items--blog--custom p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
        -webkit-line-clamp: 2;
        margin: 5px 5px;
        font-size: 12px
    }

    .items--blog .ratio {
        padding-bottom: 75%
    }

    .items--blog {
        border-radius: 5px
    }

    .page-details .page-details--title {
        position: relative
    }

    .page-details .page-details--title .heading--button {
        position:absolute;
        top:10px;
        right:10px
    }

    .page-details--title .heading--button a, .page-details--title .heading--button .a {
        color: #fff;
        padding: 0;
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .page-details--title .heading--button a span, .page-details--title .heading--button .a span {
        padding: 0
    }

    .page-details--title .heading--button a svg, .page-details--title .heading--button .a svg {
        margin: 0;
        width: auto;
        height: auto
    }

    .page-details--title .heading--button a svg path, .page-details--title .heading--button .a svg path {
        width: 100%
    }

    .page-details--title .heading--button .a span {
        display: none !important
    }

    .page-details--title .heading--button a span.check-status {
        font-size: 0
    }

    .page-details--title .content--right {
        display: none
    }

    .dtails-custom .title h3 {
        padding-top: 12px
    }

    .items-room-details {
        margin-bottom: 30px
    }

    button.btn.btn-white a {
        color: var(--blue)
    }

    .title-main.d-flex.align-items-center.justify-content-between {
        margin-left: 0
    }

    .addfilter-js {
        margin-top: 10px
    }

    .sidebar-search {
    }

    .sidebar-search .js-delete {
        display: block
    }

    .shadow-sm a, .shadow-sm span {
        width: 30px;
        height: 30px
    }

    .none-mobile {
        display: none !important
    }

    #shareBtn {
        display: flex !important
    }

    .scroll-mobile-vetical {
        overflow: auto
    }

    .scroll-mobile-vetical .nav {
        width: max-content
    }

    .modal-dialog .modal-header .title-left .modal-title {
        font-size: 20px;
        padding: 5px
    }

    .modal-zoom-nlte .modal-dialog .modal-header .close {
        border: 0;
        outline: none;
        font-size: 40px;
        padding: 10px 5px;
        border-radius: 5px
    }

    .site-content-bottom .infor .infor--sidebar {
        z-index: 9
    }

    .btn:hover {
        background: var(--blue) !important
    }

    .owl-carousel .owl-stage-outer {
        border-radius: 5px
    }

    .site-tabcontent .slick-slide-services .owl-dots {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        height: auto
    }

    .slick-dots li {
        width: 8px;
        height: 8px
    }

    .slick-slider {
        visibility: hidden
    }

    .slick-initialized {
        visibility: visible
    }

    .slick-mobile-icon {
        visibility: hidden
    }

    .slick-mobile-icon.slick-initialized {
        visibility: visible
    }

    .slick-banner-mobile {
        visibility: hidden;
        min-height: 200px
    }

    .slick-banner-mobile.slick-initialized {
        visibility: visible
    }

    .slick-banner-mobile .items img {
        width: 100%;
        height: auto
    }

    img.account-icon-header {
        width: 35px;
        margin-right: 2px
    }

    img.account-menu-header {
        width: 28px
    }

    .content h1 span {
        font-size: 24px !important;
    }
}