/* PC */
@media (min-width: 1201px) and (max-width: 1360px) {
    .wp-top-footer {
        padding: 0 27px;
        padding-top: 68px;
        padding-bottom: 55px;
        background: url(/Design/img/footer/decor-footer.png) no-repeat;
        background-size: cover;
    }

    .col-footer1 {
        width: 40%;
        float: left;
        margin-right: 33px;
    }

    .col-footer2 {
        width: 20%;
        float: left;
    }

    .col-footer3 {
        width: 24%;
        float: left;
    }

    .col-footer4 {
        width: 26%;
        float: right;
    }

    span.name-footer-compa, .info-footer-compa {
        margin-right: 0;
    }

    .wp-bottom-footer {
        /* background: #fec962; */
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
        padding-right: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {


    header .top .container {
        padding: 0 10px;
    }
}

@media (max-width: 1200px) {
    .wp-about-img img.img-about-one {
        display: none;
    }

    .col-footer1 {
        width: 100%;
        float: left;
        margin-right: 33px;
    }

    .col-footer3 {
        width: 50%;
        float: left;
    }

    span.name-col-footer {
        padding-bottom: 10px;
    }

    .wp-top-footer {
        padding: 40px 12px;
    }

    .col-footer4 {
        width: 100%;
        float: right;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    span.name-footer-compa {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .info-footer-compa {
        margin-right: 0;
    }

    .col-footer2 {
        width: 50%;
        float: left;
    }

    .wp-sys-room section.sys-room-top {
        padding: 0 40px;
    }

    .wp-home-about {
        padding-left: 10px;
        padding-right: 10px;
    }

    span.price-room-top {
        font-size: 19px;
    }

    .sys-room-img-top {
        margin: 0;
        margin-bottom: 30px;
        margin-top: -100px;
        padding: 29px 10px 34px 10px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .wp-bottom-footer {
        padding: 10px;
    }

    .wp-top-room-content {
        padding: 0 150px;
    }

    ul.list-room-top {
        column-gap: 10px;
        row-gap: 10px;
        padding: 0 10px;
        position: relative;
        top: -159px;
    }

    .wp-info-room-top span {
        font-size: 12px;
    }

    span.slogan-img-room-side {
        font-size: 20.54px;
    }

    a.phone-room-side-sys {
        font-size: 23.07px;
    }

    span.name-contact-room-sys {
        font-size: 22px;
    }

    span.slogan-img-room-side {
        font-size: 20.54px;
    }

    .sys-room-bottom {
        padding: 0 10px;
        margin-bottom: 84px;
    }

    li.item-room-bottom {
        margin: auto;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    span.wp-content-sys-room-bottom {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    ul.list-room-bottom {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
    }

    .img-room-bottom-sys-top {
        height: 350px;
    }

    .list-img-lib-bottom {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

/* Tablet */

@media (min-width: 740px) and (max-width: 1023px) {

    .grid.wide {
        padding: 0 10px;
    }

    .wp-img-library {
        padding-left: 2px;
    }

    .wp-bottom-footer .grid.wide {
        display: flex;
        flex-direction: column;
    }

    .banner {
        padding-top: 50px;
    }

    .wp-sys-room {
        padding-bottom: 120px;
    }

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

    .right-booking {
        position: unset !important;
    }

    .menu-rs .container .content {
        /* display: block; */
        display: -ms-flexbox;
        display: block;
        padding-top: 10px;
        padding-left: 0;
        width: 50%;
        margin: auto;
        /* justify-content: center; */
    }

    h5.title-info-hotel-facilities {
        font-size: 20px;
    }

    span.des-info-hotel-facilities {
        font-size: 13px;
    }

    .menu-rs .container .tenct {
        font-size: 24px;
        padding: 0 20px;
        padding-right: 20px !important;
    }

    span.content-room-home {
        padding: 0;
    }

    .img-room-side-bottom {
        padding: 8px 8px;
        text-align: center;
        width: max-content;
        background: rgb(239 246 255 / 90%);
        border-radius: 5px;
        position: absolute;
        z-index: 2;
        bottom: 66px;
        left: calc(50% - 178px);
        margin: auto;
    }

    li.item-about-footer a {
        font-size: 16px;
    }

    ul.list-room-top {
        column-gap: 4px;
        row-gap: 10px;
        padding: 0;
        position: relative;
        top: -159px;
    }

    .menu-rs .container .content {
        /* display: block; */
        display: -ms-flexbox;
        display: block;
        padding-top: 10px;
        padding-left: 0;
        width: 90%;
        margin: auto;
    }

    .li-col.li-col1 .item-col-1, .li-col.li-col2 .item-col-2 {
        height: 145px;
    }

    .left-widget-review-customer {
        background: url(/Design/img/SeaStarHotel/ThuVienHinhAnh/decorBackReview.png) no-repeat;
        background-size: 100% 100%;
        border-radius: 10px;
        padding: 25px 22px 146px 14px;
        float: left;
        width: 39%;
        transform: translateY(-74px);
    }

    .left-widget-review-customer h3 {
        font-size: 22px;
    }

    .right-widget-img-lib {
        float: right;
        width: 60%;
    }

    .wp-res-full li a {
        position: relative;
        width: 100%;
        display: block;
        padding: 10px 12px;
        border: 1px solid #fff;
        border-radius: 5px;
        margin-bottom: 8px;
    }

    .wp-bottom-footer {
        padding: 10px;
        display: block;
        text-align: center;
    }

    .wp-bottom-footer .left {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wp-bottom-footer .right {
        display: flex;
        align-items: center;
        margin-top: 10px;
        justify-content: center;
    }

    .top-img-library {
        padding: 10px;
    }

    .left-about-home {
        float: unset;
        width: 100%;
        /* height: 585px; */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .wp-about-img-left {
        width: 100%;
        height: 554px;
        margin: auto;
    }

    .right-about-home {
        width: 100%;
        margin-top: 35px;
        float: unset;
    }

    h4.name-about-home {
        /* color: #275c53; */
        font-size: 28px;
    }

    ul.wp-bottom-list-img-content-about li {
        width: 300px;
    }

    ul.wp-bottom-list-img-content-about li.right-right-sys {
        margin-left: 10px;
    }

    ul.wp-bottom-list-img-content-about li img.img-about-left-sys-bottom {
        width: 300px;
    }

    .wp-sys-room section.sys-room-top {
        padding: 20px 10px;
    }

    ul.list-sys-room-top {
        column-gap: 10px;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .img-room-side, .img-room-bottom {
        padding: 12px 10px;
    }



    .wp-top-room {
        padding-top: 20px;
    }

    .wp-bottom-room {
        padding: 0;
        /* height: 400px; */
    }

    ul.listBottomRoomHome {
        margin: auto;
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    span.room-arrow {
        padding: 0 8px;
    }

    .bottom-img-library {
        padding: 0;
        margin: auto;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 0;
    }

    .left-about-coffee {
        float: unset;
        width: 100%;
        text-align: center;
    }

    .left-about-coffee img {
        position: unset;
        top: unset;
        width: 70%;
        height: 100%;
    }

    .right-about-coffee {
        float: unset;
        width: 100%;
    }

    .li-col.li-col2 .item-col.item-col-2 {
        display: block;
    }

    h5.title-about-coffee {
        font-size: 35px;
        margin-top: 10px;
    }

    .col-footer4 {
        text-align: left;
    }

    .wp-bottom-room-home {
        position: unset;
        bottom: unset;
        display: block;
        padding: 0;
        width: 100%;
        background: #e8e2df;
        border-radius: 0 0 5px 5px;
    }

    li.item-img-about-coffee a img, li.item-img-about-coffee {
        display: block;
        width: 100%;
        height: 100%;
    }

    h2.title-room-top a {
        color: #51321b;
        font-size: 25px;
    }

    span.room-dt {
        padding-right: 8px;
    }

    .wp-info-room-top span {
        font-size: 18px;
    }

    .left-des-room-home {
        display: none;
    }

    span.room-guest {
        /* padding-left: 0; */
        /* padding-top: 5px; */
        /* display:block; */
        /* border-left: 1px solid #333; */
    }

    span.price-room-top {
        font-size: 16px;
    }

    span.donviDate {
        font-size: 16px;
    }

    h2.title-room-top a {
        font-size: 33px;
    }

    .price-book-room-bottom {
        padding-bottom: 20px;
    }

    h2.title-room-top {
        padding-top: 20px;
    }

    span.slogan-img-room-side {
        font-size: 17.54px;
    }

    span.name-contact-room-sys {
        font-size: 18px;
    }

    a.phone-room-side-sys {
        font-size: 19.07px;
    }

    span.hotline-room-side-sys img {
        position: absolute;
        left: -28px;
        top: -12px;
        width: 14%;
    }

    ul.list-room-bottom {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
    }

    h3.title-room-home {
        /* color: #333; */
    }

    .wp-utilities-hotel {
        display: block;
        padding: 25px 10px;
    }

    .right-img-utilities-hotel {
        padding-left: 70px;
        display: none;
        position: relative;
        float: unset;
    }

    .left-utilities-hotel {
        float: unset;
        width: 100%;
    }

    ul.list-bottom-travel-guide {
        column-gap: 10px;
        /* row-gap: 75px; */
    }

    .img-bottom-travel-guide {
        overflow: hidden;
        /* height: 150px; */
    }

    a.title-travel-guide-bottom {
        font-family: 'MonSB';
        font-size: 14.09px;
    }

    span.content-travel-guide-bottom {
        padding-top: 5px;
    }

    span.detail-travel-guide-bottom {
        margin-top: 10px;
        display: block;
    }

    .list-img-lib-bottom {
        column-gap: 10px;
    }

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

    .li-col.li-col1 .item-col-2, .li-col.li-col2 .item-col-1 {
        height: 199px;
        margin-bottom: 10px;
    }

    .menu-rs .container .content {
        padding-top: 30px;
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 100px;
        left: auto;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 100px;
        right: auto;
    }

    .col-footer2 {
        width: 38%;
        float: left;
    }
}


/* Mobile */

@media (max-width: 740px) {
    .left-about-home {
        float: unset;
        width: 100%;
        /* height: 585px; */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        display: none;
    }

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

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

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

    .col-footer4 {
        text-align: left;
    }

    .left-header-top {
        display: none;
    }

    .right-booking {
        position: unset !important;
    }

    header .bottom .container .btn-menu-respon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    header .top {
        z-index: 1;
    }

    .banner {
        padding-top: 90px;
    }


    span.title-hi-coffee {
        margin-bottom: 30px;
    }

    header .bottom .container .btn-menu-respon::before {
        bottom: 30px;
    }

    header .bottom .container .btn-menu-respon::after {
        top: 31px;
    }

    li.item-about-footer a {
        font-size: 16px;
    }

    .grid.wide {
        padding: 0 10px !important;
    }

    .wp-bottom-footer .grid.wide {
        display: block;
    }

    .btn-book-home-header a {
        position: relative;
        right: 10px;
        /* top: -52px; */
        font-size: 14px;
    }

    header .bottom.active .btn-book-home-header a {
        display: none;
    }

    .right-about-home {
        width: 100%;
        margin-top: 65px;
        float: unset;
    }

    h4.name-about-home {
        /* color: #275c53; */
        font-size: 32px;
    }

    h6.name-about-home1 {
        font-size: 26px;
    }

    ul.list-hotel-facilities {
        margin: auto;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 0;
        position: relative;
    }

    .right-right-sys {
        display: none !important;
    }

    li.item-hotel-facilities {
        padding: 96px 0;
    }

    .menu-rs .container .tenct {
        font-size: 28px;
        padding: 0 20px;
        padding-right: 20px !important;
    }

    ul.wp-bottom-list-img-content-about li, ul.wp-bottom-list-img-content-about li img.img-about-left-sys-bottom {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    ul.wp-bottom-list-img-content-about {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    ul.list-bottom-travel-guide {
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    ul.list-bottom-travel-guide.listHandbookHome li.item-bottom-travel-guide:last-child {
        display: block;
    }

    .img-bottom-travel-guide {
        overflow: hidden;
        height: 240px;
    }

    a.title-travel-guide-bottom {
        font-family: 'MonSB';
        font-size: 14.09px;
    }

    span.content-travel-guide-bottom {
        padding-top: 5px;
    }

    span.detail-travel-guide-bottom {
        margin-top: 10px;
        display: block;
    }

    .list-img-lib-bottom {
        column-gap: 5px;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .itemImgLibHome a {
        height: 200px;
    }

    .item-col {
        margin-bottom: 5px;
    }

    .li-col.li-col1 .item-col-2, .li-col.li-col2 .item-col-1 {
        height: 166px;
        margin-bottom: 5px;
    }

    .menu-rs .container .content {
        padding-top: 30px;
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: -15px;
        left: auto;
    }

    .wp-bottom-room .swiper-button-next, .wp-bottom-room .swiper-button-prev {
        display: none;
    }

    .swiperBanner .swiper-button-next, .swiperBanner .swiper-button-prev {
        color: #fff;
        width: 40px;
        height: 40px;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: -38px;
        right: auto;
    }

    .wp-res-full li a {
        position: relative;
        width: 100%;
        display: block;
        padding: 10px 12px;
        border: 1px solid #fff;
        border-radius: 5px;
        margin-bottom: 4px;
    }

    .menu-rs .container .content {
        /* display: block; */
        display: -ms-flexbox;
        display: block;
        padding-top: 10px;
        padding-left: 0;
        width: 90%;
        margin: auto;
    }

    header .top .right .item {
        display: none;
    }


    .logo-compa canvas, .logo-compa img {
        position: relative;
        left: 6px;
        top: 14px;
    }

    header .bottom.active a.logo-fix-compa canvas {
        left: -112px;
    }

    header .bottom .container .nav {
        float: left;
    }

    .wp-about-img-left img {
        background: #275c53;
        position: relative;
        width: 100%;
    }

    .wp-about-img-left {
        position: relative;
        width: 100%;
        height: 495px;
        margin: auto;
    }


    section.about-bottom-home {
        display: block;
    }

    .left-bottom-home img {
        margin: auto;
        background: #275c53;
    }

    .right-bottom-home {
        margin-top: 25px;
    }

    .wp-sys-room section.sys-room-top {
        position: unset;
        padding: 25px 10px;
    }

    ul.list-sys-room-top {
        margin: auto;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 28px;
        padding: 0;
    }

    .img-sys-room-top {
        background: #ab7153;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80px;
        height: 80px;
    }

    .img-sys-room-top img {
        width: 55%;
    }

    li.item-sys-room-top:nth-child(1) .img-sys-room-top img {
        width: 80%;
        left: -5px;
    }

    .wp-home-about {
        padding-bottom: 35px;
        padding-top: 30px;
        background-size: auto;
    }

    .left-bottom-home {
        padding-right: 0;
    }

    .right-cate-about-home {
        margin-bottom: 0;
        padding-left: 10px;
        width: 278px;
        display: block;
        padding-left: 10px;
    }

    .right-sys-room-top {
        width: 100%;
    }

    li.item-home-about {
        display: flex;
        padding-bottom: 10px;
    }

    h3.title-cate-home {
        font-family: playSB;
        font-size: 17.16px;
        color: #807a73;
        margin-bottom: 5px;
    }

    li.item-home-about:last-child {
        padding-bottom: 0;
    }

    span.content-sys-room-top {
        -webkit-line-clamp: 2;
    }


    h3.title-sys-room-top {
        margin-bottom: 4px;
        font-size: 16px;
    }

    li.item-sys-room-top:nth-child(2) h3.title-sys-room-top, li.item-sys-room-top:nth-child(4) h3.title-sys-room-top {
        padding: 0;
    }

    li.item-sys-room-top:nth-child(3) h3.title-sys-room-top {
        padding: 0;
    }

    span.content-cate-home {
        margin-bottom: 10px;
    }

    .wp-top-room-content {
        padding: 0 5px;
    }

    h3.title-room-home {
        font-size: 39.29px;
        margin-bottom: 16px;
    }

    .img-room-top a img {
        height: 100%;
    }

    .wp-top-room {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    ul.list-room-top {
        /* padding: 0; */
        margin: auto;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
        position: unset;
        top: unset;
        overflow: hidden;
        padding: 0;
    }

    .wp-info-room-top {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .wp-info-room-top span {
        padding: 0;
        border: none;
        text-align: center;
        font-size: 16px;
    }

    span.book-room-bottom a i {
        padding-right: 9px;
        font-size: 17px;
    }

    span.book-room-bottom {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-family: 'MonR';
        background: #ab7153;
        border-radius: 6px;
        padding: 10px;
        text-transform: uppercase;
    }

    .price-book-room-bottom {
        padding-bottom: 10px;
    }

    span.wp-price-room-top {
        font-family: 'MonSB';
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13.22px;
        color: #ffffff;
        background: #ab7153;
        border-radius: 6px;
        padding: 10px;
    }

    .left-about-coffee {
        float: unset;
        width: 100%;
    }

    .left-about-coffee img {
        position: unset;
        top: unset;
        width: 100%;
        height: 70%;
    }

    .right-about-coffee {
        float: unset;
        width: 100%;
    }

    h5.title-about-coffee {
        font-size: 35px;
        margin-top: 10px;
    }

    .wp-bottom-room-home {
        position: unset;
        bottom: unset;
        display: block;
        padding: 0;
        width: 100%;
        background: #e8e2df;
        border-radius: 0 0 5px 5px;
    }

    li.item-img-about-coffee a img, li.item-img-about-coffee {
        display: block;
        width: 100%;
        height: 100%;
    }

    h2.title-room-top a {
        color: #ab7153;
        font-size: 25px;
    }

    .left-des-room-home {
        width: 100%;
        height: 100%;
        display: none;
    }

    .wp-bottom-room {
        padding: 0 5px;
        padding-top: 15px;
        height: 100%;
        padding-bottom: 15px;
    }

    span.content-room-home {
        margin-bottom: 14px;
        padding: 0 12px;
    }

    h2.title-room-bottom a {
        font-size: 22px;
        font-family: 'playB';
        line-height: 1.5;
        color: #009bd5;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        height: 33px;
    }

    .left-widget-review-customer {
        width: 100%;
        transform: unset;
        padding: 20px;
    }

    .wp-info-room-bottom span {
        font-size: 13.35px;
    }

    .wp-room-top-home {
        position: unset;
        top: unset;
    }

    .wp-img-library {
        padding-left: 0;
    }

    .wp-room-bottom-home {
        margin-top: 10px;
        padding-bottom: 20px;
    }

    .img-room-side-bottom {
        padding: 8px 23px;
        text-align: center;
        width: max-content;
        background: rgb(239 246 255 / 90%);
        border-radius: 5px;
        position: absolute;
        z-index: 2;
        bottom: 66px;
        left: calc(50% - 172px);
    }

    ul.listTopRoomHome {
        margin: auto;
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .right-widget-img-lib {
        width: 100%;
    }

    .left-widget-review-customer h3 {
        font-size: 27px;
    }

    .sys-room-img-top {
        margin-top: 10px;
    }

    .sys-room-img-top .grid.wide, span.slogan-img-room-side {
        display: block;
        font-size: 15px;
    }

    .span.name-contact-room-sys {
        font-size: 20px;
    }

    ul.listBottomRoomHome {
        margin: auto;
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .right-detail-img-view a {
        padding: 10px;
        font-size: 15px;
    }

    ul.list-room-bottom {
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .right-img-utilities-hotel {
        display: none;
    }

    .left-utilities-hotel {
        float: unset;
        width: 100%;
    }

    ul.list-utilities-hotel {
        margin: auto;
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 14px;
        row-gap: 30px;
    }

    h6.des-travel-guide {
        font-size: 25.29px;
    }

    .wp-utilities-hotel {
        padding: 15px 10px;
    }

    span.content-utilities-hotel {
        width: 100%;
    }

    .bottom-img-library {
        column-gap: 6px;
        padding-left: 5px;
    }

    li.item-utilities-hotel:after {
        content: "";
        position: absolute;
        bottom: -17px;
        width: 100%;
    }

    li.item-utilities-hotel:nth-child(3):after {
        display: unset;
    }

    .wp-img-title-utilities-hotel, li.item-utilities-hotel:nth-child(2) .wp-img-title-utilities-hotel, li.item-utilities-hotel:nth-child(3) .wp-img-title-utilities-hotel, li.item-utilities-hotel:nth-child(4) .wp-img-title-utilities-hotel {
        width: 100%;
    }

    span.slogan-img-room-side {
        line-height: 1.5;
    }

    span.hotline-room-side-sys img {
        position: unset;
        width: 7%;
    }

    span.hotline-room-side-sys {
        display: block;
        margin-top: 10px;
    }

    .content-bottom-travel-guide {
        padding-left: 3px;
    }

    .top-img-library {
        padding: 10px;
    }

    .li-col.li-col1 .item-col-1, .li-col.li-col2 .item-col-2 {
        height: 98px;
    }

    .li-col.li-col2 .item-col.item-col-2 {
        display: block;
    }

    span.name-footer-compa {
        font-family: MonM;
        font-size: 24px;
    }

    .wp-bottom-footer, .wp-bottom-footer .left {
        display: block;
        text-align: center;
    }

    span.content-img-lib {
        font-size: 20px;
    }

    .design-ft {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .total-access, .social-footer span {
        display: none;
    }

    .wp-bottom-footer .right {
        justify-content: center;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .wp-bottom-footer .left .coppy, .design-ft {
        line-height: 1.5;
    }

    .top-travel-guide {
        padding: 15px 0;
    }

    .thongbao {
        font-size: 17px;
    }
}

@media (max-width: 500px) {

    .img-bottom-travel-guide {
        overflow: hidden;
        height: 140px;
    }

    .itemImgLibHome a {
        height: 150px;
    }
}