﻿#sub_menu .CommonLang, #sub_menu .AdvSupportTop {display: none}
.CommonBottomMenu {padding-bottom: 0;margin-bottom: -60px}
.BottomInfo {padding-top: 90px;background: url(../css/pic/bg_ft1.png) no-repeat left bottom, url(../css/pic/bg_ft2.png) no-repeat right bottom, url(../css/pic/bg_ft.png) repeat-x top left;background-color: #888;background-size: auto, auto, auto 176px}
.sdcih .slick-dots {padding-left: 0}
.slick button.slick-arrow {width: 27px;height: 26px;outline: none}
.searchPanel select {-webkit-appearance: none;-moz-appearance: none;background: white url(../css/pic/select1.png) no-repeat right center;height: 33px}
.stgis .list {top: -8px}
.stgis .list a span {background: url(../css/pic/New.gif) no-repeat right center;padding-right: 60px;height: 30px;line-height: 30px;display: inline-block}
.AdvMainSlide .slick-dots {padding: 0 calc(50% - 585px)}
.sdcih .slick button.slick-prev {right: 50px}
.es-carousel ul {display: block !important}
.es-carousel {margin: 10px 0 0 0 !important}
.es-carousel ul.small_slide {padding: 0 50px}
.small_slide li {margin: 0 5px}
.small_slide .khungAnh:before {content:"";display: block;padding-bottom: 60%}
.big_slide {padding-left: 0}
.small_slide .slick-prev, .small_slide .slick-next{
    border: none;
	position:absolute;
    z-index:1;
    font-size:0;
    width:40px;height:40px;
    background:#ccc;border-radius:50%;
	bottom: calc(50% - 20px);
	left: 0;
    text-align:center;outline: none
}
.small_slide .slick-prev:before, .small_slide .slick-next:before {content:"\f104";font:normal 33px/40px FontAwesome;color:#fff}
.small_slide .slick-next {right: 0;left: auto}
.small_slide .slick-next:before {content:"\f105"}
@media (min-width: 1200px){
    #ct_tour.row {width: 1200px}
}

@media(max-width: 1199px){
    .row {padding: 0;margin: 0;display: block;overflow: hidden}
    .container {width: calc(100% - 40px);padding: 0}
    .AdvLogo {width: 129px;padding: 0;flex: none;float: left;margin-top: 15px}
    .AdvLogo img {max-width: 100%}
    .ch, .CommonHeader .row {margin: 0;display: block}
    .rightHeader {float: none;max-width: calc(100% - 140px);padding: 0;float: right;margin-top: 10px}
    .CommonHotlineTop, .CommonSupportFloatRight {display: none}
    .CommonSearchBox {clear: both;position: static;padding: 15px 0 10px 0;overflow: hidden}
    .CommonSearchBox a {position: static;float: right;height: 28px;border: 1px solid #d6d6d6;border-left: none}
    .CommonSearchBox a i {line-height: 25px}
    .CommonSearchBox input[type=text] {width: calc(100% - 30px);float: left;border-right: none;height: 28px}
    .MainSlideAndGroupTour {clear: both}
    .AdvMainSlide .slideWrap, .AdvMainSlide .slideWrap img {height: 300px}
    .sdcih .slick {margin: 0}
    .sdcih .slick-slide {margin: 0 20px 1px 0}
    .sdcih .slick-list {width: calc(100% + 19px)}
    .sdcih .slick button.slick-arrow {right: 0}
    .sdcih .slick button.slick-prev {right: 50px}
    .sdcih .slick-dots {padding-left: 0}
    .stcih .group-item {padding: 0;margin: 0 20px 20px 0;float: left;width: calc((100% - 40px)/3);flex: 0}
    .stcih .group-body {margin: 0;padding: 0;display: block}
    .stcih .group-item:nth-child(5n), .stcih .group-item:nth-child(5n-2) {margin-right: 0}
    .stcih .group-item:nth-child(5n), .stcih .group-item:nth-child(5n-1) {width: calc(50% - 10px)}
    .SubNewsGroupInHomepage .group-body {display: block;margin: 0}
    .SubNewsGroupInHomepage .group-body .col-lg-8 {margin: 0;float: none;flex: none;max-width: none;padding: 0}
    .SubNewsGroupInHomepage .group-body .col-lg-8 .row {margin: 0 0 20px 0;display: block;overflow: hidden}
    .SubNewsGroupInHomepage .group-body .col-lg-8 .row .group-item {width: calc(50% - 10px);float: left;margin: 0 20px 20px 0;padding: 0}
    .SubNewsGroupInHomepage .group-body .col-lg-8 .row .group-item:nth-child(2n) {margin-right: 0}
    .SubNewsGroupInHomepage .group-body .col-lg-4 {width: auto;float: none;overflow: hidden;display: block;padding: 0;flex: 0;max-width: none}
    .SubNewsGroupInHomepage .group-body .col-lg-4 .group-item {width: calc(50% - 10px);float: left;margin: 0 20px 20px 0}
    .SubNewsGroupInHomepage .group-body .col-lg-4 .group-item:nth-child(2n) {margin-right: 0}
    .SubPhotoAlbumGroupInHomepage .col-lg-6 {width: auto;float: none;max-width: none;flex: none;display: block;padding: 0;overflow: hidden}
    .SubPhotoAlbumGroupInHomepage .row {display: block;padding: 0;margin: 0;overflow: hidden}
    .SubPhotoAlbumGroupInHomepage .row .row {padding: 0}
    .SubPhotoAlbumGroupInHomepage .col-lg-6 .group-item {padding: 0;margin: 0 20px 20px 0;width: calc(50% - 10px);float: left}
    .SubPhotoAlbumGroupInHomepage .col-lg-6 .group-item:nth-child(2n) {margin-right: 0}
    .SubPhotoAlbumGroupInHomepage .col-lg-6 .group-item:nth-child(2n-1) {clear: both}
    .SubPhotoAlbumGroupInHomepage .col-lg-6:nth-child(2n) .group-item {width: auto;float: none;margin-right: 0}
    .spagih .group-item.col-lg-6 .title-wrap {padding-top: 5px;padding-bottom: 5px}
    .scrgih .slick-wrap {padding: 25px 100px}
    .sauih .container .col-lg-8 {padding: 0;float: left;width: calc(63% - 10px)}
    .sauih .container .col-lg-4 {padding: 0;float: right;width: calc(37% - 10px)}
    .AdvPartner .khungAnh {margin: 0 30px}
    .CommonBottomMenu ul.ulTop>li {width: calc((100% - 40px)/3);margin: 0 20px 20px 0}
    .CommonBottomMenu ul.ulTop>li:nth-child(3n) {margin-right: 0}
    .CommonBottomMenu ul.ulTop>li:nth-child(3n-2) {clear: both}
    .BottomInfo .mapWrap {border: none;width: auto;max-width: none;padding: 0;border-bottom: 1px dashed #6e6e6e;float: none}
    .scrgih .slick-list {padding-bottom: 32px !important}
    .BottomInfo .col-lg-10 {width: auto;float: none;padding: 0;margin: 0;max-width: none}
    .BottomInfo .col-lg-10 .row {overflow: initial}
    .BottomInfo .googlemap {padding: 20px}
    .BottomInfo .infoWrap {border-top: 1px dashed #a6a6a6;max-width: none;border-left: none;padding: 0 20px;width: auto;float: none}
    .BottomInfo .comInfos {padding: 20px 30px 20px 0;width: 77%;float: left;border-right: 1px dashed #6e6e6e}
    .BottomInfo .col-lg-2 {width: calc((100% - 40px)*0.23);float: right;border-left: 1px dashed #a6a6a6;max-width: none;padding: 0;margin-right: 20px}
    .BottomInfo .staticWrap {padding: 28px 0 35px 20px}
    .BottomInfo > .container > .row {margin: 0 -20px}
    .Copyrights .col-lg-4 {max-width: none;display: block;text-align: center;margin-bottom: 10px}
    .Copyrights .col-lg-8 {text-align: center;max-width: none}
    .scrop-top {bottom: 35px;right: 20px}
    #open_sub {width: 20px;height: 20px;display: block;position: absolute;z-index: 2;top: 60px;right: 22px;background: url(../css/pic/open_sub.png) no-repeat center}
    .AdvMainSlide .slick-dots {padding: 0 20px}
    .ch, .CommonHeader {z-index: 5}
    #sub_menu {position: fixed;z-index: 2;top: 0;right: -270px;width: 270px;background-color: #67a00d;height: 100%;overflow: auto}
    #sub_menu ul {padding: 0;margin: 0}
    #sub_menu li {list-style: none;position: relative}
    #sub_menu .ulTop {border-bottom: 1px solid #7ec311}
    #sub_menu .ulTop .hasSub > span {display: block;position: absolute;top: 0;right: 0;width: 40px;height: 41px;background: url(../css/pic/cong.png) no-repeat center}
    #sub_menu .ulTop > li {border-bottom: 1px solid #517e0b;border-top: 1px solid #7ec311}
    #sub_menu .ulTop > li:first-child {border-top: none}
    #sub_menu .ulTop > li > a {font: 15px 'opensanssemibold';display: block;color: white;text-transform: uppercase;line-height: 21px;padding: 10px 0 10px 15px;border-left: 4px solid transparent;margin-right: 40px}
    #sub_menu .ulTop > li ul {background-color: #4e790a}
    #sub_menu .ulTop > li > ul {border-top: 1px solid #517e0b}
    #sub_menu .ulTop > li ul {display: none}
    #sub_menu .ulTop > li > ul > li:first-child {border-top: 1px solid #7ec311}
    #sub_menu .ulTop > li > ul > li > a {font: 15px 'opensanssemibold';color: white;display: block;line-height: 21px;padding: 10px 0 10px 19px;margin-right: 40px}
    #sub_menu .ulTop > li > ul > li > ul > li > a {line-height: 21px;padding: 10px 10px 10px 33px;color: white;display: block;position: relative}
    #sub_menu .ulTop > li > ul > li > ul > li > a:before {content:"";display: block;width: 6px;height: 6px;border-radius: 50%;background-color: white;position: absolute;left: 19px;top: 17px}
    #sub_menu .ulTop .hasSub.active > ul {display: block}
    #sub_menu .ulTop > li.hasSub.active > a {border-left: 4px solid #dcab00}
    #sub_menu .ulTop .hasSub.active > span {background: url(../css/pic/tru.png) no-repeat center}
    body {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
    body.active {transform: translateX(-270px);-webkit-transform: translateX(-270px);-moz-transition: all 0.5s}
    body.active #open_sub {background: url(../css/pic/close_sub.png) no-repeat center}

    .searchPanel {padding-top: 0;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2)}
    .searchPanel .container {width: auto}
    .searchPanel .fl {float: none;text-align: center;background-color: #7ec311;height: 32px;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2)}
    .searchPanel .fl label {color: white;font-size: 14px;line-height: 32px}
    .searchPanel .fr {float: none;padding: 20px;display: none}
    .searchPanel input[type=text] {width: 100%;margin-bottom: 10px}
    .searchPanel select {width: calc(50% - 5px);float: left;margin: 0 0 10px 0;-webkit-appearance: none;-moz-appearance: none;padding-right: 30px;background: url(../css/pic/select.png) no-repeat right center;outline: none}
    .searchPanel .fr select:nth-child(2n-1) {float: right}
    .searchPanel a {display: block;clear: both;text-align: center}
    .searchPanel .container.active .fr {display: block}
    .col-right {max-width: none;padding: 0}
    .col-left {width: auto;max-width: none;padding: 0;overflow: hidden}
    .col-left .group {width: calc(50% - 18px);float: left;margin: 0 36px 30px 0}
    .col-left .group:nth-child(2n) {margin-right: 0}
    .SubCRGroupInHomepage .container {width: auto}
    .col-left .scrgih .cus-comments .after {display: none}
    .col-left .scrgih .khungAnh {border: 5px solid white;box-shadow: 0 -1px 0 0 rgba(0,0,0,0.1);margin-top: 1px}
    .spagl .group-item .khungAnh:before, .spagl .group-item:nth-child(1) .khungAnh:before {padding-bottom: 56.3%}
    .AdvTripAdvisorLeft {clear: both;width: calc(50% - 18px);float: left}
    .AdvLeftAboutUs {float: right;width: calc(50% - 18px)}
    .col-lg-6 {max-width: none;padding: 0;width: 50%;float: left}
    #ct_tour .col-lg-8, #ct_tour .col-lg-4 {max-width: none;padding: 0}
    #news_id .row .col-lg-3 {width: 25%;float: left}
    #news_id .row .col-lg-9 {width: 75%;float: right}
    #news_id .row .col-lg-9 .row .col-lg-6 {width: auto;float: none}
    .SubCRInsertForm .row .col-lg-7 {width: 58%;float: left;padding: 0}
    .SubCRInsertForm .row .col-lg-5 {width: calc(42% - 10px);float: right;padding: 0}
    #album_list .col-lg-4 {width: calc((100% - 40px)/3);float: left;padding: 0;margin-right: 20px}
    #album_list .col-lg-4:nth-child(3n) {margin-right: 0}
    .SubPhotoAlbumImagesInAlbum .row .col-lg-3 {width: calc((100% - 60px)/4);float: left;margin: 0px 20px 20px 0px;padding: 0}
    .SubPhotoAlbumImagesInAlbum .row .col-lg-3:nth-child(4n) {margin-right: 0}
    .SubPhotoAlbumImagesInAlbum .row .col-lg-3 .khungAnh {margin: 1px}

    #outerImageContainer {max-width: calc(100% - 40px);height: auto !important}
    #lightboxImage {max-width: 100%;height: auto !important}
    #prevLink {width: 50px!important;height: 70px !important;left: 5px !important;top: calc(50% - 35px);margin: 0 !important;position: absolute;z-index: 2;background-position: center center !important;background-color: rgba(0,0,0,0.5) !important}
    #nextLink {width: 50px !important;height: 70px !important;right: 5px !important;top: calc(50% - 35px);margin: 0 !important;position: absolute;z-index: 2;background-position: center center !important;background-color: rgba(0,0,0,0.5) !important}
    #imageData #bottomNavClose {right: 0 !important}
    #imageDataContainer {width: 100% !important}
    #ContactUsIndex .item .control > .fl:first-child {width: calc(100% - 120px)}
    .BottomInfo {background: #888;padding-top: 20px}
    .CommonBottomMenu {margin-bottom: 0}
    #tour_dt {margin-top: 30px}
}
@media (max-width: 767px){
    .container {width: calc(100% - 20px)}
    .TopMenu, .AdvSupportTop, .CommonLang, .SubTourGroupsInSlide, .stgis, .AdvMainSlide .slick-dots:before {display: none}
    .AdvLogo {margin-top: 10px}
    #open_sub {top: 35px}
    .AdvMainSlide .slick-dots {background: none}
    .AdvMainSlide .slideWrap, .AdvMainSlide .slideWrap img {height: 150px}
    .col-main .group-title {font-size: 20px}
    .sdcih .slick-dots {display: none !important}
     .stcih .group-item {width: 100% !important;margin-right: 0}
     .stcih .col-lg-6 .khungAnh:before {padding-bottom: 57.71%}
     .SubNewsGroupInHomepage .group-body .col-lg-8 .row .group-item {width: auto;float: none;margin-right: 0}
     .SubNewsGroupInHomepage .group-body .col-lg-4 .group-item {width: auto;float: none;margin-right: 0;padding-bottom: 0}
     .sngih .col-lg-4 .group-item .date {width: calc(100% - 38% - 15px);float: right}
     .SubPhotoAlbumGroupInHomepage .col-lg-6 .group-item {width: auto;float: none;margin-right: 0}
     .SubCRGroupInHomepage {padding: 0 10px 30px 10px}
     .scrgih .slick-wrap {padding: 20px 0}
     .scrgih .slick-slide {margin: 0 10px}
     .sauih .container .col-lg-8, .sauih .container .col-lg-4 {width: auto;float: none;max-width: none}
     .sauih .group-footer .more {display: block;clear: both;position: static}
     .sauih .group-footer {padding-bottom: 0;line-height: 24px}
     .AdvPartner .khungAnh {margin: 5px 10px}
     .CommonBottomMenu ul.ulTop>li {width: auto;float: none;margin: 0 0 20px 0}
     .CommonBottomMenu ul.ulTop>li > ul {display: none}
     .CommonBottomMenu ul.ulTop>li>div {padding: 0;background: url(../css/pic/c_ft.png) no-repeat center right}
     .CommonBottomMenu ul.ulTop>li.active > div {background: url(../css/pic/t_ft.png) no-repeat right center}
     .CommonBottomMenu ul.ulTop>li.active > ul {display: block}
     .BottomInfo .googlemap #map_canvas_home {height: 150px}
     .BottomInfo .comInfos {width: auto;float: none;border-right: none}
     .BottomInfo .infoWrap {border-bottom: 1px dashed #6e6e6e}
     .BottomInfo .col-lg-2 {width: auto;float: none;border-top: 1px dashed #a6a6a6}
     .TripAdvisor {width: 50%;float: left}
     .scrop-top {bottom: 80px;width: 40px;height: 40px;background-size: 100% 100%;padding: 0}
     .scrop-top i {display: block;text-align: center;line-height: 40px}
     .BottomInfo > .container > .row {margin: 0}
     .BottomInfo .googlemap {padding: 20px 0}
     .BottomInfo .infoWrap {padding: 0;border-right: none}
     .BottomInfo .col-lg-2 {margin-right: 0;border-left: none}
     .BottomInfo .staticWrap {padding-left: 0}
     .col-left .group {width: auto;float: none;margin-right: 0}
     .AdvTripAdvisorLeft, .AdvLeftAboutUs {width: auto;float: none}
     .col-right .group-cate .group-item .khungAnh {margin-right: 20px}
     .col-right .group-cate .group-item .title-wrap {float: none;width: auto;padding-left: 0}
     .col-right .group-cate .group-item .desc {clear: both;padding-top: 10px}
     #CommonDauChiTietTin a.NormalSize, #CommonCuoiChiTietTin a.top, #CommonCuoiChiTietTin a.email, #CommonCuoiChiTietTin a.print {display: none}
     #CommonCuoiChiTietTin .fb-like, #CommonCuoiChiTietTin #___plus_0 {display: none !important}
     .col-right .group-other.group-other-00 .group-item {width: auto;float: none;display: block}
     .col-right .group-cate-tour .group-desc-2 .group-catelv1 a {display: block;text-align: center}
     .col-right .group-cate-tour .group-item .khungAnh {width: auto;float: none;margin: 0 0 10px 0}
     .col-lg-6 {width: auto;float: none}
     .rg-image {height: 280px !important}
     .TourDetail .btBooking-bottom a.btOK {display: block;text-align: center;margin-bottom: 7px}
     ul.tabs li, ul.tabs li a {display: block !important;text-align: center}
     .CommonPageRoad, .cpr {height: auto;bottom: 0}
     .cpr .container {height: auto}
     .cpr .container .group-content {line-height: 22px;height: auto}
     .AdvMainSlide .slick-dots {padding: 0 10px}
     .TourBooking .group-body {padding: 0}
     .TourBooking .group-body .text, .TourBooking .group-body .control {width: auto;float: none;margin-bottom: 5px}
     .TourBooking .group-body .control input[type=text] {width: 100%}
     .TourBooking .group-body .item:nth-child(4) .text, .TourBooking .group-body .item:nth-child(7) .text {width: calc(100% - 110px);float: right}
     .TourBooking .group-body .control select.short-ip, .TourBooking .group-body .control input.short-ip {width: 100px}
     .TourBooking .group-body .sub-row .control {display: inline-block}
     .TourBooking .group-body .item:nth-child(4) .text:first-child, .TourBooking .group-body .item:nth-child(7) .text:first-child {width: auto;float: none}
     .TourBooking .group-nobb .group-body .item select {width: 145px}
     .TourBooking .group-nobb .group-body .item input[type="text"] {width: 145px;left}
     .lightPopup {width: calc(100% - 20px);top: 25px}
     .lightPopupBox {padding: 15px 20px}
     #news_id .row .col-lg-3, .SubCRInsertForm .row .col-lg-7 {width: auto;float: none;padding: 0;margin-bottom: 10px;position: static}
     #news_id .row .col-lg-9, .SubCRInsertForm .row .col-lg-5 {width: auto;float: none;padding: 0}
     .col-right .group-cate .group-item .khungAnh {width: 50%}
     #ContactUsIndex .item .text, #ContactUsIndex .item .control {width: auto;float: none}
     #ContactUsIndex .item .text {margin-bottom: 5px}
     .SubCRInsertForm .row {position: relative}
     #ContactUsIndex .row .col-lg-7 .item:last-child {position: absolute;z-index: 2;bottom: 80px;left: 0;width: 100%}
     #ContactUsIndex.SubCRInsertForm textarea {margin-bottom: 80px}
     .col-right .CRCate .group-item .khungAnh {width: 35%}
     .col-right .group-cate .group-item .web {width: calc(100% - 35% - 20px);float: right}
     .group-cate-2 .sub-group-title {max-width: calc(100% - 100px)}
     #album_list .col-lg-4 {width: auto;float: none;margin-right: 0}
     .SubPhotoAlbumImagesInAlbum .row .col-lg-3 {width: auto;float: none;margin-right: 0}
     #outerImageContainer {max-width: none;width: calc(100% - 20px) !important}
     #lightboxImage {width: 100%}
     #SubContactUsGoogleMap #map_canvas {height: 200px}
     #sub_menu .CommonLang, #sub_menu .AdvSupportTop {display: block;margin-bottom: 10px}
     #sub_menu .CommonLang {margin-right: 40px}
     #sub_menu .ulTop {clear: both;border-top: 1px solid #517e0b}
     #sub_menu .ulTop > li:first-child {border-top: 1px solid #7ec311}
}
