@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  h1 {
    color: var(--white);
    font-size: 5vw;
    font-weight: 400;
    line-height: 5.903vw;
    margin: 0;
    padding: 0;
  }
  h2,.lead-center h1 {
    font-size: 3.125vw;
    line-height: 3.125vw;
  }
  h3,.single-slider-wrapper .title-center h2,.floor .title-center h2 ,.white-bg .title-center h2,.gallery .title-center h2,.single-title h2 ,.commercial-spaces .title-center h2,.image-with-content h2,.title-center h2,.title-left h2,.title-full h2,.title-inner h2  {
    font-size: 2.36vw;
    line-height: 2.708vw;
  }
  h4 {
    font-size: 1.667vw;
    line-height: 1.944vw;
  }

  .page-center {
    max-width: 100vw;
    padding: 0 5.208vw;
  }
  section {
    padding: 7.639vw 0;
  }
  .site-header {
    padding: 1.389vw 0;
  }
  .site-header .page-center {
    gap: 2.083vw;
  }
  .nav-left ul {
    gap: 3.333vw;
  }
  .nav-right ul {
    gap:3.333vw;
  }

  .logo img {
    height: 7.569vw;
  }

  .nav-right {
    gap: 3.403vw;
  }

  .explore-btn {
    border-radius: 2.083vw;
    padding: 1.042vw 2.431vw;
    gap: 1.389vw;
  }

  .explore-dropdown {
    max-height: calc(100vh - 10.417vw);
  }

  .dropdown-content {
    padding: 2.778vw 0;
  }

  .cards-grid {
    gap: 1.667vw;
  }

  .category-card {
    min-height: 15.694vw;
    padding: 2.639vw 1.944vw 2.083vw;
    gap: 1.389vw;
  }
  .single-slider-item figure img {
    max-height: 38.19vw;
  }
  .category-card h3 {
    font-size: 1.944vw;
    line-height: 2.222vw;
  }
  .dropdown-footer {
    margin-top: 2.829vw;
  }
  .dropdown-footer ul {
    gap: 4.167vw;
  }

  .home-banner {
    min-height: 48.611vw;
  }

  .home-banner video,
  .home-banner iframe,
  .home-banner figure {
    height: 48.611vw;
  }
  .banner-title-center {
    max-width: 77.639vw;
    gap: 1.389vw;
  }
  .banner-title-center span {
    font-size: 1.25vw;
    letter-spacing: 0.125vw;
  }
  .slide-content {
    padding-top: 2.083vw;
    padding-bottom: 2.361vw;
    gap: 6.32vw;
  }
  .parking-label img {
    width: 1.982vw;
    height: 1.983vw;
  }
  .bottom-logo img {
    width: 5.208vw;
    height: 5.208vw;
  }

  .home-banner .btn-green {
    margin-top: 1.667vw;
  }
  .home-banner-dots.swiper-pagination {
    bottom: 4.653vw !important;
  }

  .title-left {
    gap: 1.389vw;
    margin-bottom: 4.167vw;
  }

  .featured-item figure img {
    height: 18.403vw;
  }
  .featured-logo img {
    width: 8.75vw;
    height: 8.75vw;
  }
.featured-logo{
  margin-top: -4.375vw;
}
  .featured-text .btn-green {
    margin-top: 1.389vw;
  }
  .swiper-pagination.black-dots {
    margin-top: 2.083vw;
  }
  .title-center {
    gap: 2.083vw;
    padding-bottom: 4.167vw;
  }
  .dark-bg .title-center {
    padding-bottom: 3.472vw;
  }
  .white-bg .title-center {
    padding-bottom: 3vw;
  }
  .happening-wrapper {
    gap: 1.667vw;
  }
  .happening-item {
    max-width: 43.75vw;
  }
  .happening-item figure img {
    height: 28.472vw;
  }
  .h-flex {
    gap: 1.389vw;
    padding: 2.292vw 2.431vw;
  }
  .btn-black-outline {
    border-radius: 3.472vw;
  }

  .title-full {
    padding: 0 1.389vw;
    padding-bottom: 4.167vw;
  }

  input[type="submit"] {
    border-radius: 3.472vw;
    padding: 1.389vw 1.806vw;
    min-width: 11.111vw;
  }
  select {
    background-position: right 1.736vw center;
    padding-right: 2.778vw;
  }

  form {
    gap: 1.736vw;
  }
  .form-row {
    gap: 1.736vw;
  }

  .newsletter .page-center {
    gap: 12.569vw;
  }
  .newsletter .title-inner {
    max-width: 36.111vw;
  }
  .newsletter .form-wrapper {
    max-width: 40.903vw;
  }
  footer {
    padding: 3.576vw 0 3.125vw;
  }

  footer .page-center {
    gap: 2.083vw;
  }
  .footer-left {
    max-width: 27.083vw;
  }
  .footer-left img {
    max-width: 18.889vw;
  }
  .nav-footr ul {
    gap:2vw;
    row-gap: 1.6vw;
  }
   .nav-footr ul li a{
    font-size: 16px;
  }

  .copy-wrapper {
    gap: 1.389vw;
  }
  .copy-wrapper ul {
    gap: 1.389vw;
  }

  .banner {
    min-height: 29.236vw;
  }

  .banner h1 {
    max-width: 55.556vw;
    padding: 4.167vw 0 4.514vw 4.167vw;
  }

  .filter-bar button,
  .filter-bar-single button {
    padding: 1.042vw 1.736vw;
    border-radius: 3.472vw;
  }
  .category-item {
    padding-top: 7.6389vw;
    padding-bottom: 4.8611vw;
  }

  .item > img {
    height: 17.708vw;
    min-height: 17.708vw;
  }
  .news-grid .item > img {
    height: 22.15vw;
    min-height: 22.15vw;
  }
  .item-content {
    gap: 1.389vw;
    padding: 2.222vw 1.806vw;
  }

  .business-item img {
    height: 22.014vw;
  }

  .slider-content {
    gap: 1.389vw;
    padding: 4.167vw;
  }
  .slider-content > img {
    width: 7.292vw;
    height: 4.507vw;
  }
  .swiper-pagination.white-dots-rel {
    margin-top: 2.083vw;
  }
  .full-directory {
    padding-bottom: 5.347vw;
  }
  .full-directory-wrapper {
    gap: 2.708vw;
  }
  .featured-wrapper {
    gap: 2.083vw;
    min-height: 26.528vw;
    row-gap: 4.861vw;
  }
  .full-directory-wrapper .business-item {
    max-width: 27.917vw;
  }
  .featured-wrapper .featured-item {
    max-width: 29.583vw;
  }
  .filter-wrapper-main {
    padding: 0 3.542vw;
    max-width: 100vw;
    padding: 7.639vw 3.542vw;
  }
  .lead-banner {
    padding: 3.125vw 1.389vw;
  }
  .lead-center {
    gap: 2.431vw;
    max-width: 58.264vw;
  }
  .commercial-banner .lead-center {
    max-width: 70vw;
  }
  .single-slider-wrapper {
    max-width: 81.944vw;
  }
  .single-slider-wrapper .title-center {
    max-width: 55.833vw;
  }

  .single-slider .btn-green {
    bottom: 2.431vw;
    left: 2.431vw;
  }
  .swiper-pagination.dot-over {
    bottom: 2.431vw;
    padding: 1.389vw 2.083vw;
    border-radius: 3.472vw;
  }
  .commercial-spaces .page-center {
    max-width: 68.75vw;
  }
  .single-slider-item > img {
    right: 2.431vw;
    bottom: 2.431vw;
    width: 11.071vw;
    height: 3.422vw;
  }

  .legend-item img {
    width: 1.875vw;
    height: 1.875vw;
  }
  .legend-item span {
    width: 1.875vw;
    height: 1.875vw;
  }
  .map-wrapper {
    max-width: 81.944vw;
  }

  .map-legend {
    gap: 2.778vw;
    padding: 1.458vw;
  }

  .map-box-top .btn-green {
    right: 3.681vw;
    bottom: 2.778vw;
  }
  .map-bottom {
    padding-top: 3.2vw;
    gap: 1.389vw;
  }
  .btn-flex {
    gap: 1.736vw;
  }
  .explore .single-title {
    padding-top: 5.556vw;
  }
  .single-title {
    gap: 2.083vw;
    max-width: 63.75vw;
  }
  .main-image {
    max-width: 47.986vw;
  }
  .flex-content .page-center {
    gap: 4.931vw;
  }
  .image-with-content {
    max-width: 36.667vw;
    gap: 2.083vw;
  }
  .image-with-content > img {
    width: 11.111vw;
  }
  .dark-bg .image-with-content > img {
    width: 8.75vw;
  }

  .live figure {
    padding-top: 4.028vw;
    max-width: 81.944vw;
  }
  .question-wrapper {
    max-width: 59.028vw;
  }
  .question-wrapper .title-center {
    padding-bottom: 3.472vw;
  }

  .btn-row {
    margin-top: 1.389vw;
  }
  .min-btn-row {
    gap: 1.597vw;
  }

  .icon-btn > img {
    width: 1.736vw;
    height: 1.736vw;
  }
  .min-btn-row button {
    width: 3.472vw;
    height: 3.472vw;
  }

  .featured-wrapper .featured-logo {
    margin-left: 2.014vw;
  }
  .featured-wrapper .featured-text {
    padding-left: 2.014vw;
    padding-right: 2.014vw;
  }
  .btn-center {
    padding-top: 3.472vw;
  }
  .btn-black {
    border-radius: 2.083vw;
  }
  .news-grid {
    gap: 2.083vw;
    row-gap: 3.472vw;
  }
  .back-btn {
    gap: 1.389vw;
  }
  .banner-v2 {
    padding-top: 3.611vw;
    min-height: 39.444vw;
  }
  .banner-v2 .back-btn {
    margin-left: 4.167vw;
    margin-bottom: 4.306vw;
  }
  .overlay-box {
    max-width: 93.056vw;
    padding: 5.208vw 4.861vw 6.042vw;
    gap: 3.681vw;
  }
  .overlay-wrapper {
    padding: 0 3.472vw;
    padding-bottom: 6vw;
  }
  .overlay-box-left {
    max-width: 37.083vw;
    gap: 5.556vw;
  }
  .overlay-box-left > div {
    gap: 1.528vw;
  }
  .overlay-box-left > div:not(:last-child)::after {
    bottom: -2.778vw;
  }

  .left-center ul li {
    gap: 1.389vw;
  }

  .box-content {
    padding: 3.472vw 3.472vw 3.75vw;
  }
  .box-content-item h5,
  .overlay-box-left h5 {
    text-transform: uppercase;
    line-height: normal;
  }
  .box-content .btn-flex {
    gap: 1.181vw;
  }
  .box-content-flex {
    gap: 3.472vw;
  }
  .box-content-item {
    gap: 0.694vw;
  }

  .social-flex a img {
    width: 2.5vw;
    height: 2.5vw;
  }

  .overlay-box {
    margin-top: -7.639vw;
  }
  .special-item {
    gap: 7.3611vw;
    padding: 2.7778vw 0;
  }
  .special-item h4 {
    max-width: 20.375vw;
  }
  .events-loader {
    width: 6.25vw;
    height: 6.25vw;
  }

  .share-object {
    width: 1.946vw;
    height: 1.946vw;
    left: 8.958vw;
    bottom: -4px;
  }
  .share-wrapper a img {
    width: 1.736vw;
    height: 1.736vw;
    object-fit: contain;
  }
  .more-events .swiper-button-next,
  .more-events .swiper-button-prev {
    width: 3.472vw;
    height: 3.472vw;
  }

  .more-events .swiper-button-next {
    right: -5.139vw;
  }
  .more-events .swiper-button-prev {
    left: -5.139vw;
  }
  .event-box {
    max-width: 82.014vw;
    margin-top: -16.667vw;
  }
  .event-box > img {
    width: 12.222vw;
    height: 12.222vw;
  }
  .event-box-title {
    padding: 9.375vw 8.889vw 3.125vw;
    gap: 2.778vw;
  }
  .event-box-title h4 {
    font-size: 1.944vw;
    line-height: 1.736vw;
  }
  .event-box-title h1,.event-box-title h2 {
    font-size: 3.125vw;
    line-height: 3.125vw;
  }
  .event-flex-item {
    padding: 2.222vw;
  }
  .text-content {
    padding: 6.25vw 0;
    max-width: 69.167vw;
  }
  .single-slider {
    max-width: 81.944vw;
  }
  .banner-green {
    min-height: 33.333vw;
    padding: 3.611vw 0 9.722vw;
  }
  .h1toh2 h1 {
    font-size: 3.125vw;
    line-height: 3.125vw;
  }
  .banner-green-content {
    gap: 3.264vw;
    padding: 5.556vw 0;
    max-width: 51.736vw;
  }
  .banner-blue .banner-green-content{
    gap: 2.5vw;
  }
  .banner-green .back-btn {
    margin-bottom: -2.778vw;
  }
  .news-detail-banner {
    max-width: 81.944vw;
    margin-top: -9.722vw;
  }
  .beige-box-wrapper {
    gap: 2.292vw;
  }
  .share-wrapper img {
    width: 1.736vw !important;
    height: 1.736vw !important;
  }
  .event-box-title .share-btn .share-wrapper {
    left: -3.889vw;
  }
  .contact-box {
    padding: 0 1.389vw 7.639vw;
  }
  .contact-box .accordion {
    max-width: 81.944vw;
    padding: 1.389vw 5.208vw;
    margin-top: -9.722vw;
  }
  .accordion-item {
    padding: 2.431vw 0;
  }

  .accordion-title {
    font-size: 1.667vw;
    line-height: 1.944vw;
  }

  .accordion-content {
    padding-top: 1.528vw;
  }
  .banner-blue {
    min-height: 24.931vw;
    padding: 7.639vw 0;
  }
  .text-page .text-content ol {
    column-gap: 5.556vw;
  }

  .special-logo {
    width: 8.542vw;
    height: 8.542vw;
    margin-top: -5.556vw;
  }
  .special-logo img {
    width: 5.694vw;
    height: 4.514vw;
  }
  .special-wrapper > h3 {
    padding: 0 0 2.4306vw;
    font-size: 2.361vw;
    line-height: 2.708vw;
  }
  .text-content .single-slider {
    left: -6.389vw;
    margin-top: 2.8vw;
    margin-bottom: 2.8vw;
    width: 81.944vw;
  }
  /* movies style start */
  .movie-header {
    gap: 1.389vw;
  }
  .current-date {
    font-size: 2.361vw;
    line-height: 2.708vw;
  }
  .date-selector input {
    max-width: 14.583vw;
  }
  .movie-row {
    padding-bottom: 5.972vw;
    padding-top: 4.861vw;
    gap: 3.264vw;
  }
  .movie-poster {
    max-width: 18.542vw;
  }
  .movie-details {
    max-width: 67.153vw;
    gap: 1.544vw;
  }

  .movie-rating img {
    width: 2.569vw;
    height: 1.319vw;
  }

  .buy-ticket-btn {
    border-radius: 3.472vw;
  }
  .note {
    padding-top: 3.472vw;
  }
  .movies-main {
    padding: 5.694vw 0 3.472vw;
  }

  /* movies style end */
  .news-widget {
    padding: 4.514vw 0 0;
    margin-bottom: -2.778vw;
  }

  .news-widget .slider-content {
    gap: 2.083vw;
  }

  .news-widget .deals-slider {
    max-width: 81.944vw;
  }

  .content-flex {
    gap: 2.778vw;
  }

  .popcorn {
    padding: 5.972vw 0;
  }

  .popcorn .content-flex {
    min-height: 45.347vw;
    max-width: 85.486vw;
    padding: 6.597vw 6.042vw;
  }

  .content-flex::before {
    left: -13.889vw;
    top: -13.889vw;
    height: 25.393vw;
  }

  .floor-grid {
    gap: 2.083vw;
  }

  .floor-item {
    max-width: 29.583vw;
    gap: 1.389vw;
  }

  .floor-item .floor-slider {
    max-width: 29.583vw;
    height: 22.5vw;
  }

  .floor-slider img {
    height: 22.5vw;
  }

  .floor-content {
    padding: 2.083vw 2.847vw 2.847vw;
  }

  .floor-slider .swiper-pagination.black-dots {
    margin-top: 1.389vw;
  }

  .floor-content h3 {
    font-size: 2.361vw;
    line-height: 2.708vw;
  }

  .floor-content h3 span {
    font-size: 16px;
    line-height: 20px;
  }
  .min-btn-row .icon-btn {
    width: 3.472vw;
    height: 3.472vw;
  }
  .btn-row .btn-green{
           padding: 14px 20px;
           gap: 8px;
  }
  .share-wrapper ul{
        gap: 13px;
       min-width: 217px;
  }
}
@media only screen and (max-width: 1024px) {
  body {
    font-size: 16px;
    line-height: normal;
  }
  input {
    font-size: 16px;
  }
  .page-center {
    max-width: 100%;
    padding: 0 40px;
  }
  .contact-box {
    padding: 0 40px 80px;
  }
  h1,
  .event-box-title h1,.event-box-title h2,
  .h1toh2 h1 {
    font-size: 40px;
    line-height: 43px;
  }
  h2,.lead-center h1, .news-detail h2 {
    font-size: 28px;
    line-height: 31px;
  }
  h3,
  .current-date ,.single-slider-wrapper .title-center h2,.floor .title-center h2 ,.white-bg .title-center h2,.gallery .title-center h2,.single-title h2,.commercial-spaces .title-center h2,.image-with-content h2,.title-center h2,.title-left h2 ,.title-full h2,.title-inner h2 {
    font-size: 22px;
    line-height: 25px;
  }
  h4 {
    font-size: 18px;
    line-height: 21px;
  }
  h5 {
    font-size: 16px;
    line-height: 19px;
  }
  h6 {
    font-size: 14px;
    line-height: 17px;
  }
  .checkbox-group > label {
    font-size: 18px;
  }
  .banner-title-center span {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1.4px;
  }
  .home-banner {
    min-height: 645px;
  }
  .home-banner video,
  .home-banner iframe,
  .home-banner figure {
    height: 645px;
  }
  .bottom-logo {
    display: none;
  }
  .parking-label {
    align-self: center;
    padding: 6px 11px 5px;
    gap: 7px;
    border-radius: 12.68px;
    font-size: 11px;
    line-height: 11px;
  }
  .parking-label img {
    width: 19px;
    height: 19px;
  }
  .slide-content {
    padding: 25px 20px;
    gap: 121px;
  }
  .title-left {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .title-left a {
    width: auto;
    margin-left: auto;
    justify-content: flex-end;
    font-size: 16px;
    gap: 8px;
  }
  .title-left a img {
    width: 10px;
    height: 8px;
  }
  section {
    padding: 60px 0;
  }

  .home-banner-dots.swiper-pagination {
    bottom: 32px !important;
  }
  .banner-title-center {
    justify-content: flex-start;
  }
  .happening-wrapper {
    gap: 20px;
    grid-template-columns: auto;
  }
  .cards-grid {
    grid-template-columns: auto;
    gap: 20px;
  }
  .newsletter .page-center {
    gap: 30px;
    flex-wrap: wrap;
  }
  .newsletter .title-inner {
    max-width: 100%;
    gap: 10px;
  }
  .newsletter .form-wrapper {
    max-width: 100%;
  }
  footer .page-center {
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer-left {
    max-width: 100%;
    text-align: center;
    align-items: center;
  }
  .nav-footr ul {
    justify-content: center;
    gap: 20px;
  }
  .copy-wrapper {
    justify-content: center;
    text-align: center;
    padding-top: 0;
    row-gap: 10px;
  }
  .news-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .happening-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .full-directory-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .featured-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .featured-wrapper .featured-item {
    max-width: 100%;
  }
  .box-content-flex {
    grid-template-columns: repeat(2, 1fr);
  }
  .beige-box-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .filter-wrapper-main {
    padding: 60px 40px;
  }
  .movies-main {
    padding: 60px 0;
  }
  .movie-row {
    padding-bottom: 40px;
    padding-top: 30px;
  }
  .title-center {
    padding-bottom: 40px;
    gap: 15px;
  }
  .banner {
    min-height: 300px;
  }
  .banner h1 {
    max-width: 100%;
    padding: 0 20px;
  }
  .banner-v2 {
    min-height: 340px;
  }
  .event-box-title {
    padding: 60px 20px 30px;
    gap: 25px;
  }
  .event-box {
    max-width: 100%;
    margin-top: -120px;
  }
  .event-box > img {
    width: 80px;
    height: 80px;
    border: 4px solid #fff;
  }
  .event-flex-item {
    padding: 16px;
  }
  .text-content {
    padding: 40px 0;
  }
  .text-content p {
    padding-bottom: 10px;
  }
  .banner-v2 .back-btn {
    margin-left: 20px;
    margin-bottom: 30px;
  }
  .text-content .single-slider {
    width: 100%;
    left: inherit;
    margin: 20px 0;
  }
  .lead-banner {
    padding: 30px 40px;
  }
  .lead-center {
    gap: 17px;
  }
  .map-legend {
    gap: 20px;
  }
  .legend-item img,
  .legend-item span {
    width: 20px;
    height: 20px;
  }
  .map-bottom {
    padding-top: 25px;
  }
  .explore .single-title {
    padding-top: 40px;
  }
  .flex-content .page-center {
    gap: 40px;
  }
  .full-directory {
    padding-bottom: 60px;
  }
  .item {
    max-width: 100%;
  }
  .btn-center {
    padding-top: 30px;
  }
  form {
    gap: 20px;
  }
  .banner-green-content {
    gap: 24px;
    padding: 30px 0;
  }
  .banner-blue .banner-green-content{
    gap: 20px;
  }
  .news-detail-banner {
    margin-top: -100px;
  }
  .contact-box .accordion {
    max-width: 100%;
    padding: 20px 20px;
  }
  .accordion-item {
    padding: 20px 0;
  }
  .accordion-title {
    font-size: 18px;
    line-height: normal;
  }
  .accordion-title img {
    width: 16px;
    height: 16px;
    min-width: 16px;
  }
  .category-item {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .special-wrapper > h3 {
    padding: 0 0 30px;
    font-size: 23px;
    line-height: normal;
  }
  .special-item {
    padding: 20px 0;
    flex-wrap: wrap;
    gap: 30px;
  }
  .special-logo {
    width: 80px;
    height: 80px;
    margin-top: -60px;
  }
  .special-logo img {
    width: 50px;
    height: 50px;
  }
  .slider-content {
    padding: 30px;
  }
  .dark-bg .title-center {
    padding-bottom: 40px;
  }
  .white-bg .title-center {
    padding-bottom: 35px;
  }
  .slide-content {
    padding: 25px 40px;
  }
  .featured-item figure img {
    height: 200px;
  }
  .featured-logo img {
    width: 80px;
    height: 80px;
  }
  .featured-logo{
    margin-top: -40px;
  }
  .featured-text {
    gap: 10px;
  }
  .overlay-wrapper {
    padding: 0 40px;
    padding-bottom: 60px;
  }
  .overlay-box {
    max-width: 100%;
    padding: 30px 20px;
    gap: 23px;
  }
  .box-content {
    padding: 30px 20px;
  }
  .box-content .btn-flex {
    gap: 15px;
  }
  .overlay-box-left {
    max-width: 40%;
    gap: 40px;
  }
  .overlay-box-left > div:not(:last-child)::after {
    bottom: -20px;
  }
  .overlay-box-left > div {
    gap: 15px;
  }
  .left-center ul li span {
    max-width: 40%;
  }
  .banner-blue {
    padding: 60px 0;
  }
  .banner-blue {
    justify-content: center;
  }
  .text-page .text-content ol li {
    padding-bottom: 10px;
  }
  .text-page .text-content ol {
    column-gap: 40px;
  }
  .happening-item figure img {
    height: 220px;
  }
  .h-flex {
    padding: 20px;
  }
  .floor-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .popcorn .content-flex {
    min-height: 350px;
    padding: 40px;
    max-width: 100%;
    gap: 20px;
  }
  .popcorn {
    padding: 60px 0;
  }
  .hamburger-mobile span {
    background-color: var(--font-black);
  }
  .nav-left,
  .nav-right {
    display: none !important;
  }
  .mobile-btn {
    display: flex !important;
    cursor: pointer;
    background: transparent;
    border: none;
    z-index: 1001;
    position: absolute;
    right: 40px;
  }

  .hamburger-mobile span {
    display: block;
    width: 20px;
    height: 2px;
    background: #333;
    margin: 4px 0;
    transition: 0.3s;
  }

  .mobile-btn.active .hamburger-mobile span:nth-child(1) {
    transform: rotate(-45deg) translate(-4px, 3px);
  }

  .mobile-btn.active .hamburger-mobile span:nth-child(2) {
    opacity: 0;
  }

  .mobile-btn.active .hamburger-mobile span:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -5px);
  }

  .mobile-main ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .mobile-main-top ul li {
    border-bottom: 1px solid rgba(66, 65, 53, 0.12);
  }

  .mobile-main-top ul li:last-child {
    border-bottom: none;
  }

  .mobile-main-top ul li a {
    display: block;
    padding: 24px 0;
    color: #333;
    text-decoration: none;
    font-size: 18px;
    transition: all 0.3s;
    -webkit-tap-highlight-color: transparent;
    font-weight: 400;
  }

  .mobile-main-top ul li a:hover,
  .mobile-main-top ul li a:active {
    color: var(--yellow);
    padding-left: 10px;
  }
  .logo img {
    max-width: 165px;
    height: 34px;
  }
  .site-header {
    padding: 16px 0;
  }
  .map-bottom ul li:first-child {
    list-style: inherit;
  }
  .map-bottom ul {
    margin-top: 0;
    padding-left: 14px;
  }
  .mobile-menu-wrapper {
    position: fixed;
    top: 66px;
    left: 0;
    width: 100%;
    height: calc(100vh - 66px);
    height: calc(100dvh - 66px);
    background-color: #fff;
    z-index: 9999;
    transform: translateX(100%);
    display: block !important;
    transition: transform 0.3s ease;
    border-top: 1px solid rgba(66, 65, 53, 0.12);
    overflow: hidden;
  }

  .mobile-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    padding: 0 40px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-main-rel.is-open {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 130vh;
    background: #fff;
  }
  .no-scroll,
  .no-scroll body {
    overflow: hidden;
  }
  .mobile-menu-wrapper .sub-menu {
    transform: translateX(100%);
  }
  .is-open .mobile-menu-wrapper {
    transform: translateX(0);
  }
  .is-open .mobile-menu-wrapper .sub-menu {
    display: block !important;
  }

  .sub-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100dvh - 66px);
    transition: transform 0.3s ease;
    overflow-y: auto;
  }
  .mobile-menu-wrapper.show-submenu .mobile-main {
    transform: translateX(-100%);
  }

  .mobile-menu-wrapper.show-submenu .sub-menu {
    transform: translateX(0);
  }
  .sub-menu .back-btn {
    color: inherit;
    text-decoration: none !important;
    font-weight: 400;
    gap: 8px;
  }
  .sub-menu .back-btn img {
    filter: brightness(0) saturate(100%) invert(10%) sepia(14%) saturate(940%)
      hue-rotate(169deg) brightness(92%) contrast(86%);
    margin-top: 0;
  }
  .mobile-main-bottom {
    padding-bottom: 35px;
  }
  .mobile-main-bottom ul {
    display: flex;
    flex-wrap: wrap;
    gap: 52px;
    row-gap: 23px;
  }
  .mobile-main-bottom ul li a {
    color: var(--black);
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s;
  }
  .mobile-main-bottom ul li a:hover {
    color: var(--yellow);
  }
  .mobile-main-top .submenu {
    padding-right: 20px;
    background-image: url(../images/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 9px;
  }
  .sub-menu {
    padding: 25px 40px;
  }
  .sub-menu .dropdown-content {
    padding: 25px 0;
  }
  .sub-menu .explore-link {
    display: none;
  }
  .sub-menu .cards-grid {
    gap: 12px;
  }
  .sub-menu .category-card h3 {
    font-size: 18px;
    line-height: 22px;
    max-width: 80%;
  }
  .sub-menu .category-card {
    min-height: 100px;
  }
  .logo {
    margin: 0 auto;
  }
  #sb_instagram .sbi_item {
    height: 370px !important;
  }
  #sb_instagram .sbi_photo img {
    height: 370px !important;
    object-fit: cover;
  }
  .site-header .page-center {
    gap: 0;
    position: relative;
  }
  .filter-bar, .filter-bar-single{
    padding-top: 15px !important;
  padding-bottom: 15px !important;
  }
  .filter-bar button, .filter-bar-single button{
    padding: 8px 20px;
  }
  table{
    border-spacing: 5px;
    overflow: auto;
  }
  .swiper-button-prev,.swiper-button-next{
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  section {
    padding: 47px 0;
  }

  .mobile-main {
    padding: 0 25px;
  }
  .sub-menu {
    padding: 25px;
  }
  .page-center {
    padding: 0 25px;
  }
  .filter-wrapper-main {
    padding: 47px 25px;
  }
  .slide-content {
    padding: 25px 25px;
  }
  .lead-banner {
    padding: 25px 25px;
  }
  .news-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .cards-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .happening-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .full-directory-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .featured-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .box-content-flex {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .beige-box-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .happening-item {
    max-width: 100%;
  }
  .overlay-wrapper {
    padding: 0 25px;
    padding-bottom: 47px;
  }
  .category-card {
    min-height: 180px;
    padding: 30px 20px;
  }
  .title-full {
    padding-bottom: 30px;
  }
  .title-full h2 span {
    font-size: 20px;
    line-height: normal;
  }
  .form-row {
    flex-direction: column;
    gap: 20px;
  }
  .nav-footr ul {
    gap: 15px;
  }
  .banner h1 {
    padding: 0;
  }
  .featured-wrapper .featured-text {
    padding: 20px;
  }
  .featured-wrapper .featured-logo{
    margin-left: 20px;
  }
   .featured-logo img {
    border: 4px solid white;
  }

  .btn-row {
    margin-top: 10px;
  }
  .btn-green,
  .btn-green-outline,
  .buy-ticket-btn,
  .btn-black-outline,
  .btn-white-outline {
    padding: 16px 26px;
    font-size: 14px;
    line-height: normal;
    border-radius: 25px;
    gap: 10px;
  }

  .min-btn-row {
    gap: 15px;
  }
  .min-btn-row .icon-btn {
    width: 40px;
    height: 40px;
  }
  .icon-btn > img {
    width: 20px;
    height: 20px;
  }
  .btn-black {
    border-radius: 25px;
      padding: 16px 26px;
    font-size: 14px;
    line-height: normal;
  }
  button {
    font-size: 16px;
    line-height: normal;
  }
  .event-box-title h4 {
    font-size: 18px;
    line-height: normal;
  }
  h1,
  .event-box-title h1,
  .h1toh2 h1,.event-box-title h2 {
    font-size: 40px;
    line-height: 43px;
  }
  .event-flex {
    flex-direction: column;
  }
  .event-flex-item {
    width: 100%;
  }
  .event-flex-item:nth-child(2) {
    border-left: none;
    padding-bottom: 40px;
  }
  .event-box-title {
    padding: 47px 20px 30px;
    gap: 20px;
  }
  .swiper-pagination.dot-over {
    bottom: -20px;
    padding: 10px 20px;
    border-radius: 25px;
    background: transparent;
  }
  .swiper-pagination.dot-over .swiper-pagination-bullet {
    background-color: var(--font-black);
    opacity: 0.43;
  }

  .swiper-pagination.dot-over .swiper-pagination-bullet-active {
    opacity: 1;
  }
  .single-slider-item figure img {
    min-height: 200px;
    object-fit: cover;
    height: 245px;
  }
  .share-wrapper ul {
    padding: 10px 15px;
    gap: 10px;
    min-width: max-content;
  }
  .share-wrapper img {
    width: 20px !important;
    height: 20px !important;
  }
  .share-object {
    width: 20px;
    height: 20px;
    bottom: -8px;
    left: 93px;
  }
  .banner-v2 .back-btn {
    margin-left: 3px;
    margin-bottom: 24px;
  }
  .item-content {
    padding: 20px 20px 30px;
  }
  .item > img,
  .news-grid .item > img {
    height: 200px;
    min-height: 200px;
  }
  .news-detail-banner img {
    min-height: 200px;
    object-fit: cover;
  }
  .news-slider {
    overflow: visible;
  }
  .movies-main {
    padding: 47px 0;
  }
  .movie-row {
    flex-direction: column;
    gap: 20px;
  }
  .movie-poster {
    max-width: 100%;
  }
  .single-slider-item > img {
    right: 10px;
    bottom: 10px;
    width: 74px;
    height: 30.274px;
  }
  .single-slider .btn-green {
    bottom: 30px;
    left: 10px;
  }
  .single-slider {
    overflow: visible;
    padding-bottom: 20px;
  }
  .title-center {
    padding-bottom: 30px;
  }
  .map-legend {
    gap: 15px;
  }
  .map-box-top .btn-green {
    right: 10px;
    bottom: 10px;
  }
  /*.map-box-top picture > img {
    min-height: 314px;
  }*/
  .btn-flex {
    gap: 15px;
  }
  .center-item figure img {
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
  }
  .flex-content .page-center {
    flex-direction: column;
    gap: 30px;
  }
  .main-image {
    max-width: 100%;
  }
  .business-item img {
    height: 200px;
  }
  .image-with-content {
    max-width: 100%;
    gap: 15px;
  }
  .live figure {
    padding-top: 0;
    margin-top: 40px;
  }
  .contact-box {
    padding: 0 25px 47px;
  }
  .details-item {
    flex-direction: column;
  }
  .details-item figure {
    max-width: 100%;
  }
  .details-item .slider-content {
    max-width: 100%;
    padding: 20px;
  }
  .deals-slider {
    overflow: visible;
  }
  .text-page .text-content ol {
    column-count: inherit;
  }
  .overlay-box {
    flex-direction: column;
    gap: 40px;
  }
  .overlay-box-left {
    max-width: 100%;
  }
  .box-content {
    gap: 20px;
  }
  .sbi-swiper {
    overflow: hidden;
  }
  #sb_instagram .swiper #sbi_images {
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #sb_instagram .swiper #sbi_images .sbi_item {
    margin-right: 15px !important;
  }
.sbi_photo_wrap{
  max-width: 100%;
}
  .floor-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .floor-item {
    max-width: 100%;
    gap: 10px;
  }
  .floor-item .floor-slider {
    max-width: 100%;
    height: 200px;
  }
  .floor-slider img {
    height: 200px;
  }
  .floor-content {
    padding: 30px 25px;
  }
  .popcorn .content-flex {
    min-height: 300px;
    padding: 30px 20px;
    gap: 20px;
  }
  .popcorn {
    padding: 47px 0;
  }
  .content-flex::before {
    left: -100px;
    top: -100px;
  }
  .floor-content h3 {
    font-size: 27px;
    line-height: normal;
  }
  .special-item {
    flex-direction: column;
    gap: 15px;
  }
  .category-single .special-wrapper p {
    padding-top: 20px;
  }
  .category-single .special-wrapper > h3 {
    padding-bottom: 15px;
  }
  .category-single .special-wrapper > h4 {
    padding-bottom: 20px;
  }
  .category-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .filter-bar .page-center,
  .filter-bar-single .page-center {
    gap: 5px;
  }
  .details-item figure img {
    aspect-ratio: 4/2.5;
  }
  .featured-slider {
    overflow: visible;
  }
  .featured-events .title-left h2 {
    font-size: 24px;
  }
  .checkbox-group .wpcf7-list-item-label::after {
    top: 5px;
  }
  .sbi_item .sbi_photo {
    height: 370px !important;
  }
  .copy-wrapper {
    flex-direction: column;
  }
  .copy-wrapper ul li:first-child::before {
    display: none;
  }
  .mobile-btn {
    right: 25px;
  }
   .title-left>a {
    font-size: 0;
  }

  .title-left> a::before {
    content: "See all";
    font-size: 16px;
  }
  .title-inner h5{
    font-size: 14px;
  }
  .event-box .btn-flex{
    justify-content: center;
  }
  .btn-green-outline.share-btn{
    font-size: 0;
            gap: 5px;
  }
    .btn-green-outline.share-btn::after {
    content: "Share";
    font-size: 16px;
  }
  .movie-header{
    align-items: inherit;
    flex-direction: column;
  }
  .single-title{
    gap: 15px;
  }
  .single-title .btn-flex{
        margin-top: 10px;
  }
  .text-content{
    font-size: 16px;
    line-height: 24px;
  }
  .mobile-btn::before{
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    left: -5px;
    top: -5px;
  }
}