.mobile-main-header:after{
content:'';display: block;clear:both;
}
@media (max-width: 1024px){
.col-1 ,.col-2 ,.col-3 ,.col-4 ,.col-5 ,.col-6 ,.col-7 ,.col-8,
.col-9 ,.col-10 ,.col-11, .col-12 {
padding: 0 5px;
}
.container {
padding: 0 5px;
}
.row{
margin: 0 auto;
}
.tour_loca .slide-item{
padding: 0 5px;
}
.page-tour-bgr-img {
background-size: cover;
}
#partner .slide-item {
padding:0 15px;
}
.none {
display: none
}
body {
font-size: 15px; line-height: 23px
}
.before-header {
padding:2px 15px; background-color: #ec870e; display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mobile-slogan {
background-color: #0b6aff; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
justify-content: space-between;
}
.mobile-slogan > a {
font-size: 20px; 
}
.mobile-slogan p a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color:white; padding:0 3px;
font-weight: normal;
}
.mobile-slogan p a i {
margin-right: 5px
} .mobile-slogan span {
color:white; opacity: .5; font-size: 13px;
}
.mobile-slogan p {
padding: 5px 0; color: white; font-weight: bold; text-align: center; margin: 0 5px;
display: block;
}
.mobile-slogan div {
padding: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.menumobi i {
color:white; font-size: 22px; margin-right: 5px
}
.mobile-main-header .site-name {
width: 30%;margin:0 auto;
}
.social-icon {
margin: 0;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; list-style: none; margin:0 auto;
}
.social-icon li {
margin-right: 10px;  border:solid 2px #ec870e; margin-bottom: 0
}
.social-icon li:last-child{
margin-right: 0;
}
.social-icon li a {
color: white; font-size: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; text-align: center;
}
.social-icon li a i {
margin:0 auto;
}
.mobile-main-header {
padding:5px 15px; background:white; -webkit-box-shadow: inset 0 0 20px #0b6aff52; box-shadow: inset 0 0 20px #0b6aff52
}
.mobile-after-header {
background-color: #0b6aff
}
.mobile-after-header .site-search {
border:solid 2px #99f176; border-left:0; border-right: 0; width: 100%
}
.mobile-after-header .site-search input {
border-radius: 0
}
.mobile-after-header p {
text-align: center; padding:5px 0; margin:0; font-weight: normal; color: white;
font-family: 'Pattaya', sans-serif
}
.mobile-after-header p a {
color:white; padding:0 10px; border-right: solid 1px white
}
.mobile-after-header p a:last-child {
border:none
}
.mobile-after-header p a i {
margin-right: 5px
}
#after-slogan {
padding-top: 20px
}
#after-slogan img {
width: 30%; max-height: 85px; -o-object-fit: scale-down; object-fit: scale-down;
}
#after-slogan .col-4 div {
width: 70%; padding-left: 15px; text-align: justify;
}
#after-slogan .col-4 {
margin-bottom: 15px
}
.tour-bar .tour-tab a:first-child {
padding-left: 0
}
.section-tab {
margin:15px auto;
}
.menumobi>a {
text-align: center;
padding-left: 3px;
}
.mm-panel, .mm-panels { background: #0b6aff   }
.mm-navbar__title { color: #fff ; font-size: 16px; font-weight: 900 }
.mm-navbar {
background-color: #0b6aff;
}
a.mm-listitem__text { font-weight: 600; color: #fff ; font-size: 14px ; text-transform: uppercase; line-height: 23px }
ul.mm-listview { padding-top: 15px }
.mm-searchfield input { background-color: #ededed  }
a.mm-listitem__text i { display: none  }
.mm-listitem a { padding-left: 10px  }
.menumobi a:before { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 12px; display: block; height: 2px; width: 18px; background: #fff; content: '' }
.menumobi a:after { position: absolute; top: 17px; display: block; height: 7px; width: 18px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: '' }
.menu-menu-main-container>ul>li>a>i { display: none }
.menu-menu-main-container>i { display: none  }
i.fas.fa-caret-right { display: none  }
.menu-menu-main-container>ul>li { margin: 0 }
.mm-panels>.mm-panel>.mm-listview { margin: 0  }
.menu-menu-main-container>ul>li>a { text-decoration: none; color: #333; font-size: 16px; font-weight: 400; text-transform: uppercase; padding-top: 14px; height: 41px; padding: 0 0 0 0; text-align: left }
.mm-listview>li:not(.mm-divider):after { left: 0px  }
.mm-btn_next:after, .mm-btn_prev:before { color: #fff }
.mm-listitem__btn { padding-right: 50px  }
.mm-menu { --mm-color-button: none  }
.mm-panels, .mm-panels>.mm-panel { padding: 0 0 0 0 }
a.mm-title { text-align: center }
.mm-listitem_opened>.mm-listitem__btn, .mm-listitem_opened>.mm-panel { -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .15); box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .15); background-color: #fff  }
.mm-listitem_vertical>.mm-panel { padding: 0 0 0 10px  }
.mm-panel:after, .mm-panel:before { height: 0 }
.menu-menu-main-container>ul>li { display: -webkit-box; display: -ms-flexbox; display: flex }
.menu-menu-main-container>ul { margin-top: 10px }
.mm-listitem:after { left: 0px  }
.mm-listitem__text { padding-left: 0  }
.mm-navbar { text-transform: uppercase }
.sub-menu>li { line-height: 22px  }
.menu-menu-main-container {
display: none;
}
.menu-menu-main-container>ul>li>a { font-size: 13px ; width: 100%; line-height: 44px ; padding-left: 10px  }
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 0px  }
.mm-navbar .mm-title { font-size: 14px; color: #fff ; line-height: 25px }
.mm-menu .mm-listview { border-color: rgba(0, 0, 0, .1); -webkit-box-shadow: -1px 4px 5px 1px rgba(0, 0, 0, .2); box-shadow: -1px 4px 5px 1px rgba(0, 0, 0, .2) }
.mm-navbar { -webkit-box-shadow: -1px 4px 5px 1px rgba(0, 0, 0, .2); box-shadow: -1px 4px 5px 1px rgba(0, 0, 0, .2) }
.menu-main-mobi>ul>li:nth-child(3)>a { margin-left: 35px }
.menu-main-mobi>ul>li:nth-child(2)>a { margin-left: 30px }
.menu-main-mobi>ul { margin: 0; margin-left: 5px }
.menu-main-mobi>ul>li { display: inline-block; width: 30%; text-align: center; font-size: 12.5px; margin: 0; position: relative }
.menu-main-mobi>ul>li:nth-child(2) { border-left: 1px solid #ffffff5e; width: 36% }
.menu-main-mobi>ul>li:nth-child(3) { border-left: 1px solid #ffffff5e }
.menu-main-mobi>ul>li:nth-child(1) { border-left: 0px solid #ffffff5e }
.menu-main-mobi>ul>li>a { text-align: center; color: #fff; font-size: 14px; margin-left: 20px }
.section-title {
padding-bottom: 10px;
margin-bottom: 30px
}
.section-title:after {
width: 15px; height: 15px
}
.tour-title, .news-title, .news-excerpt {
padding:0 10px;
}
.news-excerpt {
text-align: justify; height: 90px; overflow: hidden;
}
#my-blog .tour-thumbnail {
margin-bottom: 15px
}
#my-blog {
margin-bottom: 20px
}
.tour-bar .tour-name {
font-size: 1.2em
}
#my-gallery .section-title {
margin-bottom: 15px
}
#banner-slider .slick-next {
right: 0
}
#banner-slider .slick-prev {
left: 0
}
#site-footer {
padding-bottom: 50px
}
.fixed-footer {
height: 50px; position: fixed;bottom: 0;left: 0; width: 100%; z-index: 99;
background-color: white; -webkit-box-shadow: 0px 0px 5px 0px #ef8610ba; box-shadow: 0px 0px 5px 0px #ef8610ba;
border-top: solid 2px #ec870e9e
}
.fixed-footer .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
#site-footer .fixed-footer ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;margin:0 auto; padding:3px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%
}
.fixed-footer ul li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.fixed-footer ul li img {
display: block;width: 25px; height: 25px; -o-object-fit: scale-down; object-fit: scale-down;
margin:0 auto;
}
#site-footer .fixed-footer ul li a {
text-align: center;display: block; color: #333; font-size: 13px
}
#site-footer .back-top {
bottom: 55px; }
.zalo-container{
display: none;
}
#mes-icon {
bottom: 110px; width: 40px; height: 40px; display: none
}
.viber_icon{
display: none;
}
.mm-menu_offcanvas{
z-index: 10;
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited,
a:not([href]):not([tabindex]), .mm-panel__noresultsmsg {
color: white
}
.tour-wrapper .tour-title a, .namlbn-wrapper .news-title a {
font-size: 14px; line-height: 23px; height: 45px; overflow: hidden;
}
.tour-wrapper .tour-title {
margin-top: 10px
}
.tour-wrapper .tour-info {
padding-bottom: 0
}
.tour-summary h1 {
font-size: 1.3em; text-align: left;
}
.namlbn-breadcrumb {
margin-bottom: 10px; height: auto;
}
.tour-summary .tour-intro .tour-price {
font-size: 1.7em
}
.tour-summary .tour-intro .short-intro {
max-height: 200px
}
.tour-summary .tour-info {
font-size: 1em
}
.hotline-phone-ring-wrap{
bottom: 45px;
}
.archive-car-page  .col-4{
margin-bottom: 10px;
}
.sidebar .widget-support i{
margin-right: 5px;
}
.sidebar .widget-support li{
font-size: .9em
}
}
@media (max-width: 667px){
#banner-slider .slide-item a::before {
content: "";
display: block;
padding-bottom: 38%;
}
.col-1 ,.col-2 ,.col-3 ,.col-4 ,.col-5 ,.col-6 ,.col-7 ,.col-8,
.col-9 ,.col-10 ,.col-11, .col-12 {
-webkit-box-flex:0;
-ms-flex:none;
flex:none;max-width: unset;
}
.container {
max-width: 425px
}
h1.single-title {
font-size: 16px
}
.share-product {
display: table;margin: 0; margin-top: 15px
}
.tour-summary .tour-intro {
padding-top: 15px
}
.category .archive-news .namlbn-wrapper .cate_ex .news-title a {
font-size: 13px; line-height: 20px; height: 40px
}
.category  .archive-news .cate_ex .news-date {
font-size: 12px
}
.category .namlbn-wrapper .cate_ex .news-excerpt {
padding:0;height: 40px; font-size: 13px; line-height: 20px
}
.popup-content {
max-height: 80vh; overflow-y: scroll; padding:20px 10px;
}
.namlbn-popup-product img {
width: 35%
}
.namlbn-popup-product h3 {
font-size: 1em
}
.namlbn-breadcrumb p {
font-size: 13px
}
.tour-summary .tour-info .tour-time span {
width: 100%; display: block;border:none;border-bottom: solid 1px white;
padding: 5px 0
}
.tour-summary .tour-info .tour-time span:last-child {
border-bottom: solid 1px white;padding: 5px 0
}
.tab-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.tab-details li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; -ms-flex:0 0 50%; flex:0 0 50%; padding:5px;
background-color: transparent; border:none; margin:0;
}
.tab-details li:first-child {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2; -ms-flex:0 0 100%; flex:0 0 100%;
}
.tab-details li a {
font-size: 1.1em; background-color: white; border:solid 1px #dddd;
border-radius: 5px; display: block; padding: 10px 0;text-align: center;
}
.details-tab-content {
padding: 10px 5px
}
.tour-bar .tour-tab {
margin:0;
}
.sc-tour {
padding-top: 0
}
.tour-bar .tour-tab {
padding:5px 0;
}
.tour-bar .tour-tab div {
float: none
}
.tour-bar .tour-tab {
overflow-x: scroll;
}
.tour-bar .tour-tab a {
display: inline-table;
}
.section-tab a {
border-radius: 0; margin:0 5px; padding:2px 10px;
}
#my-blog .blog-wrapper {
position: relative;
}
#my-blog .row {
display: block; position: absolute; top:0;left: 0; width: 100%;height: 100%;
margin:0;
}
#my-blog .content-active {
position: relative; z-index: 1
}
#my-blog .content-active .tour-slide {
position: relative;
}
#my-blog .row .col-4 {
padding:0 5px;
}
.slick-next {
right: 0
}
.slick-prev {
left: 0
}
.namlbn-gallery .col-8 span {
padding:0 5px;
}
.content-img .slide-item span, .content-video .slide-item div {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
#my-gallery, #review .section-title, #partner .section-title {
margin-bottom: 20px; font-size: 1.2em
}
#review .customer-review {
height: 90px
}
#partner {
margin:15px 0;
}
#main-footer iframe {
display: block;margin:0 auto;
}
.slogan-info {
display: none
}
.mobile-after-header .row {
margin: 0
}
#banner-slider a{
position: relative;
display: block;
}
#banner-slider a:before{
content: '';
display: block;
padding-bottom: 125%;
}
#banner-slider img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
left: 0;
position: absolute;
}
#daily_tour .col-3:last-child, #special_tour .col-3:last-child, .tour_loca .col-3:last-child{
margin-bottom: 0;
}
.hotline-phone-ring-wrap{
display: none;
}
.archive-car-page  .col_wrapper .info span{
padding: 0 5px;
font-size: 14px;
}
}
@media (min-width: 720px) and (max-width: 1024px){
.tour-summary .tour-intro .short-intro {
max-height: 150px
}
.namlbn-breadcrumb p {
font-size: 13px
}
#my-blog .news-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.tour-bar .tour-tab {
padding-bottom: 4px
}
.section-tab a {
margin-right: 30px; padding:3px 10px; width: 100px
}
#my-blog .namlbn-wrapper .news-title {
margin-top: 15px
}
#my-gallery {
margin-bottom: 20px
}
#review .section-title {
margin-bottom: 20px
}
#review a img {
width: 130px; height: 130px
}
#partner .slick-next {
right: 0
}
#site-footer .fixed-footer ul {
max-width: 425px
}
.mobile-after-header .row {
margin:0;
}
.mobile-after-header .row > div {
padding:0 15px;
}
.mobile-after-header .site-search {
width: 50%; border:none;
}
.mobile-after-header .slogan-info {
width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.mobile-after-header .slogan-info * {
color: white; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1
}
.mobile-after-header .slogan-info i {
margin:0 5px;
}
.mobile-after-header {
padding:10px 0;
}
.mobile-after-header p {
padding: 0;margin-bottom: 5px;
}
body {
font-size: 14px; line-height: 20px
}
.container {
max-width: 720px
}
.mobile-main-header .site-name {
max-width: 150px
}
#after-slogan img {
width: 25%
}
#after-slogan .col-4  {
padding:0 5px;
}
#after-slogan .col-4 div {
padding-left: 10px; width: 75%
}
#after-slogan h3 {
font-size: 14px
}
#after-slogan .col-4 div p {
font-size: 14px
}
.mobile-after-header p {
font-size: 16px
}
.tour-info .tour-price .new-price {
font-size: 16px
}
.news-excerpt {
height: 60px
}
.content-img .slide-item span, .content-video .slide-item div {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
#review .customer-review {
height: 140px
}
.site-search input {
padding: 2px 10px
}
#header-social i {
margin:0 2px;
}
}
@media (min-width: 720px) and (max-width: 840px) {
.popup-content {
max-height: 80vh; overflow-y: scroll; padding:20px 10px;
}
.tour-summary .tour-info .tour-time span {
width: 100%; display: block;border:none;border-bottom: solid 1px white;
padding: 5px 0
}
.share-product {
display: table; margin: 0; margin-top: 15px
}
.tour-summary .tour-info .tour-time span:last-child {
border-bottom: solid 1px white;padding: 5px 0
}
#main-footer .col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%; max-width: unset;
}
#main-footer .col-3,#main-footer .col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%; max-width: unset;
}
.achive-top{
padding: 10px 0;
}
.tour-more-details .row .col-3, .archive .achive-top .row .col-3,
.archive-product-page .row .col-3, .category .sidebar, .single .sidebar {
display: none
}
.tour-more-details .row .col-9, .archive .achive-top .row .col-9,
.archive-product-page .row .col-9, .category .list-news .container .col-9,
.single .list-news .container .col-9 {
-webkit-box-flex:0;
-ms-flex:none;
flex:none;max-width: unset;width: 100%
}
.tour-info .tour-price .new-price{
font-size: 14px
}
.archive-car-page .col_wrapper .info span{
padding: 0;
font-size: 13px;		
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.container {
max-width: 768px
}
.mobile-after-header p {
font-size: 17px
}
.mobile-after-header .site-search {
width: 55%
}
.mobile-after-header .slogan-info {
width: 45%
}
.content-img .slide-item span, .content-video .slide-item div {
-webkit-transform: scaleY(.7);
-ms-transform: scaleY(.7);
transform: scaleY(.7);
}
.section-title, #my-gallery .section-title, #review .section-title {
font-size: 22px
}
}
@media (min-width: 840px) and (max-width: 1024px){
.achive-top .col-9 {
max-width: unset;-webkit-box-flex:0;-ms-flex:none;flex:none;
}
body {
font-size: 15px
}
.container {
max-width: 960px
}
.bvlq .namlbn-wrapper .cate_ex .news-title a {
line-height: 20px; height: 40px; overflow: hidden;
}
.bvlq .cate_ex .news-date {
font-size: 13px
}
.namlbn-wrapper .cate_ex .news-title a {
font-size: 11px; height: 30px; line-height: 15px
}
.sidebar .namlbn-wrapper .cate_ex .news-date {
font-size: 10px
}
.namlbn-wrapper .cate_img {
margin-right: 5px
}
.mobile-after-header p {
margin-bottom: 10px; font-size: 20px
}
.mobile-after-header .site-search {
width: 60%
}
.mobile-after-header .slogan-info {
width: 40%
}
#after-slogan .col-4 {
padding:0 15px;
}
.section-tab a {
padding:5px;width: 130px
}
.tour-info .tour-time p {
font-size: 14px
}
#main-footer .col-3:last-child {
display: none;
}
#main-footer .col-3, #main-footer .col-4, #main-footer .col-2 {
max-width: unset; -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%;
}
}