/*------ responsive ------*/ 
@media only screen and (min-width: 992px) {
  .filterPopup {
    position: sticky;
    overflow-y: inherit;
    opacity: 10;
    pointer-events: auto;
    z-index: 1 !important;
    background-color: transparent !important;
  }
  .sidebar.-mobile-filter {
    display: block;
    padding: 0;
    width: 100%;
  }
  
  .sidebar.-mobile-filter .-icon-close {
    display: none;
  }
}
@media only screen and (max-width: 1600px) {
  .masthead.-type-10 .container-1500 {
    max-width: 1320px;
  }
}
@media only screen and (max-width: 1400px) {
  .mapFilter {
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
  }
  .masthead.-type-10 .container-1500 {
    max-width: 1140px;
  }
  .roomGrid__header {
    grid-template-columns: 140px 1fr 60px 170px 140px 180px;
  }
  .roomGrid__grid {
    grid-template-columns: 140px auto 180px;
  }
}
@media only screen and (max-width: 1300px) {
  .masthead.-type-9 .mainSearch-wrap {
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    width: 100%;
    background-color: transparent !important;
  }
}
@media only screen and (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }
  .header .header-menu .menu li {
    position: static;
  }
  .header .header-menu .menu li a {
    cursor: pointer;
  }

  .hover_animtion_box li a.hover_animation::before  {
    content: '';
    position: absolute;
    left: 0;
    bottom: 10px;
    height: 40px;
    width: auto;
    background-color: var(--color-light-2);
    border-radius: 40px;
    transition: transform .5s;
    z-index: -1;
  }
  .hover_animtion_box li:hover a.hover_animation::before {
    width: 100%;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .hover_animtion_box li a.hover_animation::before {
    width: 0;
    height: 40px;
    top: 0%;
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }


  .hover_animtion_box div a.hover_animation::before,
  .hover_animtion_box div button.hover_animation::before  {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 40px;
    width: auto;
    background-color: var(--color-white);
    border-radius: 10px;
    transition: transform .5s;
    z-index: -1;
  }
  .hover_animtion_box div:hover a.hover_animation::before,
  .hover_animtion_box div:hover button.hover_animation::before {
    width: 100%;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .hover_animtion_box div a.hover_animation::before,
  .hover_animtion_box div button.hover_animation::before  {
    width: 0;
    height: 100%;
    left: 0%;
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  .header .header-menu .menu li:hover > .subnav {
    opacity: 1;
    pointer-events: auto;
  }
  .header .header-menu .menu li.-has-mega-menu:hover > .mega {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .header .header-menu .menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .header .header-menu .menu__nav {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
  .header .header-menu .menu__nav > li {
    padding: 0;
  }
  .header .header-menu .menu__nav > li.menu-item-has-children > a .icon {
    font-size: 7px;
  }
  .header .header-menu .menu__nav > li > .subnav::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 24px;
    width: 10px;
    height: 10px;
    background-color: white;
    transform: rotate(135deg);
  }
  .header .header-menu .menu__nav a {
    padding: 10px 0px;
  }
  .header .header-menu .menu .subnav {
    position: absolute;
    top: 100%;
    background-color: white;
    border-radius: 0 0 10px 10px;
    color: var(--color-black) !important;
    min-width: 240px;
    padding: 20px 15px;
    border-top: 1px solid #eee !important;
    box-shadow: 0px 50px 30px 20px #00000033;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .header .header-menu .menu .subnav.megamenu {
    max-width: 100%;
    width: 100%;
    min-height: 250px;
    left: 0;
    right: 0;
  }
  .header .header-menu .menu__nav > li > .subnav.megamenu::before {
    content: '';
    display: none;
  }
  .header .header-menu .menu .subnav__backBtn {
    display: none;
  }
  .header .header-menu .menu .subnav .subnav {
    top: 0;
    left: 100%;
  }
  .header .header-menu .menu .subnav > li > a {
    padding: 5px 15px;
    border-radius: 24px;
  }
  .header .header-menu .menu .subnav > li > a:hover {
    color: var(--color-green-1);
    background-color: var(--color-light-3);
  }
  .header .header-menu .menu .mega-mobile {
    display: none;
  }
  .header .header-menu .menu .mega {
    position: absolute;
    top: 100%;
    background-color: white;
    padding: 30px;
    border-radius: 4px;
    color: var(--color-dark-1);
    width: 800px;
    box-shadow: 0px 10px 30px 0px #05103608;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    pointer-events: none;
  }
  .header .header-menu .menu .mega__content {
    display: flex;
    justify-content: space-between;
  }
  .header .header-menu .menu .mega__grid {
    display: grid;
    gap: 60px;
    grid-template-columns: auto auto auto;
  }
  .header .header-menu .menu .mega__image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 225ms;
  }
  .header .header-menu .menu .mega__image:hover {
    transform: scale(0.99);
  }
  .header .header-menu .menu .mega__image img {
    width: 100%;
    min-height: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .header .header-menu .menu .mega a {
    padding-left: 0px;
    padding-right: 0px;
  }
  .header .header-menu .menu__backButton {
    display: none;
  }
  .header .header-menu .mobile-overlay {
    display: none;
  }
  .header .header-menu .mobile-bg {
    display: none;
  }
  .header .header-menu .mobile-back-button {
    display: none;
  }
  .header .header-menu .mobile-footer {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .header.-type-2 {
    margin-top: 0;
  }
  .header.-type-2 .col-auto-menu {
    position: absolute;
  }
  .masthead.-type-2 .mainSearch {
    position: relative;
    bottom: 0;
    width: 100%;
  }
  .masthead.-type-2 .masthead__bg {
    height: 100%;
  }
  .masthead.-type-2 .masthead__content {
    padding-top: 120px;
    padding-bottom: 80px;
  }
  .masthead.-type-4 {
    margin: 0;
  }
  .masthead.-type-6 {
    padding-top: 240px;
    padding-bottom: 180px;
  }
  .masthead.-type-9 .masthead__scroll {
    display: none;
  }
  .masthead.-type-10 .container-1500 {
    max-width: 960px;
  }
  .header .header-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    max-width: 400px;
    height: calc(100vh - 0px);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    pointer-events: none;
  }
  .header .header-menu.is-menu-active {
    opacity: 1;
    pointer-events: auto;
  }
  .header .header-menu.is-menu-active .-is-active {
    pointer-events: auto !important;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 999 !important;
    position: fixed !important;
    background: var(--color-white);
    height: 100%;
    width: 100%;
    max-width: 400px;
    position: relative;
    opacity: 10 !important;
  }
  .header .header-menu .mega {
    display: none;
  }
  .header .header-menu ul {
    overflow-y: hidden;
    overflow-x: hidden;
  }
  .header .header-menu__content {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .header .header-menu .mobile-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(5, 16, 54, 0.7);
    z-index: -2;
  }
  .header .header-menu .mobile-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: white;
  }
  .header .header-menu .menu {
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
    height: 100%;
    padding: 0px;
    border-top: 1px solid var(--bs-border-color);
  }
  .header .header-menu .menu ul {
    pointer-events: none;
  }
  .header .header-menu .menu li {
    overflow: hidden;
  }
  .header .header-menu .menu a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-radius: 0;
    font-weight: 500;
    color: var(--color-blue-1);
    /* transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); */
  }
  .header .header-menu .menu a .icon {
    font-size: 8px;
    transform: rotate(-90deg);
  }
  .header .header-menu .menu a:hover {
    color: var(--color-blue-1);
  }
  .header .header-menu .menu__nav {
    display: flex;
    flex-direction: column;
  }
  .header .header-menu .menu__nav > li > a {
    font-size: 20px;
    border-bottom: 1px solid var(--bs-border-color);
  }
  .header .header-menu .menu__nav > li > a i {
    font-size:18px !important;
    transform:rotate(-90deg);
  }
  .header .header-menu .menu__nav > li > a:hover {
    background-color: rgba(53, 84, 209, 0.05) !important;
  }
  .header .header-menu .menu .subnav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    max-width: 450px;
    opacity: 0;
  }
  .header .header-menu .menu .subnav li {
    padding: 0 0px;
  }
  .header .header-menu .menu .subnav a {
    height: 50px;
    font-size: 18px;
    padding: 0 20px !important;
    transform: translateY(100%);
    border-bottom: 1px solid var(--bs-border-color);
  }
  .header .header-menu .menu .subnav__backBtn {
    margin-bottom: 10px;
  }
  .header .header-menu .menu .subnav__backBtn li {
    padding: 0;
  }
  .header .header-menu .menu .subnav__backBtn a {
    justify-content: flex-start;
    height: 50px;
    font-size: 20px;
    color: var(--color-blue-1);
    background-color: #184e7714;
    border-radius: 0px !important;
  }
  .header .header-menu .menu .subnav__backBtn a .icon {
    margin-right: 12px;
    transform: rotate(90deg);
  }
  .mapFilter {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
  }
  .section-bg__item.-w-1500 {
    width: 100%;
  }
  .section-bg__item.-w-1165 {
    width: 100%;
  }
  .section-bg__item.-video-left {
    top: unset;
    width: 100%;
    transform: none;
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 960px;
  }
  .halfMap__content {
    width: 660px;
  }
  .roomGrid__header {
    display: none;
  }
  .roomGrid__grid {
    grid-template-columns: 140px auto;
  }
  .roomGrid__grid > *:nth-child(3) {
    grid-column: 2 span;
  }
  table.table-3 th {
    padding: 15px 15px;
    min-width: 100px;
  }
  table.table-3 td {
    padding: 15px 15px;
  }
  table.table-4 th {
    padding: 15px 15px;
    min-width: 100px;
  }
  table.table-4 td {
    padding: 15px 15px;
  }
  table.table-5 th {
    padding: 15px 15px;
    min-width: 100px;
  }
  table.table-5 td {
    padding: 15px 15px;
  }
}
@media only screen and (max-width: 991px) {
        
    .gird-template{
      grid-template:
        "gird-template-5" auto
        "gird-template-1" auto
        "gird-template-2" auto
        "gird-template-3" auto
        "gird-template-4" auto;
    }
    .gird-template-1{
      grid-area: gird-template-1;
      height: auto;
      width: 100%;
    }
    .gird-template-2{
      grid-area: gird-template-2;
      height: auto;
      width: 100%;
    }
    .gird-template-3{
      grid-area: gird-template-3;
      height: auto;
      width: 100%;
    }
    .gird-template-4{
      grid-area: gird-template-4;
      height: auto;
      width: 100%;
    }
    .gird-template-5{
      grid-area: gird-template-5;
      height: auto !important;
      width: 100%;
      margin: -50px 0 0 0 !important;
    }


  .single-field.-w-410 input {
    width: 100%;
  }
  .masthead.-type-1 {
    padding-top: 260px;
    padding-bottom: 180px;
  }
  .masthead.-type-3 {
    padding-top: 220px;
    padding-bottom: 80px;
  }
  .masthead.-type-4 .masthead__content {
    padding-top: 220px;
    padding-bottom: 120px;
  }
  .masthead.-type-5 {
    padding-top: 200px;
    padding-bottom: 60px;
  }
  .masthead.-type-6 {
    padding-top: 200px;
    padding-bottom: 60px;
  }
  .masthead.-type-7 {
    padding-bottom: 200px;
  }
  .masthead.-type-7 .masthead__content {
    height: auto;
    width: 400px;
    max-width: 100%;
    padding-top: 100px;
    padding-bottom: 220px;
  }
  .masthead.-type-7 .mainSearch {
    bottom: 0;
    width: 480px;
    max-width: calc(100% - 40px);
  }
  .masthead.-type-8 {
    padding-top: 160px;
  }
  .masthead.-type-8 .mainSearch {
  margin-top: -100px !important;
  }
  .masthead.-type-9 .masthead-slider .swiper-slide {
    padding-top: 200px;
    padding-bottom: 60px;
  }
  .masthead.-type-9 .masthead-slider .swiper-slide {
    padding-top: 200px;
    padding-bottom: 60px;
  }
  .masthead.-type-9 .mainSearch-wrap {
    left: unset;
    transform: none;
    position: relative;
    margin-top: 50px;
  }
  .masthead.-type-10 {
    padding-top: 140px;
    padding-bottom: 60px;
  }
  .masthead.-type-10 .masthead__image {
    top: unset;
    position: relative;
    margin-top: 30px;
  }
  .masthead.-type-10 .container-1500 {
    max-width: 720px;
  }
  .masthead.-type-10 .mainSearch .button-grid {
    grid-template-columns: 1fr;
  }
  .header.-dashboard .-left-side {
    width: auto;
  }
  .mainSearch {
    width: 100%;
    height: 100%;
  }
  .mainSearch .button-grid > * {
        margin-right: 0px;
}
  .mainSearch .button-grid {
    grid-template-columns: 1fr;
  }
  .mainSearch .button-grid > * + * {
    border-left: 0;
    border-top: 1px solid var(--color-border);
  }
  .mainSearch .border-bottom-sm > * {
    border-left: 0;
    border-top: 1px solid var(--color-border);
    width: 100%;
  }
  .mainSearch__submit {
   border-radius: 0px !important;
  }
  .mainSearch.-col-2 .button-grid {
    grid-template-columns: 1fr;
  }
  .mainSearch.-col-4 .button-grid {
    grid-template-columns: 1fr;
  }
  .mainSearch.-col-3-big .button-grid {
    grid-template-columns: 1fr;
  }
  .mainSearch.-col-5 .button-grid {
    grid-template-columns: 1fr;
  }
  .mainSearch.-col-5 .button-grid > * + * {
    border-left: 0;
    border-top: 1px solid var(--color-border);
  }
  .mainSearch.-w-900 {
    width: auto;
  }
  .mainSearch.-w-1070 {
    width: auto;
  }
  .searchMenu-marka__field {
    width: auto;
    left: -20px;
    right: -20px;
  }
  .searchMenu-kiratipi__field {
    width: auto;
    left: -20px;
    right: -20px;
  }
  .searchMenu-date__field {
    transform: none;
    width: auto;
    left: -20px;
    right: -20px;
  }
  .searchMenu-guests__field {
    width: auto;
    left: -20px;
    right: -20px;
  }
  .dashboard {
    flex-direction: column;
  }
  .dashboard__main {
    padding-left: 0;
  }
  .dashboard__main::after {
    display: block;
  }
  .dashboard__sidebar {
    transform: translateX(-100%);
  }
  .dashboard.-is-sidebar-open .dashboard__sidebar {
    transform: none;
  }
  .dashboard.-is-sidebar-open .dashboard__main::after {
    pointer-events: auto;
    opacity: 1;
  }
  .mapFilter__grid {
    grid-template-columns: 420px 1fr;
  }
  .section-bg__item.-video-left {
    max-width: 720px;
  }
  .section-bg__item.-left-100 {
    left: 0;
  }
  .section-bg__item.-right-100 {
    right: 0;
  }
  .modalGrid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .blog-grid-1 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .blog-grid-1 > *:nth-child(1) {
    grid-row: unset;
  }
  .border-center > *:nth-child(1n + 2) {
    border-top: 1px solid var(--color-light-2);
  }
  .border-center > * {
    border-left: 0;
  }
  .halfMap {
    flex-direction: column;
  }
  .halfMap__content {
    width: 100%;
    order: 2;
  }
  .halfMap__map {
    order: 1;
  }
  .galleryGrid.-type-1 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .galleryGrid.-type-1 > *:nth-child(1) {
    grid-row: 1;
  }
  .galleryGrid.-type-1 img {
    width: 100%;
  }
  .galleryGrid.-type-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .galleryGrid.-type-2 img {
    width: 100%;
  }
  .roomGrid__grid {
    grid-template-columns: 1fr;
  }
  .roomGrid__grid > *:nth-child(1) {
    display: flex;
    align-items: center;
  }
  .roomGrid__grid > *:nth-child(1) > *:first-child {
    min-width: 200px;
    margin-right: 20px;
  }
  .roomGrid__grid > *:nth-child(2) {
    grid-column: 2 span;
  }
  .lg\:w-full {
    width: 100% !important;
  }
  .map-form {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
   
    .gird-template{
      grid-template:
        "gird-template-5" auto
        "gird-template-1" auto
        "gird-template-2" auto
        "gird-template-3" auto
        "gird-template-4" auto;
    }
    .gird-template-1{
      grid-area: gird-template-1;
      height: auto;
      width: 100%;
    }
    .gird-template-2{
      grid-area: gird-template-2;
      height: auto;
      width: 100%;
    }
    .gird-template-3{
      grid-area: gird-template-3;
      height: auto;
      width: 100%;
    }
    .gird-template-4{
      grid-area: gird-template-4;
      height: auto;
      width: 100%;
    }
    .gird-template-5{
      grid-area: gird-template-5;
      height: auto !important;
      width: 100%;
      margin: -50px 0 0 0 !important;
    }



  .header .header-menu {
    max-width: 100%;
  }
  .ctaCard.-type-1 {
    max-height: 100%;
    min-height: 230px;
    height: 100%;
  }
  .header .header-menu.is-menu-active .-is-active {
    max-width: 100%;
  }
  .whatsapp-button {
    bottom: 65px;
    right: 22px;
  }
  .mobile-x-scroll{
    flex-shrink: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #aaa rgba(0,0,0,0);
    scrollbar-width: thin;
    margin: 0;
  }
  .mobile-x-item{
    display: grid;
    cursor: pointer;
    scroll-snap-stop: always;
    width: 63% !important;
    flex: 1 0 63%;
    padding-left: 0;
  } 
  .mobile-x-item.client-logo{
    width: 35% !important;
    flex: 1 0 35%;
  }
  .mobile-x-item.account_left_menu{
    width: auto !important;
    flex: 0 0 0 !important;
  }
  .mobile-x-item.client-logo img{
    width: 100PX !important;
  }

  .mobile-x-item.account_left_menu .dropdown-item{
    border: 1px solid var(--color-border) !important;
    box-shadow: 0px 1px 10px 0px #0000000d;
    height: 40px;
    border-radius: 40px !important;
  }
  .jsButtonSlider{
    width: 35px;
    height: 35px;
  }
  .section-slider-nav.-next {
    right: 10px;
  }
  .section-slider-nav.-prev {
    left: 10px;
  }
  .dropdown-menu-mobil-end {
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    position: fixed !important;
    display: block !important;
    transform: translateY(100%) !important;
    transition: all 0.2s ease !important;
  }
  .dropdown-menu-mobil-end.show {
    border-radius: 16px 16px 0 0 !important;
    transform: translateY(0%) !important;
    box-shadow: 0 0 100vh 100vh #0510365c;
    z-index: 9999;
    padding-bottom: 10px !important;
    width: 100%;
  }
  .dropdown-menu-mobil-end:before {
    display:none;
  }
  .dropdown-menu-mobil-end .dropdown-item {
      font-size: 14px;
      padding: 10px 15px !important;
  }
  .carCard .carCard__content .carCard__ozellikler .carCard__ozellikler_box{
    flex-direction: column;
  }
  .carCard .carCard__content .carCard__ozellikler .carCard__ozellikler_box i{
    justify-content: center !important;
    width: 15px;
    height: 15px;
  }
  .carCard .carCard__content .carCard__footer{
    margin-bottom: 2px !important;
    margin-top: 2px !important;
  }
  .carCard .carCard__content .carCard__footer .carCard__footer_puanbox{
    width: 30px;
    height: 30px;
  }
  .cardImage .cardImage-slider__pagination {
    bottom: 5px;
  }
  .cardImage .cardImage-slider__nav.-prev {
    left: 5px;
  }
  .cardImage .cardImage-slider__nav.-next {
    right: 5px;
  }
  
  .productSlider .productSlider-slider a {
    height: 100%;
  }
  .productSlider .productSlider-slider img {
    height: 100%;
  }
  
  .productSlider .js-productdetail1-slider  img {
    height: 80px;
    max-height: 80px;
    margin-bottom: 0;
  }
  .tabs__controls {
      justify-content: start;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-color: #aaa rgba(0,0,0,0);
      scrollbar-width: thin;
      white-space: nowrap;
      scroll-snap-align: start;
      gap: 10px !important;
  }
  .tabs__controls .tabs__button {
      border-radius: 50px !important;
      scroll-snap-stop: always;
      pointer-events: inherit;
  }
  .tabs.-underline-2 .tabs__controls .tabs__button {
      background-color: var(--color-white)!important;
      scroll-snap-align: center;
      min-width: fit-content;
      width: 100%;
      padding: 5px 15px !important;
      position: relative;
      border-radius: 30px !important;
      scroll-snap-stop: always;
      pointer-events: inherit;
      overflow: hidden;
  }

  .sectionTitle.-md .sectionTitle__title {
    font-size: var(--text-26);
  }
  .masthead.-type-2 .masthead__tabs {
    padding-top: 74px;
  }
  .masthead.-type-2 .masthead__content {
    padding-top: 40px;
  }
  .masthead.-type-3 {
    padding-top: 160px;
    padding-bottom: 30px;
  }
  .masthead.-type-3 .masthead__tabs {
    margin-top: 40px;
  }
  .masthead.-type-4 .masthead__content {
    padding-top: 160px;
    padding-bottom: 100px;
  }
  .masthead.-type-4 .masthead__scroll {
    display: none;
  }
  .masthead.-type-4 .masthead-slider__nav {
    top: unset;
    bottom: 30px;
    transform: none;
  }
  .masthead.-type-4 .masthead-slider__nav.-prev {
    left: unset;
    right: calc(50% + 10px);
  }
  .masthead.-type-4 .masthead-slider__nav.-next {
    right: unset;
    left: calc(50% + 10px);
  }
  .masthead.-type-4 .mainSearch {
    margin-top: 40px;
  }
  .masthead.-type-5 .masthead__bg {
    width: 100%;
  }
  .masthead.-type-6 {
    padding-top: 120px;
    padding-bottom: 40px;
  }
  .masthead.-type-7 .masthead__content {
    padding-top: 60px;
    padding-bottom: 260px;
  }
  .masthead.-type-7 .masthead-slider__nav {
    top: 52%;
  }
  .masthead.-type-7 .masthead-slider__nav.-prev {
    left: unset;
    right: 51%;
  }
  .masthead.-type-7 .masthead-slider__nav.-next {
    right: unset;
    left: 51%;
  }
  .masthead.-type-8 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 200px;
    max-height: 200px;
  }
  .masthead.-type-8 .swiper-slide{
    min-height: 200px;
    max-height: 200px;
  }
  .masthead.-type-8 .swiper-slide img{
    min-height: 200px;
    max-height: 200px;
  }
  .masthead.-type-8 .masthead-slider {
    border-radius: 0;
    margin: 0;
  }
  .masthead.-type-8 .masthead-slider__nav.-prev {
    left: 12px;
  }
  .masthead.-type-8 .masthead-slider__nav.-next {
    right: 12px;
  }
  .masthead.-type-9 .masthead-slider .swiper-slide {
    padding-top: 160px;
    padding-bottom: 40px;
  }
  .masthead.-type-9 .masthead-slider__nav.-prev {
    left: 12px;
  }
  .masthead.-type-9 .masthead-slider__nav.-next {
    right: 12px;
  }
  .masthead.-type-10 {
    padding-top: 120px;
    padding-bottom: 40px;
  }
  .masthead.-type-10 .container-1500 {
    max-width: 540px;
  }
  .header-margin {
    margin-top: 80px;
  }
  .header {
    height: 60px;
    padding: 0 4px;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #eee;
  }
  .header__container {
    margin-top: 0px;
  }
  .header .header-logo img {
    max-width: 80px;
  }
  .dashboard__content {
    padding: 30px;
    padding-bottom: 0;
  }
  .dashboard__sidebar {
    width: 80%;
    height: calc(100% - 80px);
  }
  .mapFilter__grid {
    grid-template-columns: 250px 1fr;
    padding-left: 330px;
  }
  .mapFilter__grid .ratio {
    width: 100%;
    height: auto;
  }
  .mapFilter__grid.-filters-hidden {
    padding-left: 70px;
  }
  .layout-pt-sm {
    padding-top: 30px;
  }
  .layout-pb-sm {
    padding-bottom: 30px;
  }
  .layout-pt-md {
    padding-top: 60px;
  }
  .layout-pb-md {
    padding-bottom: 60px;
  }
  .layout-pt-lg {
    padding-top: 100px;
  }
  .layout-pb-lg {
    padding-bottom: 100px;
  }
  .layout-pt-xl {
    padding-top: 120px;
  }
  .layout-pb-xl {
    padding-bottom: 120px;
  }
  .section-bg__item.-video-left {
    max-width: 540px;
  }
  .section-bg__item.-mx-20 {
    left: 0;
    right: 0;
  }
  .section-bg__item.-image {
    position: relative;
    width: 100%;
  }
  .md\:size-full {
    width: 100%;
    height: auto;
  }
  .sidebar.-mobile-filter {
    display: grid;
    grid-template-columns: 1fr;
  }
  .filterPopup .bg-blur-2 {
    background:white !important;
    border:0 !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .filterPopup .bg-blur-2 .sidebar__item {
    border: 1px solid #ddd !important;
    border-radius: 0;
    padding: 24px 16px 16px 24px !important;
  }
  .sidebar.-mobile-filter > .sidebar__item:last-child {
    border-top: 1px solid var(--color-border) !important;
  }
  .filterPopup .header_filter{
    border-bottom: 1px solid var(--color-border) !important;
    height: 60px !important;
    z-index: 9999 !important;
  }  
  .sidebar.-mobile-filter:last-child > .sidebar__item {
    border-top:1px solid #ccc !important;
  }

  .halfMap {
    margin-top: 80px;
  }
  .halfMap__content {
    padding: 20px;
  }
  .galleryGrid.-type-1 {
    grid-template-columns: 1fr 1fr;
  }
  .galleryGrid.-type-1 {
    grid-template-columns: 1fr;
  }
  .galleryGrid.-type-2 {
    grid-template-columns: 1fr 1fr;
  }
  .roomGrid__grid > *:nth-child(1) {
    display: block;
    align-items: unset;
  }
  .roomGrid__grid > *:nth-child(1) > *:first-child {
    min-width: auto;
    width: 100%;
    margin-right: 0;
  }
  .roomGrid__content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .table-calendar__header > *, .table-calendar__grid > * {
    width: 32px;
    height: 32px;
  }
  .hotelSingleGrid {
    grid-template-columns: 1fr;
  }
  .productSlider {
    grid-template-columns: 1fr;
  }
  .productSlider .productSlider-slides {
    flex-direction: row;
    order: 2;
  }
  .productSlider .productSlider-slides > * + * {
    margin-top: 0;
    margin-left: 10px;
  }
  .productSlider .productSlider-slider {
    order: 1;
  }
  .cruiseSlider .cruiseSlider-slider {
    order: 1;
  }
  .cruiseSlider__nav {
    top: unset;
    bottom: 30px;
    transform: none;
  }
  .cruiseSlider__nav.-prev {
    left: unset;
    right: calc(50% + 10px);
  }
  .cruiseSlider__nav.-next {
    right: unset;
    left: calc(50% + 10px);
  }

  .KasaTipiTypeCard.-type-1{
    max-height: 120px;
    margin-bottom: 20px;
  }
  .KasaTipiTypeCard.-type-1:hover {
    transform: translateY(-10px);
    min-height: 140px;
  }
  .KasaTipiTypeCard.-type-1 img{transform: translateY(-45px);-webkit-filter: drop-shadow(-3px 3px 6px #00000077);filter: drop-shadow(-3px 3px 6px #00000077);height: 80px;}
  .KasaTipiTypeCard.-type-1:hover img{
    transform: translateY(-35px);
    left: -10%;
  }
  .select {
    position: relative;
  }  
  .select__button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0px 0;
    border: none !important;
    background-color: transparent;
    text-align: left;
    border-radius: 0;
    box-shadow: none;
  }  
  .select__button .js-button-title {
    text-overflow: none;
    white-space: initial;
    width: 100%;
    overflow: auto;
  }
  .select__icon {
    width: 20px;
    height: 20px;
  }
  .select__dropdown {
    position: fixed;
    bottom: -0px;
    top: auto;
    left: 0px;
    right: 0;
    transform: translateY(100%);
    z-index: 30;
    width: 100%;
    height: 100%;
    min-height: 300px;
    max-height: 400px;
    box-shadow: 0 -30px 20px 10px rgba(0, 0, 0, 0.05);
    border-radius: 16px 16px 0 0 !important;
  }  
  .select__dropdown.-is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-0%);
  }
  .js-popup-window.searchMenu-loc__field.-is-active {
    opacity: 1;
    pointer-events: auto;
    /* position: fixed; */
    /* transform: translateY(100%); */
    max-height: 200px;
    box-shadow: 10px 0 100px 200px #00000063;
    z-index: -1;
  }

  .select__options {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 99;
    height: 100%;
  }  
  .select__options::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }  
  .select__options::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 12px;
  }  
  .select__options__button {
    display: flex;
    align-items: center;
    font-size: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    text-align: left;
    transition: all 0.15s ease;
  }  
  .select__options__button:hover,
  .select__options__button:hover .text-light-1{
    cursor: pointer;
    color: var(--color-green-4) !important;
  }
  .select__options__button:hover img{
    cursor: pointer;
    border:1px solid var(--color-purple-1) !important;
    background: var(--color-light-2) !important;
    border-radius:25px;
    padding:1px;
  }
  .select__options__button:focus,
  .select__options__button:focus .text-light-1 {
    color: var(--color-purple-1) !important;
  }
  .select__options__button:focus img{
    cursor: pointer;
    border:1px solid var(--color-purple-1) !important;
    background: var(--color-light-2) !important;
    border-radius:25px;
    padding:1px;
  }  
  .select__search {
    flex-shrink: 0;
    height: 50px;
    border-radius: 4px;
    background-color: #F5F5F5 !important;
    color: black;
    padding: 0 20px;
    margin-bottom: 12px;
  }
  .ModalAll {
      top: auto;
      bottom: 0;
      right: 0;
  }
  .ModalAll__content {
      position: fixed;
      left: 0;
      bottom: 0;
      top: auto;
      right: 0;
      max-width: 100%;
      height: 100%;
      max-height: 100% !important;
      transform: translateY(0%);
      border-radius: 16px 16px 0 0 !important;
      transition: all 0.2s ease;
  }
  .ModalAll.is-hidden .ModalAll__content{
      transform: translateY(100%);
  }
  
  .LoginModal .ModalAll__content{
    border-radius:0px !important;
  }
  .LoginModal .ModalAll__content .scroll-v1{
      height: 100% !important;
      max-height: 91vh !important;
  }
  .AramModal .ModalAll__content{
    border-radius:0px !important;
    max-width: 100%;
  }
  .AramModal .ModalAll__content .scroll-v1{
      height: 100% !important;
      max-height: 95vh !important;
  }
  .AramModal .searchMenu-loc_input {
    position: sticky;
    top: 0px;
    background: white;
    z-index: 9999;
  }
  .AramModal .searchMenu-loc_input input{
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 12px;
    height: 50px;
    padding: 10px 20px;
  }
  .AramModal .searchMenu-loc__field {
    opacity: 10;
    position: relative;
    bottom: inherit;
    top: 16px;
    left: inherit;
    right: inherit;
    transform: inherit;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 75vh;
    max-height: 100%;
    box-shadow: inherit;
    border-radius: inherit !important;
    border: 0 !important;
  }
  
  .langMenu {
      top: auto;
      bottom: 0;
      padding: 0;
  }
  .langMenu__content {
      position: fixed;
      left: 0;
      bottom: 0;
      top: auto;
      right: 0;
      max-width: 100%;
      transform: translateY(0%);
      border-radius: 16px 16px 0 0 !important;
      transition: all 0.2s ease;
  }
  .langMenu.is-hidden .langMenu__content{
      transform: translateY(100%);
  }  
  .currencyMenu {
      top: auto;
      bottom: 0;
      padding: 0;
  }
  .currencyMenu__content {
      position: fixed;
      left: 0;
      bottom: 0;
      top: auto;
      right: 0;
      max-width: 100%;
      transform: translateY(0%);
      border-radius: 16px 16px 0 0 !important;
      transition: all 0.2s ease;
  }
  .currencyMenu.is-hidden .currencyMenu__content{
      transform: translateY(100%);
  }
  .js-currencyMenu-mainTitle .m-none{
      display: none;
  }
  .js-language-mainTitle .m-none{
      display: none;
  }
   
  .LinkPaylas {
    top: auto;
    bottom: 0;
    padding: 0;
  }
  .LinkPaylas__content {
      position: fixed;
      left: 0;
      bottom: 0;
      top: auto;
      right: 0;
      max-width: 100%;
      transform: translateY(0%);
      border-radius: 16px 16px 0 0 !important;
      transition: all 0.2s ease;
  }
  .LinkPaylas.is-hidden .LinkPaylas__content{
      transform: translateY(100%);
  }
   
  .masthead.-type-5 .tab-icon-1{
    margin-bottom: -80px;
  } 
  .masthead.-type-5 .masthead__bg {
    top: auto;
    bottom: 0;
    height: 60%;
    width: 100%;
  }  
  .masthead.-type-5 .masthead__image {
    top: 0;
    height: 100%;
    width: 100%;
    border-width: 5px;
  }
  .masthead.-type-5 .masthead__image::before{
    background: radial-gradient(#d7dbe600 0%, #eff5fb 70%);
  }

  .masthead.-home-2 {
    padding-top: 150px;
    padding-bottom: 40px;
    margin-top: 50px;
  }  
  .masthead.-home-2 .masthead__bg {
    top: auto;
    bottom: 0;
    height: 60%;
    width: 100%;
  }  
  .masthead.-home-2 .masthead__image {
    top: 0;
    height: 40%;
    width: 100%;
  }
  .masthead.-home-2 .masthead__image::before{
    background: radial-gradient(#d7dbe600 0%, #eff5fb 70%);
    height: 101%;
    width: 100%;
  }
  
  .t_ani_img_1{
    position: absolute;
    left: 9%;
    right: auto;
    top: 5%;
    bottom: auto;
    width: 40px;
    height: 40px;
    opacity: .2;
  }
  .t_ani_img_2{
    position: absolute;
    left: -3%;
    right: auto;
    top: -30%;
    bottom: auto;
    width: 60px;
    height: 60px;
    opacity: .2;
  }
  .t_ani_img_3{
    position: absolute;
    left: 25%;
    right: auto;
    top: 69%;
    bottom: auto;
    opacity: .2;
  }
  .t_ani_img_4{
    position: absolute;
    left: auto;
    right: 5%;
    top: -32%;
    bottom: auto;
    opacity: .2;
  }
  .t_ani_img_5{
    position: absolute;
    left: -8%;
    right: auto;
    top: 54%;
    bottom: auto;
    width: 60px;
    height: 60px;
    opacity: .2;
  }
  .t_ani_img_6{
    position: absolute;
    left: auto;
    right: 22%;
    top: 16%;
    bottom: auto;
    width: 40px;
    height: 40px;
    opacity: .2;
  }
  .t_ani_img_7{
    position: absolute;
    left: auto;
    right: -5%;
    top: 65%;
    bottom: auto;
    width: 60px;
    height: 60px;
    opacity: .2;
  }
  .t_ani_img_8{
    position: absolute;
    left: auto;
    right: 35%;
    top: 65%;
    bottom: auto;
    width: 30px;
    height: 30px;
    opacity: .2;
  }

  .button.-md {
    padding: 10px 24px !important;
    font-size: 12px !important;
    line-height: 1.1;
  }
  .carCard__content .size-80{
    height: 70px;
    width: 70px;
  }
  .carCard__content .size-90{
    height: 80px;
    width: 80px;
  }
  .howtowork button{
    cursor: pointer;
    text-decoration: none;
    transition: all .2s linear .1s;
    scroll-snap-stop: always;
    white-space: normal;
    pointer-events: all !important;
    flex-direction: row !important;
  }
  .howtowork button svg{
    font-size: 20px;
    width: 24px;
    height: 24px;
    margin: 8px 8px 8px 0;
  }
  .howtowork button:hover,
  .howtowork button:hover h4,
  .howtowork button:hover p,
  .howtowork button:hover svg{cursor: pointer;text-decoration: none;transition: all .2s linear .1s;scroll-snap-stop: always;}
  .howtowork h4{
    line-height:1.1;
    margin: 5px 0;
    max-width: 100%;
    font-size: 14px;
  }
  .howtowork .size-60{
    width:30px;
    height:30px;
    border-radius:8px !important;
    font-size: 24px !important;
    margin:5px 0;
  }
  .howtowork .services-item{
    padding: 0 0 16px 0;
  }
  .howtowork .nav-tabs {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 280px 280px 280px 280px;
    grid-template-areas:
      "button button button button";
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #aaa rgba(0,0,0,0);
    scrollbar-width: thin;
    white-space: nowrap;
    scroll-snap-align: start;
  }
  .howtowork button p{
    line-height: 1.2;
    font-size: 13px;
  }
  .howtowork .tab-pane img{
      height: 300px !important;
      margin-bottom: -20px;
  }
  .howtowork .tab-icon-1{
      left: -20px;
      top: -10px;
      font-size: 65px;
  }
  .howtowork .tab-icon-2{
      right: -20px;
      top: -20px;
      font-size: 55px;
  }
}
@media only screen and (max-width: 564px) {
        
    .gird-template{
      grid-template:
        "gird-template-5" auto
        "gird-template-1" auto
        "gird-template-2" auto
        "gird-template-3" auto
        "gird-template-4" auto;
    }
    .gird-template-1{
      grid-area: gird-template-1;
      height: auto;
      width: 100%;
    }
    .gird-template-2{
      grid-area: gird-template-2;
      height: auto;
      width: 100%;
    }
    .gird-template-3{
      grid-area: gird-template-3;
      height: auto;
      width: 100%;
    }
    .gird-template-4{
      grid-area: gird-template-4;
      height: auto;
      width: 100%;
    }
    .gird-template-5{
      grid-area: gird-template-5;
      height: auto !important;
      width: 100%;
      margin: -50px 0 0 0 !important;
      z-index: 9;
    }



  .masthead.-type-1 {
    padding-top: 160px;
    padding-bottom: 20px;
  }
  .masthead.-type-2 .masthead__content {
    padding-bottom: 20px;
  }
  .masthead.-type-2 .masthead__images {
    gap: 12px;
  }
  .masthead.-type-10 .container-1500 {
    max-width: 100%;
  }
  .citiesCard.-type-3 {
    width: 100%;
    padding-bottom: 100%;
  }
  .citiesCard.-type-3 > * {
    position: absolute;
    top: 0;
    left: 0;
  }
  .searchMenu-marka__field {
    left: -35px;
    right: -35px;
  }
  .searchMenu-kiratipi__field {
    left: -35px;
    right: -35px;
  }
  .searchMenu-date__field {
    left: -35px;
    right: -35px;
  }
  .searchMenu-guests__field {
    left: -35px;
    right: -35px;
  }
  .dashboard__content {
    padding: 20px;
    padding-bottom: 0;
  }
  .dashboard.-is-sidebar-open .dashboard__sidebar {
    transform: translateX(-100%);
  }
  .dashboard.-is-sidebar-open .dashboard__main {
    padding-left: 0;
  }
  .dashboard.-is-sidebar-open .dashboard__main::after {
    pointer-events: auto;
    opacity: 1;
  }
  .sidebar.-dashboard .sidebar__button {
    height: 45px;
  }
  .mapFilter__close {
    right: 50%;
    transform: translateX(50%);
  }
  .mapFilter__grid {
    grid-template-columns: 1fr;
  }
  .mapFilter-results {
    display: none;
  }
  .layout-pt-sm {
    padding-top: 30px;
  }
  .layout-pb-sm {
    padding-bottom: 30px;
  }
  .layout-pt-md {
    padding-top: 30px;
  }
  .layout-pb-md {
    padding-bottom: 30px;
  }
  .layout-pt-lg {
    padding-top: 60px;
  }
  .layout-pb-lg {
    padding-bottom: 60px;
  }
  .layout-pt-xl {
    padding-top: 60px;
  }
  .layout-pb-xl {
    padding-bottom: 60px;
  }
  .modalGrid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .galleryGrid.-type-2 {
    grid-template-columns: 1fr;
  }
  .sm\:w-full {
    width: 100% !important;
  }
  .map-500 {
    min-height: 400px;
    height: 400px;
  }
  .border-line-2 {
    display: none;
  }
    
  .carCard .carCard__content .carCard__footer{
      flex-direction: column;
      justify-content: start !important;
      align-items: start !important;
      gap: 10px;
  }
  
  .hover_box_1 input::after{
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    border-radius: 18px;
    font-size: 14px;
  }
  
  .productSlider .productSlider-slider a {
    border: none;
  }
}
.goverlay {
  background: #efefef !important;
}
@media (min-width: 769px){
  .goverlay {
    background: #efefef !important;
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}