@media only screen and (max-width: 1250px) {
  header .main-header {
    padding: 15px;
  }
  header .hearder-btn a {
    font-size: 16px;
  }
  header .header-toggle {
    width: 44px;
    height: 36px;
  }
  header .right-bottom {
    gap: 15px;
  }
  header .primary-menu {
    padding-right: 15px;
  }
  header .primary-menu ul {
    gap: 6px;
  }
  header .logo img {
    width: 150px;
  }
  .hero-section .name-style {
    font-size: 115px;
  }
  .hero-section h1 {
    font-size: 48px;
  }
  .our-amenities .item {
    padding: 120px 25px 50px;
  }
  .our-amenities .item .services-count {
    font-size: 100px;
  }
  .near-places h4 {
    font-size: 20px;
  }
  .rooms-page .room-img h3 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 992px) {
  header .primary-menu {
    display: none;
  }
  header .right-bottom {
    justify-content: end;
  }
  header .hearder-btn {
    display: none;
  }
  header .header-side {
    max-width: 340px;
  }
  header .side-content {
    display: none;
  }
  header .secondary-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  header .logo img {
    width: 150px;
  }
  header .primary-btn a {
    color: #fff;
  }
  .hero-section .name-style {
    font-size: 85px;
    letter-spacing: 30px;
  }
  .hero-section h1 {
    font-size: 38px;
    margin-top: -50px;
  }
  .hero-section p {
    width: 100%;
    margin: 30px auto 0;
  }
  .about-us .about-img {
    width: 100%;
  }
  .about-us .main-about {
    flex-direction: column-reverse;
  }
  .about-us .about-content {
    width: 100%;
  }
  .room-section .room-headeing {
    width: 100%;
  }
  .room-section .main-room {
    gap: 15px;
  }
  .room-section .room-amenities {
    padding: 10px;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    grid-gap: 10px;
  }
  .our-amenities .item .services-count {
    font-size: 70px;
    line-height: 30px;
  }
  .our-amenities .overlay-content {
    padding: 60px 15px 60px;
  }
  .near-places .main-near {
    flex-wrap: wrap;
  }
  .near-places .item {
    flex: auto;
    width: 47%;
  }
  form .group-box {
    flex-direction: column;
  }
  form .group-box .box {
    width: 100%;
  }
  .inner-banner {
    padding: 140px 0px 80px;
  }
  .contact-page .main-contact-form {
    gap: 50px;
    flex-direction: column;
  }
  .contact-page .form-box {
    width: 100%;
  }
  .contact-page .contact-content {
    width: 100%;
  }
  .rooms-page .main-room-categri {
    flex-direction: column;
    gap: 15px;
  }
  .rooms-page .room-img {
    width: 100%;
  }
  .rooms-page .room-content {
    width: 100%;
  }
  .rooms-page .room-categri:nth-child(2n) .main-room-categri {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 28px;
  }
  header .right-top {
    display: none;
  }
  .hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url(../upload/banner/homw4.jpg);
    background-position: left;
    background-size: cover;
  }
  .hero-section .name-style {
    font-size: 75px;
    letter-spacing: 12px;
  }
  .room-section .main-room {
    flex-direction: column;
  }
  .room-section .main-room .room-box {
    width: 100%;
  }
  .our-amenities .main-amenities {
    display: flex;
    flex-wrap: wrap;
  }
  .our-amenities .item {
    width: 50%;
    flex: auto;
  }
  .near-places .item {
    flex: auto;
    width: 100%;
  }
  footer .footer-main {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 550px) {
  .section-padding {
    padding: 40px 0px;
  }
  header .header-side {
    max-width: 270px;
  }
  header .logo img {
    width: 130px;
  }
  .sticky .logo img {
    width: 130px;
    fill: #fff;
  }
  .hero-section {
    padding: 206px 0px 150px;
  }
  .hero-section .name-style {
    font-size: 56px;
    letter-spacing: 7px;
  }
  .hero-section h1 {
    font-size: 32px;
    margin-top: -40px;
  }
  .hero-section p {
    font-size: 14px;
  }
  .btn a {
    width: 150px;
  }
  .about-us .about-img img {
    width: 100%;
  }
  .room-section .main-room .room-box {
    padding: 10px;
  }
}
@media only screen and (max-width: 450px) {
  .tagline {
    gap: 10px;
  }
  h3 {
    font-size: 24px;
  }
  h1 {
    font-size: 32px;
  }
  header .main-header {
    padding: 8px 15px;
  }
  header .logo a {
    display: flex;
  }
  .hero-section h1 {
    font-size: 28px;
  }
  .hero-section .name-style {
    font-size: 50px;
    letter-spacing: 7px;
  }
  .hero-section p {
    width: 100%;
    margin: 15px auto 0;
  }
  .rooms-page .room-img h3 {
    font-size: 26px;
  }
  .our-amenities .item {
    width: 100%;
    padding: 40px 25px 50px;
  }
  .inner-banner {
    padding: 115px 0px 60px;
  }
  form {
    gap: 10px;
    padding: 10px;
  }
  form .group-box {
    gap: 10px;
  }
  .contact-page .contact-content .content a {
    font-size: 18px;
  }
  .room-amenities {
    padding: 10px;
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
  }
}/*# sourceMappingURL=responsive.css.map */


@media only screen and (max-width: 992px) {


    #blog-page {
        .main-blog-detail {
            flex-direction: column;
            .blog-detail-content{
                width: 100%;
            }
        }
        .blog-sidebar{
            width: 100%;
        }
    }
}

@media only screen and (max-width: 450px) {

  #blog-page {
    .blog-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        grid-gap: 30px;
        align-items: stretch;
    }
}
}