@media (max-width: 1800px) {

  .site-header.fixed::before,
  .site-header.fixed::after,
  .header-default.site-header::before,
  .header-default.site-header::after  {
    width: 571px;
  }
  .close__menu {
    max-width: 870px;
  }
}
@media (max-width: 1440px) {
  
 

  .package__section::after {
    width: 960px;
    max-width: 1200px;
  }
  .reservation__section::before {
    width: 360px;
    height: 429px;
  }
 
  .fullscreen__menu.hide__menu {
    -webkit-clip-path: circle(0% at 95% 50px);
    clip-path: circle(0% at 95% 50px);
  }
  .site-header.fixed::after,
  .header-default.site-header::after {
    right: 0;
  }
  .close__menu {
    top: 40px;
  }
 
}

@media (max-width: 1199px) {
  .custom__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .custom__col__side {
    margin-top: 40px;
  }
  .banner__text .banner__heading {
    font-size: 70px;
    line-height: 80px;
  }
  .main__heading {
    font-size: 70px;
  }

  .service__carousel .swiper {
    padding-top: 300px;
  }

  
  .blog__section {
    padding-top: 0 !important;
  }
  .package__img img,
  .reservation__img img {
    width: 220px;
  }
  .blog__container .uk-grid-large > * {
    padding-left: 40px;
  }
  .blog__container .uk-grid-large {
    margin-left: -40px;
  }
  .whatsapp > div:last-child a {
    font-size: 20px;
  }
  .whatsapp a img {
    width: 40px;
    height: 40px;
  }
  .whatsapp {
    grid-template-columns: 40px 1fr;
  }

  .site-header.fixed::after,
  .header-default.site-header::after {
    display: none;
  }
  .offcanvas__content::before {
    background-attachment: fixed;
  }
  .close__menu {
    max-width: 100%;
    top: 35px;
    right: 35px;
    z-index: 2;
  }
  .offcanvas__logo {
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 1;
    width: 100%;
    left: 0;
    text-align: center;
  }
  .offcanvas__wrapper {
    margin-top: 70px;
  }
  .offcanvas__leaf svg {
    width: auto;
    margin: 0 auto;
    display: block;
  }
  .offcanvas__leaf {
    position: fixed;
  }
  
  .single__heading {
    font-size: 35px;
    line-height: 45px;
    padding-bottom: 40px;
  }
  .meta__info {
    margin-bottom: 20px;
  }
  .attraction__title a{
    font-size: 30px;
    line-height: 34px;
  }
}

@media (max-width: 959px) {
  .attraction__img{
    margin-bottom: 20px;
  }
  .single__heading {
    font-size: 30px;
    line-height: 40px;
  }
  .site-default {
    margin-top: 98px;
  }
  .header__right {
    gap: 20px;
  }
  .close__menu {
    top: 30px;
  }
  .close__container {
    width: 30px;
    height: 30px;
  }
  .rightleft,
  .leftright {
    width: 30px;
  }

  .offcanvas__content {
    padding: 20px;
  }
  .offcanvas__wrapper {
    margin-top: 110px;
  }

  .fullscreen__menu.hide__menu {
    -webkit-clip-path: circle(0% at 94% 60px);
    clip-path: circle(0% at 94% 60px);
  }
  .sticky__top {
    position: static;
  }
  .container-large,
  .small__content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .banner__text .banner__heading {
    font-size: 60px;
    line-height: 70px;
  }
  .btn__center {
    margin-top: 30px;
  }
  .container-small {
    padding-left: 30px;
    padding-right: 30px;
  }
  

  .about__section {
    padding-top: 90px;
  }
  .main__heading {
    font-size: 60px;
  }
  .main__heading span {
    font-size: 60px;
  }
  .service__carousel .swiper {
    padding-top: 250px;
  }
  .service__section .main__heading {
    top: 120px;
  }
  
  .package__section::after {
    width: 640px;
    background-size: contain;
    background-position: bottom;
  }
  .package__img img,
  .reservation__img img {
    width: 200px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .package__img,
  .reservation__img {
    text-align: center;
    margin-bottom: 15px;
  }
  .sub__heading.small {
    margin-top: 30px;
  }
  /* .attraction__content{
    padding: 0;
    background: transparent;
  } */
  /* .attraction__section .main__heading {
    position: static;
    color: var(--primary);
    text-shadow: none;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  } */
  .package__section::after {
    bottom: 100px;
    right: 0;
    left: auto;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  /* .attraction__section .uk-grid {
    gap: 40px;
    padding: 0 40px;
    margin-top: 20px;
  } */
  /* .attraction__section .uk-grid > div::before,
  .attraction__section .uk-grid > div:last-child::before {
    background: -webkit-gradient(
      linear,
      left bottom, left top,
      color-stop(0.35%, rgba(0, 0, 0, 0.5)),
      color-stop(77.98%, rgba(0, 0, 0, 0))
    );
    background: -o-linear-gradient(
      bottom,
      rgba(0, 0, 0, 0.5) 0.35%,
      rgba(0, 0, 0, 0) 77.98%
    );
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.5) 0.35%,
      rgba(0, 0, 0, 0) 77.98%
    );
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
  } */

  .attraction__content {
    bottom: 40px;
  }
  .btn__row {
    margin-top: 40px;
  }
  .reservation__section::before {
    width: 260px;
    height: 329px;
  }
  .blog__container {
    margin-top: 60px;
  }
  .blog__img,
  .blog__content,
  .service__page .service__container .wrapper {
    width: 50%;
  }
  .service__page .service__container .wrapper {
    margin: 0 auto;
  }
  .blog__content {
    margin-top: 20px;
  }
  .blog__container .uk-grid > div:nth-child(2),
  .blog__page .blog__container .uk-grid > div:nth-child(2) {
    margin-top: 40px;
  }
  .footer__overlay {
    width: 580px;
    height: 340px;
  }
  .bottom__footer .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__logo img {
    width: 240px;
  }
  .footer__container {
    margin-top: -78px;
    padding-top: 120px;
  }
  .footer__container::before {
    width: 400px;
    height: 150px;
    background-size: cover;
  }
  .whatsapp a img {
    width: 34px;
    height: 34px;
  }
  .whatsapp {
    grid-template-columns: 34px 1fr;
  }
  .contact__carousel {
    display: none;
  }

  .page__heading,
  .entry-title {
    font-size: 30px;
  }
  .banner__heading {
    font-size: 50px;
  }

  .about-page__img {
    margin: 0 auto;
    width: 500px;
    margin-top: 40px;
  }
  .about__page .content__wrapper {
    margin-top: 0;
  }
  .attraction__section .content__wrapper .attraction__wrapper:not(:last-child) {
    margin-bottom: 40px;
  }
  /* .attraction__title a {
    color: var(--primary-color);
  }
  .attraction__wrapper .the__content.white p {
    color: rgba(0, 0, 0, 0.7);
  } */
}

@media (max-width: 639px) {
  .about-page__img {
    width: 300px;
    margin-top: 30px;
  }
  .about-page__img img {
    height: 300px;
  }
  .about__bg2 {
    width: 170px;
    height: 100px;
  }
  .single__heading {
    font-size: 28px;
    line-height: 38px;
  }
  .the__title {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .banner__heading {
    font-size: 40px;
  }
  .contact__form {
    padding: 5px 15px 10px;
  }
  .page__heading,
  .entry-title {
    font-size: 28px;
  }
  .site-default {
    margin-top: 90px;
  }

  .section-t,
  .site-footer {
    padding-top: 70px;
  }
  .section-b {
    padding-bottom: 70px;
  }
  .section {
    padding: 70px 0;
  }
  .small-margin {
    margin: 10px 0;
  }

  .small__section {
    padding: 30px 0;
  }
  .content__wrapper {
    margin-top: 20px;
  }
  .link__title a {
    font-size: 18px;
    line-height: 24px;
  }
  .link__title.link__title-large a {
    font-size: 18px;
    line-height: 20px;
  }
  .the__content p,
  .entry-content p,
  .the__content li {
    font-size: 16px;
    line-height: 26px;
  }
  .the__content p,
  .entry-content p {
    margin-top: 10px;
  }
  .the__content h1 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .the__content h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .the__content h3,
  .the__content h4,
  .the__content h5 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .container-large,
  .small__content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .error-404 {
    padding-top: 90px;
  }
  .error-404 .error-watermark {
    top: calc(50% - 90px);
    font-size: 160px;
  }
  .error-404 .error-title {
    font-size: 25px;
  }
  .error-404 .error-text {
    font-size: 14px;
    margin-top: 10px;
  }

  /* Galleries
--------------------------------------------- */

  .gallery-columns-2,
  .gallery-columns-3,
  .gallery-columns-4,
  .gallery-columns-5,
  .gallery-columns-6,
  .gallery-columns-7,
  .gallery-columns-8,
  .gallery-columns-9 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gallery-item img {
    height: auto;
  }
  .popup__form form p {
    grid-column: span 12;
  }

  .the__title.large {
    font-size: 17px;
  }
  .the__title.small {
    font-size: 16px;
  }

  /* popup form */
  .uk-modal-body {
    padding: 20px 20px;
  }

  .pop__head {
    font-size: 22px;
    line-height: 26px;
  }
  .pop__head span {
    font-size: 18px;
  }

  /* popup form */

  .main__heading {
    line-height: 30px;
    font-size: 50px;
  }
  .main__heading span {
    font-size: 50px;
    margin-bottom: 10px;
  }

  .sub__heading p {
    font-size: 18px;
    line-height: 28px;
  }
  .sub__heading.small {
    margin-top: 20px;
  }
  .btn {
    padding: 10px 25px;
    font-size: 14px;
  }
  .about__section::before {
    left: 50%;
  }
  .site-header .custom-logo{
    width: 150px;
    padding: 14px 0;
  }
  .site-header.fixed .custom-logo ,
  .header-default.site-header .custom-logo {
    width: 100px;
  }

  .banner__section,
  .banner__slider img,
  .banner__slider {
    height: 600px;
  }
  .page__banner,
  .page__banner .banner__slider,
  .page__banner .banner__slider img {
    height: 200px;
  }

  .service__carousel .swiper {
    padding-top: 0;
    padding-bottom: 0;
  }
  .service__section .main__heading {
    position: static;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }

  .service__carousel {
    padding: 20px 40px;
  }
  .package__section::after {
    width: 480px;
  }
  .package__img img,
  .reservation__img img {
    width: 150px;
  }
  .btn__center {
    margin-top: 20px;
  }
  /* .attraction__section .uk-grid {
    gap: 20px;
    padding: 0 20px;
  }
  */
  .attraction__title {
    font-size: 60px;
    line-height: 44px;
  }
 
/*   
  .attraction__section {
    padding-top: 20px;
  } */
  .btn__row {
    margin-top: 30px;
  }
  .reservation__section::before {
    width: 200px;
  }
  .blog__section {
    padding-top: 20px !important;
  }
  .blog__container {
    margin-top: 40px;
  }
  .blog__img {
    width: 75%;
  }
  .service__page .service__container .wrapper {
    width: 75%;
  }
  .blog__content {
    width: 100%;
  }
  .blog__content .the__content {
    margin-top: 10px;
  }
  .service__section {
    padding-top: 70px !important;
  }
  .footer__logo img {
    width: 200px;
  }
  .footer__container {
    margin-top: -65px;
    padding-top: 100px;
  }
  .footer__container::before {
    width: 200px;
    height: 100px;
  }
  .footer__link ul li a {
    font-size: 18px;
  }
  .footer__txt {
    font-size: 28px;
  }
  .footer__service .footer__link ul li a,
  .footer__contact a {
    font-size: 16px;
  }
  .footer__location .icon img {
    width: 24px;
  }
  .footer__location p {
    font-size: 16px;
    line-height: 28px;
  }
  .footer__contact a img {
    width: 17px;
  }
  .blog__page .blog__container,
  .service__page .service__container {
    margin-top: 40px;
  }
  .footer__overlay {
    width: 400px;
    height: 235px;
  }
  .contact__page .content__wrapper {
    margin-top: 40px;
  }
  .whatsapp a img {
    width: 30px;
    height: 30px;
  }
  .whatsapp {
    grid-template-columns: 30px 1fr;
  }

  .offcanvas__contact .contact__details {
    margin-top: 30px;
  }
  .offcanvas__contact .social__icons {
    padding-top: 15px;
  }
  .offcanvas__content {
    padding: 20px 10px;
  }
  .close__menu {
    top: 25px;
    right: 15px;
  }
  .close__container {
    width: 25px;
    height: 25px;
  }
  .rightleft,
  .leftright {
    width: 25px;
  }
  .offcanvas__logo {
    border-bottom: 1px solid #e5e5e5;
  }
  .fullscreen__menu label {
    font-size: 10px;
  }
  .fullscreen__menu.hide__menu {
    -webkit-clip-path: circle(0% at 98.5% 40px);
    clip-path: circle(0% at 98.5% 40px);
  }

  .header__right {
    gap: 10px;
  }
  .hamburger-menu {
    width: 30px;
    height: 22px;
  }
  #primary-menu1 li a {
    font-size: 20px;
  }
  #primary-menu1 {
    row-gap: 15px;
  }
  #primary-menu1 > li.menu-item-has-children ul li a {
    font-size: 16px;
  }
  .offcanvas__logo img {
    width: 100px;
  }
  .service__section::before {
    z-index: 0;
  }
  .banner__text .banner__heading {
    font-size: 50px;
    line-height: 60px;
  }
  .banner__text {
    bottom: 50px;
  }
  .sidebar__contact h2,.help__contact a {
    font-size: 26px;
  }
  .related__services ul li a {
    font-size: 16px;
    padding: 17px 25px;
    padding-right: 70px;
  }
  


  .attraction__section .main__heading{
    padding-bottom: 10px;
  }
  .attraction__content {
    padding: 20px;
    padding-top: 10px;
  }
  .blog__img {
    border-radius: 0;
  }
  .blog__img img {
    border-radius: 0;
  }
  .blog__content .link__title a {
    font-size: 22px;
    line-height: 30px;
  }
  .service__section::before  {
    display: none;
  }
  .service__section::after  {
    z-index: -1;
  }
  .service__section::after {
    background-repeat: repeat;
    background-size: auto;
    z-index: -1;
  }
  .service__img {
    margin: 20px;
    border: 10px solid var(--secondary);
  }
}

@media (max-width: 480px) {
  .banner__text .banner__heading {
    font-size: 40px;
    line-height: 50px;
  }
  .single__heading {
    font-size: 25px;
    line-height: 35px;
    padding-bottom: 30px;
  }
  .sidebar__contact h2, .help__contact a {
    font-size: 24px;
  }
  .meta__info i,
  .meta__info span {
    font-size: 14px;
  }
  .meta__info > div:not(:last-child) span {
    padding-right: 15px;
  }
  .meta__info {
    gap: 15px;
    margin-bottom: 15px;
  }
 
 
  .close__menu {
    top: 20px;
  }
  .header__right {
    gap: 5px;
  }
  .section-t,
  .site-footer {
    padding-top: 50px;
  }
  .section-b {
    padding-bottom: 50px;
  }
  .section {
    padding: 50px 0;
  }
  .main__heading {
    line-height: 20px;
    font-size: 40px;
  }
  .main__heading span {
    font-size: 50px;
    line-height: 20px;
  }
  
  .package__section::after {
    width: 320px;
  }
  .attraction__title {
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 10px;
  }
 
  .service__carousel {
    padding-top: 10px;
  }
  .attraction__content {
    bottom: 25px;
  }
  .blog__img,
  .service__page .service__container .wrapper {
    width: 90%;
  }

  .blog__content .link__title {
    margin-top: 5px;
  }
  .blog__section::after {
    opacity: 0.7;
  }
  
}