/* Table of Contents
-----------------------------------------------------------------------------
1. Mobile
2. Large Mobile
3. iPad
4. large desktop
5. Other
*/
.html5-video-container video{height: auto !important;}

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px) {
    .container {padding: 0 15px;}
    .btn {font-size: 14px; line-height: 42px;}
    a.fancybox-close.icon {font-size: 12px; height: 30px; width: 30px; line-height: 26px; position: absolute; top: 10px; right: 10px; background-color: #336531;}
    a.fancybox-close.icon:before{line-height: 2;}
    #wrapper.home-page{padding-top: 48px;}
    /* header */
    header.main-header .top-header .left-head .logo-head {width: 130px; margin: 10px 0;}
    header.main-header .top-header .right-head {display: none;}
    header.main-header .bottom-header {display: none;}
    header.main-header .top-header .right-head-mobile {display: block;}
    .fancybox-is-open .fancybox-stage .open-popup {padding: 50px 0px 30px 10px !important;}
    .fancybox-is-open .fancybox-stage {max-width: 90%;}
    .make-inquiry{padding: 0 20px 0 10px;}
    .inquiry-form h2{font-size: 22px; line-height: 26px;}
    .inquiry-form p{font-size: 14px; line-height: 1.2;}
    .inquiry-form .frm_element{margin-bottom: 0;}
    .inquiry-form .frm_element .column{max-width: 100%; margin-right: 0; margin-bottom: 10px;}
    .inquiry-form .frm_element .column input{height: 42px; font-size: 12px; padding: 0px 10px;}
    .inquiry-form .frm_element .column .customSelectWrap .customSelect{height: 42px; line-height: 42px; font-size: 12px; padding: 0 10px; max-width: 100%;}
    .inquiry-form .frm_element .date-part input{padding-left: 42px; background-position-x: 11px;}
    .inquiry-form .frm_element textarea{margin-bottom: 20px; padding: 10px; font-size: 12px;}
    .inquiry-form .frm_action .submit{font-size: 14px;}
    .contact-info > .title h3{font-size: 20px;}
    .contact-info .info{padding: 10px;}
    .contact-info .info .block{max-width: 100%; float: none; display: block; margin-bottom: 15px;}
    .contact-info .info .block:first-child{max-width: 100%; margin-bottom: 15px;}
    .contact-info .info .block .title{font-size: 16px;}
    /* footer */    
    footer.main-footer .footer-top .single-foot .contact-block {margin: 0 0 20px;}
    footer.main-footer .social-block {text-align: center; margin: 0 0 30px;}
    footer.main-footer .footer-top .single-foot.first {padding: 0; text-align: left;}
    footer.main-footer .footer-top .single-foot.third .title {text-align: center;}
    footer.main-footer .footer-top .single-foot.second .btn {margin: 0; line-height: 42px;}
    footer.main-footer .footer-top .single-foot.second figure img {width: 130px;}
    footer.main-footer .footer-top .single-foot.first {width: 100%; padding-right: 0;}
    footer.main-footer .footer-top .single-foot.second {width: 100%;padding-top: 0;}
    footer.main-footer .footer-top .single-foot.third {width: 100%; padding: 20px 0;}
    footer.main-footer .footer-top {padding: 20px 0;}    
    footer.main-footer .footer-bottom .copyright {margin: 0 0 8px; width: 100%; text-align: center;}
    footer.main-footer .footer-bottom ul.terms-privacy {margin: 0;  width: 100%; text-align: center;}

    /*------------home-page--------------*/
    .landing-section {min-height: 450px; max-height: 600px;}
    .landing-section .logo {width: 180px; float: none; margin: 22px auto;}
    .landing-section .caption { padding: 100px 0 0; }
    .landing-section .caption h1,
    .landing-section .caption .h1{font-size: 30px; line-height: 1;}
    .landing-section .caption h3,
    .landing-section .caption .h3{font-size: 16px;}
    /* .landing-section .caption .play-video span {height: 60px; width: 60px; font-size: 30px; }
    .landing-section .caption .play-video span::before {line-height: 54px;} */
    .landing-section .national-geo {width: 120px; bottom: 30px;}
    .landing-section .down-arrow {bottom: 20px; right: 15px;}    
    .specific-gatway-section {background-color: #9a7a55; padding: 0;}
    .specific-gatway-section .container {padding: 0;}
    .specific-gatway-section .right-block {display: none; width: 100%; padding: 15px; background-color: #F5E2C9;}
    .specific-gatway-section .left-block {width: calc(100% - 50px); padding: 12px 15px;}
    .specific-gatway-section .left-block p {font-size: 16px; color: #fff; margin: 0; }
    .specific-gatway-section .down-arrow {display: inline-block;}
    .specific-gatway-section .right-block ul li {width: 33.33%; margin: 5px -2px; padding: 5px; }
    .specific-gatway-section .right-block ul li a {font-size: 13px;}
    .banner {height: 330px;}
    .banner .text-bg-overlay{padding: 40px 20px 10px 20px;}
    .banner h2, .banner .h2 {font-size: 22px;}    
    .melting-section h2 {font-size: 22px; padding: 24px 0;}
    .melting-section .full-blocks .single-block {width: 50%;  min-height: 160px;}
    .melting-section .full-blocks .single-block .title {font-size: 13px;}    
    .top-caption{margin-bottom: 15px;}
    .top-caption h2,
    .experiences-section .top-caption h2{font-size: 20px;}
    .top-caption p {font-size: 16px;}    
    .progressive-section {height: 394px;}
    .progressive-section h2 {font-size: 22px;}
    .progressive-section p {font-size: 14px; margin-bottom: 20px;}    
    .accomodation-section {padding: 40px 0;}
    .accomodation-section .top-caption{margin-bottom: 20px;}
    .accomodation-tab .tab-button {display: none;}
    .accomodation-tab .accomodation-slider {border-bottom: none;border-top: none;}
    .accomodation-tab a.accordian-click {display: block;}
    .accomodation-tab .accomodation-slider .single-accomodation {margin-top: 1px;}
    .accomodation-tab .accomodation-slider .single-accomodation .both-block {display: none; border-bottom: 5px solid #a68e54;} 
    .accomodation-tab .accomodation-slider .single-accomodation .left-accomodation {width: 100%; height: auto !important; padding: 18px 18px 10px; margin: 0; }
    .accomodation-tab .accomodation-slider .single-accomodation .right-accomodation {width: 100%; height: auto !important; min-height: 190px; }
    .accomodation-tab .accomodation-slider .single-accomodation .left-accomodation h3 {font-size: 22px; margin: 0 0 12px;}
    .accomodation-tab .accomodation-slider .single-accomodation .left-accomodation p {font-size: 12px; margin: 0 0 22px;}
    .accomodation-tab .accomodation-slider .single-accomodation .left-accomodation .btn { display: block; max-width: 98%; margin: 0 auto 15px; font-size: 14px; line-height: 42px;}
    .gallery-section {padding: 40px 0;}
    .gallery-section .container{padding: 0;}
    .honeymoon-gateway-page .inner-gallery.gallery-section{padding-bottom: 40px;}
    .honeymoon-gateway-page .specials-overview-section .container{padding-top: 30px;}
    .gallery-section .top-caption{padding: 0 15px;}
    .gallery-grids a.fancybox.height1 {height: auto !important;}
    .gallery-grids a.fancybox.height2 {height: auto !important;}
    .gallery-grids a.fancybox .gallery-inner .bg-img img {display: block;}
    .gallery-grids a.fancybox .gallery-inner .bg-img { -webkit-transition:  none;  transition: none;}
    .gallery-grids a.fancybox {padding: 0; -webkit-transition:  none;  transition: none;}
    .gallery-grids a.fancybox .gallery-inner::before {content: "k"; left: 30px; top: 30px; opacity: 1;}
    .gallery-grids a.fancybox:hover .gallery-inner .bg-img {opacity: 1;}
    .gallery-grids a.fancybox .gallery-inner .title {display: none;}    
    .experiences-section {padding: 40px 0; overflow: hidden;}
    .experience-grids {margin: 0 -5px 20px; width: calc(100% + 10px);}
    .experience-grids .single-experience {padding: 5px; }
    .experience-grids .single-experience .title {font-size: 16px; padding: 14px; text-align: left;}
    .experience-grids .single-experience-bg {display: block;}
    .experience-grids .single-experience img {display: none;}
    .experience-grids .single-experience.width01 {width: 50%;}
    .experience-grids .single-experience.width02 {width: 50%;}    
    .food-wine-section {padding: 40px 0;}
    .food-wine-rows .single-food-wine .food-wine-img {width: 100%; height: auto !important; min-height: 1px; margin: 0 0 20px;}
    .food-wine-rows .single-food-wine .food-wine-content {width: 100%; height: auto !important; min-height: 1px; padding: 0;}
    .food-wine-rows .single-food-wine .food-wine-img img {display: block; width: 100%;}
    .food-wine-rows .single-food-wine .food-wine-content .title,
    .food-wine-rows  .title h3{font-size: 18px; margin: 0 0 18px;}
    .food-wine-rows .single-food-wine .food-wine-content p {font-size: 14px;margin: 0 0 18px;}
    .food-wine-rows .single-food-wine .food-wine-content .btn {position: static; padding: 0 20px;}
    .food-wine-rows .single-food-wine {margin-top: 30px; padding-top: 30px;}    
    .specials-overview-section{padding: 30px 0;}
    .specials-overview-section .container {padding: 30px 15px 40px;}
    .specials-overview-slider .single-inner .only-title {display: none;}
    .specials-overview-slider .single-inner .overlay-content {opacity: 1; transform: scale(1); visibility: visible;}
    .specials-overview-slider .single-inner .overlay-content p {display: none;}
    .specials-overview-slider .single-inner .overlay-content:after{position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
    .specials-overview-slider .single-inner .overlay-content .dis-table-cell {vertical-align: bottom;}
    .specials-overview-slider .single-inner .overlay-content .btn {margin: 0; font-size: 12px; line-height: 34px; padding: 0 14px;}
    .specials-overview-slider .single-inner:hover figure {opacity: 1;}
    .specials-overview-slider .single-inner .only-title, 
    .specials-overview-slider .single-inner .overlay-content .title {font-size: 16px;}
    .specials-overview-slider .slick-next {right: 0; left: auto;}
    .specials-overview-slider .slick-prev {right: auto; left: 0;}
    .specials-overview-slider .slick-prev::before, 
    .specials-overview-slider .slick-next::before {color: #fff;}    
    .hospitality-section {padding: 20px 0; margin-bottom: 10px;}
    .hospitality-section .top-caption h4,
    .hospitality-section .top-caption .h4{font-size: 22px;}
    .hospitality-section .make-buttons .btn {font-size: 13px; line-height: 42px; margin: 6px;}
    .sub-title-h3,
    .decadent-dining-page h2, .decadent-dining-page .sub-title-h3,
    .days-activity h3, .days-activity .sub-title-h4{font-size: 22px;}

    /*-------thank-you-page---------*/
    /* #content-area{margin-top: 47px;} */
    .thank-you-block{padding: 30px 0;}
    .thank-you-block .top-caption h1{font-size: 20px;}
    .thank-you-block .top-caption p{font-size: 15px;}

    /*----------accomodation-page----------*/
    .accomodation-block{padding-top: 20px; padding-bottom: 15px;}
    .landing-section.inner-banner{height: 350px;}
    .landing-section.inner-banner .caption{padding-top: 20px;}
    .landing-section .caption h1,
    .landing-section .caption .h1{font-size: 26px;font-weight: 700;}
    .landing-section.inner-banner .caption h3{font-size: 14px;}
    /* .landing-section .caption .play-video span{width: 54px; height: 54px; font-size: 30px;}
    .landing-section .caption .play-video span:before{line-height: 50px;} */
    .heading-caption h1{font-size: 22px;}
    .heading-caption p{font-size: 16px;}
    .lodge-block-wrapper{background: #61553d;}
    .lodge-block-wrapper .container{padding: 0 20px;}
    .lodge-block nav li{margin: 0 25px; background: #d8d6c9;}
    .lodge-block nav li a .title{font-size: 16px; margin-bottom: 0;}
    .lodge-block nav li a span{display: none;}
    .lodge-block .slick-prev{left: -20px; padding: 0;}
    .lodge-block .slick-next{right: -20px; padding: 0;}
    .lodge-block .slick-prev:before, .lodge-block .slick-next:before{color: #fff; font-size: 20px;}
    .lodge-block-content{padding: 15px 0;}
    .lodge-block-content .lodge-bg{max-width: 100%; float: none; height: 190px !important;}
    .lodge-block-content .lodge-bg.style-1{float: none;}
    .lodge-block-content .lodge-bg.style-1 .lodge-title{right: inherit; left: 15px;}
    .lodge-block-content .lodge-bg .lodge-title{font-size: 20px; bottom: 10px; left: 15px;}
    .lodge-block-content .lodge-detail{max-width: 100%; padding: 15px; float: none;}
    .lodge-detail h2{font-size: 22px;}
    .lodge-detail h3{font-size: 20px;}
    .lodge-detail .see-more{text-align: center;}
    .lodge-detail a.btn:first-child{margin-right: 0;}
    .lodge-detail a.btn{width: 230px; padding: 0; margin-right: 0; margin-bottom: 10px;}  
    .private-villas-block .lodge-detail .see-more{text-align: center;}
    .garden-lodge-suites-block .virtual-tours .text-caption{padding: 40px 15px;}
    .inner-gallery.gallery-section.border-btm .container{padding-bottom: 30px;}

    /*---------garden-lodge-page---------*/
    .inner-banner-slider{margin-bottom: 45px;}
    .inner-banner-slider .iteam{height: 280px;}
    .inner-banner-slider .iteam h1,
    .inner-banner-slider .iteam .h1{font-size: 22px; text-align: center; right: 0; padding: 0 15px; left: 0;}
    .inner-banner-slider .slick-arrow{width: 30px; height: 30px;}
    .inner-banner-slider .slick-prev:before, .inner-banner-slider .slick-next:before{line-height: 30px; font-size: 15px;}
    .inner-banner-slider .slick-dots{bottom: -25px;}
    .inner-banner-slider .slick-dots li button{border: 1px solid #8c4319;}
    .inner-banner-slider .slick-prev{left: 10px;}
    .inner-banner-slider .slick-next{right: 10px;}
    .garder-lodge-block .inroduction .heading-caption{border-bottom: 0;}
    .garder-lodge-block .overview p{line-height: 20px; font-size: 14px;}
    .overview .highlights .left{max-width: 100%; float: none; display: inline-block;}
    .highlights-slider{margin-bottom: 40px; /*CUSTOM*/}
    .overview .highlights .right{max-width: 460px; display: inline-block; float: none; margin-bottom: 0;}
    .overview .highlights .left p{margin-bottom: 25px;}
    .overview .highlights .left{padding: 0;}
    .overview.suits .highlights .right{max-width: 40%;}
    .overview .highlights .left .suits-btn{display: block; text-align: center;}
    .garder-lodge-block .overview.suits{margin-bottom: 30px;}
    .overview.style-1 .left .highlight-points{max-width: 100%;}
    .lodge-block nav li{margin: 0 5px;}
    .garder-lodge-block .overview .title h3{font-size: 22px; margin-bottom: 10px;}
    .garder-lodge-block .overview h3,
    .garder-lodge-block .overview h2{font-size: 22px; margin-bottom: 10px;}
    .garder-lodge-block .overview .highlights{margin-top: 0; padding: 15px;}
    .highlights-slider .slick-prev{left: 10px;}
    .highlights-slider .slick-next{right: 10px;}
    .highlights-slider .slick-arrow{width: 30px; height: 30px;}
    .highlights-slider .slick-prev:before, .highlights-slider .slick-next:before{font-size: 15px; line-height: 30px;}
    .overview.style-1 .highlights{padding: 0; margin: 0;}
    .overview.suits .highlights .right{max-width: 450px;}
    .highlights .left .highlight-points ul{width: 100%;}
    .highlights .left .highlight-points ul li{font-size: 14px;}
    .highlights .left .highlight-points ul li:before{font-size: 10px;}
    .overview.style-1 .right{margin-right: 0;}
    .overview .right .highlights-banner .iteam{height: 200px;}
    .overview .highlights .right .highlights-slider .iteam{height: 200px;}
    .overview .highlights .right .highlights-slider .iteam h4{font-size: 18px; color: #000; background: rgba(255,255,255,.8); padding: 5px 10px; right: 0; bottom: 0;}
    .our-rates-section{padding: 25px 0;}
    .our-rates-section h3,
    .our-rates-section .container h3,
    .our-rates-section .container .h3{font-size: 22px;}
    .virtual-tours{padding: 20px 15px;}
    .virtual-tours .text-caption{padding: 20px 15px;}
    .virtual-tours .text-caption p{font-size: 14px;}
    .virtual-tours .text-caption p br{display: none;}
    .virtual-tours .text-caption h4,
    .virtual-tours .text-caption h2,
    .virtual-tours .text-caption .h2{font-size: 20px; margin-bottom: 15px;}
    .virtual-tours .text-caption .btn-round{width: 54px; height: 54px;}
    .virtual-tours .text-caption .btn-round:after{background-size: 35px; width: 35px; height: 35px;}
    .virtual-tours .text-caption p{margin-bottom: 0;}
    .garder-lodge-block .gallery-section{padding: 0;}
    .garder-lodge-block .gallery-section .container{padding-bottom: 30px;}
    .gallery-section.inner-gallery .gallery-grids a.fancybox.search:before{display: none;} 
    .slider-for .main-item{height: 210px !important;}
    .slider-nav{display: none;}
    .thumbs-wrapper .thumbs-item .text-caption{font-size: 11px;}
    .slider-for .main-item .villas-item{max-width: 100%; padding: 0; left: 0;}
    .villas-item h2,
    .villas-item h3{font-size: 24px; padding-right: 70px; max-height: 55px; overflow: hidden;}
    .private-villa-slider .slick-arrow{top: 0; transform: inherit; -webkit-transform: inherit; -ms-transform: inherit; width: 25px; height: 25px; border-radius: 50%; background: #8c4319; text-align: center;}
    .private-villa-slider .slick-prev:before, .private-villa-slider .slick-next:before{font-size: 12px;}
    .private-villa-slider .slick-prev{right: 30px; left: inherit;}
    .private-villa-slider .slick-next{right: 0;}
    .garder-lodge-block .overview .villas-item p{font-size: 14px;}
    .thumbs-wrapper{margin: 0 5px;}  
    .private-villa-slider{padding-bottom: 25px;}  
    .private-villa-slider .slick-dots{display: block !important; bottom: -25px;}
    .private-villa-slider .slick-dots li button{background: #fff; border: 1px solid #8c4319;}
    .private-villa-slider .slick-dots li.slick-active button, .private-villa-slider .slick-dots li:hover button{background: #8c4319;}

    /*-----------garden-lodge-suites-page---------*/
    .garder-lodge-block{padding-top: 20px;}
    .garden-lodge-suites-block .highlights-suites h5{font-size: 18px;}
    .garder-lodge-block .overview p{font-size: 14px;}
    .highlight-suites-slider{max-width: 100%;}
    .highlight-suites-slider .iteam{margin: 0 5px;}
    .highlight-suites-slider .text-caption{padding: 15px;}
    .highlight-suites-slider .text-caption h3{font-size: 18px;}
    .highlight-suites-slider .slick-prev:before, .highlight-suites-slider .slick-next:before{font-size: 28px; color: #fff;}
    .highlight-suites-slider .slick-next{right: 0;}
    .highlight-suites-slider .slick-prev{left: 0;}
    .highlight-suites-slider .slick-arrow{top: 30%;}
    .highlight-suites-slider .iteam img{width: 100%;}
    .suites-info .title h2{font-size: 22px;}
    .suites-info .configuration{max-width: 100%; padding: 15px;}
    .suites-info .configuration h3{font-size: 20px;}
    .suites-info .configuration ul li .field{width: calc(100% - 43px); max-width: 100%; height: auto !important; padding: 5px 11px;}
    .suites-info .configuration ul li .field:after{top: inherit; transition: inherit; -webkit-transition: inherit; border-width: 5px 7px 0 7px; border-color: #dfc790 transparent transparent transparent; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -5px;}
    .suites-info .configuration ul li .detail{width: calc(100% - 43px); max-width: 100%; padding: 5px 11px; height: auto !important;}
    .suites-info .essentials{max-width: 100%;}
    .suites-info .essentials h3{font-size: 20px; margin-bottom: 20px; text-align: left;}
    .suites-info .essentials ul li{max-width: 100%; margin-right: 0; padding: 12px 0}
    .suites-info .essentials ul li img{top: 16px;}

    /*---------specials-gallery-page---------*/
    .sapecials-page{padding-top: 30px;}
    .sapecials-page .specials-overview-section .container{padding : 0 15px;}
    .sapecials-page .specials-overview-slider{margin-bottom: 25px;}
    .specials-gallery .single-specials-overview{max-width: 300px; float: none; display: inline-block; vertical-align: top; margin: 0 auto; padding: 10px 7px;}
    .sapecials-page .specials-overview-section{text-align: center;}

    /*---------rates-page---------*/
    .rates-page{padding: 30px 0 0;}
    .rates-table .right-part{max-width: 100%; float: none; display: block;}
    .rates-table .right-part .block{width: 49%; display: inline-block; vertical-align: top; margin-bottom: 20px;}
    .rates-table .right-part .block.season a:nth-child(3n){margin-right: 5px;}
    .rates-table .left-part{max-width: 100%; float: none;}
    .rates-block .rates-table h3{font-size: 20px;}
    .rates-block .stay-block h2{font-size: 22px;}
    .your-stay-block .highlight-suites-slider .slick-prev{left: 0;}
    .your-stay-block .highlight-suites-slider .slick-next{right: 0;}
    .your-stay-block .highlight-suites-slider .slick-arrow{top: 80px; transform: inherit; -webkit-transform: inherit; -ms-transform: inherit;}
    .hospitality-section.animal-block .make-buttons span{display: none;}
    .insturction-tabbing .nav-tabs li{max-width: 30%;}
    .insturction-tabbing .tab-content .tab-pane{margin-bottom: 1px;}
    .insturction-tabbing .tab-content .tab-pane.active{padding: 15px;}
    .insturction-tabbing .tab-content h4{font-size: 18px;}
    .rates-page .specials-overview-section{padding: 0;}

    /*-------------honeymoon-page---------------*/
    .honeymoon-gateway-page .heading-caption{padding-top: 15px;}    
    .gateway-block{padding: 15px 13px; margin-bottom: 30px;}
    .gateway-block .saving-detail{max-width: 100%; margin-right: 0; padding-right: 0; margin-bottom: 15px;}
    .gateway-block .saving-detail .btn-save{font-size: 20px; padding: 6px 14px;}
    .gateway-block .block{max-width: 100%; margin-right: 0; padding: 15px; margin-bottom: 20px; height: auto !important; min-height: inherit;}
    .gateway-block .block:last-child{margin-bottom: 0;}
    .gateway-block .block h4{font-size: 20px;}
    .gateway-block .block p{font-size: 14px;}
    .package-include-block{padding: 20px 0; margin-bottom: 20px;}
    .package-include-block h3{font-size: 22px;}
    .package-include-block ul li{width: 100%;}
    .package-include-block ul a.btn {width: 170px !important; margin: 0 auto; text-align: center; text-transform: uppercase;}
    .package-include-block ul a.btn-load-less{display: none;}
    .package-include-block ul a.btn-load-more{display: inline-block;}
    .package-include-block ul.data-expand li a.btn-load-less{display: inline-block;}
    .package-include-block ul.data-expand li a.btn-load-more{display: none;}
    .package-include-block ul li:last-child:before{display: none;}
    .package-include-block ul.data-expand li{display: block;}
    .package-include-block ul > *:nth-child(6)~*{display: none;}
    .package-include-block ul li:last-child{display: block; margin-top: 20px; text-align: center; padding: 0;}

    /*---------helpfull-info-faq-page-----------*/
    .helpfull-info-page .heading-caption{margin-bottom: 0;}
    .info-tab .nav-tabs{display: none;}
    .info-tab .tabing-detail{max-width: 100%; height: auto !important;}
    .info-tab .tabing-detail .row{margin-bottom: 1px;}
    .info-tab .tab-pane{padding: 15px 13px;}
    .info-tab .tab-pane h3{font-size: 22px;}
    .helpfull-info-page p{font-size: 14px;}
    .info-tab #map{height: 326px;}
    .enroute-to-grootbos h2{font-size: 22px;}
    .enroute-to-grootbos p{font-size: 16px; line-height: 20px;}
    .enroute-gallery .block .caption{font-size: 16px; left: 10px; bottom: 10px; line-height: 20px;}
    .enroute-gallery .block{max-width: 50%; margin: 0; padding: 5px;}
    .services .service-block{padding: 15px;}
    .services .service-block h3{font-size: 22px;}
    .services .service-block .left{max-width: 100%; margin-bottom: 20px;}
    .faq-block h3{font-size: 22px;}
    .faq-block h4{font-size: 18px;}
    .services .service-block .right{max-width: 100%;}
    .faq-block .question-block .left{max-width: 100%; margin-right: 0;}
    .faq-block .question-block .right{max-width: 100%;}
    .faq-block .question-block .row h5{padding: 17px; padding-left: 54px; font-size: 14px;}
    .faq-block .question-block .row h5:before{top: 12px; left: 15px;}
    .faq-block .question-block .row .answer{padding: 15px;}
    .our-location-page{padding: 30px 0 0;}
    .our-location-block{margin-bottom: 25px;}
    .our-location-block #map{height: 367px;}

    /*-------------gallery-page---------------*/
    .gallery-page{padding: 40px 0 0; text-align: center;}
    .right-content ul li{max-width: 50%; width: 100%;}

    /*----------food-and-wine-page------------*/
    .food-and-wine-page .garder-lodge-block{padding-bottom: 0;}
    .inner-banne-bg .iteam{height: 350px;}
    .inner-banne-bg .iteam h1,
    .inner-banne-bg .iteam .h1{font-size: 19px; /*CUSTOM was 22px*/ text-align: center; right: 0; padding: 0 10px;}
    .food-and-wine-page .heading-caption{padding-top: 30px;}
    .food-and-wine-page .overview.suits .highlights .right{margin-bottom: 15px;}
    .overview.suits.wine-exp .highlights .right{margin-bottom: 15px;}
    .food-and-wine-page .overview .highlights .left .btn-see{margin-top: 0; margin-bottom: 10px; padding: 8px 15px; line-height: 20px;}
    .food-and-wine-page .garder-lodge-block .overview h4{font-size: 14px;}

    /*---------------culinary-experiences-page---------------*/
    .culinary-page .heading-caption{padding: 40px 0 0;}
    .dining-exp{padding: 10px;}
    .dining-exp .left{max-width: 100%; margin-right: 0; padding: 15px 10px; margin-bottom: 15px;}
    .dining-exp .right{max-width: 100%; padding-left: 0;}
    .dining-exp .right p{font-size: 14px;}
    .ordering-food .left{width: 100%; padding-right: 0;}
    .ordering-food .right{max-width: 100%; margin-bottom: 30px;}
    .ordering-food .right ul li{font-size: 14px;}
    .our-culinary-block{padding: 10px;}
    .our-culinary-block .left{max-width: 100%; padding-right: 0; margin: 0;}
    .our-culinary-block .right{max-width: 100%; margin-bottom: 15px;}
    .our-culinary-block .left p{font-size: 15px; line-height: 20px;}
    .culinary-experience-block h3,
    .culinary-experience-block h2{font-size: 22px;}
    .culinary-experience-block h4{font-size: 16px;}
    .staff-slider .slick-prev:before, .staff-slider .slick-next:before{font-size: 25px;}
    .staff-slider .slick-next{right: -28px;}
    .staff-slider .slick-prev{left: -28px;}
    .staff-slider .text-caption h4{margin-bottom: 10px;}
    .restaurant{padding: 10px;}
    .restaurant .left{max-width: 100%; margin-right: 0; padding-right: 0;}
    .restaurant .left p{line-height: 20px; font-size: 14px; float: none; display: block;}
    .restaurant .right{max-width: 280px; padding: 15px; display: block; float: none; clear: both;}
    .restaurant .restaurant-img figure{max-width: 100%; margin-right: 0; margin-bottom: 10px;}
    .restaurant.destination .restaurant-img .block{max-width: 100%; margin: 0; margin-bottom: 10px;}
    .restaurant.destination .restaurant-img .block figure img{width: 100%;}
    .restaurant.destination .restaurant-img .block .caption{left: 13px; font-size: 20px; bottom: 10px;}
    .restaurant.destination .left{max-width: 100%; margin-right: 0; padding-right: 0;}
    .restaurant.destination .right{max-width: 100%; margin-left: 0;}
    .restaurant.destination .right ul li{font-size: 15px;}
    .restaurant-slider{margin-bottom: 10px; padding-bottom: 20px;margin-top: 20px;}
    .restaurant-slider .slick-dots{bottom: 0;}
    .restaurant-slider .slick-dots li.slick-active button, .restaurant-slider .slick-dots li:hover button{background: #9a7a55;}
    .restaurant-slider .slick-dots li button{border: 1px solid #9a7a55; width: 10px; height: 10px;}
    .wine-description .left{margin: 0; max-width: 100%; padding-right: 0px; float: none; display: block;}
    .wine-description .right{max-width: 100%; float: none; display: block; margin-bottom: 15px;}
    .wine-description .left p{font-size: 14px}
    .staff-mobile-slider{width: 100%; max-width: 100%; margin-bottom: 30px; clear: both; display: block !important;}
    .staff-mobile-slider .iteam{padding: 6px;}
    .staff-mobile-slider .iteam figure img{width: 100%;}
    .staff-mobile-slider .text-caption{width: 100%; padding: 15px; background: #fff;}
    .staff-mobile-slider .text-caption h4{font-size: 16px; margin-bottom: 10px;}
    .staff-mobile-slider .text-caption p{font-size: 14px; color: #534741; margin-bottom: 10px;}
    .staff-mobile-slider .slick-prev{left: 5px;}
    .staff-mobile-slider .slick-next{right: 5px;}
    .staff-mobile-slider .slick-arrow{top: 35%;}
    .staff-mobile-slider .slick-prev:before, .staff-mobile-slider .slick-next:before{font-size: 25px; color: #fff;}
    .staff-mobile-slider .slick-dots{bottom: -20px;}
    .staff-mobile-slider .slick-dots li.slick-active button, .staff-mobile-slider .slick-dots li:hover button{background: #a67b52;}
    .staff-mobile-slider .slick-dots li button{border: 1px solid #a67b52; width: 10px; height: 10px;}
    .staff-slider{display: none;}

    /*------------wine-experience-page---------------*/ 
    .wine-page .heading-caption{padding: 30px 0 0;}
    .wine-exp-block{padding: 10px;}
    .wine-exp-block h3{font-size: 22px;}
    .wine-exp-block h4{font-size: 16px;}
    .wine-exp-block p{font-size: 14px; line-height: 20px;}
    .wine-exp-block .right h4{line-height: 22px;}
    .wine-exp-block.wine-collection .left p{font-size: 15px; line-height: 20px;}
    .wine-exp-block .left{max-width: 100%; margin-right: 0; padding-right: 0;}
    .wine-exp-block .right{max-width: 100%; padding: 15px; margin-bottom: 15px; margin-left: 0; float: none; /*CUSTOM*/}
    .wine-page .staff-row{overflow: inherit;}
    .wine-exp-block .restaurant-img .block{max-width: calc(33.33% - 10px); margin-right: 0;}
    .wine-page .wine-exp-block.pd0 .block{max-width: calc(33.33% - 10px); margin-right: 0;}
    .restaurant-slider .slick-arrow{top: 45%;}
    .restaurant-slider .slick-prev:before, .restaurant-slider .slick-next:before{font-size: 25px;}
    .wine-exp-block.wine-collection .btn-dining{margin: 0 auto; margin-bottom: 15px;}
    .our-brand{margin: 0;}
    .our-brand h3{font-size: 22px; display: block;}
    .wine-page .specials-overview-section .container{padding-bottom: 0;}
    .our-brand .slick-arrow{top: 35%;}
    .staff-row{margin-bottom: 40px;}
    .staff-row .slick-arrow{top: 35%;}
    .staff-row .slick-next{right: 10px;}
    .staff-row .slick-prev{left: 10px;}
    .staff-row .slick-dots{bottom: -25px;}
    .staff-row .slick-dots li button{border-color: #a67b52; width: 10px; height: 10px;}
    .staff-row .slick-dots li.slick-active button, .staff-row .slick-dots li:hover button{background: #a67b52;}
    .wine-page .staff-row .iteam{margin: 0 5px; max-width: 100%;}
    .wine-page .staff-row .iteam figure img{width: 100%;}
    .wine-exp-block .restaurant-img .block .caption{font-size: 14px;}

    /*--------experience-page----------*/
    .experience-page .heading-caption{padding: 30px 0 0;}
    .features-block{text-align: center;}
    .features-block .block{max-width: 440px; margin-right: 0; margin-bottom: 20px; float: none; display: inline-block; vertical-align: top; text-align: left;}
    .features-block .block .title{font-size: 20px; padding: 12px; line-height: 26px;}
    .features-block .block .text-caption{padding: 15px;}
    .features-block .block .text-caption .btn-feature{font-size: 13px; padding: 7px 18px; line-height: 20px; float: none; text-align: center;}

    /*--------shark-cage-diving-page---------*/
    /*.inner-banner .caption .play-video span{width: 64px; height: 64px; font-size: 28px;}
    .inner-banner .caption .play-video span:before{line-height: 58px;}*/
    .shark-cage-diving-page .heading-caption{padding: 40px 0 0;}
    .shark-cage-diving-page h2{font-size: 22px;}
    .shark-cage-diving-page h2 br{display: none;}
    .tick-block{margin-bottom: 20px; padding: 10px; padding-bottom: 0;}
    .typed-blow {padding: 10px; padding-bottom: 0;}
    .whale-type{padding: 10px; padding-bottom: 0;}
    .inner-gallery.gallery-section.border-btm .container{padding-bottom: 50px;}
    .tick-block .right{max-width: 100%; margin-left: 0; margin-bottom: 15px;}
    .tick-block p{font-size: 14px; line-height: 20px;}
    .tick-block .right ul li{line-height: 20px;}
    .expert{padding: 15px; width: calc(100% + 20px); margin-left: -10px;}
    .expert figure{max-width: 264px; margin-right: 0; margin-bottom: 10px;}
    .expert h4{font-size: 18px; margin-bottom: 10px; display: block;}
    .expert span{font-size: 24px; line-height: 34px; display: block; clear: both;}
    .suggested-interaries .suggested-slider .iteam .caption{padding: 10px;}
    .suggested-interaries .suggested-slider .iteam .caption h4{font-size: 16px;}
    .suggested-interaries .suggested-slider{max-width: 100%; margin-bottom: 50px;}
    .suggested-interaries .suggested-slider .slick-dots{bottom: -30px;}
    .suggested-interaries .suggested-slider .slick-dots li button{border-color: #a67b52;}
    .suggested-interaries .suggested-slider .slick-dots li.slick-active button{background: #a67b52;}
    .suggested-interaries .suggested-slider .iteam{margin: 0 10px;}
    .suggested-interaries .suggested-slider .slick-slide img{width: 100%;}
    .suggested-interaries .btn-suggest{font-size: 14px; line-height: 20px; padding: 10px 15px;}
    .suggested-slider .slick-next{right: 5px;}
    .suggested-slider .slick-prev{left: 5px;}
    .exp-slider-block.experiences-section .experience-grids{max-width: 100%; margin: 0; margin-bottom: 50px;}
    .exp-slider .slick-next{right: 5px;}
    .exp-slider .slick-prev{left: 5px;}
    .exp-slider .slick-dots{bottom: -28px;}
    .suggested-slider .slick-prev:before, .suggested-slider .slick-next:before{color: #fff;}
    .exp-slider .slick-prev:before, .exp-slider .slick-next:before{font-size: 25px;}
    .suggested-interaries{margin-top: 30px;}
    .shark-cage-diving-page h4{font-size: 18px;}
    .typed-blow{margin-bottom: 50px;}
    .typed-blow .block{margin: 0 10px;}
    .typed-blow .slick-dots{bottom: -20px;}
    .typed-blow .slick-dots li button{border-color: #a67b52;}
    .typed-blow .slick-dots li.slick-active button, .typed-blow .slick-dots li:hover button{background-color: #a67b52;}
    .typed-blow .block figure .caption{font-size: 18px;}
    .typed-block .expert{margin-bottom: 30px; max-width: 100%; margin-left: 0;}
    .typed-blow .block p{font-size: 14px;}
    .typed-blow .slick-arrow{top: 30%;}
    .typed-blow .slick-prev{left: 10px;}
    .typed-blow .slick-next{right: 10px;}
    .typed-blow .slick-prev:before, .typed-blow .slick-next:before{color: #fff;}
    .whale-type{margin-bottom: 50px;}
    .whale-type .block{max-width: 100%; margin: 0 5px;}
    .whale-type .block figure img{width: 100%;}
    .whale-type .slick-dots{bottom: -20px;}
    .whale-type .slick-dots li button{border-color: #a67b52;}
    .whale-type .slick-dots li.slick-active button, .tick-block .whale-type .slick-dots li:hover button{background-color: #a67b52;}

    /*-----------beauty-saloon-page-------------*/
    .treatment-block{overflow: inherit;}
    .treatment-block .block{max-width: 100%; margin: 0 5px;}
    .treatment-block .block:nth-child(3n){margin: 0 5px;}
    .treatment-block .caption{padding: 15px; background: #fff; position: static;}
    .treatment-block .caption h4{font-size: 20px; color: #000; margin-bottom: 5px;}
    .treatment-block .caption p{font-size: 14px; line-height: 18px; color: #000;}
    .treatment-block .block:after{display: none;}
    .treatment-block .slick-arrow{top: 30%;}

    /*---------suggested-itineraries-page----------*/
    .suggested-page .heading-caption{padding: 30px 0 0;}
    .right-content.interaries .iteam{max-width: 46%; margin: 0 5px; float: none; display: inline-block; text-align: left; margin-bottom: 10px;}
    .right-content{text-align: center;}

    /*------------decadent-dining-page------------*/
    .decadent-dining-page .heading-caption{padding: 40px 0 0;}
    .decadent-dining-page h2{font-size: 22px;}
    .the-exp-block figure{margin-left: 0; margin-bottom: 20px; max-width: 100%;}
    .days-tabbing{margin-bottom: 20px;}
    .days-activity h4{font-size: 22px;}
    .decadent-dining-page p{font-size: 14px;}
    .days-activity .img-block .left{display: block; float: none; margin-right: 0; margin-bottom: 15px; max-width: 100%;}
    .days-activity .img-block .right{display: block; float: none; max-width: 100%;}
    .decadent-dining-page .stay-block{padding: 15px; margin-bottom: 30px;}
    .decadent-dining-page .our-rates-section{margin-bottom: 30px;}
    .decadent-dining-page .suggested-interaries{padding: 30px 0;}
    .the-exp-block{margin-bottom: 30px; padding: 10px;}
    .days-slider .days{border-right: 0;}
    .days-slider .days:after{display: none;}
    .sneak-preview-block{margin-top: 30px;}

    /*----------press-page---------*/
    .press-page .heading-caption{padding: 30px 0 0;}
    .press-page h3{font-size: 22px;}
    .download-content .block{padding: 10px; max-width: 100%; margin-right: 0; text-align: center; margin-bottom: 10px;}
    .download-content .block h4{font-size: 18px; max-width: 100%; display: block;}
    .download-content .block figure{max-width: 180px; margin-right: 10px; float: none; margin: 10px auto;}
    .press-contact{padding: 15px;}
    .press-contact .block{padding-right: 0; max-width: 100%; margin-bottom: 10px;}
    .press-contact .block .title{font-size: 18px;}
    .in-the-press .year{font-size: 18px;}
    .in-the-press p{font-size: 14px;}
    .in-the-press p em{font-size: 16px;}
    .download-content .block .btn-dining{float: none; margin: 0 auto; margin-bottom: 10px;}
    .press-page .btn-load-more{display: block; margin: 0 auto; max-width: 170px; text-transform: uppercase; margin-top: 10px;}
    .download-content > *:nth-child(3)~*{display: none;}
    .download-content.data-expand .block{display: block;}
    .fancybox-detail #detail-popup {padding: 50px 15px 20px !important;}

    /*-------------blog-page--------------*/
    .blog-page .heading-caption{padding: 30px 0 0;}
    .blog-type-block{padding: 10px; text-align: center;}
    .blog-type-block .input-field{max-width: 340px; margin-right: 0; margin-bottom: 5px; float: none; display: inline-block; text-align: left;}
    .blog-type-block .input-field.search{float: none; display: inline-block;}
    .blog-type-block .input-field.search input{padding: 0 40px 0 15px;}
    .blog-type-block .input-field .customSelect{padding: 0 35px 0 15px;}
    .blog-type-block .input-field.category{max-width: 340px;}
    .blog-post{width: 100%; margin: 0; text-align: center;}
    .blog-post .block{max-width: 360px; margin: 0; margin-bottom: 10px; float: none; display: inline-block; text-align: left;}
    .blog-post .block .caption a.btn-read-more{display: none;}
    .blog-post .block.full{max-width: 100%; margin: 0; margin-bottom: 11px;}
    .blog-post .block.full .caption{padding: 10px;}
    .blog-post .block .caption h4{font-size: 20px;}
    .blog-post .block.half{max-width: 100%;}
    .blog-post .block.half .caption{padding: 15px 10px;}
    .blog-post .block .date strong{font-size: 26px;}
    .paginetion-blk{padding: 0;}
    .paginetion-blk ul{width: calc(100% - 150px);}

    /*-------------blog-detail-page--------------*/
    .blog-detail-page .inner-banner .iteam{height: 280px;}
    .blog-detail-wrap{margin-bottom: 40px;}
    .blog-detail-wrap .inn-wrap{padding: 0 15px;}
    .blog-detail-wrap .inn-wrap .author{left: 0;position: relative;margin-bottom: 20px;}
    .blog-detail-wrap .cta{padding: 40px;}
    .blog-detail-wrap .video-icon{width: 50px;height: 50px;background-size: 50px;}
    .blog-detail-wrap p{font-size: 14px;}
    .inn-wrap .blog-tag{border: 0; padding: 0;}
    .inn-wrap .blog-tag .status{padding: 7px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 100%; text-align: center;}
    .inn-wrap .blog-tag .status .tag{margin-right: 11px;}
    .inn-wrap .blog-tag .status .tag:last-child{margin-right: 0;}
    .inn-wrap .blog-tag .social-icon{padding: 7px 0; border-bottom: 1px solid #e1e1e1; width: 100%; text-align: center;}
    .inn-wrap .blog-tag .social-icon a{float: none; display: inline-block;}
    .inn-wrap .align-right{max-width: 100%; margin-bottom: 15px; margin-left: 0; width: 100%;}
    .more-stories{padding: 25px 0; margin-bottom: 40px;}
    .more-stories h3{font-size: 22px;}
    .more-stories .text-caption{padding: 10px;}
    .more-stories .text-caption h4{font-size: 16px;}
    .inn-wrap .blog-tag .social-icon a{margin-left: 15px;}
    .blog-detail-wrap .full-block{padding: 25px 0;}
    .blog-detail-wrap .full-block h3{padding-left: 0; padding-top: 40px; font-size: 18px; text-align: center;}
    .blog-detail-wrap .full-block h3:before{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
    .blog-detail-wrap h3{font-size: 22px;}
    .blog-detail-wrap .inn-wrap .fig-caption{margin-bottom: 50px;}
    .blog-detail-wrap .inn-wrap .inn-left{max-width: 100%; margin-right: 0;}
    .blog-detail-wrap .inn-wrap .inn-right{max-width: 100%;}
    .blog-detail-wrap .inn-wrap .fig-caption .caption{width: 90%; text-align: center; top: calc(100% - 20px); bottom: inherit;}
    .blog-detail-wrap .btn-next{margin-top: 10px;}
    .blog-detail-wrap .btn-back{margin-top: 10px;}
    .stories-slider{margin-bottom: 40px;}
    .more-stories .block{margin: 0px 10px; max-width: 100%;}
    .stories-slider .slick-arrow{top: 35%;}
    .stories-slider .slick-next{right: 10px;}
    .stories-slider .slick-prev{left: 10px;}
    .stories-slider .slick-dots{bottom: -25px;}
    .stories-slider .slick-dots li button{border-color: #a67b52; width: 10px; height: 10px;}
    .stories-slider .slick-dots li.slick-active button, .staff-row .slick-dots li:hover button{background: #a67b52;}

    /*--------------our-story-page---------------*/
    .our-story-banner{height: 320px;}
    .our-story-banner .caption{width: 90%;}
    .our-story-banner .caption h2,
    .our-story-banner .caption .h2{font-size: 22px;}
    .our-story-banner .caption h2 br,
    .our-story-banner .caption .h2 br{display: none;}
    .our-story-banner .caption .btn-who-we-are{font-size: 16px;}
    .natural-beauty{padding: 20px 0;}
    .natural-beauty p{font-size: 14px;}
    .natural-beauty figure{max-width: 100%; margin-right: 0; margin-bottom: 20px;}
    .natural-beauty .text-caption{max-width: 100%;}
    .travel-exp .left{padding: 25px 20px; width: 100%; height: auto !important;}
    .travel-exp .right{padding: 20px; width: 100%;}
    .travel-exp .left h4{font-size: 20px; line-height: 30px;}
    .travel-exp .right p{font-size: 14px;}
    .belive-block .left{padding: 20px; width: 100%;}
    .belive-block .left h3{font-size: 22px; margin-bottom: 5px;}
    .belive-block .left p{font-size: 14px; margin-bottom: 10px;}
    .belive-block .right{padding: 20px; width: 100%; height: auto !important;}
    .belive-block .right h4{font-size: 20px; line-height: 30px;}
    .meet-them-block .block.width01{max-width: calc(50% - 10px)}
    .meet-them-block .block.width02{max-width: calc(50% - 10px)}
    .meet-them-block .block.text h4{font-size: 20px; margin-bottom: 10px;}

    /*--------------award-page---------------*/
    .awards-side-bar aside.left-aside{border: 0;}
    .awards-side-bar aside.left-aside:before{right: 15px; display: none;}
    .awards-side-bar aside.left-aside br{display: none;}
    .awards-side-bar .suggested-bar.left-aside span{width: 100%; border: 1px solid #7c6246; margin-bottom: 5px;}
    .awards-side-bar .suggested-bar.left-aside .block{position: relative;}
    .awards-side-bar .suggested-bar.left-aside .block:before{position:absolute; right: 15px; top:8px; width: 30px; height: 30px; content: 'i'; pointer-events: none; background: #9a7a55; font-family: "grootbos" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; font-size: 13px; border-radius: 2px; color: #fff; padding-top: 9px;}
    .awards-side-bar .awards-iteam .block figure{margin-right: 0; margin-bottom: 10px;}
    .awards-side-bar .awards-iteam .block .text-caption{max-width: 100%; text-align: left;}
    .awards-side-bar .awards-iteam .block .text-caption h4{font-size: 20px;}

    /*------------work-with-us-page-------------*/
    .work-with-us-page .heading-caption{padding: 30px 0 0;}
    .work-with-us-page .heading-caption h3{font-size: 18px;}
    .work-culture{padding: 15px; width: calc(100% - 30px); margin-bottom: 40px;}
    .work-culture h3{font-size: 22px;}
    .work-culture p{font-size: 14px; line-height: 20px;}
    .work-culture figure{max-width: 100%; float: none;}
    .work-culture figure.right{margin: 0; display: block; width: 100%; margin-bottom: 15px;}
    .work-culture figure.left{margin-right: 0; width: 100%; margin-bottom: 15px;}
    .current-opportunity-block{text-align: center; margin-bottom: 10px;}
    .current-opportunity-block h3{font-size: 22px; margin-bottom: 15px;}
    .current-opportunity-block .block{max-width: 290px; margin: 0 5px 15px; float: none; display: inline-block; vertical-align: top; text-align: left;}
    .current-opportunity-block .block:last-child{margin: 0 5px 20px;}
    .current-opportunity-block .block h4{font-size: 20px;}
    .current-opportunity-block .block .exp{font-size: 18px; padding: 8px 15px;}
    .current-opportunity-block .block .caption{padding: 11px 15px;}    
    .current-opportunity-block .block .caption p{font-size: 14px; line-height: 20px;}
    .current-opportunity-block .block .caption .btn-enquiery{margin: 0; margin-bottom: 5px;}
    .staff-say-block{margin-bottom: 30px;}
    .staff-stay-slider{max-width: 90%; text-align: center;}
    .staff-stay-slider .staff-detail{float: none; display: block; margin: 0 auto; margin-bottom: 50px;}
    .staff-stay-slider .description{max-width: 100%; padding-top: 0; padding-bottom: 0; float: none;}
    .staff-stay-slider .description p{font-size: 16px;}
    .staff-stay-slider .slick-prev{left: -20px; padding: 0; margin: 0; margin-top: 20px;}
    .staff-stay-slider .slick-next{right: -20px; padding: 0; margin: 0; margin-top: 20px;}

    /*--------------foundation-page----------------*/
    .foundation-description{padding: 30px 15px;}
    .foundation-page h3,
    .get-involved h2,
    .our-project-block h2{font-size: 22px;}
    .foundation-page p{font-size: 14px;}
    .activity-count{margin-bottom: 30px;}
    .our-project-block{padding: 15px; margin-bottom: 20px;}
    .our-project-block h4{font-size: 16px;}
    .our-project-block .right{max-width: 100%; margin-left: 0; margin-bottom: 15px; padding: 15px;}
    .project-slider .iteam{margin: 0 5px;}
    .project-slider .iteam .description{padding: 12px;}
    .project-slider .iteam .description h4{font-size: 20px;}
    .get-involved .all-detail .block{max-width: 100%; padding-right: 0; margin-bottom: 20px;}
    .get-involved .all-detail .block:nth-child(2){max-width: 100%;}
    .get-involved .all-detail .block:nth-child(3){max-width: 100%; text-align: center;}
    .get-involved .all-detail .block .social-icon a{float: none; display: inline-block; vertical-align: top;}
    .get-involved .all-detail .block .row span{margin: 0;}
    .get-involved .all-detail .block .row .category{max-width: 38%;}
    .get-involved .right{max-width: 100%; margin-left: 0; margin-bottom: 15px; padding: 10px;}
    .get-involved .right h4{line-height: 24px; font-size: 18px;}
    .activity-count .block{width: 50%; height: 160px;}
    .activity-count .block .count{max-width: 80%;}
    .activity-count .block .count p strong{font-size: 34px;}
    .activity-count .block .count p{font-size: 16px;}
    .get-involved{padding: 50px 0;}
    .get-involved h4{font-size: 20px;}
    .project-slider .slick-prev{left: 15px;}
    .project-slider .slick-next{right: 15px;}
    .project-slider .slick-prev:before, .project-slider .slick-next:before{font-size: 22px; color: #fff;}
    .foundation-page .our-culinary-block{margin-bottom: 30px;}

    /*-------------contact-page---------------*/
    .contact-page .heading-caption{padding: 30px 0 0;}
    .contact-page #map{height: 330px;}
    .contact-us-block{width: 100%; padding: 0; margin: 0;}
    .contact-us-block .left{max-width: 100%; padding: 15px; float: none; padding-top: 25px;}
    .contact-us-block .left h3{font-size: 22px; padding-right: 50px; margin-bottom: 15px;}
    .contact-us-block .left h3:after{background-size: 40px; background-repeat: no-repeat; width: 40px;}
    .contact-us-block .left form .row{margin-bottom: 10px;}
    .contact-us-block .right{max-width: calc(100% - 30px); float: none; display: block; margin: 0 auto; margin-bottom: 30px;}
    .contact-us-block .right h2{font-size: 22px; padding: 15px 40px 15px 15px;}
    .contact-us-block .right h2:after{background-size: 32px; background-repeat: no-repeat; width: 32px; right: 10px; top: 12px;}
    .contact-us-block .right .detail{padding: 0 15px;}
    .contact-us-block .right .detail .block{padding: 14px 0;}
    .contact-us-block .right .detail .block figure{width: 35px; margin-right: 10px; height: auto;}
    .contact-us-block .right .detail .block .description{max-width: calc(100% - 50px); padding-top: 3px;}
    .contact-us-block .right .detail .block .description h4{font-size: 18px;}
    .contact-us-block .left form .row input{font-size: 12px;}
    .contact-us-block .left form .row textarea{font-size: 12px;}

    /*--------------CC-25-10-2017-----------------*/
    .survey-block{ padding-bottom:45px; padding-top:30px;}
    .survey-page .landing-section.inner-banner{ height:350px;}
    .survey-page .landing-section.inner-banner .content-block{ background-position:center center; background-size:cover; background-repeat:no-repeat;}
    .survey-page .landing-section.inner-banner h1{ font-size:22px;}
    .survey-content-block .single-block{ margin-bottom:15px;}
    .survey-block .heading-caption{ margin-bottom:30px;}
    .survey-page .heading-caption h2{ margin-bottom:10px;}
    .survey-page .heading-caption p{ margin-bottom:10px; font-size:14px;}
    .survey-content-block .answer-block{ margin:0 -15px;}
    .survey-content-block .questions-block{ margin-bottom:20px;}
    .survey-content-block .answer-block .single-answer{ padding:0 15px; margin-bottom:15px; width:100%;}
    .survey-content-block .questions-block h3{ font-size:18px;}
    .survey-content-block .questions-block p{ font-size:14px;}
    .survey-content-block .answer-block .single-answer .radio-btn label{ font-size:16px;}
    .survey-content-block .answer-block .single-answer .radio-btn{ padding:8px 10px 8px;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm{ max-width:90%;}
    .confirm-form h2{ font-size:22px;}
    .confirm-form p{ font-size:14px; margin-bottom:20px;}
    .confirm-form .frm_element{ margin-bottom:20px;}
    .confirm-form input[type="text"], .confirm-form input[type="password"], .confirm-form input[type="email"], .confirm-form input[type="tel"], .confirm-form input[type="search"], .confirm-form textarea{ height:46px; line-height:46px;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm .fancybox-skin{ padding:40px 20px !important;}
    .confirm-form input[type="submit"]{ height:40px; line-height:38px;}
    .confirm-form.screen2 .btn-process, .confirm-form.screen3 .btn-process{ height:40px; line-height:38px;}

    /*--------------CC-6-11-2017-----------------*/
    .inquiry-form .booknow-btn{ line-height: 26px;}
    .inquiry-form .booknow-btn .book-now{ display: block; margin: 0 auto; line-height: 32px;}
    .inquiry-form .booknow-btn{ font-size: 20px;}
    span.or{ font-size: 20px; margin: 10px 0;}
    .inquiry-form h3{ font-size: 20px; margin-bottom: 15px;}

    .field-checkboxlist,
    .rc-button{text-align: left;}
    .rc-button li{width: 100%;}
    .application-form-popup.contact-us-block .right,
    .application-form-popup.contact-us-block .left{height: auto !important}
    .application-form-popup .frm_action{padding-top: 20px;}
    .contact-us-block.application-form-popup .left form .row .btn-submit{float: none}
    .fancybox-confirm .fancybox-stage .open-popup {padding: 40px 20px;}

    /*--------------CC-10-04-2019-----------------*/
    .proposed-page .coming-soon-text p {font-size: 16px;}
    .proposed-page .features-block .block .title {padding: 0 15px 15px !important;}
    .proposed-page .block figure {height: 280px;}
    .proposed-page .block figure img {object-fit: cover;object-position: center;height: 100%;width: 100%;}
    .proposed-page .features-block figcaption { display: flex;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;}

    .fancybox-confirm .fancybox-stage .open-popup {padding: 40px 20px;}

    .tick-block .left {width: 100%;margin: 0;}
    .tick-block .right {width: 100%;margin-bottom: 20px;}
    .activity-type .activity-list {width: 100%;padding: 0;margin-bottom: 20px;}
    .activity-type .activity-list figcaption {top: 10px;left: 10px;font-size: 18px;}
    .activity-type {margin: 0;}

    /* Custom 10-02-2020*/
    .our-story-banner .bottom-logo {width: 120px; bottom: 60px;}

    /* 17-02-2020 */
    .inner-banner .caption {top: 65%;}

    /* 02-09-2020*/
    .inner-banner .caption.has-video {top: 35%;}
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px) {
    .container {padding: 0 15px;}
    .btn {font-size: 14px; line-height: 42px;}
    #wrapper.home-page{padding-top: 48px;}
    /* header */
    header.main-header .top-header .left-head .logo-head {width: 130px; margin: 12px 0;}
    header.main-header .top-header .right-head {display: none;}
    header.main-header .bottom-header {display: none;}
    header.main-header .top-header .right-head-mobile {display: block;}
    .fancybox-is-open .fancybox-stage {max-width: 90%;}
    .inquiry-form h2{font-size: 28px;}
    .inquiry-form .frm_element .column{max-width: 49%; margin-right: 9px;}
    .inquiry-form .frm_element .column input{height: 40px; line-height: 38px;}
    .inquiry-form .frm_element .column .customSelectWrap .customSelect{height: 40px; line-height: 38px;}
    .contact-info > .title h3{font-size: 18px;}
    .contact-info .info{padding: 15px;}
    .contact-info .info .block{max-width: 50%;}
    .contact-info .info .block:first-child{max-width: 50%; margin-bottom: 15px;}
    .contact-info .info .block .title{font-size: 16px;} 
    /* footer */
    footer.main-footer .footer-top .single-foot .contact-block {margin: 0 0 20px;}
    footer.main-footer .social-block {text-align: left; padding: 0;}
    footer.main-footer .footer-top .single-foot.first {padding: 0; text-align: left;}
    footer.main-footer .footer-top .single-foot.third .title {text-align: left;}
    footer.main-footer .footer-bottom .copyright {margin: 0;}
    footer.main-footer .footer-bottom ul.terms-privacy {margin: 0;}
    footer.main-footer .footer-top .single-foot.second figure img {width: 130px;}
    footer.main-footer .footer-top .single-foot.first {width: 50%; padding-right: 20px;}
    footer.main-footer .footer-top .single-foot.second {width: 100%;padding-top: 0;}
    footer.main-footer .footer-top .single-foot.third {width: 50%; padding: 0;}

    /*---------home-page--------*/
    .landing-section {min-height: 450px; max-height: 600px;}
    .landing-section .logo {width: 210px; float: none; margin: 22px auto;}
    .landing-section .caption { padding: 100px 0 0; }
    .landing-section .caption h1,
    .landing-section .caption .h1{font-size: 30px; line-height: 1;}
    .landing-section .caption h3,
    .landing-section .caption .h3{font-size: 16px;}
    /* .landing-section .caption .play-video span {height: 60px; width: 60px; font-size: 30px; }
    .landing-section .caption .play-video span::before {line-height: 54px;} */
    .landing-section .national-geo {width: 120px; bottom: 30px;}
    .landing-section .down-arrow {bottom: 20px; right: 15px;}    
    .specific-gatway-section {background-color: #9a7a55; padding: 0;}
    .specific-gatway-section .container {padding: 0;}
    .specific-gatway-section .right-block {display: none; width: 100%; padding: 15px; background-color: #F5E2C9;}
    .specific-gatway-section .left-block {width: calc(100% - 50px); padding: 12px 15px;}
    .specific-gatway-section .left-block p {font-size: 16px; color: #fff; margin: 0; }
    .specific-gatway-section .down-arrow {display: inline-block;}
    .banner {height: 280px;}
    .banner .text-bg-overlay{padding: 40px 0px 10px 0;}
    .banner h2, .banner .h2 {font-size: 22px;}    
    .melting-section h2 {font-size: 22px; padding: 24px 0;}
    .melting-section .full-blocks .single-block {width: 50%;  min-height: 160px;}
    .melting-section .full-blocks .single-block .title {font-size: 13px;}    
    .top-caption h4 {font-size: 20px;}
    .top-caption p {font-size: 16px;}    
    .progressive-section {height: 394px;}
    .progressive-section h2 {font-size: 22px;}
    .progressive-section p {font-size: 14px;}    
    .accomodation-section {padding: 44px 0;}
    .accomodation-tab .tab-button {display: none;}
    .accomodation-tab .accomodation-slider {border-bottom: none;border-top: none;}
    .accomodation-tab a.accordian-click {display: block;}
    .accomodation-tab .accomodation-slider .single-accomodation {margin-top: 1px;}
    .accomodation-tab .accomodation-slider .single-accomodation .both-block {display: none; border-bottom: 5px solid #a68e54;} 
    .accomodation-tab .accomodation-slider .single-accomodation .left-accomodation {width: 100%; height: auto !important; padding: 18px 18px 10px; margin: 0; }
    .accomodation-tab .accomodation-slider .single-accomodation .right-accomodation {width: 100%; height: auto !important; min-height: 260px; }
    .accomodation-tab .accomodation-slider .single-accomodation .left-accomodation h3 {font-size: 22px; margin: 0 0 12px;}
    .accomodation-tab .accomodation-slider .single-accomodation .left-accomodation p {font-size: 12px; margin: 0 0 22px;}
    .accomodation-tab .accomodation-slider .single-accomodation .left-accomodation .btn { display: block; max-width: 98%; margin: 0 auto 15px; font-size: 14px; line-height: 42px;}    
    .gallery-section {padding: 40px 0;}
    .gallery-grids a.fancybox.height1 {height: 160px;}
    .gallery-grids a.fancybox.height2 {height: 120px;}    
    .experience-grids .single-experience .title {font-size: 16px; padding: 14px;}
    .experiences-section {padding: 40px 0;}    
    .food-wine-section {padding: 40px 0;}
    .food-wine-rows .single-food-wine .food-wine-img {width: 100%; height: auto !important; min-height: 1px; margin: 0 0 20px;}
    .food-wine-rows .single-food-wine .food-wine-content {width: 100%; height: auto !important; min-height: 1px; padding: 0;}
    .food-wine-rows .single-food-wine .food-wine-img img {display: block; width: 100%;}
    .food-wine-rows .single-food-wine .food-wine-content .title,
    .food-wine-rows  .title h3{font-size: 18px; margin: 0 0 18px;}
    .food-wine-rows .single-food-wine .food-wine-content p {font-size: 14px;margin: 0 0 18px;}
    .food-wine-rows .single-food-wine .food-wine-content .btn {position: static; padding: 0 20px;}
    .food-wine-rows .single-food-wine {margin-top: 30px; padding-top: 30px;}    
    .specials-overview-section{padding: 35px 0;}
    .specials-overview-slider .single-inner .only-title {display: none;}
    .specials-overview-slider .single-inner .overlay-content {opacity: 1; transform: scale(1); visibility: visible;}
    .specials-overview-slider .single-inner .overlay-content p {display: none;}
    .specials-overview-slider .single-inner .overlay-content .dis-table-cell {vertical-align: bottom;}
    .specials-overview-slider .single-inner .overlay-content .btn {margin: 0; font-size: 12px; line-height: 34px; padding: 0 14px;}
    .specials-overview-slider .single-inner:hover figure {opacity: 1;}
    .specials-overview-slider .single-inner .only-title, 
    .specials-overview-slider .single-inner .overlay-content .title {font-size: 16px;}
    .specials-overview-slider .slick-next {right: 0; left: auto;}
    .specials-overview-slider .slick-prev {right: auto; left: 0;}
    .specials-overview-slider .slick-prev::before, 
    .specials-overview-slider .slick-next::before {color: #fff;}    
    .hospitality-section {padding: 70px 0;}
    .hospitality-section .top-caption h4,
    .hospitality-section .top-caption .h4{font-size: 22px;}
    .hospitality-section .make-buttons .btn {font-size: 13px; line-height: 42px;}

    /*-------thank-you-page---------*/
    /* #content-area{margin-top: 47px;} */
    .thank-you-block{padding: 35px 0;}
    .thank-you-block .top-caption h1{font-size: 24px;}
    .thank-you-block .top-caption p{font-size: 16px;}

    /*----------accomodation-page----------*/
    .accomodation-block{padding-top: 30px;}
    .landing-section.inner-banner{height: 350px;}
    .landing-section.inner-banner .caption{padding-top: 40px;}
    .landing-section .caption h1,
    .landing-section .caption .h1{font-size: 28px;}
    .landing-section.inner-banner .caption h3{font-size: 18px;}
    /* .landing-section .caption .play-video span{width: 64px; height: 64px; font-size: 35px;}
    .landing-section .caption .play-video span:before{line-height: 60px;} */
    .heading-caption h1{font-size: 24px;}
    .heading-caption p{font-size: 16px;}
    .lodge-block-wrapper{background: #61553d;}    
    .lodge-block-wrapper .container{padding: 0 20px;}
    .lodge-block nav li{margin: 0 25px; background: #d8d6c9;}
    .lodge-block nav li a{font-size: 15px;}
    .lodge-block nav li a .title{font-size: 16px; margin-bottom: 0;}
    .lodge-block nav li a span{display: none;}    .lodge-block .slick-prev{left: -15px; }
    .lodge-block .slick-next{right: -15px; }
    .lodge-block .slick-prev:before, .lodge-block .slick-next:before{color: #fff; font-size: 20px;}
    .lodge-block-content{padding: 20px 0;}
    .lodge-block-content .lodge-bg{max-width: 50%;}
    .lodge-block-content .lodge-bg .lodge-title{font-size: 24px;}
    .lodge-block-content .lodge-detail{max-width: 50%; padding: 15px 20px;}
    .lodge-detail h2{font-size: 24px;}
    .lodge-detail h2{font-size: 18px;}
    .lodge-detail a.btn{width: inherit; padding: 0 20px; margin-right: 10px; margin-bottom: 10px;}
    .slider-for .main-item{height: 400px !important;}
    .thumbs-wrapper .thumbs-item .text-caption{font-size: 11px;}
    .slider-for .main-item .villas-item{max-width: 475px; padding: 10px 15px;}
    .villas-item h2,
    .villas-item h3{font-size: 24px;}
    .garder-lodge-block .overview .villas-item p{font-size: 14px;}
    .thumbs-wrapper{margin: 0 5px;}

    /*---------garden-lodge-page---------*/
    .inner-banner-slider .iteam{height: 350px;}
    .inner-banner-slider .iteam h1,
    .inner-banner-slider .iteam .h1{font-size: 28px;}
    .overview .highlights .left{max-width: 100%; float: none; display: inline-block;}
    .highlights-slider{margin-bottom: 50px;}
    .overview .highlights .right{max-width: 460px; display: inline-block; float: none; margin-bottom: 20px;}
    .overview.suits .highlights .right{max-width: 40%;}
    .overview.style-1 .left .highlight-points{max-width: 100%;}
    .lodge-block nav li{margin: 0 10px;}
    .garder-lodge-block .overview .title{display: block; width: 100%;}
    .garder-lodge-block .overview .title h3{font-size: 24px;}
    .garder-lodge-block .overview h3,
    .garder-lodge-block .overview h2{font-size: 24px;}
    .garder-lodge-block .overview .highlights{margin-top: 30; padding: 20px;}
    .overview.style-1 .highlights{padding: 0; margin: 0;}
    .overview.suits .highlights .right{max-width: 450px;}
    .our-rates-section h3,
    .our-rates-section .container h3,
    .our-rates-section .container .h3{font-size: 24px;}
    .virtual-tours{padding: 20px;}
    .virtual-tours .text-caption{padding: 20px 0;}
    .virtual-tours .text-caption h4,
    .virtual-tours .text-caption h2,
    .virtual-tours .text-caption .h2{font-size: 24px;}
    .garder-lodge-block .gallery-section{padding: 0;}
    .garder-lodge-block .gallery-section .container{padding-bottom: 50px;}
    .gallery-section.inner-gallery .gallery-grids a.fancybox.search:before{background-size: 20px; width: 20px; background-repeat: no-repeat;}

    /*-----------garden-lodge-suites-page---------*/
    .highlight-suites-slider{max-width: 95%;}
    .garden-lodge-suites-block .highlights-suites h5{font-size: 16px;}
    .garder-lodge-block .overview p{font-size: 15px;}
    .highlight-suites-slider .iteam{margin: 0 10px;}
    .highlight-suites-slider .text-caption{padding: 15px;}
    .highlight-suites-slider .text-caption h3{font-size: 18px;}
    .highlight-suites-slider .slick-prev:before, .highlight-suites-slider .slick-next:before{font-size: 28px;}
    .highlight-suites-slider .slick-next{right: -30px;}
    .highlight-suites-slider .slick-prev{left: -30px;}
    .suites-info .title h2{font-size: 24px;}
    .suites-info .configuration{max-width: 54%; padding: 20px;}
    .suites-info .configuration ul li .field{width: calc(100% - 43px); max-width: 100%; height: auto !important; padding: 5px 11px;}
    .suites-info .configuration ul li .field:after{top: inherit; transition: inherit; -webkit-transition: inherit; border-width: 5px 7px 0 7px; border-color: #dfc790 transparent transparent transparent; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -5px;}
    .suites-info .configuration ul li .detail{width: calc(100% - 43px); max-width: 100%; padding: 5px 11px; height: auto !important;}
    .suites-info .essentials{max-width: 44%;}
    .suites-info .configuration h3{font-size: 18px;}
    .suites-info .essentials h3{font-size: 18px; margin-bottom: 20px;}
    .suites-info .essentials ul li{max-width: 100%; margin-right: 0;}

    /*---------specials-gallery-page---------*/
    .sapecials-page{padding-top: 40px;}
    .specials-gallery .single-specials-overview{max-width: 50%; padding: 5px;}

    /*---------rates-page---------*/
    .rates-page{padding: 30px 0 0;}
    .rates-table .right-part{max-width: 100%; float: none; display: block;}
    .rates-table .right-part .block{width: 49%; display: inline-block; vertical-align: top; margin-bottom: 20px;}
    .rates-table .right-part .block.season a:nth-child(3n){margin-right: 5px;}
    .rates-table .left-part{max-width: 100%; float: none;}
    .rates-block .rates-table h3{font-size: 20px;}
    .rates-block .stay-block h2{font-size: 24px;}
    .insturction-tabbing .nav-tabs li{max-width: 30%;}
    .insturction-tabbing .tab-content .tab-pane.active{padding: 15px;}
    .insturction-tabbing .tab-content h4{font-size: 18px;}

    /*-------------honeymoon-page---------------*/
    .honeymoon-gateway-page .heading-caption{padding-top: 30px;}    
    .gateway-block .saving-detail{max-width: 100%; margin-right: 0; padding-right: 15px; margin-bottom: 15px;}
    .gateway-block .saving-detail .btn-save{font-size: 16px; padding: 6px 15px;}
    .gateway-block .block{max-width: 47%; margin-right: 15px; padding: 15px;}
    .gateway-block .block h4{font-size: 20px;}
    .gateway-block .block p{font-size: 15px;}
    .package-include-block{padding: 20px 0; margin-bottom: 20px;}
    .package-include-block h3{font-size: 24px;}

    /*---------helpfull-info-faq-page-----------*/
    .helpfull-info-page .lodge-block nav li a{font-size: 12px; padding: 11px;}    
    .info-tab .nav-tabs{display: none;}
    .info-tab .tabing-detail{max-width: 100%; height: auto !important;}
    .info-tab .tabing-detail .row{margin-bottom: 1px;}
    .info-tab .tab-pane{padding: 15px 25px;}
    .info-tab .tab-pane h3{font-size: 24px;}
    .enroute-to-grootbos h2{font-size: 24px;}
    .enroute-to-grootbos p{font-size: 16px;}
    .enroute-gallery .block .caption{font-size: 16px; left: 10px; bottom: 10px;}
    .enroute-gallery .block{max-width: calc(25% - 12px); margin: 0 15px 15px 0;}
    .services .service-block h3{font-size: 24px;}
    .services .service-block .left{max-width: 100%; margin-bottom: 20px;}
    .faq-block h3{font-size: 28px;}
    .faq-block h4{font-size: 20px;}
    .services .service-block .right{max-width: 100%;}
    .faq-block .question-block .left{max-width: 100%; margin-right: 0;}
    .faq-block .question-block .right{max-width: 100%;}
    .faq-block .question-block .row h5{padding: 16px; padding-left: 55px;}
    .faq-block .question-block .row h5:before{top: 14px;}
    .our-location-page{padding: 40px 0 0;}

    /*-------------gallery-page---------------*/
    .gallery-page{padding: 40px 0 0;}
    aside.left-aside{max-width: 200px;}
    .right-content{max-width: 100%;}
    .right-content ul li{max-width: 33.33%; width: 100%;}
    .right-content ul li.has-story .hvr-story h5{font-size: 15px;}
    .right-content ul li.has-story .hvr-story a.btn-call{padding: 0 15px; line-height: 38px;}
    .right-content ul li a .caption{font-size: 13px; line-height: 17px; left: 10px;}

    /*----------food-and-wine-page------------*/
    .food-and-wine-page .garder-lodge-block{padding-bottom: 0;}
    .inner-banne-bg .iteam{height: 350px;}
    .inner-banne-bg .iteam h1,
    .inner-banne-bg .iteam .h1{font-size: 24px;}
    .food-and-wine-page .heading-caption{padding-top: 40px;}

    /*---------------culinary-experiences-page---------------*/
    .culinary-page .heading-caption{padding: 40px 0 0;}
    .dining-exp .left{max-width: 40%; margin-right: 0;}
    .dining-exp .right{max-width: 60%; padding-left: 20px;}
    .ordering-food .left{width: 100%; padding-right: 0;}
    .ordering-food .right{max-width: 40%;}
    .ordering-food .right ul li{font-size: 15px;}
    .our-culinary-block .left{max-width: 100%; padding-right: 0; margin: 0;}
    .our-culinary-block .right{max-width: 40%;}
    .our-culinary-block .left p{font-size: 15px; line-height: 20px;}
    .culinary-experience-block h3,
    .culinary-experience-block h2{font-size: 24px;}
    .culinary-experience-block h4{font-size: 18px;}
    .staff-slider .slick-prev:before, .staff-slider .slick-next:before{font-size: 25px;}
    .staff-slider .slick-next{right: -28px;}
    .staff-slider .slick-prev{left: -28px;}
    .staff-slider .text-caption h4{margin-bottom: 10px;}
    .restaurant .left{max-width: calc(100% - 250px); margin-right: 0; padding-right: 20px;}
    .restaurant .left p{line-height: 20px; font-size: 15px;}
    .restaurant .right{max-width: 250px; padding: 15px;}
    .restaurant .restaurant-img figure{max-width: 49%; margin-right: 11px;}
    .restaurant.destination .restaurant-img .block{max-width: 48%; margin: 0 1%; margin-bottom: 10px;}
    .restaurant.destination .restaurant-img .block figure img{width: 100%;}
    .restaurant.destination .restaurant-img .block .caption{left: 13px; font-size: 14px; bottom: 10px;}
    .restaurant.destination .left{max-width: 100%; margin-right: 0; padding-right: 0;}
    .restaurant.destination .right{max-width: 40%;}
    .restaurant.destination .right ul li{font-size: 15px;}
    .wine-description .left{margin: 0; max-width: 100%; padding-right: 0px; float: none; display: block;}
    .wine-description .right{max-width: 100%; float: none; display: block; margin-bottom: 15px;}
    .lodge-block .slick-prev{left: -20px; padding: 0;}
    .lodge-block .slick-next{right: -20px; padding: 0;}
    .lodge-block .slick-prev:before, .lodge-block .slick-next:before{color: #fff; font-size: 20px;}

    /*------------wine-experience-page---------------*/ 
    .wine-page .heading-caption{padding: 40px 0 0;}
    .wine-exp-block{padding: 20px;}
    .wine-exp-block h3{font-size: 24px;}
    .wine-exp-block h4{font-size: 18px;}
    .wine-exp-block .right h4{line-height: 26px;}
    .wine-exp-block.wine-collection .left p{font-size: 15px; line-height: 20px;}
    .wine-exp-block .left{max-width: 100%; margin-right: 0; padding-right: 0;}
    .our-brand h3{font-size: 24px;}
    .wine-exp-block .right{max-width: 40%;}
    .wine-page .staff-row{overflow: inherit;}
    .wine-exp-block .restaurant-img .block{max-width: calc(33.33% - 10px); margin-right: 15px;}
    .wine-page .wine-exp-block.pd0 .block{max-width: calc(33.33% - 10px); margin-right: 15px;}
    .staff-row .slick-next{right: -35px;}
    .staff-row .slick-prev{left: -35px;}
    .staff-row .slick-dots{bottom: -20px;}
    .staff-row .slick-dots li button{border-color: #a67b52;}
    .staff-row .slick-dots li.slick-active button, .staff-row .slick-dots li:hover button{background: #a67b52;}
    .wine-page .staff-row .iteam{margin: 0 5px;}
    .wine-exp-block .restaurant-img .block .caption{font-size: 14px;}

    /*--------experience-page----------*/
    .experience-page .heading-caption{padding: 40px 0 0;}
    .features-block .block{max-width: calc(50% - 6px); margin-right: 12px; margin-bottom: 12px;}
    .features-block .block .title{font-size: 20px; padding: 12px; line-height: 26px;}
    .features-block .block .text-caption{padding: 15px;}
    .features-block .block .text-caption .btn-feature{font-size: 14px; padding: 7px 18px; line-height: 20px;}

    /*--------shark-cage-diving-page---------*/
    /* .inner-banner .caption .play-video span{width: 64px; height: 64px; font-size: 28px;} */
    /* .inner-banner .caption .play-video span:before{line-height: 58px;} */
    .shark-cage-diving-page .heading-caption{padding: 40px 0 0;}
    .shark-cage-diving-page h2{font-size: 24px;}
    .tick-block{margin-bottom: 20px;}
    .inner-gallery.gallery-section.border-btm .container{padding-bottom: 50px;}
    .tick-block .right{max-width: 40%; margin-left: 20px;}
    .tick-block p{font-size: 15px; line-height: 20px;}
    .tick-block .right ul li{line-height: 20px;}
    .expert{padding: 20px;}
    .expert figure{max-width: 200px; margin-right: 15px;}
    .expert h4{font-size: 18px; margin-bottom: 10px;}
    .expert span{font-size: 24px; line-height: 34px;}
    .suggested-interaries .suggested-slider .iteam .caption{padding: 10px;}
    .suggested-interaries .suggested-slider .iteam .caption h4{font-size: 16px;}
    .suggested-interaries .suggested-slider{max-width: 95%;}
    .suggested-slider .slick-next{right: -30px;}
    .suggested-slider .slick-prev{left: -30px;}
    .exp-slider-block.experiences-section .experience-grids{max-width: 95%;}
    .exp-slider .slick-next{right: -33px;}
    .exp-slider .slick-prev{left: -33px;}
    .exp-slider .slick-prev:before, .exp-slider .slick-next:before{font-size: 25px;}
    .typed-blow{margin-bottom: 30px;}
    .typed-blow .block{margin: 0 10px;}
    .typed-blow .slick-dots{bottom: -20px;}
    .typed-blow .slick-dots li button{border-color: #a67b52;}
    .typed-blow .slick-dots li.slick-active button, .typed-blow .slick-dots li:hover button{background-color: #a67b52;}
    .typed-blow .block figure .caption{font-size: 18px;}
    .typed-block .expert{margin-bottom: 30px;}
    .typed-blow .block p{font-size: 14px;}
    .typed-blow .slick-prev{left: 0px;}
    .typed-blow .slick-next{right: 0px;}
    .typed-blow .slick-prev:before, .typed-blow .slick-next:before{color: #a67b52;}
    .whale-type .block{max-width: 100%; margin: 0 5px;}
    .whale-type .block figure img{width: 100%;}
    .whale-type .slick-dots{bottom: -20px;}
    .whale-type .slick-dots li button{border-color: #a67b52;}
    .whale-type .slick-dots li.slick-active button, .whale-type .slick-dots li:hover button{background-color: #a67b52;}

    /*-----------beauty-saloon-page-------------*/
    .treatment-block .block{max-width: calc(50% - 20px); margin: 0 10px; margin-bottom: 20px;}
    .treatment-block .block:nth-child(3n){margin: 0 10px; margin-bottom: 20px;}
    .treatment-block .caption{padding: 10px;}
    .treatment-block .caption h4{font-size: 18px;}
    .treatment-block .caption p{font-size: 12px; line-height: 14px;}

    /*---------suggested-itineraries-page----------*/
    .suggested-page .heading-caption{padding: 40px 0 0;}
    .right-content.interaries .iteam{max-width: calc(50% - 10px);}

    /*------------decadent-dining-page------------*/
    .decadent-dining-page .heading-caption{padding: 40px 0 0;}
    .decadent-dining-page h2{font-size: 24px;}
    .the-exp-block figure{margin-left: 20px; margin-bottom: 20px; max-width: 50%;}
    .days-activity h4{font-size: 22px;}
    .decadent-dining-page p{font-size: 15px;}
    .decadent-dining-page .stay-block{padding: 40px 20px; margin-bottom: 30px;}
    .decadent-dining-page .our-rates-section{margin-bottom: 30px;}
    .decadent-dining-page .suggested-interaries{padding: 30px 0;}
    .the-exp-block{margin-bottom: 40px;}
    .sneak-preview-block{margin-top: 30px;}

    /*----------press-page---------*/
    .press-page .heading-caption{padding: 40px 0 0;}
    .press-page h3{font-size: 24px;}
    .download-content .block{padding: 15px; max-width: 100%; margin-right: 0;}
    .download-content .block h4{font-size: 18px; max-width: calc(100% - 140px)}
    .download-content .block figure{max-width: 180px; margin-right: 10px;}
    .press-contact{padding: 20px;}
    .press-contact .block{padding-right: 30px;}
    .press-contact .block .title{font-size: 16px;}
    .in-the-press .year{font-size: 20px;}
    .in-the-press p{font-size: 16px;}

    /*-------------blog-page--------------*/
    .blog-page .heading-caption{padding: 40px 0 0;}
    .blog-type-block{padding: 8px 11px;}
    .blog-type-block .input-field{max-width: calc(25% - 8px);}
    .blog-type-block .input-field.category{max-width: calc(25% - 6px);}
    .blog-post{width: 100%; margin: 0;}
    .blog-post .block{max-width: calc(50% - 14px);}
    .blog-post .block .caption h4{font-size: 20px;}
    .blog-post .block .caption a.btn-read-more{display: none;}
    .blog-post .block.half{max-width: calc(50% - 14px);}
    .blog-post .block.half .caption{padding: 15px 10px;}

    /*-------------blog-detail-page--------------*/
    .blog-detail-page .inner-banner .iteam{height: 350px;}
    .blog-detail-wrap .inn-wrap{padding: 0 15px; padding-left: 100px;}
    .blog-detail-wrap .inn-wrap .author{left: 15px;}
    .blog-detail-wrap h2{font-size: 24px;}
    .blog-detail-wrap p{font-size: 15px;}
    .inn-wrap .align-right{max-width: 50%; margin-bottom: 15px;}
    .more-stories{padding: 25px 0; margin-bottom: 50px;}
    .more-stories h3{font-size: 24px;}
    .more-stories .block{margin: 0 10px;}
    .more-stories .text-caption{padding: 10px;}
    .more-stories .text-caption h4{font-size: 16px;}
    .inn-wrap .blog-tag .social-icon a{margin-left: 15px;}
    .blog-detail-wrap .full-block{padding: 30px 0;}
    .blog-detail-wrap h3{font-size: 24px;}
    .stories-slider{margin-bottom: 40px;}
    .stories-slider .slick-arrow{top: 35%;}
    .stories-slider .slick-next{right: 10px;}
    .stories-slider .slick-prev{left: 10px;}
    .stories-slider .slick-dots{bottom: -25px;}
    .stories-slider .slick-dots li button{border-color: #a67b52; width: 10px; height: 10px;}
    .stories-slider .slick-dots li.slick-active button, .staff-row .slick-dots li:hover button{background: #a67b52;}

    /*--------------our-story-page---------------*/
    .our-story-banner{height: 350px;}
    .our-story-banner .caption h2,
    .our-story-banner .caption .h2{font-size: 24px;}
    .natural-beauty{padding: 40px 0;}
    .natural-beauty figure{max-width: 100%; margin-right: 0; margin-bottom: 20px;}
    .natural-beauty .text-caption{max-width: 100%;}
    .travel-exp .left{padding: 0 20px;}
    .travel-exp .right{padding: 40px 20px;}
    .travel-exp .left h4{font-size: 20px; line-height: 30px;}
    .belive-block .left{padding: 20px;}
    .belive-block .left h3{font-size: 24px; margin-bottom: 5px;}
    .belive-block .left p{font-size: 15px; margin-bottom: 10px;}
    .belive-block .right{padding: 0 30px;}
    .belive-block .right h4{font-size: 20px; line-height: 30px;}
    .meet-them-block .block.width01{max-width: calc(50% - 10px)}
    .meet-them-block .block.width02{max-width: calc(50% - 10px)}
    .meet-them-block .block.text h4{font-size: 20px; margin-bottom: 10px;}

    /*--------------award-page---------------*/
    .awards-side-bar aside.left-aside{border: 0;}
    .awards-side-bar aside.left-aside:before{right: 15px; display: none;}
    .awards-side-bar aside.left-aside br{display: none;}
    .awards-side-bar .suggested-bar.left-aside span{width: 100%; border: 1px solid #7c6246; margin-bottom: 5px;}
    .awards-side-bar .suggested-bar.left-aside .block{position: relative;}
    .awards-side-bar .suggested-bar.left-aside .block:before{position:absolute; right: 15px; top:8px; width: 30px; height: 30px; content: 'i'; pointer-events: none; background: #9a7a55; font-family: "grootbos" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; font-size: 13px; border-radius: 2px; color: #fff; padding-top: 9px;}

    /*------------work-with-us-page-------------*/
    .work-with-us-page .heading-caption{padding: 40px 0 0;}
    .work-culture{padding: 20px; width: calc(100% - 30px); margin-bottom: 40px;}
    .work-with-us-page .heading-caption h3{font-size: 16px;}
    .work-culture h3{font-size: 24px;}
    .work-culture figure{max-width: 100%; float: none;}
    .work-culture figure.right{margin: 0; display: block; width: 100%; margin-bottom: 15px;}
    .work-culture figure.left{margin-right: 0; width: 100%; margin-bottom: 15px;}
    .current-opportunity-block{text-align: center; margin-bottom: 40px;}
    .current-opportunity-block h3{font-size: 24px;}
    .current-opportunity-block .block{max-width: 290px; margin: 0 5px 15px; float: none; display: inline-block; vertical-align: top; text-align: left;}
    .current-opportunity-block .block:last-child{margin: 0 5px 20px;}
    .current-opportunity-block .block h4{font-size: 18px;}
    .current-opportunity-block .block .exp{font-size: 16px; padding: 8px 15px;}
    .current-opportunity-block .block .caption{padding: 11px 15px;}    
    .staff-stay-slider{max-width: 90%;}
    .staff-stay-slider .description{padding-top: 0;}
    .staff-stay-slider .description p{font-size: 16px;}
    .staff-stay-slider .slick-prev{left: -40px; padding: 0;}
    .staff-stay-slider .slick-next{right: -40px; padding: 0;}

    /*--------------foundation-page----------------*/
    .foundation-description{padding: 40px 15px;}
    .foundation-page h3,
    .get-involved h2,
    .our-project-block h2{font-size: 24px;}
    .our-project-block h4{font-size: 16px;}
    .our-project-block .right{max-width: 45%;}
    .project-slider .iteam{margin: 0 5px;}
    .project-slider .iteam .description{padding: 12px;}
    .project-slider .iteam .description h4{font-size: 16px;}
    .get-involved .all-detail .block{max-width: 50%; padding-right: 20px; margin-bottom: 20px;}
    .get-involved .all-detail .block:nth-child(2){max-width: 50%;}
    .get-involved .all-detail .block .row span{margin: 0;}
    .get-involved .all-detail .block .row .category{max-width: 38%;}
    .get-involved .right h4{line-height: 28px;}
    .activity-count .block .count{max-width: 90%;}
    .activity-count .block .count p strong{font-size: 40px;}
    .activity-count .block .count p{font-size: 16px;}
    .get-involved{padding: 50px 0;}
    .get-involved .right{max-width: 50%;}

    /*-------------contact-page---------------*/
    .contact-page .heading-caption{padding: 40px 0 0;}
    .contact-page #map{height: 360px;}
    .contact-us-block{width: 100%; padding: 0; margin: 0;}
    .contact-us-block .left{max-width: 55%;}
    .contact-us-block .left{padding: 20px;}
    .contact-us-block .left h3{font-size: 24px; padding-right: 50px;}
    .contact-us-block .left h3:after{background-size: 40px; background-repeat: no-repeat; width: 40px;}
    .contact-us-block .left form .row{margin-bottom: 15px;}
    .contact-us-block .right{max-width: 45%;}
    .contact-us-block .right h2{font-size: 24px; padding: 15px 40px 15px 15px;}
    .contact-us-block .right h2:after{background-size: 32px; background-repeat: no-repeat; width: 32px; right: 10px; top: 12px;}
    .contact-us-block .right .detail{padding: 0 15px;}
    .contact-us-block .right .detail .block{padding: 14px 0;}
    .contact-us-block .right .detail .block figure{width: 35px; margin-right: 10px;}
    .contact-us-block .right .detail .block .description{max-width: calc(100% - 50px); padding-top: 3px;}
    .contact-us-block .right .detail .block .description h4{font-size: 18px;}

    /*--------------CC-25-10-2017-----------------*/
    .survey-block{ padding-bottom:45px; padding-top:30px;}
    .survey-page .landing-section.inner-banner{ height:450px;}
    .survey-page .landing-section.inner-banner .content-block{ background-position:center center; background-size:cover; background-repeat:no-repeat;}
    .survey-page .landing-section.inner-banner h1{ font-size:28px;}
    .survey-content-block .single-block{ margin-bottom:15px;}
    .survey-block .heading-caption{ margin-bottom:50px;}
    .survey-page .heading-caption h2{ margin-bottom:15px;}
    .survey-page .heading-caption p{ margin-bottom:20px; font-size:14px;}
    .survey-content-block .answer-block{ margin:0 -15px;}
    .survey-content-block .questions-block{ margin-bottom:20px;}
    .survey-content-block .answer-block .single-answer{ padding:0 15px; margin-bottom:20px; width:100%;}
    .survey-content-block .questions-block h3{ font-size:20px;}
    .survey-content-block .answer-block .single-answer .radio-btn label{ font-size:18px;}
    .survey-content-block .answer-block .single-answer .radio-btn{ padding:12px 15px 10px;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm{ max-width:90%;}
    .confirm-form h2{ font-size:24px;}
    .confirm-form p{ font-size:16px; margin-bottom:20px;}
    .confirm-form .frm_element{ margin-bottom:30px;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm .fancybox-skin{ padding:50px 50px !important;}
    .confirm-form input[type="text"], .confirm-form input[type="password"], .confirm-form input[type="email"], .confirm-form input[type="tel"], .confirm-form input[type="search"], .confirm-form textarea{ height:46px; line-height:46px;}
    .confirm-form.screen2 .btn-process, .confirm-form.screen3 .btn-process{ height:40px; line-height:38px;}

    /*--------------CC-6-11-2017-----------------*/
    .inquiry-form .booknow-btn{ font-size: 20px;}
    span.or{ font-size: 20px; margin: 10px 0;}
    .inquiry-form h3{ font-size: 20px;}
    .inquiry-form .booknow-btn .book-now{ line-height: 32px;}

    .fancybox-confirm .fancybox-stage .open-popup {padding: 50px;}

    /*--------------CC-10-04-2019-----------------*/
    .proposed-page .coming-soon-text p {font-size: 16px;}
    .proposed-page .features-block .block .title {padding: 0 15px 15px !important;}
    .proposed-page .block figure {height: 280px;}
    .proposed-page .block figure img {object-fit: cover;object-position: center;height: 100%;width: 100%;}
    .proposed-page .features-block figcaption { display: flex;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;}

    /* Custom 10-02-2020*/
    .our-story-banner .bottom-logo {width: 120px; bottom: 60px;}
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
    .container {padding: 0 15px;}
    #wrapper.home-page{padding-top: 166px;}
    /* header */
    header.main-header .top-header .left-head .logo-head {width: 150px; margin: 23px 0;}
    header.main-header .top-header .right-head .top-menu ul li::after {left: -12px;}
    header.main-header .top-header .right-head .top-menu ul li {margin: 0 0 0 15px;}    
    header.main-header .bottom-header {padding: 3px 0;}
    header.main-header .bottom-header .main-menu {width: auto; text-align: center;}
    header.main-header .bottom-header .main-menu ul li {margin: 0; padding: 5px 1px;}
    header.main-header .bottom-header .main-menu ul li a {font-size: 12px; padding: 8px 6px;}
    header.main-header .bottom-header .main-menu ul ul.drop-down{top: calc(100% - 2px);}
    header.main-header .bottom-header .enquiry {width: auto; text-align: center;}
    header.main-header .bottom-header .enquiry .btn{font-size: 12px; padding: 0 6px;}
    header.main-header .bottom-header .main-menu ul ul.drop-down li{width: 20%;}
    header.main-header .bottom-header .main-menu ul ul{width: 200px;}
    header.main-header .bottom-header .main-menu ul ul.drop-down li a{padding: 5px;}
    header.main-header .bottom-header .main-menu ul ul li a{font-size: 12px; text-align: left; padding: 11px 15px;}
    header.main-header .bottom-header .main-menu ul ul.drop-down li a span{font-size: 12px;}
    .fancybox-success .fancybox-stage {max-width: 90%;}
    .inquiry-form h2{font-size: 32px;}
    .inquiry-form .frm_element .column{max-width: 49%;}
    /* footer */
    footer.main-footer .footer-bottom .copyright{margin: 0;}
    footer.main-footer .footer-bottom ul.terms-privacy{margin: 0;}
    footer.main-footer .footer-top .single-foot.first{padding-left: 0; padding-right: 20px;}
    footer.main-footer .footer-top .single-foot.second .btn{margin-top: 0;}
    footer.main-footer .footer-top .single-foot.third{padding-left: 20px;}
    footer.main-footer .footer-top .single-foot .title{font-size: 22px;}
    footer.main-footer .footer-top .single-foot .social-block ul li{margin: 0;}

    /*----------home-page---------*/
    .landing-section{height: calc(100vh - 122px);min-height: 600px;}
    .landing-section .logo {width: 230px; float: none; margin: 62px auto 22px;}
    .landing-section .caption {padding: 160px 0 0;}
    .landing-section .caption h1,
    .landing-section .caption .h1{font-size: 50px;}
    .landing-section .caption h3,
    .landing-section .caption .h3{font-size: 20px;}   
    .banner h2, .banner .h2{font-size: 28px;} 
    .melting-section h2 {font-size: 28px;}
    .melting-section .full-blocks .single-block .title {font-size: 22px;} 
    .award-section .top-caption h2{font-size: 28px;}
    .progressive-section h2{font-size: 28px;}   
    .top-caption h2,
    .experiences-section .top-caption h2{font-size: 28px;}
    .accomodation-tab .accomodation-slider {margin: 0 40px; width: auto;}
    .accomodation-tab .tab-button ul li {max-width: 200px;}
    .accomodation-tab .tab-button ul li a .title {font-size: 14px;}
    .accomodation-tab .tab-button ul li a .sub-title {font-size: 10px;}
    .accomodation-tab .accomodation-slider .single-accomodation .left-accomodation {padding: 24px 15px 24px;}
    .accomodation-tab .accomodation-slider .single-accomodation .left-accomodation h3 {font-size: 28px;}
    .accomodation-tab .accomodation-slider .single-accomodation .btn {font-size: 12px;}    
    .specific-gatway-section .left-block {width: 30%;}
    .specific-gatway-section .right-block {width: calc(70% - 8px);}
    .specific-gatway-section .left-block p {font-size: 20px;}    
    .experience-grids .single-experience .title {font-size: 18px;}    
    .food-wine-rows .single-food-wine .food-wine-content .btn {font-size: 11px;}
    .food-wine-rows .single-food-wine .food-wine-content {padding: 0 20px 60px; width: 45%;}
    .food-wine-rows .single-food-wine .food-wine-img {width: 55%;}    
    .specials-overview-slider {padding: 0 40px;}
    .specials-overview-slider .slick-prev {left: 0; right: auto;}
    .specials-overview-slider .slick-next {right: 0; left: auto;}
    .specials-overview-slider .single-inner .overlay-content {padding: 15px;}
    .specials-overview-slider .single-inner .only-title {padding: 15px;}
    .specials-overview-slider .single-inner .overlay-content .title { margin: 15px 0 15px; }
    .specials-overview-slider .single-inner .only-title, 
    .specials-overview-slider .single-inner .overlay-content .title { font-size: 18px; }
    .specials-overview-slider .single-inner .overlay-content p { font-size: 14px; line-height: 1.2; margin: 0 0 16px; }
    .specials-overview-slider .single-inner .overlay-content .btn { padding: 0 12px; font-size: 12px; line-height: 40px; margin-bottom: 15px }    
    .hospitality-section .top-caption h4,
    .hospitality-section .top-caption .h4{font-size: 26px;}
    .food-wine-rows .single-food-wine .food-wine-content .title, 
    .food-wine-rows .title h3{font-size:20px }


    /*-------thank-you-page---------*/
    #content-area{margin-top: 119px;}
    .thank-you-block .top-caption h1{font-size: 28px;}
    .thank-you-block .top-caption p{font-size: 18px;}

    /*----------accomodation-page----------*/
    .accomodation-block{padding-top: 40px;}
    .landing-section.inner-banner{height: 450px;}
    .landing-section.inner-banner .caption{padding-top: 50px;}
    .landing-section .caption h1,
    .landing-section .caption .h1{font-size: 36px;}
    .landing-section.inner-banner .caption h3{font-size: 20px;}
    /* .landing-section .caption .play-video span{width: 74px; height: 74px; font-size: 40px;}
    .landing-section .caption .play-video span:before{line-height: 70px;} */
    .landing-section .national-geo {bottom: 55px;}
    .heading-caption h1{font-size: 28px;}
    .heading-caption p{font-size: 18px;}
    .lodge-block nav li a .title{font-size: 14px;}
    .lodge-block-content{padding: 20px 0;}
    .lodge-block-content .lodge-bg{max-width: 56%;}
    .lodge-block-content .lodge-bg .lodge-title{font-size: 26px;}
    .lodge-block-content .lodge-detail{max-width: 44%; padding: 15px 20px;}
    .lodge-detail h2{font-size: 26px;}
    .lodge-detail h3{font-size: 20px;}
    .lodge-detail a.btn{width: inherit; padding: 0 25px; margin-right: 10px; margin-bottom: 10px;}
    .slider-for .main-item .villas-item{max-width: 475px;}
    .villas-item h2,
    .villas-item h3{font-size: 28px;}
    .villas-item p{font-size: 15px;}
    .thumbs-wrapper{margin: 0 8px;}
    .lodge-block nav li{display: table !important;}
    .lodge-block nav li a{display: table-cell; vertical-align: middle;}  

    /*---------garden-lodge-page---------*/
    .inner-banner-slider .iteam{height: 450px;}
    .inner-banner-slider .iteam h1,
    .inner-banner-slider .iteam .h1{font-size: 26px;}
    .overview .highlights .left{max-width: 100%; float: none; display: inline-block;}
    .highlights-slider{margin-bottom: 50px;}
    .overview .highlights .right{max-width: 460px; display: inline-block; float: none; margin-bottom: 20px;}
    .overview.suits .highlights .right{max-width: 40%;}
    .overview.style-1 .left .highlight-points{max-width: 100%;}
    .lodge-block nav li a{padding: 12px; font-size: 14px;}
    .garder-lodge-block .overview .title{display: block; width: 100%;}
    .overview.style-1 .title{float: left; max-width: 100%;}
    .garder-lodge-block .overview .title h3{font-size: 26px;}
    .garder-lodge-block .overview h3,
    .garder-lodge-block .overview h2{font-size: 26px;}
    .garder-lodge-block .overview .highlights{margin-top: 30; padding: 20px;}
    .overview.style-1 .highlights{padding: 0; margin: 0;}
    .overview.suits .highlights .right{max-width: 450px;}
    .our-rates-section h3,
    .our-rates-section .container h3,
    .our-rates-section .container .h3{font-size: 28px;}
    .virtual-tours{padding: 20px;}
    .virtual-tours .text-caption{padding: 20px 0;}
    .virtual-tours .text-caption h4,
    .virtual-tours .text-caption h2,
    .virtual-tours .text-caption .h2{font-size: 28px;}
    .garden-lodge-suites-block .virtual-tours{background-size: cover;}
    .garden-lodge-suites-block .virtual-tours .text-caption{padding: 60px 15px;}
    .garden-lodge-suites-block .virtual-tours .text-caption p br{display: none;}

    /*-----------garden-lodge-suites-page---------*/
    .highlight-suites-slider{max-width: 95%;}
    .garden-lodge-suites-block .highlights-suites h5{font-size: 18px;}
    .highlight-suites-slider .iteam{margin: 0 10px;}
    .highlight-suites-slider .text-caption{padding: 15px;}
    .highlight-suites-slider .text-caption h3{font-size: 20px;}
    .highlight-suites-slider .slick-prev:before, .highlight-suites-slider .slick-next:before{font-size: 28px;}
    .highlight-suites-slider .slick-next{right: -30px;}
    .highlight-suites-slider .slick-prev{left: -30px;}
    .suites-info .title h2{font-size: 28px;}
    .suites-info .configuration{max-width: 49%; padding: 20px;}
    .suites-info .configuration ul li .field{width: calc(50% - 20px);}
    .suites-info .configuration ul li .detail{width: calc(50% - 22px); margin-left: -1px;}
    .suites-info .essentials{max-width: 49%;}
    .suites-info .configuration h3{font-size: 20px;}
    .suites-info .essentials h3{font-size: 20px;}
    .suites-info .essentials ul li{max-width: 100%; margin-right: 0;}

    /*---------specials-gallery-page---------*/
    .sapecials-page{padding-top: 40px;}
    .specials-gallery .single-specials-overview{max-width: 33.33%;}

    /*---------rates-page---------*/
    .rates-page{padding: 40px 0 0;}
    .rates-table .right-part{max-width: 100%; float: none; display: block;}
    .rates-table .right-part .block{width: 49%; display: inline-block; vertical-align: top; margin-bottom: 20px;}
    .rates-table .right-part .block.season a:nth-child(3n){margin-right: 5px;}
    .rates-table .left-part{max-width: 100%; float: none;}
    .rates-block .rates-table h3{font-size: 22px;}
    .rates-block .stay-block h2{font-size: 28px;}
    .insturction-tabbing .nav-tabs li{max-width: 30%;}
    .insturction-tabbing .tab-content .tab-pane.active{padding: 20px;}
    .insturction-tabbing .tab-content h4{font-size: 20px;}

    /*-------------honeymoon-page---------------*/
    .honeymoon-gateway-page .heading-caption{padding-top: 40px;}    
    .gateway-block .saving-detail{max-width: 100%; margin-right: 0; padding-right: 15px; margin-bottom: 15px;}
    .gateway-block .saving-detail .btn-save{font-size: 18px; padding: 6px 15px;}
    .gateway-block .block{max-width: 45%; margin-right: 15px; padding: 15px;}
    .gateway-block .block h4{font-size: 22px;}
    .package-include-block{padding: 20px 0; margin-bottom: 20px;}
    .package-include-block h3{font-size: 28px;}

    /*---------helpfull-info-faq-page-----------*/
    .helpfull-info-page .lodge-block nav li a{font-size: 13px;}    
    .info-tab .nav-tabs{max-width: 200px;}
    .info-tab .tabing-detail{max-width: calc(100% - 200px)}
    .info-tab .tab-pane{padding: 15px 25px;}
    .info-tab .tab-pane h3{font-size: 28px;}
    .enroute-to-grootbos h2{font-size: 28px;}
    .enroute-to-grootbos p{font-size: 18px;}
    .enroute-gallery .block .caption{font-size: 18px; left: 10px; bottom: 10px;}
    .enroute-gallery .block{max-width: calc(25% - 15px); margin: 0 20px 20px 0;}
    .services .service-block h3{font-size: 28px;}
    .services .service-block .left{max-width: 100%; margin-bottom: 20px;}
    .faq-block h3{font-size: 28px;}
    .faq-block h4{font-size: 24px;}
    .services .service-block .right{max-width: 100%;}
    .faq-block .question-block .left{max-width: 48%;}
    .faq-block .question-block .right{max-width: 48%;}
    .faq-block .question-block .row h5{padding: 16px; padding-left: 55px;}
    .faq-block .question-block .row h5:before{top: 17px;}
    .our-location-page{padding: 50px 0 0;}

    /*-------------gallery-page---------------*/
    .gallery-page{padding: 50px 0 0;}
    aside.left-aside{max-width: 230px;}
    .right-content{max-width: calc(100% - 260px)}
    .right-content ul li{max-width: 50%; width: 100%;}
    .right-content ul li.has-story .hvr-story h5{font-size: 16px;}

    /*----------food-and-wine-page------------*/
    .inner-banne-bg .iteam{height: 450px;}
    .inner-banne-bg .iteam h1,
    .inner-banne-bg .iteam .h1{font-size: 26px;}
    .food-and-wine-page .heading-caption{padding-top: 50px;}

    /*---------------culinary-experiences-page---------------*/
    .culinary-page .heading-caption{padding: 50px 0 0;}
    .dining-exp .left{max-width: 40%; margin-right: 0;}
    .dining-exp .right{max-width: 60%; padding-left: 20px;}
    .ordering-food .left{width: 100%; padding-right: 0;}
    .ordering-food .right{max-width: 40%;}
    .our-culinary-block .left{max-width: 100%; padding-right: 0; margin: 0;}
    .our-culinary-block .right{max-width: 40%;}
    .culinary-experience-block h3,
    .culinary-experience-block h2{font-size: 28px;}
    .culinary-experience-block h4{font-size: 20px;}
    .staff-slider .slick-prev:before, .staff-slider .slick-next:before{font-size: 25px;}
    .staff-slider .slick-next{right: -28px;}
    .staff-slider .slick-prev{left: -28px;}
    .staff-slider .text-caption h4{margin-bottom: 10px;}
    .restaurant .left{max-width: calc(100% - 250px); margin-right: 0; padding-right: 20px;}
    .restaurant .right{max-width: 250px; padding: 15px;}
    .restaurant .restaurant-img figure{max-width: 49%; margin-right: 13px;}
    .restaurant.destination .restaurant-img .block{max-width: 24%; margin-right: 9px;}
    .restaurant.destination .restaurant-img .block .caption{left: 13px; font-size: 14px; bottom: 10px;}
    .restaurant.destination .left{max-width: 100%; margin-right: 0; padding-right: 0;}
    .restaurant.destination .right{max-width: 40%;}
    .wine-description .left{margin: 0; max-width: 100%; padding-right: 0px; float: none; display: block;}
    .wine-description .right{max-width: 100%; float: none; display: block; margin-bottom: 15px;}
    .lodge-block-wrapper .container{padding: 0 20px;}
    .lodge-block .slick-prev{left: -20px; padding: 0;}
    .lodge-block .slick-next{right: -20px; padding: 0;}
    .lodge-block .slick-prev:before, .lodge-block .slick-next:before{color: #fff; font-size: 20px;}

    /*------------wine-experience-page---------------*/ 
    .wine-page .heading-caption{padding: 50px 0 0;}
    .wine-exp-block h3{font-size: 28px;}
    .wine-exp-block h4{font-size: 20px;}
    .wine-exp-block .right h4{line-height: 30px;}
    .wine-exp-block .left{max-width: 100%; margin-right: 0; padding-right: 0;}
    .wine-exp-block .right{max-width: 40%;}
    .wine-exp-block .restaurant-img .block{max-width: calc(33.33% - 10px); margin-right: 15px;}
    .wine-page .staff-row .iteam{max-width: calc(25% - 9px); margin-right: 12px;}
    .wine-page .wine-exp-block.pd0 .block{max-width: calc(33.33% - 10px); margin-right: 15px;}

    /*--------experience-page----------*/
    .experience-page .heading-caption{padding: 50px 0 0;}
    .features-block .block{max-width: calc(50% - 6px); margin-right: 12px; margin-bottom: 12px;}
    .features-block .block .title{font-size: 24px;}
    .features-block .block .text-caption{padding: 15px;}
    .features-block .block .text-caption .btn-feature{font-size: 14px; padding: 7px 18px; line-height: 20px;}

    /*--------shark-cage-diving-page---------*/
    /* .inner-banner .caption .play-video span{width: 74px; height: 74px;} */
    /* .inner-banner .caption .play-video span:before{line-height: 68px; font-size: 38px;} */
    .shark-cage-diving-page .heading-caption{padding: 50px 0 0;}
    .shark-cage-diving-page h2{font-size: 28px;}
    .tick-block .right{max-width: 40%; margin-left: 20px;}
    .expert h4{font-size: 22px;}
    .expert span{font-size: 28px; line-height: 40px;}
    .suggested-interaries .suggested-slider .iteam .caption{padding: 10px;}
    .suggested-interaries .suggested-slider .iteam .caption h4{font-size: 18px;}
    .suggested-interaries .suggested-slider{max-width: 95%;}
    .suggested-slider .slick-next{right: -30px;}
    .suggested-slider .slick-prev{left: -30px;}
    .exp-slider-block.experiences-section .experience-grids{max-width: 95%;}
    .exp-slider .slick-next{right: -33px;}
    .exp-slider .slick-prev{left: -33px;}
    .exp-slider .slick-prev:before, .exp-slider .slick-next:before{font-size: 25px;}
    .typed-blow .block{max-width: calc(33.33% - 10px); margin-right: 15px;}
    .typed-blow .block figure .caption{font-size: 18px;}
    .typed-block .expert{margin-bottom: 30px;}
    .typed-blow .block p{font-size: 14px;}
    .whale-type .block{max-width: calc(20% - 4px); margin-right: 5px;}
    .whale-type .title{font-size: 14px;}

    /*-----------beauty-saloon-page-------------*/
    .treatment-block .block{max-width: calc(33.33% - 10px); margin-right: 15px;}
    .treatment-block .caption{padding: 10px;}
    .treatment-block .caption h4{font-size: 18px;}
    .treatment-block .caption p{font-size: 12px; line-height: 14px;}

    /*---------suggested-itineraries-page----------*/
    .suggested-page .heading-caption{padding: 50px 0 0;}
    .right-content.interaries .iteam{max-width: calc(50% - 10px);}

    /*------------decadent-dining-page------------*/
    .decadent-dining-page .heading-caption{padding: 50px 0 0;}
    .decadent-dining-page h2{font-size: 28px;}
    .the-exp-block figure{margin-left: 20px; margin-bottom: 20px;}
    .days-activity h4{font-size: 26px;}
    .decadent-dining-page .stay-block{padding: 40px 20px;}

    /*----------press-page---------*/
    .press-page .heading-caption{padding: 50px 0 0;}
    .press-page h3{font-size: 28px;}
    .download-content .block{padding: 15px;}
    .download-content .block h4{font-size: 18px; max-width: calc(100% - 140px)}
    .download-content .block figure{max-width: 130px; margin-right: 10px;}
    .press-contact{padding: 20px;}
    .press-contact .block{padding-right: 30px;}
    .press-contact .block .title{font-size: 18px;}
    .in-the-press .year{font-size: 20px;}

    /*-------------blog-page--------------*/
    .blog-page .heading-caption{padding: 50px 0 0;}
    .blog-type-block{padding: 8px 11px;}
    .blog-type-block .input-field{max-width: calc(25% - 8px);}
    .blog-type-block .input-field.category{max-width: calc(25% - 6px);}
    .blog-post{width: 100%; margin: 0;}
    .blog-post .block{max-width: calc(33.33% - 14px);}
    .blog-post .block.full{max-width: calc(100% - 14px); margin-bottom: 11px;}
    .blog-post .block.full .caption{padding: 10px;}
    .blog-post .block .caption h4{font-size: 20px;}
    .blog-post .block.half{max-width: calc(50% - 14px); margin: 0 7px; margin-bottom: 10px;}

    /*-------------blog-detail-page--------------*/
    .blog-detail-wrap .inn-wrap{padding: 0 15px; padding-left: 100px;}
    .blog-detail-wrap .inn-wrap .author{left: 15px;}
    .more-stories .block{max-width: calc(25% - 15px); margin-right: 20px;}
    .blog-detail-wrap h2{font-size: 28px;}
    .inn-wrap .align-right{max-width: 50%; margin-bottom: 15px;}
    .more-stories h3{font-size: 28px;}
    .more-stories .block{max-width: calc(25% - 9px); margin-right: 12px;}
    .more-stories .text-caption{padding: 10px;}
    .more-stories .text-caption h4{font-size: 16px;}

    /*--------------our-story-page---------------*/
    .our-story-banner{height: 450px;}
    .our-story-banner .caption h2,
    .our-story-banner .caption .h2{font-size: 28px;}
    .natural-beauty{padding: 50px 0;}
    .natural-beauty figure{max-width: 50%; margin-right: 20px;}
    .natural-beauty .text-caption{max-width: 47%;}
    .travel-exp .left{padding: 0 20px;}
    .travel-exp .right{padding: 50px 20px;}
    .travel-exp .left h4{font-size: 22px;}
    .belive-block .left{padding: 20px;}
    .belive-block .left h3{font-size: 28px;}
    .belive-block .right{padding: 0 30px;}
    .belive-block .right h4{font-size: 22px;}
    .meet-them-block .block.width01{max-width: calc(33.333% - 10px)}
    .meet-them-block .block.width02{max-width: calc(66.666% - 10px)}

    /*--------------award-page---------------*/
    .awards-side-bar .block figure{margin-bottom: 10px;}
    .awards-side-bar .block .text-caption{max-width: 100%;}

    /*------------work-with-us-page-------------*/
    .work-with-us-page .heading-caption{padding: 50px 0 0;}
    .work-culture{padding: 30px; width: calc(100% - 30px);}
    .work-with-us-page .heading-caption h3{font-size: 20px;}
    .work-culture h3{font-size: 28px;}
    .work-culture figure{max-width: 50%;}
    .work-culture figure.left{max-width: 44%; margin-right: 20px; margin-bottom: 20px;}
    .current-opportunity-block h3{font-size: 28px;}
    .current-opportunity-block .block{max-width: calc(33.33% - 12px); margin-right: 18px;}
    .current-opportunity-block .block h4{font-size: 22px;}
    .current-opportunity-block .block .exp{font-size: 16px; padding: 8px 15px;}
    .current-opportunity-block .block .caption{padding: 11px 15px;}    
    .staff-stay-slider{max-width: 90%;}
    .staff-stay-slider .slick-prev{left: -50px;}
    .staff-stay-slider .slick-next{right: -50px;}

    /*--------------foundation-page----------------*/
    .foundation-description{padding: 50px 15px;}
    .foundation-page h3,
    .get-involved h2,
    .our-project-block h2{font-size: 28px;}
    .our-project-block h4{font-size: 18px;}
    .our-project-block .right{max-width: 45%;}
    .project-slider .iteam{margin: 0 5px;}
    .project-slider .iteam .description{padding: 12px;}
    .project-slider .iteam .description h4{font-size: 18px;}
    .get-involved .all-detail .block{max-width: 50%; padding-right: 20px;}
    .get-involved .all-detail .block:nth-child(2){max-width: 50%;}
    .get-involved .all-detail .block .row span{margin: 0;}
    .get-involved .right h4{line-height: 28px;}
    .activity-count .block .count{max-width: 90%;}
    .activity-count .block .count p strong{font-size: 40px;}
    .activity-count .block .count p{font-size: 16px;}
    .get-involved{padding: 50px 0;}

    /*-------------contact-page---------------*/
    .contact-page .heading-caption{padding: 50px 0 0;}
    .contact-us-block{width: calc(100% - 30px); padding: 0;}
    .contact-us-block .left{max-width: 55%;}
    .contact-us-block .left{padding: 20px;}
    .contact-us-block .left h3{font-size: 28px;}
    .contact-us-block .left h3:after{background-size: 50px; background-repeat: no-repeat; width: 50px;}
    .contact-us-block .right{max-width: 45%;}
    .contact-us-block .right h2{font-size: 28px; padding: 15px 40px 15px 15px;}
    .contact-us-block .right h2:after{background-size: 35px; background-repeat: no-repeat; width: 35px; right: 15px; top: 12px;}
    .contact-us-block .right .detail{padding: 0 15px;}
    .contact-us-block .right .detail .block{padding: 16px 0;}
    .contact-us-block .right .detail .block figure{width: 40px; margin-right: 15px;}
    .contact-us-block .right .detail .block .description{max-width: calc(100% - 55px); padding-top: 4px;}

    /*--------------CC-25-10-2017-----------------*/
    .survey-block{ padding-bottom:60px;}
    .survey-page .landing-section.inner-banner{ height:600px;}
    .survey-page .landing-section.inner-banner .content-block{ background-position:center center; background-size:cover; background-repeat:no-repeat;}
    .survey-content-block .answer-block{ margin:0 -15px;}
    .survey-content-block .answer-block .single-answer{ padding:0 15px; margin-bottom:22px;}
    .survey-content-block .questions-block h3{ font-size:22px;}
    .survey-content-block .answer-block .single-answer .radio-btn label{ font-size:20px;}
    .survey-content-block .answer-block .single-answer .radio-btn{ padding:20px 20px 19px;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm{ max-width:90%;}
    .confirm-form h2{ font-size:28px;}
    .confirm-form p{ font-size:18px; margin-bottom:25px;}
    .confirm-form .frm_element{ margin-bottom:35px;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm .fancybox-skin{ padding:60px 70px !important;}
    #wrapper.home-page{ padding-top:119px;}

    .fancybox-is-open .fancybox-stage .open-popup {padding: 60px 70px;}

    /*--------------CC-10-04-2019-----------------*/
    .proposed-page .coming-soon-text p {font-size: 16px;}
    .proposed-page .features-block .block .title {padding: 15px;}

    .activity-type .activity-list figcaption {top: 10px;left: 10px;font-size: 18px;}

    /*-------------- our logo panel 21-11-19 ----------------*/
    .our-logo-panel .left-part{padding-right: 20px;}
}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {	
    .container {padding: 0 15px;}
    header.main-header .bottom-header .main-menu ul ul.drop-down li{width: 20%;}
    header.main-header .bottom-header .main-menu ul li{padding: 9px 12px;}
    .specials-overview-slider {padding: 0 40px;}
    .specials-overview-slider .slick-prev {left: 0; right: auto;}
    .specials-overview-slider .slick-next {right: 0; left: auto;}
    .specials-overview-slider .single-inner .overlay-content {padding: 20px;}
    .specials-overview-slider .single-inner .overlay-content .title { margin: 15px 0 15px; }
    .specials-overview-slider .single-inner .only-title, 
    .specials-overview-slider .single-inner .overlay-content .title { font-size: 22px; }
    .specials-overview-slider .single-inner .overlay-content p { font-size: 16px; line-height: 1.2; margin: 0 0 16px; }
    .specials-overview-slider .single-inner .overlay-content .btn { padding: 0 12px; font-size: 12px; line-height: 40px; margin-bottom: 15px }    
    .hospitality-section .top-caption h4,
    .hospitality-section .top-caption .h4{font-size: 32px;}
    .accomodation-block{padding-top: 50px;}
    .lodge-block-content .lodge-bg{max-width: 56%;}
    .lodge-block-content .lodge-detail{max-width: 44%;}
    .lodge-detail a.btn{width: inherit; padding: 0 25px; margin-right: 10px;}
    .specific-gatway-section .left-block p{font-size: 23px;}
    .specials-gallery .single-specials-overview{max-width: 33.33%;}
    .overview .highlights .left{max-width: 57%;}
    .overview .highlights .right{max-width: 40%;}
    .overview.suits .highlights .right{max-width: 40%;}
    .overview.style-1 .left .highlight-points{max-width: 100%;}
    .overview.style-1 .title{max-width: 57%;}
    .highlight-suites-slider{max-width: 95%;}
    .suites-info .configuration{max-width: 40%; padding: 20px;}
    .suites-info .configuration ul li .field{width: calc(50% - 20px);}
    .suites-info .configuration ul li .detail{width: calc(50% - 22px); margin-left: -1px;}
    .suites-info .essentials{max-width: 59%;}
    .suites-info .essentials ul li{max-width: 48%; margin-right: 15px;}
    .rates-table .left-part{max-width: calc(100% - 180px);}
    .gateway-block .saving-detail{max-width: 30%; margin-right: 0; padding-right: 15px;}
    .gateway-block .saving-detail .btn-save{font-size: 18px; padding: 6px 15px;}
    .gateway-block .block{max-width: 33%; margin-right: 15px; padding: 15px;}
    .gateway-block .block h4{font-size: 22px;}
    .enroute-gallery .block{max-width: calc(25% - 15px); margin-right: 20px;}
    .services .service-block .left{max-width: 40%;}
    .services .service-block .right{max-width: 57%;}
    .faq-block .question-block .left{max-width: 48%;}
    .faq-block .question-block .right{max-width: 48%;}
    .faq-block .question-block .row h5:before{top: 17px;}
    .staff-slider .slick-prev:before, .staff-slider .slick-next:before{font-size: 25px;}
    .staff-slider .slick-next{right: -28px;}
    .staff-slider .slick-prev{left: -28px;}
    .restaurant .restaurant-img figure{max-width: 49%; margin-right: 18px;}
    .restaurant.destination .restaurant-img .block{max-width: 24%; margin-right: 12px;}
    .restaurant.destination .restaurant-img .block .caption{left: 13px; font-size: 20px;}
    .wine-description .left{margin: 0; max-width: 55%; padding-right: 30px;}
    .wine-description .right{max-width: 45%;} 
    .lodge-block nav li{display: table !important;}
    .lodge-block nav li a{display: table-cell; vertical-align: middle;}   
    .lodge-block .slick-prev{left: -25px;}
    .lodge-block .slick-next{right: -25px;}
    .lodge-block .slick-prev:before, .lodge-block .slick-next:before{color: #fff; font-size: 20px;}
    .wine-exp-block .restaurant-img .block{max-width: calc(33.33% - 10px); margin-right: 15px;}
    .wine-page .staff-row .iteam{max-width: calc(25% - 9px); margin-right: 12px;}
    .wine-page .wine-exp-block.pd0 .block{max-width: calc(33.33% - 10px); margin-right: 15px;}
    .suggested-interaries .suggested-slider{max-width: 95%;}
    .suggested-slider .slick-next{right: -30px;}
    .suggested-slider .slick-prev{left: -30px;}
    .exp-slider-block.experiences-section .experience-grids{max-width: 95%;}
    .exp-slider .slick-next{right: -40px;}
    .exp-slider .slick-prev{left: -40px;}
    .typed-blow .block{max-width: calc(33.33% - 10px); margin-right: 15px;}
    .whale-type .block{max-width: calc(20% - 4px); margin-right: 5px;}
    .treatment-block .block{max-width: calc(33.33% - 10px); margin-right: 15px;}
    .right-content.interaries .iteam{max-width: calc(33.33% - 10px);}
    .decadent-dining-page .stay-block{padding: 40px 20px;}
    .blog-type-block{padding: 8px 11px;}
    .blog-type-block .input-field{max-width: calc(25% - 8px);}
    .blog-type-block .input-field.category{max-width: calc(25% - 6px);}
    .blog-post{width: 100%; margin: 0;}
    .blog-post .block{max-width: calc(33.33% - 14px);}
    .blog-post .block.full{max-width: calc(66.666% - 14px);}
    .blog-post .block.half{max-width: calc(33.33% - 14px);}
    .blog-detail-wrap .inn-wrap{padding: 0 15px; padding-left: 100px;}
    .blog-detail-wrap .inn-wrap .author{left: 15px;}
    .more-stories .block{max-width: calc(25% - 15px); margin-right: 20px;}
    .travel-exp .left{padding: 0 30px;}
    .travel-exp .right{padding: 60px 30px;}
    .belive-block .left{padding: 20px 30px;}
    .belive-block .right{padding: 0 30px;}
    .work-culture{padding: 30px; width: calc(100% - 30px);}
    .staff-stay-slider{max-width: 90%;}
    .staff-stay-slider .slick-prev{left: -50px;}
    .staff-stay-slider .slick-next{right: -50px;}
    .foundation-description{padding: 50px 15px;}
    .get-involved .all-detail .block{max-width: 40%; padding-right: 20px;}
    .get-involved .all-detail .block:nth-child(2){max-width: 40%;}
    .get-involved .all-detail .block .row span{margin: 0 1px;}
    .contact-us-block{width: calc(100% - 30px); padding: 0;}
    .contact-us-block .left{max-width: 55%;}
    .contact-us-block .right{max-width: 45%;}

    /*--------------CC-25-10-2017-----------------*/
    .survey-page .landing-section.inner-banner{ height:750px;}
    .survey-page .landing-section.inner-banner .content-block{ background-position:center center; background-size:cover; background-repeat:no-repeat;}
    .survey-content-block .answer-block{ margin:0 -15px;}
    .survey-content-block .answer-block .single-answer{ padding:0 15px;}
    .fancybox-is-open .fancybox-stage .fancybox-confirm{ max-width:90%;}
    
    /*-------------- our logo panel 21-11-19 ----------------*/
    .our-logo-panel .left-part{padding-right: 30px;}
}

/* 5. Other media-query
------------------------------------------------------------------------------*/
@media (min-width:768px) {
    .specific-gatway-section .right-block {display: inline-block !important;}
    .accomodation-tab .accomodation-slider .single-accomodation .both-block {display: block !important;}
    .mobile-nav-block {display: none}
    .enquiry-fixed-mob{ display: none;}
}


@media (max-width: 767px){
    body.over-hidden{overflow: hidden;}
    #wrapper{position: relative; left: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
    #wrapper.open{position: relative; left: -264px;}
    footer.open{position: relative; left: -264px; z-index: 99;}
    .mobile-nav-block.open{right: 0; display: block;}
    .mobile-nav-block .main-nav{border-bottom: 1px solid #e5e5e5; margin-bottom: 12px;}
    .mobile-nav-block .main-nav ul{margin-bottom: 5px;}
    .mobile-nav-block .main-nav ul li{display: block; padding: 0; padding-bottom: 13px;}
    .mobile-nav-block .main-nav ul li a{color: #000; font-size: 14px; font-family: 'Trajan Pro'; display: inline-block; position: relative; text-transform: uppercase;}
    .mobile-nav-block .main-nav ul ul{display: none; margin: 5px 15px;}
    .mobile-nav-block .main-nav ul ul li{padding-bottom: 4px;}
    .mobile-nav-block .main-nav ul ul li a{font-family: 'Gotham'; font-weight: 300;}
    .mobile-nav-block .main-nav ul li a:hover{text-decoration: none;}
    .mobile-nav-block .main-nav ul li a.level-1:after{content: ""; width: 10px; height: 8px; background: url(/application/themes/grootbos/images/down-arrow_fill.png); position: absolute; top: 6px; right: -20px; display: inline-block;}
    .mobile-nav-block ul li:before{display: none;}
    .mobile-nav-block.open{right: 0; display: block;}
    .mobile-nav-block .main-nav{border-bottom: 1px solid #e5e5e5; margin-bottom: 15px;}
    .mobile-nav-block .bottom-nav{border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;}
    .mobile-nav-block .bottom-nav ul{margin-bottom: 5px;}
    .mobile-nav-block .bottom-nav ul li{display: block; padding: 0; padding-bottom: 5px;}
    .mobile-nav-block .bottom-nav ul li a{color: #000; font-size: 12px; display: inline-block; text-transform: uppercase; position: relative;}
    .nav-content .language-selector {display: inline-block; vertical-align: middle; position: relative;margin-bottom: 16px;}
    .nav-content .language-selector .current-language { color: #fff; cursor: pointer; background-color: #2a3a23;  position: relative; font-size: 11px; font-family: 'Gotham Book'; line-height: 1; font-style: italic; padding: 10px 10px 8px; }
    .nav-content .language-selector .current-language:after {content: ""; display: inline-block; vertical-align: middle; background-image: url("/application/themes/grootbos/images/language-down-arrow.png"); width: 10px; height: 4px; background-position: center center; background-repeat: no-repeat; margin-left: 7px;}
    .nav-content .language-selector.open .current-language:after {background-image: url("/application/themes/grootbos/images/language-top-arrow.png");}
    .nav-content .language-selector ul {display: none; margin: 0; padding: 2px 0 6px; position: absolute; top: 100%; width: 100%; left: 0; background-color: #2a3a23; text-align: center; z-index: 3; }
    .nav-content .language-selector ul li { margin: 0; padding: 0;}
    .nav-content .language-selector ul li:before {display: none;}
    .nav-content .language-selector ul li a{ display: block; color: #fff; font-size: 11px; font-family: 'Gotham Book'; line-height: 1; font-style: italic; padding: 4px 5px; text-decoration: none;}
    .nav-content .btn-red{line-height: 32px; padding: 0px 18px ; font-size: 13px; height: 32px;}
    #wrapper.open .btn-close{right: 249px; opacity: 1; pointer-events: fill;}
    .lodge-block nav li{display: table !important;}
    .lodge-block nav li a{display: table-cell; vertical-align: middle;}  
    .insturction-tabbing .tab-content .tab-pane{border-width: 10px; padding: 10px;}
    .insturction-tabbing .tab-content h4{font-size: 18px;}
    .insturction-tabbing .tab-content .tab-pane a.btn-load-more{margin-bottom: 25px;}
    .insturction-tabbing .tab-content ul li{font-size: 14px; padding-left: 18px;}
    .insturction-tabbing .tab-content ul li:before{top: 9px;}
    .rates-block{background: none; padding: 0;}
    .rates-block .stay-block{padding: 15px; background: #f5e2c9;}
    .rates-block .rates-table{background: none; padding: 0;}
    .rates-block .rates-table h3{font-size: 18px; text-align: center;}
    .rates-table .left-part{display: none;}
    .rates-table .right-part .block{/*CUSTOM was 39%*/width: 50%;}
    .rates-table .right-part .block.season{width: 59%;}
    .rates-table .right-part .block.currency a{margin-bottom: 5px;}
    .mobile-table{width: 100%; display: block;}
    .insturction-tabbing .tab-content .tab-pane a.btn {width: 170px !important; margin: 0 auto; text-align: center; text-transform: uppercase;}
    .insturction-tabbing .tab-content .tab-pane a.btn-load-less{display: none;}
    .insturction-tabbing .tab-content .tab-pane a.btn-load-more{display: inline-block;}
    .insturction-tabbing .tab-content .tab-pane ul.data-expand li a.btn-load-less{display: inline-block;}
    .insturction-tabbing .tab-content .tab-pane ul.data-expand li a.btn-load-more{display: none;}
    .insturction-tabbing .tab-content .tab-pane ul li:last-child:before{display: none;}
    .insturction-tabbing .tab-content .tab-pane ul.data-expand li{display: block;}
    .insturction-tabbing .tab-content .tab-pane ul > *:nth-child(3)~*{display: none;}
    .insturction-tabbing .tab-content .tab-pane ul li:last-child{display: block; margin-top: 20px; text-align: center;}
    .info-tab .tabing-detail .trigger{display: block !important;}
    .insturction-tabbing .tab-content .trigger{display: block !important;}
    .info-tab .tab-pane{border-top: 0;}
    .garden-lodge-suites-block .virtual-tours{background-size: cover;}
    .left-aside.is_stuck{left: 50%; transform: translateX(-50%); top: 50px !important;}
    aside.left-aside{max-width: 287px; float: none; display: block; margin: 0 auto; margin-bottom: 25px; text-align: left; background: #fff; z-index: 999;}
    .right-content{max-width: 100%; float: none; display: block; width: 100%;}
    .right-content ul li.has-story .hvr-story h5{font-size: 15px;}
    .right-content ul li.has-story .hvr-story a.btn-call{padding: 0 15px; line-height: 38px;}
    .right-content ul li a .caption{font-size: 13px; line-height: 17px; left: 10px; text-align: left;}
    .left-aside:before{position:absolute; right: 40px; top:8px; width: 30px; height: 30px; content: 'i'; pointer-events: none; background: #9a7a55; font-family: "grootbos" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; font-size: 13px; border-radius: 2px; color: #fff; padding-top: 9px;}
    .left-aside{border: 1px solid #7c6246; margin-top: 30px; margin-bottom: 30px; position: relative; text-transform: uppercase;padding: 0; max-width: 280px;}
    aside.left-aside .title{display: none;}
    .left-aside .main {margin: 0 auto; display: none; height: auto; border: none; width: 100%;}
    .left-aside .main li{display: block; margin: 0 auto; border: none;}
    .left-aside span{display: block; padding:10px 14px; padding-right: 30px;  color: #7c6246; font-size: 16px; font-family: 'Gotham'; font-weight: 500; width: calc(100% - 40px); margin-left: 0;}
    .left-aside span a:hover{text-decoration: none;}
    aside.left-aside .gallery-zoom{display: block;}
    .side-bar-content.active{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; overflow: scroll; z-index: 999; background: rgba(0,0,0,.8);}
    #content-area.fixed{z-index: 9999;}
    .left-aside.suggested-bar:before{right: 77px;}
    .left-aside.suggested-bar span{width: calc(100% - 77px);}
    aside.left-aside.suggested-bar .clear-filter{display: block;}
    .garden-lodge-suites-block .highlights-suites h2{font-size: 24px;}
    
    .enquiry-fixed{ display:none;}
    /*.enquiry-fixed-mob{ position:fixed; bottom:100px; right:-26px; z-index:999; background-color:#fff; padding:2px; transform:rotate(90deg); text-transform:uppercase;}*/
    .enquiry-fixed-mob{ position:fixed; bottom:10px; right:10px; z-index:999; background-color:#fff; padding:2px; text-transform:uppercase;}
    .enquiry-fixed-mob .btn{font-size: 10px; line-height: 26px; padding: 0 15px;}
    .survey-menu #content-area{ margin-top:48px;}
    .survey-menu header.main-header .right-head-mobile{ display:none;}

    /* currency selector full width for mobile 26/11*/
    .rates-table .right-part .block.currency {width: 100%; text-align: center; padding-top: 20px;}
    .rates-table .right-part .table-note {text-align: left;}
    .rates-table .right-part .block.currency a {float: none; display: inline-block;}

    /*Villa USP*/
    .single-culinary.right-img .inner-content {right: 0%;}
    .single-culinary.left-img .inner-content {left: 0%;order: 2;}
    .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 ---------*/
    .home-content .culinary-bottom {margin-bottom: 20px;}

        /*-------------- our logo panel 21-11-19 ----------------*/
    .our-logo-panel .left-part,
    .our-logo-panel .right-part{width: 100%; padding-right: 0; margin-bottom: 10px;}
}

@media (max-width: 480px){
    .right-content ul li{max-width: 293px; width: 100%; right: 0 !important; left: 0 !important}
    .lodge-block nav li{display: block !important;}
    .lodge-block nav li a{display: block; vertical-align: middle; height: auto !important;}  
    .suggested-interaries .suggested-slider .iteam{margin: 0;}
    .typed-blow .block{max-width: 100%;}
    .typed-blow .block figure img{width: 100%;}
    .more-stories .block{margin: 0px;}
    .meet-them-block .block.width01{max-width: calc(100% - 10px)}
    .meet-them-block .block.width02{max-width: calc(100% - 10px)}
    .meet-them-block .block.text{min-height: inherit;}
    .get-involved .all-detail .block .row .category{max-width: 100%; width: 100%;}
    .get-involved .all-detail .block .row{margin-bottom: 10px;}
    .get-involved .all-detail .block .row span{display: none;}
    .get-involved .all-detail .block .row .answer{max-width: 100%; width: 100%;}
    .highlight-suites-slider .iteam{margin: 0;}
    .right-content.interaries .iteam{max-width: 100%;}

    /*--------------CC-6-11-2017-----------------*/
    .inquiry-form h2{ margin-bottom: 20px;}
    .inquiry-form .booknow-btn{ font-size: 16px;}
    span.or{ font-size: 16px; margin: 10px 0;}
    .inquiry-form h3{ font-size: 16px;}
    .inquiry-form .booknow-btn .book-now{ margin: 0 auto;}

    /*------------2019-02-07-------------------*/
    .application-form-popup .customSelectWrap .customSelect{font-size: 11px; padding: 0 5px;}
    .application-form-popup .alert {top: -8px;}

    
    /*-------------- our logo panel 21-11-19 ----------------*/
    .our-logo-panel .logo-box{padding: 0; flex: 1 1 auto; max-width: 380px; margin-bottom: 20px;}
    .our-logo-panel .logo-box:last-child{margin-bottom: 0;}
    .our-logo-panel .logo-box:not(:last-child) figure::after{display: none;}
}

@media (min-width:1024px){

    .inner-banner a.header-video__close-trigger.fancybox-close.icon {
        top: 130px;
        /*z-index: 99;
        position: absolute;
        background: #A61212;
        text-align: center;
        color: white;
        text-decoration: none;
        padding: 2em 3em;
        border-radius: 10px;
        right: 30px;
        top: 30px;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        transition: background .3s;  
        border: none;*/
    }
}

/* fixed cusrsor issue for iphone 6s plus */
@media (min-width: 400px) and (max-width: 767px){
    html.fancybox-lock.is-iphone,
    .fancybox-lock.is-iphone body{ -webkit-overflow-scrolling : touch !important; overflow: auto !important; height: 100% !important; }
    .is-iphone .fancybox-overlay-fixed{position: absolute !important}
}

@media (min-width:1200px) and (max-width:1400px) {
    .exp-slider-block.experiences-section .experience-grids {max-width: 90%;}
}
@media (max-width: 1199px) and (min-width: 1024px) {
    .exp-slider-block.experiences-section .experience-grids {max-width: 90%;}
}
@media (max-width: 767px) and (min-width: 641px){
    .exp-slider .slick-next {right: -30px;}
    .exp-slider .slick-prev {left: -30px;}
}

@media  (min-width: 641px) and (max-width: 1024px){
    .our-logo-panel .top-caption h2{font-size: 24px;}
}
@media (min-width: 1024px){
    .our-logo-panel .top-caption h2{font-size: 29px;}
}

/* responsive of footer sticky cta*/
@media (min-width:768px) and (max-width:1023px) {
    .sticky-explorer-inner {display: block;}
    .sticky-explorer p {margin-bottom: 10px;display: block;margin-right: 0;}

    /*Villa USP*/
    .culinary-bottom .top-caption {margin-bottom: 30px;}
    .single-culinary.right-img .inner-content {right: 5%;}
}
@media (max-width:767px) {
    .sticky-explorer-inner {display: block;}
    .sticky-explorer p {margin-bottom: 10px;display: block;margin-right: 0; font-size:12px;}
}
@media (max-width:640px) {
    .sticky-explorer .btn {margin-bottom: 10px;margin-right: 0; line-height: 23px;}
    .close-btn {margin-bottom: 10px;}
}

@media (min-width: 1200px) and (max-height: 800px ) {
    .landing-section .caption {
        padding-top: 140px;
    }

    .landing-section .logo {
        margin-top: 60px;
    }
}