/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Desktop
2. Tablet
3. Medium devices
4. Small devices
*/

/* ----- 1. Desktop ≥1024px and ≤1190 ----- */
@media (min-width:1024px) and (max-width:1199px) {
    .packages-slider {width: calc(100% - 50px);display: block;}
    /*--------- packages-landing ---------*/
    .packages-main .wrapper {margin: 0;}
    /*--------- villa-inner-page ---------*/
    .villa-inner-detail .villa-inner-text {right: 15px;}
    /*--------- rates-inner-page ---------*/
    .book-villa-btn .btn {margin-right: 20px;min-width: 170px;padding: 0 15px;text-align: center;}
    .villa-inner-price .villa-menu {padding-top: 3px;}

    /*CUSTOM Fancybox*/
    .fancybox-is-open .fancybox-stage .fancybox-confirm{ max-width:90%;}

}

/* ----- 2. Tablet ≥768px and ≤1023 ----- */
@media (min-width:768px) and (max-width:1023px) {
    /* .landing-section {height: 100vh;} */
    #wrapper.home-page {padding-top: 0px;}
    /* header */
    .landing-section .logo {width: 260px; float: none; margin: 62px auto 22px;}
    .landing-section .national-geo {bottom: 55px;}
    header.main-header .bottom-header .main-menu ul li {margin: 0; padding: 5px 1px;} /*CUSTOM*/
    header.main-header .bottom-header .main-menu ul li a {font-size: 11px;}
    header.main-header .bottom-header .main-menu ul li.has-submenu > a:before {top: 13px;}
    /* award-section */
    .award-section .top-caption h2 {font-size: 28px;}
    /* explore-villas-section */
    .explore-villas h2 {font-size: 28px;}
    .grid {margin: 0 -3px;}
    .grid-item {padding: 0 3px 6px;}
    /* experiences-slider-section */
    .experiences-slider .experiences-inner h2 {font-size: 28px;}
    /* crafted-packages */
    .packages-slider {width: calc(100% - 50px);display: block;margin: 0 auto 36px;}
    .packages-slide {padding: 0 10px 35px;}
    .packages-img .packages-time {padding: 0px 10px 10px;}
    .packages-time .packages-icons {padding-left: 35px;}
    .packages-time .packages-icons p {font-size: 16px;}
    .packages-detail {padding: 15px;}
    .packages-detail h3 {font-size: 18px;}
    .packages-slider {width: calc(100% - 50px);display: block;}
    .crafted-packages {padding-bottom: 40px;}

    /*--------- culinary-and-wine-experience page ---------*/
    #content-area {margin-top: 0;}
    .culinary-top .top-caption {padding: 30px 0 24px;}
    .culinary-top .top-caption h1 {font-size: 28px;}
    .culinary-top .single-culinary .img-block {min-height: 450px;width: 60%;}
    .culinary-top .single-culinary .inner-content {width: 40%;}
    .culinary-bottom .top-caption {margin-bottom: 30px;}
    .single-culinary.right-img .inner-content {right: 5%;}
    .culinary-top .single-culinary .content-block {padding: 30px 20px;}

    /*--------- packages-landing ---------*/
    .packages-main .wrapper {margin: 0 -5px;}
    .packages-main .packages-single {padding: 0 10px;margin-bottom: 20px;}
    .packages-time .packages-icons p {font-size: 14px;}
    .packages-main .top-caption h1 {font-size: 28px;}
    .packages-main .top-caption p {font-size: 16px;}

    /*--------- experience-page ---------*/
    .activity-type .activity-list figcaption {top: 10px;left: 10px;font-size: 18px;}
    .experiences-type .thumbs-wrapper .thumbs-item .text-caption {font-size: 14px;padding: 10px;}

    /*--------- villa-inner-page ---------*/
    .villa-inner-detail .villa-inner-text {right: 15px;}
    .villa-inner-slider h1 {font-size: 28px;margin-bottom: 10px;}
    .villa-inner-slider h2 {font-size: 28px;margin-bottom: 10px;}
    .villa-inner-slider .experiences-inner p {font-size: 18px;}
    .item-wrapper {margin: 0px -10px;}
    .item-wrapper .iteam {padding: 0px 10px;}
    .item-wrapper .description {padding: 10px;}
    .luxury-items .description h3 {font-size: 20px;}
    .explore-villas .top-caption {margin-bottom: 10px;}
    .explore-villas p {font-size: 18px;}
    .top-caption p {font-size: 18px;}

    /*--------- rates-inner-page ---------*/
    .rate-block .top-caption h1 {font-size: 28px;}
    .rate-block .top-caption .inner-caption {margin-bottom: 20px;}
    .currency-selector {flex-wrap: wrap;}
    .currency-selector p {margin-right: 0;margin-bottom: 15px;}
    .villa-rates-detail {padding: 15px;}
    .villa-rates-detail h2 {font-size: 28px;}
    .villa-inner-price .year-selection {width: 100%;text-align: center;}
    .villa-inner-price .year-selection .select-year {display: inline-block;vertical-align: top;}
    .villa-inner-price .villa-inner-img {margin-top: 0px;}
    .avilable-chart {width: 100%;padding-left: 0;}
    .avilable-chart .inner-table {margin-bottom: 20px;}
    .book-villa-btn .btn {margin-right: 15px;min-width: 150px;padding: 0 15px;text-align: center;font-size: 14px;}
    .villa-inner-price .villa-menu, .villa-inner-price .villa-inner-img {padding: 0 5px 0;}
    .villa-inner-price .villa-menu {padding-top: 3px;}
    .stay-includes h2 {font-size: 28px;}
    .stay-wrapper {margin: 0 auto;}
    .stay-wrapper .stay-single {width: 50%;padding: 0px 10px;margin-bottom: 20px;}
    .stay-wrapper .stay-detail h4 {font-size: 18px;}
    .extra-services-wrapper {margin: 0 -10px;}
    .extra-services-block h2 {font-size: 28px;}
    .extra-services-wrapper .extra-service {padding: 0px 10px;margin-bottom: 20px;width: 50%;}

    .villa-inner-price .villa-menu .year-selection {max-width: 100%;}
    .villa-menu .avilable-chart-list {width: 100%;}
    .avilable-chart table th {font-size: 12px;}
    .avilable-chart table tr:nth-child(2) th {font-size: 10px;} /*CUSTOM*/
    .avilable-chart table td {font-size: 12px;}

    /*CUSTOM Fancybox*/
    .fancybox-success .fancybox-stage {max-width: 90%;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm{ max-width:90%;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm .fancybox-skin{ padding:60px 70px !important;}
    .fancybox-is-open .fancybox-stage .open-popup {padding: 60px 70px;}

}

/* ----- 3. Medium devices ≤767px ----- */
@media (max-width:767px) {
    .landing-section .logo {margin-top: 30px;}
    .header-banner-div {padding-top: 0;}
    /* header */
    header.main-header .top-header .left-head .logo-head {width: 130px;line-height: 0.8;margin: 12px 0;}
    /* banner */
    .banner {height: auto;}
    .banner .banner-slide {min-height: 280px;height: 100%;padding-bottom: 40px;}
    .banner .banner-detail p {font-size: 16px;}
    .banner .banner-slider .slick-dots {bottom: 15px;}
    .landing-section .logo img {width: 60%;} /*CUSTOM*/

    /* award-section */
    .award-section .top-caption h2 {font-size: 20px;}
    /* explore-villas-section */
    .explore-villas {padding: 40px 0 40px;}
    .explore-villas .top-caption {margin-bottom: 10px;}
    .explore-villas h2 {font-size: 22px;margin-bottom: 5px;}
    .explore-villas p {font-size: 16px;}
    .grid {margin: 0 -3px;}
    .grid-item {padding: 0 3px 6px;}
    .villa-btns .btn.brown {min-width: 200px;}
    .villas-tab .tab-wrapper .tab-title li {padding: 10px;}
    /*.villas-tab .tab-wrapper .tab-title {display: none;}*/
    .villas-tab .tab-wrapper .tab-title {display: none;}
    .villas-tab .tab-details .tab-drawer-heading {display: block;margin-bottom: 6px;}
    .tab-drawer-heading {display: none;}
    .villas-tab .tab-details > li {display: none;}
    .villas-tab .tab-details > li.our-villa-tab.show {display: block;}
    .villas-tab .tab-details li .tab-drawer-heading {display: none;}
    .customSelectWrap {display: block;}
    /* experiences-slider-section */
    .experiences-slider {padding: 40px 0;}
    .experiences-slider .experiences-inner h2 {font-size: 22px;}
    .experiences-slider .experiences-inner p {font-size: 16px;}
    .experiences-slider .slider-for .main-item .villas-item {padding: 10px 15px;}
    /* experiences-section */
    .experiences-villa {padding-bottom: 44px;}
    .experiences-villa .top-caption h2 {font-size: 22px;}
    /* crafted-packages */
    .crafted-packages {padding-bottom: 40px;}
    .crafted-packages .top-caption h2 {font-size: 22px;}
    .packages-slider {width: calc(100% - 50px);display: block;margin: 0 auto 20px;}
    .packages-slide {padding: 0 10px 35px;}
    .packages-img .packages-time {padding: 0px 10px 10px;}
    .packages-time .packages-icons {padding-left: 35px;}
    .packages-time .packages-icons p {font-size: 16px;}
    .packages-detail {padding: 15px;}
    .packages-detail h3 {font-size: 18px;}
    .single-site {margin-bottom: 6px;}
    /* testimonials-section */
    .testimonials-section .top-caption h2 {font-size: 22px;}
    /* experience-website-section */
    .experience-website {padding: 40px 0;}
    .experience-website .top-caption h2 {font-size: 22px;}
    .single-site {margin-bottom: 6px;max-width: 260px;width: 33.33%;}

    /*--------- culinary-and-wine-experience page ---------*/
    #content-area {margin-top: 0;}
    #wrapper {padding-top: 48px;}
    .culinary-top .top-caption {padding: 30px 0 24px;}
    .culinary-top .top-caption h1 {font-size: 24px;}
    .culinary-top .single-culinary {flex-wrap: wrap;}
    .culinary-top .single-culinary .img-block {min-height: 300px;width: 100%;}
    .culinary-top .single-culinary .inner-content {width: 100%;}
    .single-culinary.right-img .inner-content {right: 0%;}
    .single-culinary.left-img .inner-content {left: 0%;order: 2;}
    .culinary-top .single-culinary .content-block {padding: 30px 15px;}
    .culinary-top .single-culinary .content-block h2 {font-size: 18px;}
    .culinary-bottom {padding-top: 30px;}
    .culinary-bottom .top-caption {margin-bottom: 30px;}
    .culinary-bottom .top-caption h2 {font-size: 24px;}
    .culinary-bottom .single-culinary .img-block {width: 100%;min-height: 300px;}
    .culinary-bottom .single-culinary .content-block {width: 100%;padding: 30px 0;}
    .single-culinary.left-img .content-block {order: 2;}
    .culinary-bottom .single-culinary.left-img .content-block {padding-right: 0;}
    .culinary-bottom .single-culinary.right-img .content-block {padding-left: 0;}
    .culinary-bottom .single-culinary .content-block p {margin-bottom: 15px;}

    /*--------- packages-landing ---------*/
    .packages-main .wrapper {margin: 0 -5px;}
    .packages-main .packages-single {padding: 0 10px;margin-bottom: 20px;width: 50%;}
    .packages-time .packages-icons p {font-size: 14px;}
    .packages-main .top-caption h1 {font-size: 22px;}
    .packages-main .top-caption p {font-size: 16px;}

    /*--------- packages-landing ---------*/
    .home-content .culinary-bottom {margin-bottom: 20px;}

    /*--------- experience-page ---------*/
    .activity-type .activity-list figcaption {top: 10px;left: 10px;font-size: 18px;}
    .experiences-type .thumbs-wrapper .thumbs-item .text-caption {font-size: 12px;padding: 10px;}
    .experiences-type-img {width: 100%;}
    .experiences-type-info {width: 100%;}
    .experiences-type .slider-nav {padding-bottom: 35px;}
    .experiences-type-img {height: 350px;}

    /*--------- villa-inner-page ---------*/
    .banner.villa-inner-block .slick-next {right: 15px;}
    .banner.villa-inner-block .slick-prev {left: 15px;}
    .villa-inner-slider {padding: 40px 0;}
    .villa-inner-detail .villa-inner-text {right: 15px;}
    .villa-inner-slider h1 {font-size: 22px;margin-bottom: 10px;}
    .villa-inner-slider h2 {font-size: 22px;margin-bottom: 10px;}
    .villa-inner-slider h5 {font-size: 22px;margin-bottom: 10px;}
    .villa-inner-slider .experiences-inner p {font-size: 16px;}
    .top-caption h2 {font-size: 22px;}
    .item-wrapper {margin: 0px -10px;}
    .item-wrapper .iteam {padding: 0px 10px;width: 50%;}
    .item-wrapper .description {padding: 10px;}
    .luxury-items .description h3 {font-size: 20px;}
    .explore-villas .top-caption {margin-bottom: 10px;}
    .explore-villas p {font-size: 16px;}
    .top-caption p {font-size: 16px;}

    /*--------- rates-inner-page ---------*/
    .rate-block {margin-bottom: 40px;}
    .rate-block .top-caption h1 {font-size: 22px;}
    .rate-block .top-caption .inner-caption {margin-bottom: 20px;}
    .currency-selector {flex-wrap: wrap;}
    .currency-selector p {margin-right: 0;margin-bottom: 15px;}
    .villa-rates-detail {padding: 15px;}
    .villa-rates-detail h2 {font-size: 22px;}
    .villa-rates-detail .villa-inner-price .villa-menu {order: 1;}
    .villa-inner-price {position: relative;padding-top: 32px;}
    .villa-inner-price .villa-menu, .villa-inner-price .villa-inner-img {width: 100%;padding: 0 5px;}
    .villa-inner-price .villa-inner-img {margin-top: 0px;margin-bottom: 20px;}
    .villa-inner-price .year-selection {width: 100%;}
    .villa-inner-price .year-selection .select-year {display: inline-block;vertical-align: top;}
    .avilable-chart {width: 100%;padding-left: 0;}
    .book-villa-btn .btn {margin-right: 15px;min-width: 150px;padding: 0 15px;text-align: center;font-size: 14px;}
    .stay-includes {margin-bottom: 30px;}
    .stay-includes h2 {font-size: 22px;}
    .stay-wrapper {margin: 0 auto;}
    .stay-wrapper .stay-single {width: 50%;padding: 0px 5px;margin-bottom: 10px;}
    .stay-wrapper .stay-detail h4 {font-size: 16px;}
    .extra-services-block {margin-bottom: 30px;}
    .extra-services-block h2 {font-size: 22px;}
    .extra-services-wrapper {margin: 0px;}
    .extra-services-wrapper .extra-service {padding: 0px 5px;margin-bottom: 10px;width: 50%;}
    .extra-services-wrapper .extra-service .overlay-text h4 {font-size: 16px;}
    .avilable-chart .note-detail {margin-bottom: 20px;}

    /* 17-01-2019 */
    header.main-header .top-header .right-head-mobile .mobile-menu:hover {border: 1px solid #a0410d;background-color: #a0410d;color: #fff;}
    .villa-inner-price .villa-menu .year-selection {max-width: 100%;text-align: center;}
    .villa-menu .avilable-chart-list {width: 100%;}
    .avilable-chart table th {font-size: 12px;}
    .avilable-chart table tr:nth-child(2) th {font-size: 10px;} /*CUSTOM*/
    .avilable-chart table td {font-size: 12px;}
    .book-villa-btn {text-align: center}

}

/* ----- 4. Small devices ≤640px ----- */
@media (max-width:640px) {

    /* header */
    .landing-section .logo {width: 200px; float: none; margin: 22px auto;}
    header.main-header .top-header .right-head-mobile {font-size: 0;}
    header.main-header .top-header .right-head-mobile .btn {margin: 0 5px 0 0;}
    header.main-header .top-header .right-head-mobile .btn:last-child {margin: 0;}
    /* banner */
    .banner {padding: 0;}
    .landing-section .logo img {width: 60%;} /*CUSTOM*/

    /* explore-villas-section */
    .explore-villas .villa-btns .btn.brown {min-width: auto;margin: 0 auto 20px;display: block;max-width: 170px;padding: 0 20px;}
    .explore-villas .villa-btns .btn.brown:last-child {margin-right: auto;margin-bottom: 0;}
    .grid-item {width: 50%;}
    .experiences-slider .slider-for .main-item .villas-item {padding: 15px;}
    /* footer */
    footer.main-footer .footer-top .single-foot.second .btn {margin: 20px;line-height: 42px;}

    /*--------- packages-landing ---------*/
    .packages-main .wrapper {margin: 0;}
    .packages-main .packages-single {padding: 0;margin-bottom: 20px;width: 100%;max-width: 400px;}

    .persona-slides .overlay-content {width: 100%;position: static;padding: 15px;}
    .persona-view .persona-slider .slick-prev {left: -15px;}
    .persona-view .persona-slider .slick-next {right: -15px;}
    .persona-slides .overlay-content h4 {font-size: 20px;}
    .persona-slides img {object-fit: cover;object-position: center center;min-height: 100%;}

    .typed-block-villa .tick-block .left {width: 100%;margin: 0;}
    .typed-block-villa .tick-block .right {width: 100%;margin-bottom: 20px;}
    .activity-type .activity-list {width: 100%;padding: 0;margin-bottom: 20px;}
    .experiences-type {margin-bottom: 0;}
    .experiences-type-info {padding: 15px;}
    .experiences-type-img {height: 250px;}
    .experiences-type .private-villa-slider {width: 100%;margin-bottom: 0;}
    .experiences-type .private-villa-slider .slick-dots {position: static;}
    .experiences-type .private-villa-slider .slick-track {margin-bottom: 15px;}

    /*--------- villa-inner-page ---------*/
    .item-wrapper {margin: 0;}
    .item-wrapper .iteam {padding: 0px;width: 100%;max-width: 320px;}
    .banner.villa-inner-block .inner-banner-slider {margin-bottom: 0;}

    /*--------- rates-inner-page ---------*/
    .stay-wrapper .stay-single {width: 100%;max-width: 400px;}
    .extra-services-wrapper .extra-service {width: 50%;max-width: 400px;margin-left: auto;margin-right: auto;}
    .book-villa-btn {display: flex;flex-direction: column;}
    .book-villa-btn .btn {margin: 0 auto 15px;}
    .book-villa-btn .btn:last-child {margin: 0 auto;}
    .hospitality-section.rates .make-buttons {flex-direction: column;}
    .hospitality-section.rates .make-buttons .btn {margin-left: 0;margin-right: 0;}

    .experiences-type .private-villa-slider .slick-arrow {background-color: transparent;top: -30px;width: auto;}
    .experiences-type .private-villa-slider .slick-prev {left: 0;}
    .experiences-type .private-villa-slider .slick-prev:before, .experiences-type .private-villa-slider .slick-next:before {font-size: 20px;}
    .content-overlay p {font-size: 14px;}

    /*CUSTOM Fancybox*/
    .fancybox-is-open .fancybox-stage .open-popup {padding: 50px 0px 30px 10px !important;}
    .fancybox-is-open .fancybox-stage {max-width: 90%;}
    .fancybox-detail #detail-popup {padding: 50px 15px 20px !important;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm{ max-width:90%;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm .fancybox-skin{ padding:40px 20px !important;}
    .fancybox-confirm .fancybox-stage .open-popup {padding: 40px 20px;}

}

/* ----- 5. Small devices ≤480px ----- */
@media (max-width:480px) {

    .avilable-chart .inner-table {overflow-x:scroll /*CUSTOM overflow: scroll;*/}
    .avilable-chart table {width: 480px;}
    .single-site {width: 50%;}
    .extra-services-wrapper .extra-service {width: 100%;}
}

/* ----- 6. Desktop ≥1200px and ≤1499 ----- */
@media (min-width:1200px) and (max-width:1499px) {
    /*--------- index-page ---------*/
    .packages-slider {width: calc(100% - 50px);margin: 0 auto 36px;}
}

/*CUSTOM Fancybox*/
/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
    .fancybox-is-open .fancybox-stage {max-width: 90%;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm{ max-width:90%;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm .fancybox-skin{ padding:50px 50px !important;}
    .fancybox-confirm .fancybox-stage .open-popup {padding: 50px;}

}