@media (max-width: 1200px) and (min-width: 1024px) {
  html {
    font-size: 60%;
  }
  .nav__link {
    padding: 0 10px;
    font-size: 14px;
  }
  .search-btn {
    margin: 0 30px 0 10px;
  }
  .book-menu {
    font-size: 15px;
  }
  .room__desc {
    padding: 35px;
  }
  .codong__desc {
    padding: 35px;
  }
  .job-info .modal-dialog {
    max-width: 86%;
  }
  .room-detail .room__info li {
    margin: 0 10px;
    font-size: 15px;
  }
  .codong-detail .codong__info li {
    margin: 0 10px;
    font-size: 15px;
  }
}
@media (max-width: 1023px) {
  .header.fixed {
    height: 70px;
  }
  .fixed .header__logo {
    width: 13%;
  }
  .nav-menu {
    display: none;
  }

  .header__logo {
    width: 14%;
  }

  .book-btn {
    display: none;
  }

  .banner__img img {
    /* height: 60vh; */
  }

  .about-home {
    padding-top: 50px;
  }

  .about__content {
    width: 100%;
    position: relative;
  }
  .ser-home__cont {
    width: 100%;
    transform: translateY(50%);
  }
  .ser-codong__cont {
    width: 100%;
    transform: translateY(50%);
  }

  .ser-home__text {
    opacity: 1;
    visibility: visible;
  }
  .ser-codong__text {
    opacity: 1;
    visibility: visible;
  }
  /* .quick-book {
    position: relative;
  }

  .quick-book .form-group {
    margin-bottom: 10px;
  }

  .check-avai {
    margin-top: 15px;
  } */
  .header__top {
    padding: 8px 0;
  }

  .about__right {
    margin-top: 20px;
  }

  .footer__col {
    margin-bottom: 20px;
  }
}
@media (max-width: 1023px) {
  .room__item {
    border: 1px solid #ddd;
  }
  .codong__item {
    border: 1px solid #ddd;
  }
  .room__desc-wp {
    width: 50%;
  }
  .codong__desc-wp {
    width: 50%;
  }

  .hotel-item {
    width: 30%;
    margin: 0 10px;
    height: auto;
  }

  .hotel-item img {
    height: auto;
  }

  .hotel-item a img:nth-child(2) {
    display: none;
  }

  .room__desc {
    width: 100%;
    padding: 30px 20px;
    border: 0;
  }
  
  .codong__desc {
    width: 100%;
    padding: 30px 20px;
    border: 0;
  }

  .room__img {
    width: 50%;
  }
  .codong__img {
    width: 50%;
  }
  .contact-main {
    padding: 30px 0 60px 0;
  }

  .ct-left {
    order: 5;
  }

  .ct-right {
    order: 1;
  }

  .room-main .row {
    flex-direction: column-reverse;
  }
  .codong-main .row {
    flex-direction: column-reverse;
  }
  .blog-sidebar {
    padding-left: 0px;
  }
  .book-right {
    padding: 0px;
  }
  .article-element {
    flex-direction: column;
    margin-bottom: 30px;
  }

  .article-box {
    width: 100%;
  }

  .req-box {
    font-size: 14px;
  }

  .job-info .modal-dialog {
    max-width: 90%;
  }

  .room-sidebar {
    margin-left: 0;
  }
  .codong-sidebar {
    margin-left: 0;
  }

  .room__thumbnail {
    display: none;
  }
  .codong__thumbnail {
    display: none;
  }
}

@media (max-width: 1023px) {
  .room-item::before {
    background: #14404a96;
  }
  .codong-item::before {
    background: #14404a96;
  }
  .room-name a {
    top: 0;
    transition: all 0.35s;
  }
  .codong-name a {
    top: 0;
    transition: all 0.35s;
  }
  .room-line {
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
    transition-duration: 0.35s;
  }
  .codong-line {
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
    transition-duration: 0.35s;
  }
 .room-detail .room__info {
    transform: translate3d(0, 0, 0);
    transition-delay: 0.06s;
    transition-duration: 0.35s;
  }
  .codong-detail .codong__info {
    transform: translate3d(0, 0, 0);
    transition-delay: 0.06s;
    transition-duration: 0.35s;
  }

  .room-text {
    transform: translate3d(0, 0, 0);
    transition-delay: 0.06s;
    transition-duration: 0.35s;
  }
  .codong-text {
    transform: translate3d(0, 0, 0);
    transition-delay: 0.06s;
    transition-duration: 0.35s;
  }

  .room_btn {
    transform: translate3d(0, 0, 0);
    transition-delay: 0.06s;
    transition-duration: 0.35s;
  }
  .codong_btn {
    transform: translate3d(0, 0, 0);
    transition-delay: 0.06s;
    transition-duration: 0.35s;
  }
  .article-element {
    /* background: linear-gradient(to right,  #d6a023 0%,#ffe3a2 20%, #fff 20%, #fff 100%); */
  }

  .article-element:nth-child(even) {
    /* background: linear-gradient(to right,#fff 0%, #fff 80%, #ffe3a2  80%, #d6a023 100%); */
  }
}
@media (min-width: 992px) {
  .col-lg-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (max-width: 767px) {
  .header__box {
    height: 80px;
  }

  .header__logo {
    width: 38%;
  }

  .fixed .header__logo {
    width: 31%;
  }

  .banner__img img {
    /* height: 50vh; */
  }

  .banner-page .banner__caption h1 {
    font-size: 30px;
  }

  .banner-slide .owl-nav .owl-prev {
    left: 2px;
  }

  .banner-slide .owl-nav .owl-next {
    right: 2px;
  }

  .gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "g1 g2" "g3 g4" "g5 g6" "g7 g8" "g9 g10" "g11 g12";
  }
  .codong {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "g1 g2" "g3 g4" "g5 g6" "g7 g8" "g9 g10" "g11 g12";
  }

  .video__title h3 {
    font-size: 32px;
  }

  .web-3rd h3 {
    width: 100%;
    text-align: center;
  }

  .web-3rd a {
    width: 15%;
  }
}
@media (max-width: 767px) {
  .box {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .review {
    padding-top: 30px;
  }

  .review__title h3 {
    font-size: 26px;
  }

  .room__desc-wp {
    text-align: center;
  }
  .codong__desc-wp {
    text-align: center;
  }

  .room__info {
    justify-content: center;
  }
  .codong__info {
    justify-content: center;
  }
  .review__title h6 {
    font-size: 15px;
    line-height: 1.8;
  }
  .two-circle {
    top: 8px;
    left: 20px;
    height: 90px;
    width: 90px;
  }

  .review__content {
    padding: 0px;
  }

  .review__list {
    padding: 30px 10px;
  }

  .video-box {
    width: 90%;
  }
  .video-box iframe {
    height: 320px !important;
  }

  .copy-right .container {
    padding: 10px 15px;
  }

  .footer {
    padding: 50px 0 0;
  }

  .footer__detail {
    margin-bottom: 10px;
  }
  .room__item {
    flex-direction: column-reverse;
  }
  .codong__item {
    flex-direction: column-reverse;
  }
  .room__desc-wp {
    width: 100%;
  }
  .codong__desc-wp {
    width: 100%;
  }

  .room__desc {
    position: relative;
    transform: none;
  }
  .codong__desc {
    position: relative;
    transform: none;
  }

  .room__img {
    width: 100%;
  }
  .codong__img {
    width: 100%;
  }

  .room__img img {
    height: 280px;
  }
  .codong__img img {
    height: 280px;
  }
  .room-slide .owl-nav button[class*="owl-"] {
    position: absolute;
    top: 40%;
    margin: 0px;
  }
  .codong-slide .owl-nav button[class*="owl-"] {
    position: absolute;
    top: 40%;
    margin: 0px;
  }

  .room-img__slide img {
    height: 360px;
  }
  .codong-img__slide img {
    height: 360px;
  }
}
@media (max-width: 767px) {
  .about__thumb img {
    height: 45vh;
  }
  .blog-box {
    margin-bottom: 30px;
  }

  .box__title h3 {
    font-size: 22px;
  }

  .req-box {
    font-size: 13px;
  }

  .req-main .modal {
    font-size: 14px;
  }

  .job-info .modal-dialog {
    max-width: 95%;
    margin: 20px auto;
  }

  .req-main .modal-body {
    padding: 25px 15px;
  }

  .req-main .modal-title {
    font-size: 18px;
  }

  .job-title {
    font-size: 28px;
  }

  .b-info-number select {
    font-size: 18px;
    width: 50px;
  }
  .article-image img {
    /* height: 40vh; */
  }
}
@media (max-width: 500px) {
  .header__right a {
    margin: 0 6px;
  }

  .blog-share a {
    font-size: 13px;
  }

  .info-box {
    font-size: 13px;
  }

  .info-icon {
    width: 40px;
    height: 40px;
  }
}
/*# sourceMappingURL=responsive.css.map */