/* Responsive Design */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #article ul {
      columns: 2;
  }
  #article ul li {
      width: 90%;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
 #sp-logo {

 }
 #sp-logo img {
   height: 40px;
 }
 .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
     padding: 0 5px;
 }
}
@media only screen and (min-width: 1020px) {

}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    display: inline-block;
    padding: 0 15px;
    line-height: 80px;
    font-size: 16px;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

}

@media screen and (max-width: 768px) {
  body {
    font-size: 16px;
  }
  h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  }
  h1 {
    font-family: "Archivo Narrow", sans-serif;
    font-size: 38px;
    font-weight: 700;
  }
  h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 50px;
  }
  h3 {
    font-size: 24px;
    font-weight: 600;
  }
  section {
    padding: 30px 0px;
  }
  #gallery .main__gallery {
      max-width: 480px;
      display: block;
      margin: 0 auto;
  }
  .slick-prev {
      left: -15px;
      z-index: 2;
  }
  .slick-next {
      right: -15px;
      z-index: 2;
  }
  #sp-header {
        height: 60px;
  }
  #sp-footer, #sp-bottom {
      background: #ececec;
      color: #ececec !important;
  }
  #city_hotel__footer {
    background: #3a3f58;
    padding: 50px 0px 30px 0px;
    margin-top: 50px;
  }
  #article ul {
      margin-left: 0;
      padding-left: 30px;
  }
  #article ul li:after {
      right: 105%;
  }
  .btn__wrapper {
    display: flex;
    flex-direction: column;
  }
  .btn__wrapper a {
    margin-bottom: 15px;
  }
  body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu:before {
    content: '';
    background: url('/images/ornament.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    width: 100%;
    height: 100%;
    position: fixed;
  }
  .btn__wrapper a {
      margin-right: 15px;
      margin-bottom: 15px;
      font-weight: 700;
      color: #fff !important;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
  }
  .price .article__content {
      background-color: #fff;
      padding: 15px 5px;
      border: 2px solid #ff9900;
      border-radius: 25px;
  }
  .price .price-card {
    margin-bottom: 15px;
  }
  .price .card {
    border-radius: 25px;
    background-color: #ececec;
  }
  .price .card .badge {
    color: #000;
    padding: 0;
  }
  .table.table-striped.table-responsive {
    font-size: 12px;
  }
  .price .card .btn-main {
    padding: 5px 15px;
    margin-top: 15px;
  }
}