@media only screen and (min-width: 320px) and (max-width: 860px) {
  .top-left {
    width: 100%;
  }
  .top-right {
    float: left;
    width: 100%;
    text-align: center;
  }
  .nav {
    padding-top: 0px;
  }
  .lag-box {
    display: none;
  }
  .contact-top {
    position: relative;
    height: auto;
  }
  .gt-ct {
      height: auto;
  }
  .box-alxem {
    height: auto;
    }
  .top-left {
    padding-left: 15px;
  }
  .xsc-right {
    float: left;
    width: 100%;
  }
  .top-right {
    padding-right: 0;
    padding-left: 15px;
    text-align: left;
  }
  .top-right::before, .top-left::before {
    width: 100%;
    left: 0;
    right: inherit;
  }
  .slide-best {
    height: 190px !important;
  }
  #prev, #next {
    top: 38%;
  }
  .booking-home {
    width: 100%;
    position: relative;
    bottom: 0;
    float: inherit;
    left: 0;
    top: 0;
  }
  .book-form,.book-form-tt {
    width: 50%;
  }
  .book-form {
    border-bottom: 1px solid #ccc;
  }
  .text2 {
    padding-right: 0px;
  }
  #desktop-dv {
    display: none;
  }
  .anh-1 {
    width: 100%;
    height: auto;
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 5px 0;
  }
  #ab-right {
    padding-right: 15px;
  } 
  .box-anh-home {
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  .book-htp {
    width: 100%;
    height: 100%;
    margin-top: 0px !important;
  } 
  .der-htp {
    width: 100%;
    height: auto;
    background: #252525;
    color: white;
    margin-left: 0px !important;
}
.button-htp {
    float: right;
    height: auto;
    width: 100%;
    border: 3px solid #c4b152;
    position: relative;
    top: 0;
    right: 0;
    padding: 15px;
}
.text-tille {
    padding: 0;
    display: inline-block;
    width: 100%;
    margin: 0 !important;
    margin-top: 10px !important;
}
.content-htp {
    margin: 0px 0 !important;
    padding-bottom: 10px;
}
  .images-htp {
    height: auto;
    width: 100%;
  }

  .box-gt-home {
    margin: 30px 0;
  }
  .book-button {
    width: 100%;
  }
  .line-box {
    width: 100%;
    top: 0;
    padding-bottom: 30px;
    padding-top: 0;
  }
  .img-ks {
    width: 100%;
    height: 354px;
    float: inherit;
    margin-left: 0;
    margin-top: 20px;
  }
  .border-line {
    margin-top: 20px;
    padding: 0 15px;
  }
  .ks-content {
    padding: 0 15px;
  }
  .col-lg-8.ks-right {
    padding: 0 !important;
    padding-right: 0 !important;
  }
  .line-box::after, .line-dv::after {
    left: 35%;
  }
  .box-img {
    height: 170px;
    width: 100% !important;
  }
  .box-text {
    width: 100% ;
    position: relative;
    height: auto;
    padding: 15px;
  }
  .der-room-home {
    padding: 0;
  }
  .slick-slide {
    height: auto !important;
  }
  .chitu {
    text-align: right;
  }
  .button-box button {
    float: inherit;
  }
  .slick-next {
    right: 10px !important;
  }
  .slick-prev {
    right: 50px !important;
  }
  .box-slider {
    padding: 0;
    margin-top: 0;
  }
  .slider-modal .slick-next, .slider-modal .slick-prev {
    top: 103% !important;
  }
  .box-back-3 {
    padding: 15px;
  }
  .line-3::before, .line-3::after {
    display: none
  }
  .jwg_slider_module .tabbed_navigation {
    width: 100% !important;
  }
  .box-left-dv {
    padding-top: 80px;
        width: 100%;
  }
  .htp-home::before, .htp-home::after {
    display: none
  }
  .home-pt {
    text-align: center;
    margin: 10px 0px;
  }
  .jwg_slider_module {
    margin-top: 0 !important;
  }
  .der-dichvu {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto !important;
  }
  .box-dichvu .slick-next, .box-dichvu .slick-prev{
    display: none !important:;
  }
  .box-dichvu .slick-slide img {
    height: 230px;
  }
  .line-dv, .box-right-dv {
    width: 100%;
  }
  .box-right-dv img {
    height: auto;
  }
  .jwg_slider_module .arrow_navigation {
   display: none;
  }
  .jwg_slider_module .arrow_navigation > div.left, .jwg_slider_module .arrow_navigation > div.right {
    top: 90%;
}
.back-3_2 {
    padding: 15px;
}
.news-left {
    width: 100%;
    height: auto;
    padding: 15px;
    }
    .text-line::before {
      display: none
    }
    .fotend-right {
    text-align: left;
  }
    ul.nav-menu.menu a, .has-dropdown:after {
    color: white;
  }
    .sticky {
      padding: 0;
    }
    #fot-center, #fot-right {
    padding: 15px;
    display: inline-block;
    width: 100%;
  }
  #fot-center li {
    width: 50%;
    float: left;
  }
    .img-news {
    width: 100%;
    height: 210px;
  }
  .border-line3 {
    margin-top: 60px;
  }
  .slider-tiennghi .slick-slide {
    padding: 0;
  }
  .slider-tiennghi {
    padding: 0 15px;
  }
  .slider-tiennghi .slick-next {
    right: 20px !important;
    top: 55% !important;
  }
  .slider-tiennghi .slick-prev {
    left: 20px !important;
    top: 55% !important;
  }
  .box-km {
    margin-bottom: 30px;
  }
  .box-news img {
    width: 100%;
    height: 220px;
    float: initial;
    margin-right: 0;
  }
  .box-news {
    background: #333333;
    padding: 15px;
  }
  .box-news h3 {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .content-lh {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
  }
  .mapgg {
    height: auto;
  }
  iframe {
    height: 250px;
  }
  .nav-menu.menu li {
    width: 100%;
    background: #000000cf;
  }
  .navbar {
    min-height: 0;
  }
  li.active::after {
    width: 100%
  }
  .sticky {
    padding-top: 0px
  }
  .menu-center {
    display: none;
  }
  div#navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background: #0000009c;
    z-index: 99999999;
  }
 .lag-box-2 {
    float: right;
    padding: 10px;
}
.sticky .nav {
  padding-top: 0;
}
.menu-left, .menu-right {
    width: 100%;
    }
  .back-page {
    padding: 30px;
  }
  header {
    margin-top: 40px;
  }
  .lag-home {
    float: left;
  }
  #about {
    padding: 10px 0;
  } 
  .box-tin-1:nth-child(1), .box-tin-1:nth-child(2), .box-tin-1:nth-child(3) {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;

  }
  .btn-show_content {
    background: none;
    color: #ffffff;
    border: none;
    padding: 3px 15px;
    background: #c49937;
  }
  .noidung_tin img {
    width: 100% !important;
    height: 100% !important;
  }
  h2.title-sanpham {
    line-height: 40px;
    font-size: 23px;
    margin: 20px 0;
  }
  #sync1 .item {
    height: 200px !important;
  }
  .tin-lq img {
    height: 190px;
  }
  #mobile-dv p {
    background: #beaa6b;
    margin: 15px;
    padding: 10px 25px;
    color: white;
    text-transform: uppercase;
    text-align: center;
  }
  #back-3 {
    margin: 30px 0;
  }
  .der-room {
    width: 100%;
    height: auto;
    padding: 15px;
    left: 0;
  }
  .img-slide {
    float: left;
    width: 100%;
    height: 210px;
  }
  h3.htp-text {
    transform: rotate(0deg);
    left: 0;
    top: 0;
  }
  .y-kien {
    width: 50%;
  }
  .avatar {
    width: 30%;
  }
  .map, .info-map {
    width: 100%;
    float: left;
    height: auto;
    padding-left: 0;
    margin: 30px 0;
  }
 .news-bot {
    width: 100%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
  .der-newsbot {
    float: left;
    width: 50%;
    }
    .info-footer {
    float: left;
    width: 100%;
    padding-left: 15px;
    margin: 30px 0;
  } 
  #back-5 {
    padding-right: 0;
    margin: 20px 0;
  }
  .item-2 {
    height: 40px !important;
  }
  .item img {
    height: 100%;
  }
  .line-top {
    display: table;
  }
  .logo-mb {
    text-align: center;
    padding: 10px 0;
  }
  .lag-home button {
    padding: 0px 10px;
  }
}


@media (min-width: 960px) {
    .slide-mobile, #mobile-dv, .logo-mb {
        display:none;
    }

.nav,
 .nav-container,
 .nav-container.is-visible {
  position: relative;
  top: auto;
  left: auto;
  z-index: auto;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 999999;
}
.mobile-room {
    display: none;
}
.nav-container,
 .nav-container.is-visible {
  visibility: visible;
  height: auto;
  min-height: 0;
  overflow-y: visible;
}

.nav-toggle { display: none; }

/* 1. Display menu items inline */

.nav-menu > .menu-item,
 .nav-menu > .menu-item.is-active {
  display: inline-block; /* 1 */
  background-color: transparent;
  border: 0;
}

/* Remove bottom border on last child */

.nav-menu > .menu-item:last-child { border: 0; }

.nav-menu .menu-item {
  -webkit-transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;
}

/* Remove +/- icons */

.has-dropdown:after { content: "" !important; }

/* Add a caret to top-level menu items that have dropdowns */



/* Increase padding to compensate for caret */

.has-dropdown > .menu-link { padding-right: 2rem; }

/* Re-style dropdowns for larger screens */

.nav-dropdown {
    display: block;
    opacity: 0;
    position: absolute;
    top: 100%;
    z-index: 999999;
    min-width: 260px;
    margin: 0;
    padding: 0.5rem 0;
    background-color: #bb8d32;
    box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15);
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
    transition: visibility 0s linear 0.25s, opacity 0.25s linear;
}
.has-dropdown:hover > .nav-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.lag-box-2 {
  display: none;
}
.nav-dropdown .menu-item { border: 0; }

.nav-dropdown .menu-item:hover,
 .nav-dropdown .nav-dropdown .menu-item:hover { background-color: #d0d0d0; }

.nav-dropdown .nav-dropdown,
 .nav-dropdown .nav-dropdown .menu-item { background-color: #dedede; }

.nav-dropdown .nav-dropdown {
  z-index: 9998;
  top: 0;
  left: 100%;
}

.content { margin-top: 0; }
}