#tabdataplace_name li svg {
    width: 32px;
    height: 32px;
}
.tintuckhampha .map-section {
    height: 410px;
}
.su-kien .infomore .fas {
    color: #50D1FF !important;
}
@media (max-width: 767px) {
    .header-custom-it3 span#login-btn {
        color: #444;
        margin-bottom: 5px;
        display: block;
        text-align: right;
    }

    .header-custom-it3 .open .dropdown-toggle {
        background: #52515000 !important;
        color: #444 !important;
    }

    .header-custom-it3 .dropdown-menu > li > a {
        display: flex;
        white-space: inherit;
        font-family: 'Oswald', sans-serif;
        font-weight: normal;
    }

    .header-custom-it3 #toppage-header .menu_login a i, .header-custom-it3 #toppage-header .menu_login li button i {
        font-size: 18px;
        float: left;
    }

    .header-custom-it3 #login-system a.login {
        height: 27px !important;
        color: #444;
    }

    .header-custom-it3 span#login-btn .dropdown-menu {
        left: -50%;
    }
    #menu-home .menu-home-inner a.logo img {
        object-fit:contain;
    }
    #myTabContent img.dd-img {
        height: 170px;
    }
    #vnpt_ai_livechat_display_container {
        height: 540px !important;
    }
}
@media (max-width: 480px) {
    .btn-skin-style1 #myNavbar ul li a {
        padding: 12px !important;
    }
    .btn-skin-style1 .main-visual .visual-rolling .swiper-slide-dataslide .infoSlide .date{
        font-size: 16px !important;
    }
    .btn-skin-style1 .main-visual .visual-rolling .swiper-slide-dataslide .infoSlide .subtitle{
        font-size: 18px !important;
    }
    .btn-skin-style1 .infomore .more{
        font-size: 18px !important;
    }
    .btn-skin-style1 .header-section .title-section{
        font-size: 28px !important;
        line-height: 140%;
    }
    .btn-skin-style1 #tabdataplace_name > li.nav-item{
        margin-bottom: 12px;
        margin-right: 0px !important;
        width: 160px;
    }
    #tabdataplace_name li svg {
        width: 16px;
        height: 16px;
    }
    .btn-skin-style1 #tabdataplace_name{
        margin-bottom: 0px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0px;
    }
    .btn-skin-style1 #myTabContent .tab-pane .card-lichtrinh p.info_title{
        font-size: 18px !important;
    }
    .btn-skin-style1 #tabdataplace_name > li.nav-item > button{
        font-size: 16px!important;
        width: 100%;
    }
    .btn-skin-style1 .lich-trinh-mau .col-data .titleto > a{
        font-size: 18px !important;
        line-height: 140%;
    }
    .btn-skin-style1 .lich-trinh-mau .col-data .item-content-info span, .btn-skin-style1 .lich-trinh-mau .col-data .item-days span {
        font-size: 14px !important;
    }
    .tab1-popular .more-center, .su-kien .more-center {
        text-align: center;
        text-decoration: underline;
        color: rgba(0, 167, 227, 1);
        font-family: 'Roboto';
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        vertical-align: middle;
    }
    .btn-skin-style1 .su-kien .col-sukien img {
        height: 160px !important;
        object-fit: cover;
        margin-bottom: 6px !important;
    }
    .btn-skin-style1 .su-kien .col-sukien .date {
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    .btn-skin-style1 .su-kien .col-sukien .title-sukien{
        font-size: 18px !important;
        line-height: 140%;
    }
    .btn-skin-style1 .tintuckhampha .title-sec{
        font-size: 28px !important;
        margin-bottom: 0px !important;
    }
    #myNavbar ul li a {
        font-size: 16px !important;
    }
    .btn-skin-style1 .lich-trinh-mau {
        padding: 40px 0px !important;
    }
    .btn-skin-style1 .lich-trinh-mau .header-section{
        margin-bottom: 0px !important;
    }
    .swiper-button-next, .swiper-button-prev {
        height: 23px;
        width: 35px;
    }

    .swiper-button-prev {
        left: 4px;
    }

    .main-visual .visual-rolling > .swiper-container > .swiper-pagination {
        bottom: 0px;
        margin: 10px;
        padding: 22px;
    }

    .btn-skin-style1 .main-visual .visual-rolling > .swiper-container {
        height: 70vh !important;
        min-height: 300px;
    }
    .lich-trinh-mau .more-center {
        font-family: 'Roboto';
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        text-align: center;
        vertical-align: middle;
        text-decoration: underline;
        color: rgba(255, 255, 255, 1);
    }
    #myNavbar {
        margin-top: 15%;
    }

    .book_tour_home {
        min-height: auto;
        padding: 0px 5px;
    }

    .tao-lich-trinh {
        background: url('../../../images/restaurant-child/background-mobile.png') rgba(92, 197, 245, 1);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        background-position: bottom right;
    }

    #notification-badges, #toppage-header .date_time_sys .dropdown {
        display: none !important;
        visibility: hidden;
    }

    #time-date, .utilities li, .header-custom-it3 span#login-btn, .header-custom-it3 #login-system a.login {
        border-right: 0px !important;
        color: white !important;
        width: 100% !important;
    }

    #toppage-header .item {
        text-align: left !important;
        margin: 5px 0px;
    }

    #toppage-header span {
        font-size: 12px !important;
    }

    #menu-home a.logo {
        left: 0% !important;
    }

    .navbar-header {
        position: absolute;
        top: 0;
        right: 0;
    }

    .sticky-header {
        margin-bottom: 36px;
    }

    #myNavbar ul li ul {
        background: rgba(255, 255, 255, 1) !important;
        margin-left: 24px;
    }

        #myNavbar ul li ul li a {
            color: rgba(2, 32, 115, 1) !important;
            font-size: 18px;
            line-height: 100%;
            vertical-align: middle;
            font-weight: 600;
            font-family: 'Oswald', sans-serif;
        }

    .footer-inner .footer-address {
        text-align: left !important;
        padding: 0px 15px;
    }

    .caption h2, .homeLocation h2 {
        font-size: 28px;
        margin-left: 15px;
    }
    .promotions .km_name {
        font-size: 18px;
        font-family: 'Montserrat';
        font-weight: 700;
        line-height: 140%;
    }
    .promotion-btn .km_title, .promotion-btn .km_des, .promotion-btn .promotion-button {
        font-size: 16px !important;
    }
    .btn-skin-style1 .main-visual .visual-rolling .swiper-slide-dataslide .infoSlide{
        top: 40px !important;
    }
    .promotion-btn .promotions img {
        height: 160px;
        border-radius: 12px 12px 0px 0px;
        width: 100%;
        object-fit: cover;
    }
    .footer-inner h3.text-orag, .copyright .copyright-inner {
        padding: 0px 15px;
    }
    .sp-module-title {
        text-align: left !important;
        margin-bottom: 0px !important;
    }

    .footer-inner .download-apps {
        text-align: left;
    }

        .footer-inner .download-apps .list-download-app {
            padding-top: 15px;
        }

    .copyright .copyright-inner .text-copyright {
        text-align: left;
    }

    .copyright .copyright-inner .socials {
        float: left;
    }

        .copyright .copyright-inner .socials ul {
            padding: 0px;
        }

    #menu-home button.navbar-toggle {
        color: rgba(2, 32, 115, 1);
    }

    #menu-home #m-menubar {
        padding-left: 0rem;
    }

    .home-news {
        padding: 0px 15px;
    }

    .main-visual .visual-rolling {
        height: 70vh !important;
        max-height: 70vh;
    }

    .home-news .mg-bot15 .info_title a {
        font-size: 20px;
    }

    .home-news .catnoidung {
        font-size: 16px;
    }

    .home-news .info_sub .info_sub_date, .showitem_tab ul li a {
        font-size: 14px;
    }

    .new-qti .news_small a img {
        height: 100% !important;
        width: 100%;
        max-height: 336px;
    }

    .home-news .new-qti .info_title_small a {
        font-size: 20px;
        padding-top: 8px;
    }

    .home-news .mg-bot15 {
        margin: 0px 5px;
    }

    .brid-event {
        max-width: 296px;
        max-height: 308px;
        top: 0px;
    }

    .events-date p {
        font-size: 24px;
    }

    .destination-place {
        font-size: 24px;
        line-height: 150%;
    }

    .book_tour_home_info p {
        width: 100%;
        font-size: 16px;
    }

    .fa-arrow-right, .xemthem span, .btn-hnm span {
        font-size: 15px;
        margin-left: 8px;
    }

    .news_lagre {
        padding-right: 15px !important;
    }

    .brands-block {
        width: 100%;
    }

    .brands-background-mobile {
        background: url(../../../images/general/brand_background.png) #ffff;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        background-position: center right;
        height: 100%;
        position: relative;
        width: 104%;
        top: 44px;
        right: 0%;
        min-height: 370px;
    }

        .brands-background-mobile .brand-culture {
            top: 14%;
            left: 15%;
        }

        .brands-background-mobile .brand-sea {
            top: 14%;
            right: 16%;
        }

        .brands-background-mobile .brand-festival {
            top: 40%;
            right: 2%;
        }

        .brands-background-mobile .brand-espirit {
            top: 68%;
            right: 15%;
        }

        .brands-background-mobile .brand-restaurant {
            top: 68%;
            left: 14%;
        }

        .brands-background-mobile .brand-ecology {
            top: 40%
        }

    .place-brands .img-brand {
        border-radius: 10px;
        width: 100px;
        height: 50px;
    }

    .place-brands .brand {
        width: 125px;
        height: 100px;
        top: 34%;
        left: 33%;
    }

    .places-popular .pos-relative .place-home-0, .places-popular .pos-relative .place-home-1, .places-popular .pos-relative .place-home-3 {
        height: 245px;
    }

    .ViewPlay .nav-tabs li {
        padding-right: 0px;
    }

    .btn-hnm span {
        margin: -5px 5px;
    }

    .itemPlay .--img img {
        max-width: 230px;
        max-height: 230px;
        border-radius: 12px;
    }

    .ViewPlay .itemPlay {
        width: 230px;
    }

    .map-section .item-img img {
        width: 120px;
    }

    .tab-content .item-text a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .showitem_tab .nav li {
        padding-left: 0px;
    }

    .showitem_tab {
        padding: 10px 0px;
    }

    #banner .item {
        padding: 10px;
    }

    .km_des {
        font-size: 16px;
    }

    .km_title {
        font-size: 18px;
    }

    .dropdown-content {
        display: none;
        position: unset;
        box-shadow: none;
        top: 52px;
    }

    .pos-relative {
        margin: 5px;
    }

    .brands-block .brand-decription {
        width: 100%;
        padding: 0px 10px;
    }

    .container .caption .new-homes {
        margin: 0px 25px;
    }

    .places-popular .data_tour_default .place-01 {
        margin: 0px 10px;
    }

    .image-des-tours {
        position: absolute;
        left: 63%;
        top: 5%;
    }

    .itemPlay .--img {
        height: 230px;
    }

    .advertises img {
        object-fit: contain;
    }

    .footer-inner {
        padding: 1rem 0 0 0;
    }

    .floating-navigation a {
        display: block;
        width: 2pc;
        height: 3pc;
        line-height: 45px;
        font-size: 1em;
    }

    .floating-navigation {
        position: fixed;
        height: auto;
        bottom: 35%;
        left: 0;
        width: 2pc;
    }

    .main-visual {
        height: 70vh;
    }
    .main-visual .visual-rolling .swiper-slide img{
        height: 70vh !important;
        object-fit: cover;
    }
    .btn-skin-style1 .main-visual .visual-rolling .swiper-slide-dataslide .infoSlide .title {
        font-size: 28px !important; 
        line-height: 120% !important;
    }
    #menu-home .menu-home-inner a.logo img {
        object-fit: contain;
    }
    #myTabContent .mg-bot30 {
        margin-bottom: 16px; 
        width: 170px;
        margin-left: 8px;
    }
    .su-kien .col-sukien, .btn-skin-style1 .su-kien .header-section {
        margin-bottom: 24px;
    }
    .btn-skin-style1 .su-kien .col-sukien .date{
        margin-bottom: 0px;
    }
    .btn-skin-style1 .su-kien {
        padding: 40px 0px;
    }
    .tintuckhampha .map-section{
        height: 340px !important;

    }
    .tintuckhampha .swiper-button-next, .swiper-button-prev {
        background-size: 60% !important;
    }
    .btn-skin-style1 .tintuckhampha .bgimg {      
        height: auto !important;
    }
    .btn-skin-style1 .tintuckhampha .bgimg img {
        height: 200px;
    }
    .sec-icon .five-icon-places .icon-places {
        margin: 10px 10px;
    }
}
@media screen and (min-width: 321px) and (max-width: 376px) {
    .brands-background-mobile {
        min-height: 330px;
    }

    .brands-background-mobile .brand-culture {
        top: 14%;
        left: 14%;
    }

    .brands-background-mobile .brand-sea {
        top: 14%;
        right: 13%;
    }

    .brands-background-mobile .brand-festival {
        top: 40%;
        right: 0%;
    }

    .brands-background-mobile .brand-espirit {
        top: 68%;
        right: 10%;
    }

    .brands-background-mobile .brand-restaurant {
        top: 68%;
        left: 14%;
    }

    .brands-background-mobile .brand-ecology {
        top: 40%
    }

    .ViewPlay .nav-tabs li {
        padding-left: 5px;
    }
}