/* Tablet: 2-col feature grid */
@media (min-width: 769px) and (max-width: 1200px) {
  .h3-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .h3-amen-mosaic {
    height: 220px;
  }
}

/* Tablet: 2-column rooms */
@media (min-width: 769px) and (max-width: 1200px) {
  .h3-rooms-track-wrap {
    padding-left: 48px;
  }

  .h3-room-card {
    width: calc(50vw - 72px);
    min-width: 280px;
    max-width: 400px;
  }
}
/* ── RESPONSIVE ── */
@media (max-width: 1299px) {
  .room-listing-grid {
    grid-template-columns: 1fr;
  }
  .h4-room-card__tags
  {
    display: none;
  }
  .topbar-left
  {
    display: none;
  }
  .topbar
  {
    justify-content: flex-end;
  }
  .h3-rooms
  {
    padding: 20px 50px 96px;
  }

}

/* ── RESPONSIVE ── */
@media (max-width: 1200px) {
  .h3-hero {
    grid-template-columns: 1fr;
    /*min-height: auto;*/
  }
  .h3-hero-left {
    padding: 72px 48px;
  }
  .h3-hero-right {
    height: 480px;
  }
  .h3-hero-left::after {
    display: none;
  }
  .h3-rooms-top,
  .h3-amenities,
  .h3-testimonials,
  .h3-about {
    padding-left: 48px;
    padding-right: 48px;
  }
  .h3-rooms-track-wrap {
    padding-left: 48px;
  }
  .h3-amenities-head {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .h3-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .h3-cta {
    grid-template-columns: 1fr;
  }
  .h3-cta-right {
    min-height: 320px;
  }

  .h3-cta {
    grid-template-columns: 1fr;
  }

  .h3-cta-right {
    min-height: 320px;
    max-height: 420px;
  }
  .room-listing-card {
    grid-template-columns: 340px 1fr;
  }
  .h3-hero {
    grid-template-columns: 1fr;
    /*min-height: auto;*/
  }

  .h3-hero-right {
    height: 420px;
    min-height: 260px;
    max-height: 520px;
  }

  /* Hero slides must fill the fixed height panel */
  .h3-hero-slides {
    height: 100%;
  }

  .h3-hero-slide {
    /* Positioned in grid stack — keep full coverage */
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
  }

  /* Gold rule disappears when stacked */
  .h3-hero-left::after {
    display: none;
  }
}


@media (max-width: 1100px) {
  .r3-card:nth-child(n) {
    grid-column: span 6;
  }
  .r3-card-media,
  .r3-card:nth-child(1) .r3-card-media,
  .r3-card:nth-child(4) .r3-card-media,
  .r3-card:nth-child(5) .r3-card-media {
    height: 280px;
  }

  .accessibility-section {
    padding: 72px 32px 80px;
  }
  .accessibility-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .accessibility-section-head {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .room-detail-section {
    padding: 56px 32px 80px;
  }
  .room-detail-layout {
    grid-template-columns: 1fr;
  }
  .booking-sidebar {
    position: static;
  }
  .room-info-card {
    padding: 32px 28px;
  }
  .detail-amenities-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog-section {
    padding: 64px 32px 80px;
  }
  .blog-section-head {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .blog-featured {
    grid-template-columns: 1fr;
  }
  .featured-img-wrap {
    min-height: 260px;
    max-height: 320px;
  }
  .featured-body {
    padding: 36px 32px 32px;
  }
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-section {
    padding: 72px 32px 80px;
  }
  .gallery-section-head {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .gallery-grid .gallery-item:first-child {
    grid-column: span 2;
  }
  .modal-nav-btn.prev {
    left: -48px;
  }
  .modal-nav-btn.next {
    right: -48px;
  }

  .contact-two-col {
    grid-template-columns: 360px 1fr;
  }
  .contact-info-wrapper {
    padding: 52px 36px 48px;
  }
  .contact-form-wrapper {
    padding: 52px 40px;
  }

  .attractions-main {
    padding: 72px 32px 80px;
  }
  .attractions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .attractions-section-head {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .amenities-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .premium-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-hero-content {
    padding: 0 32px 44px;
  }
  .cta-section {
    grid-template-columns: 1fr;
  }
  .cta-left {
    padding: 30px;
  }
  .cta-image-panel {
    min-height: 340px;
  }
  .blog-detail-hero-content {
    padding: 0 40px 60px;
  }
  .blog-detail-body {
    padding: 56px 40px 80px;
  }
  .blog-detail-layout {
    grid-template-columns: 1fr;
  }
  .blog-sidebar {
    position: static;
  }
  .blog-article {
    padding: 36px 32px;
  }
  .footer-cta-band {
    padding: 44px 40px;
  }
  .footer-main {
    grid-template-columns: 1fr 1fr;
    padding: 56px 40px 48px;
    gap: 44px;
  }
  .footer-bottom {
    padding: 20px 40px;
  }
  .topbar,
  .about-band {
    display: none;
  }
  .header-inner {
    padding: 0 28px;
  }
  .hero-content {
    padding: 0 40px 120px;
  }
  .hero-controls {
    bottom: 120px;
    right: 32px;
  }
  .hero-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .rooms-grid {
    grid-template-columns: 1fr 1fr;
  }
  .amenities-section {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .amenities-mosaic {
    display: none;
  }
  .cta-left {
    padding: 60px 36px;
  }
  .footer-main {
    grid-template-columns: 1fr 1fr;
  }
  .footer-bottom {
    padding: 18px 28px;
  }
}

@media (max-width: 1024px) {
    .h4-hero__stats {
    display: none;
  }
  .hotel-rooms-section {
    padding: 20px 0;
  }

  .room-listing-card {
    grid-template-columns: 360px 1fr;
  }
  .page-hero-content {
    padding: 0 28px 44px;
  }
  .header-inner {
    padding: 0 28px;
  }
  .topbar {
    padding: 8px 28px;
  }

  .cta-section {
    grid-template-columns: 1fr;
  }
  .cta-left {
    padding: 64px 40px;
  }
  .cta-image-panel {
    min-height: 340px;
  }
  .h4-rooms__bento {
    grid-template-columns: repeat(6, 1fr);
  }
  .h4-room-card:nth-child(1) {
    grid-column: span 6;
    grid-row: span 1;
  }
  .h4-room-card:nth-child(2) {
    grid-column: span 3;
  }
  .h4-room-card:nth-child(3) {
    grid-column: span 3;
  }
  .h4-room-card:nth-child(4) {
    grid-column: span 2;
  }
  .h4-room-card:nth-child(5) {
    grid-column: span 2;
  }
  .h4-room-card:nth-child(6) {
    grid-column: span 2;
  }
}

@media (max-width: 991px) {
  .header-inner .site-logo img {
    height: 38px;
  }
  .book-btn
  {
    font-size: 14px;
    padding: 8px 16px;
  }

}

/* Mobile styles */
@media (max-width: 899px) {

    .h4-rooms__bento { padding: 0 24px; gap: 14px; }
  .h4-room-card__track { height: 200px; }
  .h4-room-card:nth-child(1) .h4-room-card__track { height: 280px; }
  .h4-room-card__arrow { top: 100px; }
  .h4-room-card:nth-child(1) .h4-room-card__arrow { top: 140px; }


  .r2-room-row,
  .r2-room-row.r2-reverse {
    grid-template-columns: 1fr;
    direction: ltr;
  }
  .r2-room-row.r2-reverse .r2-room-media {
    order: -1;
  }
  .r2-room-body {
    padding: 30px 28px;
  }
  .r2-room-media {
    min-height: 260px;
  }
  .r2-slider-track img {
    min-height: 260px;
  }
  .r2-room-number {
    font-size: 5rem;
    bottom: 10px;
  }

  .h2-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .h2-hero__panel {
    padding: 20px;
  }
  .h2-hero__panel::after {
    display: none;
  }
  .h2-hero__media {
    height: 400px;
  }
  .h2-hero__stats {
    display: none;
  }
  .h2-rooms__grid {
    grid-template-columns: 1fr 1fr;
    padding: 0 24px;
  }
  .h2-rooms__header {
    padding: 0 24px;
    grid-template-columns: 1fr;
  }

  .h2-amenities__inner {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 0 24px;
  }
  .h2-amenities__left {
    position: relative;
    top: auto;
  }
  .h2-amenities__mosaic {
    flex-direction: row;
  }
  .h2-amenities__mosaic-cell {
    flex: 1;
    height: 100px;
  }

  .h4-testimonials__layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .h4-testimonials__left {
    position: relative;
    top: auto;
  }
  .h4-testimonials__big-q {
    font-size: 80px;
  }

  .h4-amenities__top {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-bottom: 20px;
  }
  .h4-amenities__grid {
    grid-template-columns: 1fr 1fr;
  }
  .menu-toggle {
    display: block;
  }

  .logo-site-title {
    display: none;
  }

  .main-nav {
    display: none;
    flex-direction: column;
    background: #fff;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding: 20px;
    z-index: 1000;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  }

  .main-nav.active {
    display: flex;
  }

  .nav-wrapper
  {
    order: 2;
  }

  .menu {
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    width: 100%;
  }

  .menu li {
    width: 100%;
  }

  .menu li a {
    display: inline-block;
    padding: 5px 0;
  }

  /* Mobile submenu styling */
  .menu-item-has-children {
    width: 100%;
  }

  .menu-item-has-children > a {
    padding-right: 25px;
  }

  /* Hide hover effect on mobile */
  .menu-item-has-children:hover > .sub-menu {
    display: none;
  }

  /* Submenu styling for mobile */
  .menu .sub-menu {
    display: none;
    position: static;
    box-shadow: none;
    background: #f9f9f9;
    width: 90%;
    border-radius: 5px;
  }

  /* Show submenu when active class is added */
  .menu-item-has-children.active > .sub-menu {
    display: block;
  }


  .sub-menu li {
    margin: 0;
  }

  .sub-menu li a {
    padding: 7px;
    font-size: 13px;
  }

  .sub-menu li a:hover {
    background-color: #f0f0f0;
  }

  /* Remove duplicate underline effect on mobile if needed */
  .main-nav a::after {
    bottom: 0;
  }
  .footer-cta-band {
    grid-template-columns: 1fr;
  }
  .footer-cta-btn {
    width: 100%;
    justify-content: center;
  }
  .footer-main {
    grid-template-columns: 1fr;
    padding: 48px 28px 44px;
    gap: 36px;
  }
  .footer-bottom {
    padding: 18px 28px;
    flex-direction: column;
    text-align: center;
  }
  .footer-bottom-nav {
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer-about {
    max-width: 100%;
  }
  .footer-cta-band {
    padding: 40px 28px;
  }
}

@media (max-width: 860px) {
  .contact-two-col {
    grid-template-columns: 1fr;
  }
  .contact-info-wrapper {
    padding: 52px 28px 44px;
  }
  .contact-form-wrapper {
    padding: 48px 28px;
    border-left: none;
    border-top: 1px solid var(--gray-light, #ede9e1);
  }
  .contact-card-image img {
    height: 220px;
  }
  .fullwidth-map iframe {
    height: 320px;
  }
  .r2-hero
  {
    min-height: 200px;
  }
  .r2-rooms-section
  {
    padding: 20px;
  }
}

@media (max-width: 768px) {

  .r3-card:nth-child(n) {
    grid-column: span 12;
  }

  .r3-filter-inner {
    gap: 12px;
  }
  .r3-count-badge {
    display: none;
  }
  .r3-container {
    padding: 0 20px;
  }
  .r3-section {
    padding: 48px 0 80px;
  }
  .r3-card-media,
  .r3-card:nth-child(1) .r3-card-media,
  .r3-card:nth-child(4) .r3-card-media,
  .r3-card:nth-child(5) .r3-card-media {
    height: 240px;
  }
  .slider-track > div img
  {
    height: 100%;
    width: 100%;
  }

  .h4-rooms__bento {
    grid-template-columns: 1fr 1fr;
  }
  .h4-room-card:nth-child(n) {
    grid-column: span 2;
    grid-row: span 1;
  }
  .h4-section-head {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 16px;
  }
  .h4-room-card:nth-child(4), .h4-room-card:nth-child(5), .h4-room-card:nth-child(6)
  {
    height: auto;
  }

  /* Kill horizontal scroll — stack vertically */
  .h3-rooms-track-wrap {
    overflow: visible;
    padding-right: 28px;
  }

  .h3-rooms-track {
    flex-direction: column;
    transform: none !important;
    gap: 20px;
  }

  .h3-room-card {
    width: 100% !important;
    flex-shrink: 1;
  }

  /* Hide scroll arrows */
  #h3RoomPrev,
  #h3RoomNext {
    display: none;
  }

  /* Restore image height */
  .h3-room-img {
    height: 0;
    padding-top: 60%;   /* slightly shorter on mobile */
    aspect-ratio: unset;
  }

  @supports (aspect-ratio: 5/3) {
    .h3-room-img {
      height: auto;
      padding-top: 0;
      aspect-ratio: 5 / 3;
    }
  }

  .h3-room-card:first-child .h3-room-img {
    padding-top: 60% !important;
    height: 0 !important;
    min-height: unset;
  }

  @supports (aspect-ratio: 5/3) {
    .h3-room-card:first-child .h3-room-img {
      height: auto !important;
      padding-top: 0 !important;
      aspect-ratio: 5 / 3 !important;
    }
  }

  .h3-hero-left {
    padding: 30px;
  }
  .h3-hero-stats {
    display: none;
  }
  .h3-rooms-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 0 28px;
  }
  .h3-rooms-track-wrap {
    padding-left: 28px;
  }
  .h3-room-card {
    width: 300px;
  }
  .h3-amenities,
  .h3-testimonials,
  .h3-about {
    padding: 20px;
  }
  .h3-amen-mosaic {
    grid-template-columns: 1fr;
    height: auto;
  }
  .h3-amen-mosaic .h3-amen-photo {
    height: 200px;
  }
  .h3-features-grid {
    grid-template-columns: 1fr;
  }
  .h3-testi-grid {
    grid-template-columns: 1fr;
  }
  .h3-testi-grid .h3-testi-card:nth-child(2) {
    transform: none;
  }
  .h3-about {
    grid-template-columns: 1fr;
  }
  .h3-about-item {
    border-right: none;
    border-bottom: 1px solid var(--h3-rule);
  }
  .h3-about-item:last-child {
    border-bottom: none;
  }
  .h3-cta-left {
    padding: 64px 28px;
  }
  .h3-hero-desc, .h3-hero-location, .h3-rooms-top, .h3-amenities-head, .h3-testi-head
  {
    margin-bottom: 10px;
  }
  .h3-avail-tag, .h3-about-item
  {
    padding: 15px;
  }


  .h3-about {
    grid-template-columns: 1fr;
    padding: 48px 24px;
  }

  .h3-about-item {
    border-right: none;
    border-bottom: 1px solid var(--h3-rule, #e2e6ea);
    padding: 32px 24px;
  }

  .h3-about-item:last-child {
    border-bottom: none;
  }

  .h3-amen-mosaic {
    grid-template-columns: 1fr;
    height: auto;
  }

  .h3-amen-mosaic .h3-amen-photo {
    height: 200px;
  }

  .h3-features-grid {
    grid-template-columns: 1fr;
  }


  .h4-hero__nav {
    bottom: 50px;
  }
  .h4-hero
  {
    height: 75vh;
  }

  .h3-testi-grid {
    grid-template-columns: 1fr;
  }

  /* Cancel the translateY(-24px) raise — would break flow */
  .h3-testi-grid .h3-testi-card:nth-child(2) {
    transform: none !important;
  }

  .amenities-grid {
    grid-template-columns: 1fr;
  }
  .premium-grid {
    grid-template-columns: 1fr 1fr;
  }
  .page-hero-content {
    padding: 0 20px 40px;
  }
  .cta-btn-group {
    flex-direction: column;
  }
  .main-nav {
    display: none;
  }
  .topbar {
    display: none;
  }
  .header-inner {
    padding: 0 10px;
  }
  .room-listing-card {
    grid-template-columns: 1fr;
  }
  .room-listing-slider {
    min-height: 240px;
    height: 240px;
  }
  .filter-controls {    
    gap: 14px;
  }
  .filter-count {
    width: 100%;
  }
  .rooms-section-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .h4-about-band {
    grid-template-columns: 1fr;
  }
  .h4-about-item {
    border-right: none;
    border-bottom: 1px solid var(--gray-light);
    padding: 30px;
  }
  .h4-about-item:last-child {
    border-bottom: none;
  }

  .hero
  {
    height: 75vh;
  }

  .main-nav {
    display: none;
  }
  .header-inner {
    padding: 0 10px;
  }
  .hero-content {
    padding: 0 24px 120px;
    max-width: 100%;
  }
  .hero-controls {
    display: none;
  }
  .hero-stats {
    display: none;
  }
  .rooms-grid,
  .testi-grid {
    grid-template-columns: 1fr;
  }
  .cta-section {
    grid-template-columns: 1fr;
  }
  .cta-right {
    min-height: 300px;
  }
  .footer-main {
    grid-template-columns: 1fr;
  }
  .section-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .filter-controls-label
  {
    display: none;
  }
  .filter-controls
  {
    padding: 10px;
  }
  .amen-item
  {
    flex-direction: column;
  }
  .amenities-left .section-title
  {
    margin-bottom: 0;
  }
  .book-btn
  {
    font-size: 12px;
    padding: 6px 10px;
  }
  .header-inner
  {
    height: 55px;
  }
  .section-head, .testi-head, .rooms-section-head, .amenities-section-head, .premium-head, .attractions-section-head, .accessibility-section-head, .gallery-section-head, .blog-section-head, .filter-controls
  {
    margin-bottom: 10px;
  }
  .page-amenities-section
  {
    padding: 20px 0;
  }
  .premium
  {
    padding: 30px;
  }
  .h3-rooms
  {
    padding: 20px 0;
  }
  
  
}

@media (max-width: 640px) {
    .h4-rooms { padding: 20px 0; }
  .h4-section-head { padding: 0 20px; margin-bottom: 28px; }
  .h4-rooms__bento {
    grid-template-columns: 1fr;
    padding: 0 20px;
    gap: 12px;
  }
  .h4-room-card:nth-child(n) { grid-column: 1 / -1; }
  .h4-room-card:hover { transform: none; }
  .h4-room-card__track,
  .h4-room-card:nth-child(1) .h4-room-card__track { height: 220px; }

  .h3-hero-right {
    height: 56vw;
    min-height: 220px;
    max-height: 380px;
  }

  .room-detail-section {
    padding: 20px 0;
  }
  .room-info-card {
    padding: 24px 20px;
  }
  .room-meta-strip {
    gap: 8px;
  }
  .meta-spec {
    padding: 8px 12px;
    font-size: 12px;
  }
  .detail-amenities-grid {
    grid-template-columns: 1fr 1fr;
  }
  .booking-card {
    padding: 28px 22px;
  }
  .price-value {
    font-size: 38px;
  }

  .blog-section {
    padding: 20px 0;
  }
  .blog-grid {
    grid-template-columns: 1fr;
  }
  .featured-body {
    padding: 28px 24px;
  }
  .blog-pagination {
    margin-top: 48px;
  }
  .page-numbers li a,
  .page-numbers li span {
    width: 36px;
    height: 36px;
    font-size: 12px;
  }

  .gallery-section {
    padding: 20px 0;
  }
  .gallery-grid {
    grid-template-columns: 1fr;
    gap: 3px;
  }
  .gallery-grid .gallery-item:first-child {
    grid-column: span 1;
    aspect-ratio: 4/3;
  }
  .modal-nav-btn {
    display: none;
  }
  .modal-inner {
    width: calc(100vw - 24px);
  }
  .modal-close {
    top: -44px;
  }

  .accessibility-section {
    padding: 20px 0;
  }
  .accessibility-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .accessibility-card {
    padding: 28px 24px 26px;
  }

  .attractions-main {
    padding: 20px 0;
  }
  .attractions-grid {
    grid-template-columns: 1fr;
  }
  .attraction-item {
    padding: 12px 20px;
  }
  .card-header {
    padding: 24px 20px 18px;
  }
  .blog-detail-hero-content {
    padding: 0 24px 52px;
  }
  .blog-detail-body {
    padding: 44px 20px 64px;
  }
  .blog-article {
    padding: 28px 20px;
  }
  .blog-nav {
    grid-template-columns: 1fr;
  }
  .blog-nav-single {
    grid-column: auto;
  }
  .blog-content-body {
    font-size: 14.5px;
  }
  .blog-content-body h2 {
    font-size: 22px;
  }
  .contact-fab {
    bottom: 24px;
    right: 20px;
  }

  .contact-fab .fab-icon {
    width: 46px;
    height: 46px;
  }

  .contact-fab .fab-icon svg {
    width: 18px;
    height: 18px;
  }

  /* hide slide-out label on mobile, show tooltip instead */
  .contact-fab:hover .fab-label {
    max-width: 0;
    opacity: 0;
    padding: 0;
  }
  .cta-left {
    padding: 52px 24px;
  }
  .cta-btn-group {
    flex-direction: column;
  }
  .cta-btn-primary,
  .cta-btn-secondary {
    justify-content: center;
  }
}

@media (max-width: 600px) {

 .r2-container {
  padding: 0 18px;
}
.r2-filter-bar {
  border-radius: 16px;
  padding: 14px 18px;
}
.r2-room-count {
  margin-left: 0;
  width: 100%;
}
.r2-hero-inner {
  padding: 40px 20px 60px;
}

.r2-price-amount {
  font-size: 1.6rem;
}
.h4-amenities__grid {
  grid-template-columns: 1fr;
  padding: 0;
}
.h4-amenities__inner {
  padding: 0 16px;
}

.h2-testimonials__header {
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
}
.h2-testi-track-wrap {
  padding-left: 24px;
}
.h2-testi-card {
  flex: 0 0 300px;
}
.h2-about-band {
  grid-template-columns: 1fr;
}
.h2-about-item {
  border-right: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding: 30px;
}

.h2-rooms__grid {
  grid-template-columns: 1fr;
}

}


/* Small mobile devices */
@media (max-width: 480px) {
  .main-nav.active {
    padding: 15px;
  }

  .menu {
    gap: 12px;
  }

  .menu .sub-menu {
    width: 100%;
  }

  .footer-cta-band {
    padding: 36px 20px;
  }
  .footer-main {
    padding: 44px 20px 40px;
  }
  .footer-bottom {
    padding: 16px 20px;
  }
  .premium-grid {
    grid-template-columns: 1fr;
  }
  .contact-info-wrapper {
    padding: 44px 20px 40px;
  }
  .contact-form-wrapper {
    padding: 40px 20px;
  }
  .filter-group label
  {
    display: none;
  }
  .r3-filter-strip {
    padding: 0 16px;
  }
  .r3-filter-select-group label {
    display: none;
  }
}