/* xong */
@media screen and (max-width: 319px){
    .icon_hotline{
        display: none !Important;
    }
    #mobile-box{
        display: block;
    }
    .bottom-header{
        display: none;
    }
    .header-icon .header-search-icon,
    .header-icon .offcanvas-menu{
        display: none !Important;
    }
    .header-icon .btn_tuvan{
        display: block;
        padding: 5px;
        text-align: center;
        font-style: initial;
        font-style: normal;
        text-transform: none;
        font-size: 13px;
    }
    .top-header{
        padding: 5px 0px;
        float: left;
        width: 100%;
    }
    .top-header .top-header-inner{
        display: block;
    }
    .top-header .top-header-inner .header-contact{
        float: left;
        width: 15%;
    }
    .top-header .top-header-inner .site-logo{
        float: left;
        width: 60%;
    }
    .top-header .top-header-inner .header-icon{
        float: right;
        width: 25%;
        margin-top: 7px;
    }
    .site-logo img{
        max-width: 100%;
        height: 50px;
        width: auto;
    }
    .fix .top-header{
        display: block;
    }
    .package-item .package-meta ul li{
        padding: 0px 0px;
        width: 100%;
        font-size: 14px;
    }
    .tz-Breadcrumb .tzOverlayBreadcrumb{
        padding: 30px 0 30px;
    }
    .mt-60{
        margin-top: 30px;
    }
    .tz-Breadcrumb .page_title{
        font-size: 20px;
        line-height: 35px;
    }
    .single-post-inner h1{
        font-size: 20px;
    }
    .contact-from-wrap{
        padding: 20px;
    }
    h2.section-title{
        font-size: 20px;
    }
    .box_visa .title a{
        font-size: 15px;
    }
    .box_visa .visa_content{
        padding: 10px;
    }
    .home-banner-slider .slick-dots{
        bottom: -25px;
    }
    .single-post-section{
        margin-top: 20px;
    }
    .single-product{
        padding-top: 20px;
    }
    .single-product h1{
        font-size: 25px;
        margin-top: 15px;
    }
    .single-post-inner .primary .entry-meta{
        float: left;
        width: 100%;
        display: block;
    }
    .single-post-inner .primary .entry-meta span{
        display: inline-block;
        margin-bottom: 5px;
    }
    .single-post-inner .primary .entry-meta span:before{
        display: none;
    }
    #service_box .col-md-6{
        padding-left: 15px;
        padding-right: 15px;
    }
    .detail-share{
        display: block;
    }
    .section-heading .section-title{
        font-size: 22px;
    }
    table_lichkhoihanh .price{
        font-size: 14px;
    }
    .dropdown{
        margin-bottom: 10px;
    }
    .itinerary .content{
        padding: 15px;
    }
    .itinerary .schedule-section{
        padding: 0px;
        margin: 0px;
    }
    .itinerary .schedule-section::before{
        display: none;
    }
    .itinerary .schedule-section .day-title{
        margin-left: 0px;
        padding-left: 80px;
    }
    .itinerary .text-primary{
        background: #cc3333;
        color: #fff !important;
        padding: 5px;
        margin-right: 2px;
        border-radius: 10px;
        margin-bottom: 20px;
        display: inline-block;
        position: absolute;
        left: 0px;
    }    
    .itinerary .title-description h2{
        font-size: 25px;
    }
    #faq .section-title {
        font-size: 20px;
    }
    .faq-question h2{
        font-size: 20px;
    }
    .editor h1{
        font-size: 21px;
    }
    .p-sidebar-form{
        padding: 20px;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
        width: 100%;
    }
    /*edit: 20250531*/
    .package-section .package-item{
        float: left;
        width: 48%;
        margin: 1%;
        margin-bottom: 40px;
    }
    .package-item .package-content p{
        display: none;
    }
    .package-item .package-content{
        padding: 10px;
    }
    .package-item .package-image{
        min-height: inherit;
    }
    .tour_title{
        font-size: 15px;
        text-align: center;
        margin: 0px;
    }
    .package-item .package-price .price-list span{
        font-size: 23px;
    }
    .package-item .package-meta{
        border-radius: 8px;
        padding: 5px;
        display: none;
    }
    .package-item .package-price .outline-btn{
        padding: 5px;
    }
    .package-item .package-price{
        padding: 10px;
    }
    .package-item .package-price .price-list{
        margin-bottom: 5px;
    }
    .destination-item{
        min-height: 250px;
    }
    .destination-item h3{
        font-size: 17px;
    }
    .tour-slider .package-item .package-price .price-list span{
        font-size: 23px;
    }
    .client-section{
        background-attachment: inherit !Important;
    }
    .client-logo .slick-prev {
        left: -15px;
    }
    .client-logo .slick-next {
        right: -15px;
    }
    .counter-wrap .counter-item{
        padding: 12px 0px;
    }
    .counter-wrap .counter-desc {
        font-size: 11px;
    }
    .tab_sanpham{
        padding: 20px 0px;
    }
    .tab_sanpham .item-product .product-title{
        padding: 7px 0px;
        height: 90px;
        line-height: 23px;
    }
    .tab_sanpham .tab-content{
        max-width: 100%;
    }
    .tab_sanpham .nav-tabs{
        grid-auto-flow: column;
        overflow: hidden;
        overflow-x: scroll;
        justify-self: center;
        display: inline-grid;
        text-align: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        border: none;
    }
    .tab_sanpham .nav-tabs>li{
        border: none;
        width: 190px;
        max-width: 190px;
        position: relative;
        margin-right: 10px;
        background: #fff;
        margin-bottom: 7px;
        border: 1px solid #666;
        border-radius: 10px;
    }
    .tab_sanpham .nav a {
        padding: 5px 7px;
        margin: 0;
        font-size: 12px;
        color: #000;
    }
    .tab_sanpham .item-product .product-title a{
        font-size: 13px;
    }
    .home-counter .counter-wrap{
        padding: 10px 0px;
    }
    .package-d-sidebar .package-d-head{
        font-size: 20px;
    }
    .tab_sanpham .title{
        font-size: 25px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .icon_hotline{
        display: none !Important;
    }
    #mobile-box{
        display: block;
    }
    .bottom-header{
        display: none;
    }
    .header-icon .header-search-icon,
    .header-icon .offcanvas-menu{
        display: none !Important;
    }
    .header-icon .btn_tuvan{
        display: block;
        padding: 5px;
        text-align: center;
        font-style: initial;
        font-style: normal;
        text-transform: none;
        font-size: 13px;
    }
    .top-header{
        padding: 5px 0px;
        float: left;
        width: 100%;
    }
    .top-header .top-header-inner{
        display: block;
    }
    .top-header .top-header-inner .header-contact{
        float: left;
        width: 15%;
    }
    .top-header .top-header-inner .site-logo{
        float: left;
        width: 60%;
    }
    .top-header .top-header-inner .header-icon{
        float: right;
        width: 25%;
        margin-top: 7px;
    }
    .site-logo img{
        max-width: 100%;
        height: 50px;
        width: auto;
    }
    .fix .top-header{
        display: block;
    }
    .package-item .package-meta ul li{
        padding: 0px 0px;
        width: 100%;
        font-size: 14px;
    }
    .tz-Breadcrumb .tzOverlayBreadcrumb{
        padding: 30px 0 30px;
    }
    .mt-60{
        margin-top: 30px;
    }
    .tz-Breadcrumb .page_title{
        font-size: 20px;
        line-height: 35px;
    }
    .single-post-inner h1{
        font-size: 20px;
    }
    .contact-from-wrap{
        padding: 20px;
    }
    h2.section-title{
        font-size: 20px;
    }
    .box_visa .title a{
        font-size: 15px;
    }
    .box_visa .visa_content{
        padding: 10px;
    }
    .home-banner-slider .slick-dots{
        bottom: -25px;
    }
    .single-post-section{
        margin-top: 20px;
    }
    .single-product{
        padding-top: 20px;
    }
    .single-product h1{
        font-size: 25px;
        margin-top: 15px;
    }
    .single-post-inner .primary .entry-meta{
        float: left;
        width: 100%;
        display: block;
    }
    .single-post-inner .primary .entry-meta span{
        display: inline-block;
        margin-bottom: 5px;
    }
    .single-post-inner .primary .entry-meta span:before{
        display: none;
    }
    #service_box .col-md-6{
        padding-left: 15px;
        padding-right: 15px;
    }
    .detail-share{
        display: block;
    }
    .section-heading .section-title{
        font-size: 22px;
    }
    table_lichkhoihanh .price{
        font-size: 14px;
    }
    .dropdown{
        margin-bottom: 10px;
    }
    .itinerary .content{
        padding: 15px;
    }
    .itinerary .schedule-section{
        padding: 0px;
        margin: 0px;
    }
    .itinerary .schedule-section::before{
        display: none;
    }
    .itinerary .schedule-section .day-title{
        margin-left: 0px;
        padding-left: 80px;
    }
    .itinerary .text-primary{
        background: #cc3333;
        color: #fff !important;
        padding: 5px;
        margin-right: 2px;
        border-radius: 10px;
        margin-bottom: 20px;
        display: inline-block;
        position: absolute;
        left: 0px;
    }    
    .itinerary .title-description h2{
        font-size: 25px;
    }
    #faq .section-title {
        font-size: 20px;
    }
    .faq-question h2{
        font-size: 20px;
    }
    .editor h1{
        font-size: 21px;
    }
    .p-sidebar-form{
        padding: 20px;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
        width: 100%;
    }

    /*edit: 20250531*/
    .package-section .package-item{
        float: left;
        width: 48%;
        margin: 1%;
        margin-bottom: 40px;
    }
    .package-item .package-content p{
        display: none;
    }
    .package-item .package-content{
        padding: 10px;
    }
    .package-item .package-image{
        min-height: inherit;
    }
    .tour_title{
        font-size: 15px;
        text-align: center;
        margin: 0px;
    }
    .package-item .package-price .price-list span{
        font-size: 23px;
    }
    .package-item .package-meta{
        border-radius: 8px;
        padding: 5px;
        display: none;
    }
    .package-item .package-price .outline-btn{
        padding: 5px;
    }
    .package-item .package-price{
        padding: 10px;
    }
    .package-item .package-price .price-list{
        margin-bottom: 5px;
    }
    .destination-item{
        min-height: 250px;
    }
    .destination-item h3{
        font-size: 17px;
    }
    .tour-slider .package-item .package-price .price-list span{
        font-size: 23px;
    }
    .tour-slider .package-item .package-price{
        padding: 10px;
    }
    .client-section{
        background-attachment: inherit !Important;
    }
    .client-logo .slick-prev {
        left: -15px;
    }
    .client-logo .slick-next {
        right: -15px;
    }
    .counter-wrap .counter-item{
        padding: 12px 0px;
    }
    .counter-wrap .counter-desc {
        font-size: 11px;
    }
    .tab_sanpham{
        padding: 20px 0px;
    }
    .tab_sanpham .item-product .product-title{
        padding: 7px 0px;
        height: 90px;
        line-height: 23px;
    }
    .tab_sanpham .tab-content{
        max-width: 100%;
    }
    .tab_sanpham .nav-tabs{
        grid-auto-flow: column;
        overflow: hidden;
        overflow-x: scroll;
        justify-self: center;
        display: inline-grid;
        text-align: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        border: none;
    }
    .tab_sanpham .nav-tabs>li{
        border: none;
        width: 190px;
        max-width: 190px;
        position: relative;
        margin-right: 10px;
        background: #fff;
        margin-bottom: 7px;
        border: 1px solid #666;
        border-radius: 10px;
    }
    .tab_sanpham .nav a {
        padding: 5px 7px;
        margin: 0;
        font-size: 12px;
        color: #000;
    }
    .tab_sanpham .item-product .product-title a{
        font-size: 13px;
    }
    .home-counter .counter-wrap{
        padding: 10px 0px;
    }
    .package-d-sidebar .package-d-head{
        font-size: 20px;
    }
    .tab_sanpham .title{
        font-size: 25px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .icon_hotline{
        display: none !Important;
    }
    #mobile-box{
        display: block;
    }
    .bottom-header{
        display: none;
    }
    .header-icon .header-search-icon,
    .header-icon .offcanvas-menu{
        display: none !Important;
    }
    .header-icon .btn_tuvan{
        display: block;
        padding: 5px;
        text-align: center;
        font-style: initial;
        font-style: normal;
        text-transform: none;
        font-size: 13px;
    }
    .top-header{
        padding: 5px 0px;
        float: left;
        width: 100%;
    }
    .top-header .top-header-inner{
        display: block;
    }
    .top-header .top-header-inner .header-contact{
        float: left;
        width: 15%;
    }
    .top-header .top-header-inner .site-logo{
        float: left;
        width: 60%;
    }
    .top-header .top-header-inner .header-icon{
        float: right;
        width: 25%;
        margin-top: 7px;
    }
    .site-logo img{
        max-width: 100%;
        height: 50px;
        width: auto;
    }
    .fix .top-header{
        display: block;
    }
    .package-item .package-meta ul li{
        padding: 0px 0px;
        width: 100%;
        font-size: 14px;
    }
    .tz-Breadcrumb .tzOverlayBreadcrumb{
        padding: 30px 0 30px;
    }
    .mt-60{
        margin-top: 30px;
    }
    .tz-Breadcrumb .page_title{
        font-size: 20px;
        line-height: 35px;
    }
    .single-post-inner h1{
        font-size: 20px;
    }
    .contact-from-wrap{
        padding: 20px;
    }
    h2.section-title{
        font-size: 20px;
    }
    .box_visa .title a{
        font-size: 15px;
    }
    .box_visa .visa_content{
        padding: 10px;
    }
    .home-banner-slider .slick-dots{
        bottom: -25px;
    }
    .single-post-section{
        margin-top: 20px;
    }
    .single-product{
        padding-top: 20px;
    }
    .single-product h1{
        font-size: 25px;
        margin-top: 15px;
    }
    .single-post-inner .primary .entry-meta{
        float: left;
        width: 100%;
        display: block;
    }
    .single-post-inner .primary .entry-meta span{
        display: inline-block;
        margin-bottom: 5px;
    }
    .single-post-inner .primary .entry-meta span:before{
        display: none;
    }
    #service_box .col-md-6{
        padding-left: 15px;
        padding-right: 15px;
    }
    .detail-share{
        display: block;
    }
    .section-heading .section-title{
        font-size: 22px;
    }
    table_lichkhoihanh .price{
        font-size: 14px;
    }
    .dropdown{
        margin-bottom: 10px;
    }
    .itinerary .content{
        padding: 15px;
    }
    .itinerary .schedule-section{
        padding: 0px;
        margin: 0px;
    }
    .itinerary .schedule-section::before{
        display: none;
    }
    .itinerary .schedule-section .day-title{
        margin-left: 0px;
        padding-left: 80px;
    }
    .itinerary .text-primary{
        background: #cc3333;
        color: #fff !important;
        padding: 5px;
        margin-right: 2px;
        border-radius: 10px;
        margin-bottom: 20px;
        display: inline-block;
        position: absolute;
        left: 0px;
    }    
    .itinerary .title-description h2{
        font-size: 25px;
    }
    #faq .section-title {
        font-size: 20px;
    }
    .faq-question h2{
        font-size: 20px;
    }
    .editor h1{
        font-size: 21px;
    }
    .p-sidebar-form{
        padding: 20px;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
        width: 100%;
    }
    /*edit: 20250531*/
    .package-section .package-item{
        float: left;
        width: 48%;
        margin: 1%;
        margin-bottom: 40px;
    }
    .package-item .package-content p{
        display: none;
    }
    .package-item .package-content{
        padding: 10px;
    }
    .package-item .package-image{
        min-height: inherit;
    }
    .tour_title{
        font-size: 15px;
        text-align: center;
        margin: 0px;
    }
    .package-item .package-price .price-list span{
        font-size: 23px;
    }
    .package-item .package-meta{
        border-radius: 8px;
        padding: 5px;
        display: none;
    }
    .package-item .package-price .outline-btn{
        padding: 5px;
    }
    .package-item .package-price{
        padding: 10px;
    }
    .package-item .package-price .price-list{
        margin-bottom: 5px;
    }
    .destination-item{
        min-height: 250px;
    }
    .destination-item h3{
        font-size: 17px;
    }
    .tour-slider .package-item .package-price .price-list span{
        font-size: 23px;
    }
    .tour-slider .package-item .package-price{
        padding: 10px;
    }
    .client-section{
        background-attachment: inherit !Important;
    }
    .client-logo .slick-prev {
        left: -15px;
    }
    .client-logo .slick-next {
        right: -15px;
    }
    .counter-wrap .counter-item{
        padding: 12px 0px;
    }
    .counter-wrap .counter-desc {
        font-size: 11px;
    }
    .tab_sanpham{
        padding: 20px 0px;
    }
    .tab_sanpham .item-product .product-title{
        padding: 7px 0px;
        height: 90px;
        line-height: 23px;
    }
    .tab_sanpham .tab-content{
        max-width: 100%;
    }
    .tab_sanpham .nav-tabs{
        grid-auto-flow: column;
        overflow: hidden;
        overflow-x: scroll;
        justify-self: center;
        display: inline-grid;
        text-align: center;
        justify-items: center;
        align-items: center;
        width: 100%;
        border: none;
    }
    .tab_sanpham .nav-tabs>li{
        border: none;
        width: 190px;
        max-width: 190px;
        position: relative;
        margin-right: 10px;
        background: #fff;
        margin-bottom: 7px;
        border: 1px solid #666;
        border-radius: 10px;
    }
    .tab_sanpham .nav a {
        padding: 5px 7px;
        margin: 0;
        font-size: 12px;
        color: #000;
    }
    .tab_sanpham .item-product .product-title a{
        font-size: 13px;
    }
    .home-counter .counter-wrap{
        padding: 10px 0px;
    }
    .package-d-sidebar .package-d-head{
        font-size: 20px;
    }
    .tab_sanpham .title{
        font-size: 25px;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    /*edit: 20250531*/
    .package-section .package-item{
        float: left;
        width: 48%;
        margin: 1%;
        margin-bottom: 40px;
    }
    .package-item .package-content p{
        display: none;
    }
    .package-item .package-content{
        padding: 10px;
    }
    .package-item .package-image{
        min-height: inherit;
    }
    .tour_title{
        font-size: 15px;
        text-align: center;
        margin: 0px;
    }
    .package-item .package-price .price-list span{
        font-size: 23px;
    }
    .package-item .package-meta{
        border-radius: 8px;
        padding: 5px;
        display: none;
    }
    .package-item .package-price .outline-btn{
        padding: 5px;
    }
    .package-item .package-price{
        padding: 10px;
    }
    .package-item .package-price .price-list{
        margin-bottom: 5px;
    }
    .tour-slider .package-item .package-price .price-list span{
        font-size: 23px;
    }
    .tour-slider .package-item .package-price{
        padding: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {

}


@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    .table_lichkhoihanh table,
    .table_lichkhoihanh thead,
    .table_lichkhoihanh tbody,
    .table_lichkhoihanh th,
    .table_lichkhoihanh td,
    .table_lichkhoihanh tr{ 
        display: block; 
    }
    .table_lichkhoihanh thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .table_lichkhoihanh tr { 
        border-bottom: 1px solid #ccc !Important;
    }
    .table_lichkhoihanh td { 
        border: none;
        border-bottom: 1px solid #eee !Important;
        position: relative;
        padding-left: 41%; 
        text-align: left !Important;
    }

    .table_lichkhoihanh.table>tbody{
        border-top: none !important;
    }
    .table_lichkhoihanh td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    .table_lichkhoihanh tbody td.stt span{
        background: #d03227;
        color: #fff;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        line-height: 30px;
        border-radius: 100%;
    }

    .table_lichkhoihanh td,
    .table_lichkhoihanh th{
        border-top:none !Important;
        border-right: none !Important;
    }
    .table_lichkhoihanh {
        border-bottom: none !Important;
        border-left:none !Important;
    }

    .table_lichkhoihanh td:nth-of-type(1):before { content: "STT:"; }
    .table_lichkhoihanh td:nth-of-type(2):before { content: "Tên tour:"; }
    .table_lichkhoihanh td:nth-of-type(3):before { content: "Giá tour:"; }
    .table_lichkhoihanh td:nth-of-type(4):before { content: "Ngày khởi hành:"; }
    .table_lichkhoihanh td:nth-of-type(5):before { content: "Thời gian:"; }
}