@charset "utf-8";


/*  
     ⤵︎                                         MOBILE DEVICES
*/
@media (pointer: coarse), (max-width: 980px) {
    
}
/*  
     ⤵︎                                         1800px >=x
*/
@media screen and (max-width:1800px) {
}
/*
     ⤴︎
*/
/*  
     ⤵︎                                         1440px >=x
*/
@media screen and (max-width:1440px) {
/*
     ⤵︎ =============  SINGLE TRAVEL
*/
     .single-travel-post .m-body .m-row {
          --bs-gutter-x: 1.5rem;
          --sidebar-width: 312px;
     }
     .single-travel-post .m-body .sdb-box form.f-row {
          --bs-gutter-x: 18px;
     }
     .single-travel-post .m-body .related-entries .entries {
          --bs-gutter-x: 12px;
          max-width: none;
     }
     .single-travel-post .entry .entry-header {
          font-size: 20px;
     }
/*
      ⤴︎ =============  end SINGLE TRAVEL
*/
}
/*
     ⤴︎
*/
/*  
     ⤵︎                                         1199px >=x
*/
@media screen and (max-width:1199px) {
/*
     ⤵︎ =============  TRAVEL LISTINGS
*/
     .travel-listings .entries {
          max-width: 760px;
     }
/*
      ⤴︎ =============  end TRAVEL LISTINGS
*/
/*
     ⤵︎ =============  SINGLE TRAVEL
*/
     .single-travel-post .outer-box {
          --padding-x: 30px;
     }
     .single-travel-post header .title {
          font-size: 1.875em;
     }
     .single-travel-post .m-body section h2.section-title.desc-price {
          margin-bottom: 36px;
          padding: 30px 18px;
          font-size: 1.25em;
     }
/*
     ⤴︎ =============  end SINGLE TRAVEL
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         1096px >=x
*/
@media screen and (max-width:1096px) {
/*
     ⤵︎ =============  TRAVEL LISTINGS
*/
     .travel-listings .entries {
          max-width: 668px;
     }
     .travel-listings .entries .col {
         flex: 0 0 50%;
     }
/*
     ⤴︎ =============  end TRAVEL LISTINGS
*/
/*
     ⤵︎ =============  SINGLE TRAVEL
*/
     .single-travel-post .hero {
          max-height: 580px;
     }
     .single-travel-post .m-body .m-row {
          --sidebar-width: 280px;
     }
     .single-travel-post .m-body {
          padding: 72px 0 84px;
     }
     .single-travel-post .outer-box {
          --padding-x: 24px;
     }
     .single-travel-post .m-body section {
          padding-bottom: 72px;
     }
     .single-travel-post .m-body .tgl-item .btn {
          padding-left: 18px;
          padding-right: 42px;
          background-position: right 18px top 25px;
     }
     .single-travel-post .content .related-entries {
          display: none;
     }
     .single-travel-post .rspv.related-entries {
          display: block;
     }
/*
     ⤴︎ =============  end SINGLE TRAVEL
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         991px >=x
*/
@media screen and (max-width:991px) {
/*
     ⤵︎ =============  TRAVEL LISTINGS
*/
     .travel-listings-pg #main {
          padding: 178px 0 108px;
     }
     .travel-listings-pg .breadcrumbs .active {
          font-size: 2.875em;
     }
     .travel-listings-pg .intro-sctn {
          padding-bottom: 72px;
     }
     .travel-listings-pg .intro-sctn .subcategories li {
          padding: 0 4px 8px 4px;
     }
     .travel-listings-pg .intro-sctn .subcategories li a {
          --bs-btn-padding-x: 18px;
     }
     .travel-listings-pg .main-search {
          margin-top: 66px;
     }
     .travel-listings-pg .main-search .col {
         flex: 1 0 33.333%;
         border-left: 0;
     }
     .travel-listings-pg .main-search .col:last-of-type {
          flex: 0 1 196px;
          padding-top: 12px;
     }
     .travel-listings-pg .main-search .form-control {
          border-bottom: 1px solid #dce9fe;
     }
     .travel-listings .m-title {
          padding-right: 0;
          text-align: center;
     }
     .travel-listings .selected-filters {
          padding-bottom: 24px;
     }
     .travel-listings .results-header .row .col {
          flex: 0 0 auto;
          width: auto;
     }
     .travel-listings .entries .options {
          justify-content: space-between;
     }
     .travel-listings .classification {
          position: relative;
          top: 0;
          margin-bottom: 9px;
     }
     .travel-listings .classification .btn {
          padding: 9px 30px 9px 16px;
     }
     .travel-listings .results-header .btn.filters {
          --bs-btn-border-radius: 16px;
          font-weight: 500;
          font-size: 15px;
          text-transform: uppercase;
     }
     .travel-listings .results-header .btn.filters span {
          display: inline-block;
          padding-left: 24px;
          background: url(../images/icon-filters.svg) no-repeat left center / 13px auto;
     }
     .travel-listings .sidebar-filters {
          display: none;
     }
     .travel-listings .entries {
          max-width: none;
          flex: 0 0 100%;
     }
     .travel-listings .entries {
          --bs-gutter-x: 12px;
     }
     .travel-listings .entries .col {
          flex: 0 0 33.333%;
     }
     .travel-listings .entry .title {
          padding: 24px 9px;
     }
     .travel-listings .entry .entry-header {
          font-size: 18px;
     }
     .travel-listings .entry .wrapper .row {
          --pricebox-w: 130px;
     }
     .travel-listings .entry .wrapper {
          padding: 0 9px 18px;
          font-size: 14px;
     }
     .travel-listings .entry .price-box {
          padding: 0;
          font-size: 16px;
     }
     .travel-listings .entry .note {
          padding: 12px 6px;
     }
     .travel-listings-pg .modal-body {
          background: rgba(0, 3, 5, 0.05);
     }
     .travel-listings-pg .modal-body .flt-item {
          max-width: 350px;
          margin: auto auto 12px auto;
     }
     .travel-listings-pg .modal-body .flt-item .body {
          background-color: rgba(255, 255, 255, 0.85);
     }
     .travel-listings-pg .modal-body .submit {
          max-width: 350px;
          font-size: 15px;
     }
/*
     ⤴︎ =============  end TRAVEL LISTINGS
*/
/*
     ⤵︎ =============  SINGLE TRAVEL
*/
     
     .single-travel-post .hero {
          max-height: 480px;
          min-height: 380px;
     }
     .single-travel-post .m-body {
          padding: 54px 0 84px;
     }
     .single-travel-post .m-body .content,
     .single-travel-post .m-body .sidebar {
          flex: 100%;
     }
     .single-travel-post header .title {
          font-size: 1.75em;
     }
     .single-travel-post .main-info {
          margin-bottom: 36px;
          padding-bottom: 36px;
          font-size: 1.0625em;
     }
     .single-travel-post .main-info .box .price .value {
          font-size: 26px;
     }
     .single-travel-post .main-info .box .price .title {
          padding-top: 12px;
     }
     .single-travel-post .main-info .box .length {
          padding-top: 4px;
     }
     .single-travel-post .outer-box .location div {
          background-size: 14px auto;
          background-position: left top 1px;
          padding-left: 24px;
     }
     .single-travel-post .main-info .length ul li {
          background-size: 18px auto;
          background-position: left top 7px;
          padding-left: 24px;
     }
     .single-travel-post .main-info .box .price {
          flex: 0 0 204px;
     }
     .single-travel-post .m-body section h2.section-title.desc-price {
          margin-bottom: 30px;
          padding: 24px 12px;
     }
     .single-travel-post .description p.feat {
          font-size: 1.0625em;
     }
     .single-travel-post .m-body section {
          padding-bottom: 54px;
     }
     .single-travel-post .m-body .sidebar {
          padding-top: 60px;
     }
     .single-travel-post .m-body .sdb-box .f-col {
          flex: 0 0 33.333% !important;
     }
     .single-travel-post .m-body .sdb-box .f-col:last-child,
     .single-travel-post .m-body .sdb-box .msg.f-col,
     .single-travel-post .m-body .sdb-decl-intst .f-col:first-child {
          flex: 0 0 100% !important;
     }
     .single-travel-post .sdb-box .title,
     .single-travel-post .sdb-box .price {
          text-align: center;
     }
     .single-travel-post .sdb-book .col:first-child {
          flex: 0 0 auto;
     }
     .single-travel-post .m-body .sdb-book .row {
          justify-content: center;
     }
     .single-travel-post .anchors {
          --bs-gutter-x: 12px;
     }
     .single-travel-post .anchors .col {
          flex: 0 0 50%;
          max-width: 260px;
          padding-bottom: 24px;
     }
     .single-travel-post .anchors .col .btn {
          --bs-btn-padding-y: 12px;
          --bs-btn-padding-x: 18px;
          width: 100%;
          font-size: 0.9375em;
          font-weight: 700;
          text-transform: uppercase;
     }
/*
     ⤴︎ =============  end SINGLE TRAVEL
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         767px >=x
*/
@media screen and (max-width:767px) {
/*
     ⤵︎ =============  TRAVEL LISTINGS
*/
     .travel-listings .entries .col {
          flex: 0 0 50%;
     }
     .travel-listings .entry .entry-header {
          font-size: 20px;
     }
     .travel-listings .entry .wrapper {
          font-size: 15px;
     }
     .travel-listings .entry .price-box {
          font-weight: 700;
     }
/*
      ⤴︎ =============  end TRAVEL LISTINGS
*/
/*
     ⤵︎ =============  SINGLE TRAVEL
*/
     .single-travel-post .hero .options .col .btn {
          --bs-btn-font-size: 0.875em;
     }
     .single-travel-post .m-body {
          font-size: 0.9375em;
     }
     .single-travel-post .anchors .col {
          max-width: 248px;
     }
     .single-travel-post .main-info .box .length .title,
     .single-travel-post .main-info .box .price .title {
          width: 100%;
          padding-top: 6px;
          padding-bottom: 6px;
     }
     .single-travel-post .main-info .box .length {
          padding-top: 0;
     }
     .single-travel-post .main-info .box .price {
          flex: 0 0 144px;
     }
     .single-travel-post .main-info .length ul li {
          background-size: 16px auto;
     }
     .single-travel-post .m-body ul.star li {
          background-position: left 3px top 5px;
          background-size: 10px auto;
          padding-left: 24px;
     }
     .single-travel-post .m-body .tgl-btn {
          margin-top: -12px;
          margin-bottom: 0;
     }
     .single-travel-post .m-body .tgl-item .btn {
          --bs-btn-padding-y: 16px;
          padding-left: 12px;
          padding-right: 30px;
          background-position: right 9px top 23px;
          background-size: 9px auto;
          line-height: 1.4;
     }
     .single-travel-post .m-body ul.checked li,
     .single-travel-post .m-body ul.not-checked li {
          padding-left: 24px;
     }
     .single-travel-post .m-body ul.checked li {
          background-size: 17px auto;
          background-position: left top 2px;
     }
     .single-travel-post .m-body ul.not-checked li {
          background-size: 12px auto;
          background-position: left top 4px;
     }
     .single-travel-post .m-body .sdb-box .f-col {
          flex: 0 0 100% !important;
     }
     .single-travel-post .sdb-book .col:first-child {
          flex: 0 0 84px;
     }
     .single-travel-post .related-entries {
          padding-top: 78px;
     }
     .single-travel-post .related-entries .s-title {
          margin-bottom: 36px;
     }
     .single-travel-post .related-entries .swiper {
          --swiper-pagination-color: #5191fa;
          padding-bottom: 30px;
     }
     .single-travel-post .related-entries .swiper .swiper-pagination-bullet {
          width: 9px;
          height: 9px;
     }
     .single-travel-post .sdb-box .title {
          font-size: 1em;
          font-weight: 700;
     }
/*
     ⤴︎ =============  end SINGLE TRAVEL
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         640px >=x
*/
@media screen and (max-width:640px) {
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         575px >=x
*/
@media screen and (max-width:575px) {
/*
     ⤵︎ =============  TRAVEL LISTINGS
*/
     .travel-listings-pg #main {
          padding: 24px 0 84px;
     }
     .travel-listings-pg .breadcrumbs {
          padding-bottom: 24px;
     }
     .travel-listings-pg .breadcrumbs .active {
          font-size: 2.5em;
     }
     .travel-listings-pg .intro-sctn {
          padding-bottom: 120px;
     }
     .travel-listings-pg .intro-sctn .subcategories li a {
          --bs-btn-padding-x: 9px;
     }
     .travel-listings-pg .main-search {
          --bs-gutter-x: 12px;
          margin-top: 78px;
          padding: 0 6px;
     }
     .travel-listings-pg .main-search .form-control {
          background-size: 10px auto !important;
          background-position: left 3px top 12px !important;
          padding-left: 18px;
     }
     .travel-listings-pg .main-search .form-label {
          margin-bottom: 0;
     }
     .travel-listings-pg .main-search .col:last-of-type {
          flex: 0 1 160px;
          padding-top: 3px;
     }
     .travel-listings .entry a.location .box {
          padding: 12px 12px 5px;
     }
     .travel-listings .entry .img {
          padding-top: 85%;
     }
     .travel-listings .entry .entry-header {
          font-size: 17px;
     }
     .travel-listings .entry .title {
          padding: 18px 9px;
     }
     .travel-listings .entry .wrapper {
          font-size: 14px;
          padding: 0 9px 12px;
     }
     .travel-listings .entry .wrapper .row {
          justify-content: flex-end;
     }
     .travel-listings .entry .wrapper .col:first-child {
          flex: 0 0 100%;
     }
     .travel-listings .entry .price-box {
          padding: 14px 6px;
          margin-top: 6px;
     }
     .travel-listings .page-link {
          width: 30px;
          font-size: 14px;
     }
     .travel-listings .pagination {
          --bs-pagination-font-size: 14px;
          --bs-pagination-padding-y: 6px;
     }
/*
     ⤴︎ =============  end TRAVEL LISTINGS
*/
/*
     ⤵︎ =============  SINGLE TRAVEL
*/
     .single-travel-post .hero {
          max-height: 396px;
          min-height: 320px;
     }
     .single-travel-post .hero .container-fluid {
          bottom: 18px;
     }
     .single-travel-post .hero .options .col {
          flex: 0 0 100%;
          text-align: right;
     }
     .single-travel-post .hero .options .col:first-child {
          order: 2;
     }
     .single-travel-post .hero .options .col:last-child {
          order: 1;
     }
     .single-travel-post .hero .options .col .btn {
          margin-bottom: 6px;
     }
     .single-travel-post .anchors {
          --bs-gutter-x: 9px;
     }
     .single-travel-post .anchors .col .btn {
          --bs-btn-padding-x: 6px;
     }
     .single-travel-post .outer-box {
          --padding-x: 9px;
     }
     .single-travel-post header {
          padding: 24px var(--padding-x);
     }
     .single-travel-post header .title {
          font-size: 1.65em;
     }
     h1, h2, h3, h4, h5, h6, p, ul, ol {
          margin-bottom: 1.25rem;
     }
     .single-travel-post .m-body .tgl-item .btn {
          font-weight: 700;
     }
     .single-travel-post .m-body section:last-of-type {
          padding-bottom: 12px;
     }
/*
     ⤴︎ =============  end SINGLE TRAVEL
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         480px >=x
*/
@media screen and (max-width:480px) {
/*
     ⤵︎ =============  TRAVEL LISTINGS
*/
     .travel-listings-pg .intro-sctn .subcategories li a {
          --bs-btn-padding-y: 6px;
          font-size: 13px;
     }
     .travel-listings-pg .main-search {
          margin-top: 48px;
     }
     .travel-listings-pg .main-search .col:first-child {
          flex: 0 0 100%;
          padding-bottom: 0;
     }
     .travel-listings .selected-filters .btn {
          padding: 5px 6px 5px 18px;
          background-position: left 4px top 10px;
          background-size: 8px auto;
          font-size: 13px;
     }
     .travel-listings .classification .btn {
          padding: 9px 24px 9px 12px;
          font-size: 14px;
     }
     .travel-listings .results-header .btn.filters {
          font-size: 14px;
          --bs-btn-padding-x: 16px;
     }
     .travel-listings .results-header .btn.filters span {
          padding-left: 20px;
     }
     .travel-listings .entries .col {
          flex: 0 0 100%;
     }
     .travel-listings .entry .img {
          padding-top: 71%;
     }
     .travel-listings .entry .title {
          padding: 24px 9px;
     }
     .travel-listings .entry .entry-header {
          font-size: 20px;
     }
     .travel-listings .entry .wrapper .col:first-child {
          flex: 0 0 calc(100% - var(--pricebox-w));
     }
     .travel-listings .entry .wrapper {
          font-size: 15px;
     }
     .travel-listings .entry .wrapper .row {
          --pricebox-w: 130px;
     }
/*
          ⤴︎ =============  end TRAVEL LISTINGS
*/
/*
     ⤵︎ =============  SINGLE TRAVEL
*/
     .single-travel-post .m-body {
          padding: 36px 0 72px;
     }
     .single-travel-post .anchors {
          padding-bottom: 12px;
     }
     .single-travel-post .anchors .col {
          flex: 0 0 100%;
          max-width: none;
          padding-bottom: 6px;
     }
     .single-travel-post .main-info .box .length .d-flex {
          justify-content: center;
     }
     .single-travel-post .main-info .box .price {
          flex: 0 0 100%;
          padding-top: 12px;
          text-align: center;
     }
     .single-travel-post .main-info .box .price .value {
          width: 100%;
     }
     .single-travel-post .main-info .box .title {
          margin-right: 0;
          text-align: center;
     }
     .single-travel-post .m-body section h2.section-title.desc-price {
          font-size: 1.125em;
          font-weight: 600;
     }
     .single-travel-post .description h4 {
          font-size: 1.75em;
     }
     .single-travel-post .description h4 .smaller {
          font-size: 17px;
     }
     .single-travel-post .m-body .area .map iframe {
          height: 360px;
     }
     .single-travel-post .related-entries .s-title {
          margin-bottom: 30px;
          font-size: 1.25em;
          font-weight: 600;
     }
/*
     ⤴︎ =============  end SINGLE TRAVEL
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         380px >=x
*/
@media screen and (max-width:380px) {
/*
     ⤵︎ =============  TRAVEL LISTINGS
*/
     .travel-listings-pg .intro-sctn {
          padding-bottom: 96px;
     }
     .travel-listings-pg .breadcrumbs .active {
          font-size: 2.25em;
     }
     .travel-listings .m-title {
          font-size: 1.5em;
     }
     .travel-listings .entries .options {
          --bs-gutter-x: 12px;
     }
     .travel-listings .classification {
          width: 166px;
     }
     .travel-listings .entry .entry-header {
          font-size: 18px;
     }
/*
     ⤴︎ =============  end TRAVEL LISTINGS
*/
/*
     ⤵︎ =============  SINGLE TRAVEL
*/
     .single-travel-post header .title {
          font-size: 1.5em;
     }
/*
     ⤴︎ =============  end SINGLE TRAVEL
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         360px >=x
*/
@media screen and (max-width:360px) {
/*
     ⤵︎ =============  TRAVEL LISTINGS
*/
     .travel-listings .classification {
          width: 166px;
     }
     .travel-listings .entry .entry-header {
          font-size: 16px;
     }
     .travel-listings .entry .wrapper {
          font-size: 14px;
     }
/*
     ⤴︎ =============  end TRAVEL LISTINGS
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         320px >=x
*/
@media screen and (max-width:320px) {
/*
     ⤵︎ =============  TRAVEL LISTINGS
*/
     .travel-listings .results-header .row .col {
          flex: 0 0 100%;
     }
     .travel-listings .classification {
          width: 100%;
     }
     .travel-listings .results-header .btn.filters {
          min-width: 100%;
     }
/*
     ⤴︎ =============  end TRAVEL LISTINGS
*/
}
/* 
      ⤴︎
*/