@media screen and (min-width: 1920px) {
/*     .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .proplandingDine .container {
        max-width: 78vw;
    } */
	.proplandingDine .container {width: 100vw;}
    .proplandingDine .swiper-container .dineSlide img {width: 100%;}
    .proplandingDine .swiper-container .dineSlide .dineSlideThumb img {width: 100%; margin-right: -10%;}
	#meetSection .meetThumb ul li {width: 50%;}
	#meetSection .meetThumb ul li img {width: 100%;}
    #banner .video-section { height: 100vh; }
}
@media screen and (min-width: 1767px) {
    
    .proplandingDine .swiper-container .swiper-button-prev {
        width: calc(var(--swiper-navigation-size) / 20* 7) !important;
    }
    .proplandingDine .swiper-container .swiper-button-next {
        width: calc(var(--swiper-navigation-size) / 8* 22) !important;
    }
    .proplandingDine .swiper-container .swiper-pagination {right: 2.7% !important;}
    /*#banner .video-section { height: 95vh!important; }*/

}
@media screen and (min-width: 1681px) {
    .wrapper.introActivity .activitySection .activityBanner {
        max-height: 650px;
    }
    .innerActivities ul {
        max-height: 500px;
    }
    .innerActivities ul li .commonThumbStyle img {
        width: 100%;
    }
    .proplandingDine .swiper-container .swiper-button-prev {
        width: calc(var(--swiper-navigation-size) / 20* 7) !important;
    }
    .proplandingDine .swiper-container .swiper-button-next {
        width: calc(var(--swiper-navigation-size) / 8* 22) !important;
    }
    .proplandingDine .swiper-container .swiper-pagination {right: 2.7% !important;}
    /*#banner .video-section { height: 95vh!important; }*/
}
@media screen and (max-width: 1680px) {
	.proplandingDine .swiper-container .swiper-button-next::after, .proplandingDine .swiper-container .swiper-button-prev::after {font-size: 1.8em !important; padding: 16px 23px;}
	.proplandingDine .swiper-container .swiper-button-prev {width: calc(var(--swiper-navigation-size)/ 5 * 7)!important;}
	.proplandingDine .swiper-container .swiper-button-next {width: calc(var(--swiper-navigation-size)/ 5 * 22)!important;}
    #banner .video-section { height: 95vh; }
}

@media screen and (min-device-width: 1501px) and (max-device-width: 1679px) { 
    .prplanding p { font-size: 1.3rem; line-height: 30px; padding-bottom: 1.2em !important; }
    .prplanding ul li a { padding: 6px 0 6px 0; font-size: 17px; }
    .proplandingDine .swiper-container .dineslidecontent {padding-left: 8%;}
    .sectiongarsyl .contentSection {padding: 85px 80px 92px 80px;}
    /*#banner .video-section { height: 95vh!important; }*/
}

@media screen and (min-device-width: 1441px) and (max-device-width: 1500px) { 
    .proplandingDine .swiper-container .dineslidecontent {padding-left: 10%;}
    .proplandingDine .swiper-container .swiper-button-next::after, .proplandingDine .swiper-container .swiper-button-prev::after {
        font-size: 1.2em !important;
        padding: 16px 20px;
    }
    .proplandingDine .swiper-container .swiper-button-prev {
        width: calc(var(--swiper-navigation-size) / 20* 0) !important;
    }
    .proplandingDine .swiper-container .swiper-button-next {
        width: calc(var(--swiper-navigation-size) / 8* 22) !important;
    }
    .proplandingDine .swiper-container .swiper-pagination {right: 2.7% !important;}
    .sectiongarsyl .contentSection {padding: 85px 80px 92px 80px;}
    /*#banner .video-section { height: 95vh!important; }*/
}

@media screen and (max-width: 1440px) {
    #header.innerhead .innerMenuHeader ul li a {padding: 5px 12px; font-size: 1.05em;}
    #gSection.ngrlanding { padding-bottom: 2em; }
    .welcomeInnerLanding { margin: 0 5vw; }
    .welcomeInnerLanding .imageHolder { height: 85vh; }
    .proplandingDine .swiper-container .swiper-button-next::after, 
    .proplandingDine .swiper-container .swiper-button-prev::after {font-size: 1.2em !important; padding: 13px 18px!important;}
    .proplandingDine .swiper-container .swiper-button-next::after {margin-right: -20vw;}
    .proplandingDine .swiper-container .swiper-button-prev::after {margin-left: -20vw;}
    .dineslidecontent {padding-left: 2em;}
    .dineslidecontent h4{font-size: 3em!important;}
    .proplandingDine .swiper-container .dineSlide img {width: 70%!important;}

    .slideContents .swiper-slide .roomBrief .slideCaptions ul li {margin-right: 1.1em;}
    #meetSection .meetContainer, #activitySection .actContainer {margin: 0 5em;}

    .properties .thumbcol { padding: 4rem 5rem 3rem 5rem; margin: 0; }
    .commonBTN { padding: .7rem 2.4rem; }

    .properties .thumbContent {padding: 2em 0;}
    .properties .thumbContent h3 { font-size: 2rem; line-height: 45px; }
    .sectiongarsyl .contentSection {padding: 85px 80px 92px 80px;}
    #banner { height: 100vh; }
    #banner .video-section { height: 100vh; }
    #banner.singleIMG {height: unset;}
    #banner.singleIMG .scroll-down-arrow { bottom: 30%; }
        @-moz-document url-prefix() {
            #banner .video-section { height: 100vh; }
            .overlay .bannertitle { margin-bottom: 2em;}
            .scroll-down-arrow { bottom: 10%; }
            .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { margin-bottom: -5vh; }
        }
        
   .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { margin-bottom: -3vh; }
   .slideContents .swiper-pagination-bullet-active {background: #000 !important;}
    /*#banner .bannerSection.villabunglow {background-position-y: -5vh !important;}*/
    .hhNazimVillaSlider .swiper-pagination { margin-bottom: -11vh; }
}
@media screen and (max-width: 1366px) {
    .px5 { padding-left: 1em; padding-right: 1em; }
    .pt5 { padding-top: 1em; }
    .cheader, .semidesignSection .costeffectiveCol h3 {font-size: 50px;}
    .commonBTN {padding: 12px 30px 12px 30px;}
    #header {line-height: 4em; height: 6.5em;}
    #header .headerContainer {padding: 0px 0.5em;}
    #header.innerhead .headerContainer { padding: 0px 0em; }
    #header .logo {padding-top: 30px; padding-bottom: 30px; padding-right: 30px;}
    #header .logo a {font-size: 30px;}
    #header .logo a::after {background-size: 110px 110px;width: 110px;height: 110px;margin: 0;top: -4.5vh;left: -3.05vw;}
    #header .ngmenu ul {padding-top: 35px; padding-right: 40px;}
    #header .ngmenu ul li {padding: 12px 20px 12px 20px;}
    #header nav {right: 2.5em; top: 0.4em;}
    #header.scrolled nav {top: -0.2em;}
    #header .book_btn {height: 6.5em; justify-content: space-around;}
    #header .book_btn span {padding-right: 0; font-size: 22px;}
    #header .book_btn .menu-button { margin: -2em 0em 0 0; line-height: 22px; font-size: 15px; width: 115px; }
    #header.scrolled .hamburger {top: -1vh!important;}
    #header.scrolled .book_btn .menu-button {margin-top: 0;}
    #header.innerhead .contactHeader ul, #header.innerhead .innerMenuHeader ul {padding-right: 2em;}
    #header.innerhead .innerMenuHeader ul li a {padding: 5px 10px; font-size: 1.05em;}
    #banner::before {background-size: 95%; top: -5%;}
    #banner::after {background-size: 100%;}
    #banner .video-section { height: 95vh; }
    #menu .inner::before {margin-top: -3%;}
    #header .logoinner a::after {background-size: 125px 126px; width: 125px; height: 126px; top: 0px;}
    .wrapper .inner {width: 100%; padding: 2em 5em;}
    .wrapper.introsection .innerIntro {width: 68em;}
    .wrapper.introsection::before { background-size: 100%; width: 75%; }
    .wrapper.introsection .innerIntro .contentIntro h2 {font-size: 60px; padding-top: 0.8em;}
    .wrapper.VideoContainer {padding: 0 8em;}
    #banner .inner h1 {font-size: 65px;}
    .offeringsSection .offeringContent .offeringCol h4 {font-size: 40px;}
    .whyUsSection .inner {padding-top: 1.5em;}
    .whyUsSection .whyusContain {padding-top: 3em;}
    .servicePageThumb {max-width: 90%; margin: 0 auto;}
    .servicePageThumb .inner {padding-top: 1em;}
    .reqlyzeSection h4::before {height: 140px; top: -25px;}

    .scroll-down-arrow {margin-left: -17px;}

    .welcomeInnerLanding { margin: 0 5vw; }

    .testinnoSection::after, .reqlyzeSection::after {bottom: -3px;}
    .properties .thumbContent h3 { line-height: 40px; font-size: 1.9rem; }

    #cSection.inPageSection .properties .thumbContent h3 { font-size: 1.8rem; line-height: 40px; }
    .accommodationLanding ul li .accommodationThumbSect .dContents h2.roomTitle {font-size: 30px;}
    
    .overlay .bannertitle {font-size: 3rem!important;}

    #singleGallery .slideContents {min-height: 50vh;}

    #singleDetails {padding: 1em 3em 0em 1em;}
    #singleDetails h1, #singleDetails h2, #singleDetails h3, #singleDetails h4 {padding-bottom: 0;}
    #roomHighlight ul li {font-size: 24px;}
    #roomHighlight ul li:first-child:before { width: 20px; height: 20px; left: 0px; top: 17px; background-size: 20px 20px;}
    #roomHighlight ul li:nth-child(2):before {top: 14px; left: -3px;}
    #roomHighlight ul li:last-child:before {width: 25px; height: 23px; left: -2px; top: 16px; background-size: 25px 23px;}
    #singleDetails .contentDetails ul.amenities { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    #singleDetails .singleTariffContent {padding: 2em;}
    #singleGallery .singlepageslider.pageslidebanner .swiper-button-prev {font-size: 0.8em; width: calc(var(--swiper-navigation-size) / 20* 64) !important;}
    #singleGallery .singlepageslider.pageslidebanner .swiper-button-next {font-size: 0.8em; width: calc(var(--swiper-navigation-size) / 20* 110) !important;}
	#singleDetails .contentDetails ul.basicamenityStyle li img {padding-bottom: 10px;}
	#singleDetails .contentDetails ul.basicamenityStyle li, #singleDetails .contentDetails ul.amenityStyle li {line-height: 20px;}
	
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: var(--swiper-pagination-bottom, 17%) !important;}

    .proplandingDine .swiper-container .swiper-button-next::after, 
    .proplandingDine .swiper-container .swiper-button-prev::after {font-size: 1.2em !important; padding: 9px 14px!important;}
	.proplandingDine .swiper-container .swiper-button-prev::after {margin-left: -3vw;}
	.proplandingDine .swiper-container .dineSlide img {width: 100%!important;}
	.proplandingDine .swiper-container .swiper-pagination {right: 0%!important;}
	.pageBannerBottomContent h1 {font-size: 3.5vw;}
	.meetLanding .meetContent .meetCapacity {padding-bottom: 1em;}
	.meetLanding .meetContent h2 {font-size: 35px;}
	.commonThumbStyle2.overlayGallery ul.thumbList.odd {justify-content: flex-start;}
	.commonThumbStyle2 ul.thumbList li a.innerbtns {padding: 0.3em 1.5em; font-size: 13px;}
	
	.sectiongarsyl .contentSection {padding-left: 50px; padding-right: 50px;}
	
    #footer .inner {width: 68em;}
    .ftbar .footerLogo img {  width: 55px;  }
}
@media screen and (max-width: 1280px) {
    #banner {padding-top: 6em; height: 100vh;}
    #banner .video-section { height: 89vh; }
    #header.innerhead { height: 105px; }
    #header .logoinner a::after { background-size: 105px 106px; width: 105px; height: 106px;}
    #header.innerhead .innerMenuHeader ul li a { font-size: 0.9em; }
    .sectiongarsyl .contentSection {max-width: 45vw; height: 70vh; padding-left: 40px; padding-right: 40px;}
    .sectiongarsyl .contentSection.rgt {left: 0vw; padding-left: 3em;}
    .sectiongarsyl .contentSection h2 { font-size: 2.5em; padding-bottom: 1vh;}
    .commonBTN.innerbtns.lndpgbtn {padding-left: 2.0rem;}
    .diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}
}
@media screen and (max-width: 1024px) {
    #header.innerhead {height: 105px;}
    #header .headerContainer {padding: 0;}
    #header .logoinner a::after {background-size: 105px 106px; width: 105px; height: 106px;}
    #header.innerhead .innerMenuHeader ul li a {padding: 5px 5px; font-size: 0.9em;}
    #header .book_btn span {  font-size: 17px; text-align: right; }

	#hidden-div {left: 0;}
    form.bookform .t-datepicker .t-check-in .t-dates,
    form.bookform .t-datepicker .t-check-out .t-dates { min-width: 180px; }
    
    #cSection, #gSection, #meetSection, #activitySection {padding: 2em 0;}
    
    .pageBannerBottomContent h1 {font-size: 4.5vw;}
    
    .eventsList ul li .eventsContents .contentCol .contents {padding-top: 2em; padding-bottom:2em;}
    #banner {padding: 6em 0 0em 0; height: 80vh;}
    #banner .video-section { height: 80vh; }
    .overlay .bannertitle { font-size: 2.75rem; margin-bottom: 0.7em; }
    .slideContents {min-height: 45vh;}
    
    .proplandingDine .swiper-container .swiper-button-prev::after { margin-left: -30vw; }
    .proplandingDine .swiper-container .swiper-button-next::after { margin-right: -30vw; }
    #cSection.inPageSection {padding: 4em 0;}
    .prplanding h1 {font-size:4.3vw;}
    .prplanding p {font-size: 1.3rem; line-height: 32px;}
    
    .swiper-button-next {right: var(--swiper-navigation-sides-offset, -40px)!important;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 3em !important;}
    .commonBTN {letter-spacing: 1px; font-size: 0.65rem;}
    .slideContents .swiper-slide .roomBrief {padding: 1em; width: 30vw;}
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks {padding-top: 1em;}
    .swiper-pagination {display: none;}
    #meetSection .landingMeetLeft {padding-top: 1px!important; padding-right: 0!important;flex-direction: row;align-items: center}
    #meetSection .landingMeetLeft h4 {font-size: 3em;padding-bottom: 0.3em;}
    #activitySection .actContainer {margin-left: 0em;}
    #activitySection .actContainer h4 {font-size: 3.5em; padding-top: 0.4em; padding-left: 1.8em;}
    #activitySection .actContainer .activities .accordion-item .accordion-body .acticityThubs {width: 53vw;}
	
	.sectiongarsyl .thumbImg { height: 60vh; }
	.sectiongarsyl .contentSection {padding: 2em; height: 60vh;}
	.sectiongarsyl .contentSection.rgt {height: 60vh;}
	.sectiongarsyl .contentSection h2 { font-size: 2.2em; padding-bottom: 1vh; }
	.sectiongarsyl .contentSection p { padding-bottom: 2vh; font-size: 18px; }
	.sectiongarsyl .contentSection a.lndpgbtn {padding: .5rem 0.5rem .5rem 0.5rem !important; font-size: 0.7em;}
	.swiper-button-next, .swiper-button-prev {display: block!important;}
    .diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}
    
}
@media screen and (max-width: 980px) {
    .commonBTN { font-size: 15px; padding: 8px 15px 8px 15px; }
    #header .headerContainer { padding: 0px 3em; }
    #header nav {right: 2em; top: 0.6em;}
    #header .ngmenu ul {padding-top: 35px; padding-right: 50px; padding-left: 0px;}
    #header .ngmenu ul li {font-size: 15px;}
    #header.scrolled .ngmenu ul li {font-size: 15px; padding: 7px 15px 7px 15px;}
    #header.scrolled .headerContainer .ngmenu ul li a { padding: 7px 12px 7px 12px; }
    #banner::before {background-size: 125%; top: 0%;}
    #banner::after { background-size: 140%; }
    .wrapper {padding: 0 2em; margin-top: 2em; margin-bottom: 0;}
    .wrapper .inner {padding: 2em 0em;}
    .wrapper.missionSection .misvisContain .valuesList ul {margin-bottom: 0;padding-left: 0;}
    .wrapper.missionSection .misvisContain .valuesList ul li {padding: 0 0.5em;}
    .wrapper.offeringsSection .inner {padding-top: 0;}
    .offeringsSection .offeringContent {padding-bottom: 0;}
    .offeringsSection span {font-size: 32px;}
    .offeringsSection .offeringContent .offeringCol h4 { font-size: 35px; }
    #banner .inner h1 { font-size: 55px; }
    .wrapper.introsection .innerIntro {padding-bottom: 0.5em;}
    .wrapper.introsection .innerIntro .contentIntro h2 {font-size: 50px;}
    .wrapper.VideoContainer {padding: 0 5em;}
    .offeringsSection .offeringContent .offeringCol {padding: 1.5em; border-radius: 0px 20px 20px 20px;}
    
    #footer {margin-top: 0; padding-top: 0;}
    #footer .inner { width: 100%; padding: 0em 2em 0em 2em; }
    #footer .inner .footerList ul {margin-bottom: 0;}
    #footer .inner .footerList ul li .logo {padding-top: 0.4em;}
    #footer .inner .footerList ul li .logo a {font-size: 25px; padding-top: 15px;}
    #footer .inner .footerList ul li:nth-child(2) {padding-left: 1em;}
    #footer .inner .footerList ul li .subItems ul li, 
    #footer .inner .footerList ul li .subItems ul li a {font-size: 15px;}
    #footer .inner .copyright {margin: 1em 0 1em 0; font-size: 15px;}
    .diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}

}
@media screen and (max-width: 820px) {
    .pt3 {padding-top: 1em;}
    #header { line-height: 0.5em; height: 5em; }
    #header.innerhead { height: 90px; }
    #header .headerContainer { padding: 0px 1.5em; }
    #header .logo { position: relative; display: flex; padding: 0; margin: 0; height: 100%; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
    #header .logo a::after { background-size: 80px 90px; width: 80px; height: 90px; margin: 0; top: -45px; left: 50%; margin-left: -45px; }
    #header.scrolled .logo a::after { top: -35px; left: 50%; margin-left: -44px; }
    #header .logoinner a::after { background-size: 85px 86px; width: 85px; height: 86px; }
    #header.innerhead .innerMenuHeader ul { padding-top: 3vh; }
    #header.innerhead .innerMenuHeader ul li a { padding: 3px 3px; font-size: 0.7em; }
    #header .book_btn, #header.scrolled .book_btn { height: 5em; }
    #header .book_btn span { font-size: 16px; }
    .hamburger {height: 20px; top: 0vh;}
    .commonBTN { padding: 8px 25px 8px 25px; }
    .commonBTN.innerbtns { padding: .5rem 1.5rem .5rem 2.5rem; font-size: 0.8em; line-height: 3em; }
	
    form.bookform .t-datepicker .t-check-in .t-dates,
    form.bookform .t-datepicker .t-check-out .t-dates { min-width: 135px; }
	
    #cSection.inPageSection {padding-bottom: 2em;}
    #banner {padding-top: 5em; height: 75vh;}
	#banner .bannerSection {height: 45vh;}
	#banner .bannerSection.villabunglow {min-height: 45vh; background-position-y: -3vh !important;}
    #banner .video-section { height: 70vh; }
    #banner .scroll-down-arrow { bottom: 25%; }
    .welcomeInnerLanding .imageHolder { height: 55vh; }
    .slideContents { min-height: 33vh; }
    .overlay .bannertitle {margin-bottom: 2.5em; font-size: 2.2rem!important;}
    .welcomeInnerLanding {margin: 0 3vw;}
    .welcomeInnerLanding .welcomeSection {margin-right: 0vw; padding-top: 0;}
    .welcomeSection h1 { font-size: 5.5vw; line-height: 6vh; }
    .welcomeSection p {font-size: 1.2rem; line-height: 30px;}
    .properties .thumbcol { min-height: 45vh; padding: 2rem 2rem 2rem 2rem; }
    .properties .thumbContent h3 { line-height: 35px; font-size: 1.5rem; }
    .properties .thumbContent p {padding: 0.5em 1em; }

    .pageBannerBottomContent {margin-bottom: 1em;}

    #singleGallery .slideContents {min-height: auto;}
    .landingRowContainer {margin: 0em 3em;}

    #singleDetails {padding: 1.5em 1.5em;}
    #singleDetails p {margin-bottom: 0;}
    #singleDetails .contentDetails {padding-right: 1em; padding-left: 0em;}
    #singleDetails .singleTariffContent { padding: 1.5em 1em; }
    #singleDetails .singleTariffContent hr { margin-bottom: 0; }
    #singleDetails .singleTariffContent .roomTariff {font-size: 15px;}
    #singleDetails .singleTariffContent .roomTariff span {font-size: 25px;}
    #singleDetails .singleTariffContent .roomTariff span span {font-size: 21px; padding-right: 2px; font-weight: 500;}
    #singleDetails .singleTariffContent .bookformSection h5 {font-size: 22px;}

    #singleDetails .singleTariffContent .bookformSection label {font-size: 0.75em;}
    #singleDetails .singleTariffContent .bookformSection input[type="text"],
    #singleDetails .singleTariffContent .bookformSection select {margin-bottom: 15px; font-size: 14px; margin-bottom: 0;}
    #singleDetails .singleTariffContent .bookformSection button,
    #singleDetails .singleTariffContent .bookformSection input[type="submit"] {padding: 8px; font-size: 18px; font-weight: 400;}

    #singleDetails h1, #singleDetails h2, #singleDetails h3, #singleDetails h4, .diningLanding h2, .diningLanding h3, .diningLanding h3.openingHours {font-size: 30px;}
    #singleDetails h3 {margin-top: 0.5em;}
    #singleDetails h4 {margin-bottom: 0.5em;}
    #singleDetails .contentDetails ul.basicamenityStyle, #singleDetails .contentDetails ul.amenityStyle {margin-top: 0em;}
    #singleDetails .contentDetails ul.basicamenityStyle li, #singleDetails .contentDetails ul.amenityStyle li {font-size: 1em; width: 32.75%;}

    .slideContents .swiper-slide .roomBrief .slideCaptions p {display: none;}
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li {font-size: 13px;}
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks li {margin-right: 0em;}
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks li a{font-size: 9px;}
    .swiper-button-prev:after {margin-left: -15.5vw;}
    .swiper-button-next:after {margin-right: -4.5vw;}
	
    .proplandingDine .swiper-container {margin-bottom: 3em;}
    .dineslidecontent h4 {font-size: 2.5em!important;}
    .proplandingDine .swiper-container .dineSlide img { width: 100% !important; }
    .proplandingDine .swiper-container .dineSlide .dineSlideThumb {display: none;}
    .proplandingDine .swiper-container .dineSlide .dineSlideThumb img{ width: 50%!important; }
    .proplandingDine .swiper-container .swiper-button-prev::after { margin-left: -40vw; }
    .proplandingDine .swiper-container .swiper-button-next::after { margin-right: -21vw; }
    .proplandingDine .swiper-container .swiper-pagination {display: none;}

    .diningLanding {margin-bottom: 0em;}
    .relatedItems {margin-top: 0em;}
	.comonSectionThumb .commonImgHolder {height: 40vh;}

	.meetLanding .rowMeet {margin-bottom: 1em;}
    #meetSection .meetThumb ul li {padding-left: 0; padding-right: 0.5em; padding-top: 1.5em;}
    #meetSection .meetThumb ul li .meetInfo h5 {font-size: 23px;}

    #activitySection .actContainer h4 { font-size: 3.0em; padding-top: 0.5em; padding-left: 2.5em; }
    #activitySection .actContainer h4::before { height: 9vh; }
    #activitySection .actContainer .activities .accordion-item .accordion-button.shownitem {padding-left: 2.3em; padding-right: 0; font-size: 2.0rem; max-width: 315px;}
    #activitySection .actContainer .activities .accordion-item .accordion-button {padding-top: 0.5em; padding-left: 2.3em; font-size: 2.0rem;}
    #activitySection .actContainer .activities .accordion-item .accordion-body .contentsTab {padding: 0.7em 0.5em 0.5em 3.5em;}

    #singleGallery {margin-top: 5em; margin-bottom: 0;}
    .pageBannerBottomContent { margin-left: 6px; margin-right: 6px; }
    .pageBannerBottomContent p { font-size: 2.2vw; padding-bottom: 1em; }
    
    .accommodationLanding {margin-bottom: 2em;}
    .accommodationLanding ul {flex-direction: column; padding-left: 0;}
    .accommodationLanding.odd ul {flex-direction: column-reverse; padding-left: 0;}
    .accommodationLanding ul li:first-child, .accommodationLanding ul li:last-child,
    .accommodationLanding.odd ul li:first-child, .accommodationLanding.odd ul li:last-child {width: 100%;}

    .accommodationLanding ul.thumbList {width: 50vw;}
    .accommodationLanding.odd ul li .commonThumbStyle2 ul.thumbList {flex-direction: row; width: 50vw;}
    .accommodationLanding ul.thumbList li:first-child, .accommodationLanding ul.thumbList li:last-child {width: 100%;}
    .odd ul li .commonThumbStyle2 ul.thumbList {}
    .accommodationLanding.odd ul.thumbList li:first-child,
    .accommodationLanding.odd ul.thumbList li:last-child {width: 100%!important;}
    .accommodationThumbSect .dContents .naviLinks {flex-direction: row;}

    .accommodationLanding ul li .accommodationThumbSect .dContents,
    .accommodationLanding.odd ul li .accommodationThumbSect .dContents {margin-left: 0;}

    .accommodationThumbSect .dContents .naviLinks .commonBTN.navigator { padding: 0.3em 2em; font-size: 0.9em; }

    .welcomeSection h1 {font-size: 4vw; line-height: 4.5vh;}
    .eventsrequest {font-size: 4vw;}
    .eventsrequest span {font-size: 3vw;}
    .eventsrequest::before { background-size: 7vw 6vh; width: 8vw; height: 10vh; left: -9px; top: -16px; }
    .eventsList {margin: 0 5vw; padding: 2em 0;}
    .eventsList ul li {padding: 0; margin-bottom: 2em;}
    .eventsList ul li .eventsContents .contentCol {width: 100%;}
    .eventsList ul li .eventsContents .contentCol .contents h2, .eventsList ul li .eventsContents .contentCol .contents h3 { font-size: 4.3vw;}
    .eventsimz .imageHolder {height: 35vh;}
    .eventsList ul li .eventsContents .contentCol .contents {padding: 2em;}
    .commonBTN.innerbtns.lndpgbtn {padding-left: 1.5rem; line-height: 2em;}
	
	.heritageHomes .heritageContent .finderBTN a.commonBTN {padding: .3rem 1.5rem;font-size: 13px;}
    .villbung .swiper-button-prev:after {margin-left: -12.5vw;}
	.villabunglowDineSection p.subhead {padding: 0;}
	
	.sectiongarsyl .thumbImg { height: 40vh; }
	.sectiongarsyl .contentSection.rgt { height: 40vh; }
	.sectiongarsyl .contentSection {padding: 2em; height: 40vh;}
	.sectiongarsyl .contentSection h2 { font-size: 2.2em; padding-bottom: 1vh; }
	.sectiongarsyl .contentSection p { padding-bottom: 2vh; font-size: 18px; }
	.sectiongarsyl .contentSection a.lndpgbtn {padding: .5rem 0.5rem .5rem 0.5rem !important; font-size: 0.7em;}
    .diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}
	
    .ftbar .footerLogo img {width: 85px;}
    .ftbar .addressContain {padding-left: 0.3em;}
    .ftbar .addressContain h6 {font-size: 22px; padding-left: 22px;}
    .ftbar .addressContain h6 i.las {font-size: 24px; left: 0;}
    .ftbar .addressContain ul.shareLink {flex-wrap: wrap;}
    .ftbar .addressContain ul.shareLink li {padding-right: 5px; padding-bottom: 9px;}
    .ftbar .addressContain ul.shareLink li i.lab {font-size: 24px; padding: 7px;}
    .ftbar .addressContain ul.shareLink li svg {height: 39px; width: 39px; padding: 7px;}

    .mostFooter .footerLink ul { columns: 4; -webkit-columns: 4; -moz-columns: 4; }
    .mostFooter .footerLink ul li { padding-left:0; }    
}

/* iPad Air (4th Gen) - Portrait Mode */
@media only screen and (max-width: 820px) {
    .swiper-pagination {display: block;}
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 19%) !important; margin-bottom: -3vh;  }
    .slideContents .swiper-pagination-bullet-active {background: #000 !important;}
    .swiper-button-next, .swiper-button-prev {display: none!important;}
    .slideContents .swiper-slide .roomBrief {width: 35vw!important;}
    .hhNazimVillaSlider .swiper-pagination { margin-bottom: -10vh; }
    .diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}
    @-moz-document url-prefix() {
        #banner {height: 52vh;}
        #banner .video-section {height: 40vh;}
        .scroll-down-arrow {bottom: 57%;}
        #menu .inner {justify-content: unset; padding-top: 9vh;}
        #banner .scroll-down-arrow {bottom: 57%;}
        .slideContents .swiper-slide .roomBrief {width: 35vw!important;}
        .diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}
    }
}

/* iPad Air (4th Gen) - Landscape Mode */
/*@media only screen and (max-height: 820px) and (min-width: 821px) {*/
@media only screen and (max-width: 820px) and (orientation: landscape) {
    #header.innerhead .contactHeader ul, #header.innerhead .innerMenuHeader ul { padding-right: 0em; }
    /*#banner { height: 90vh; }*/
    /*#banner .video-section { height: 70vh; }*/
    .overlay .bannertitle { margin-bottom: 2em; font-size: 2.5rem !important; }
    /*.scroll-down-arrow {bottom: 22%;}*/
    
    .swiper-pagination {display: block;}
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 12%) !important;
    }
    .slideContents .swiper-pagination-bullet-active {background: #000 !important;}
    .swiper-button-next, .swiper-button-prev {display: none!important;}
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li {margin-right: 0.2em;}
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks .commonBTN.navigator {padding: 0.5em 1.7em;}
    .commonBTN {font-size: 10px;}
    .slideContents .swiper-slide .roomBrief {width: 37vw!important;}
    .diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}
}

/* iPad Air (4th Gen) - Landscape Mode */
@media only screen and (max-height: 820px) and (orientation: landscape) {
    
}

/* Tab Gallexy - Portrait*/
@media only screen 
and (min-device-width: 800px) 
and (max-device-height: 1280px) 
and (min-resolution: 192dpi)
and (-webkit-device-pixel-ratio:2)
and (orientation : portrait) {
    .wrapper {  margin-bottom: 2em; }
    #header.innerhead .innerMenuHeader ul { padding-top: 2vh; }
    #header.innerhead .innerMenuHeader ul li { padding-left: 0; }
    .thumbCntr {padding-top: 0.5em;}
    .welcomeSection h1 {font-size: 5vw;}
    .welcomeSection span {line-height: 20px;}
    .welcomeInnerLanding .imageHolder {height: 70vh;}
    .properties .thumbcol {min-height: 40vh;}
    .properties .item .linkBTN, .properties .itemlalkhal .linkBTN, .properties .itemwilder .linkBTN {height: 35vh;}
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { margin-bottom: -2vh; }
    .dineslidecontent {padding-left: 0;}
    #meetSection .meetContainer, #activitySection .actContainer {margin: 0 3em;}
    #meetSection .landingMeetLeft {padding-top: 27px;}
    #meetSection .landingMeetLeft h4 {padding-bottom: 0; font-size: 2.5em;}
    .nzgrACTIVITY h4 {font-size: 3em;}
    .nzgrACTIVITY .actContainer .offgridExpand .image-grid {height: 25vh;}
    .nzgrACTIVITY .actContainer .offgridExpand .image-column h3 {font-size: 1.5em;}
    .slideContents { min-height: auto; }
   
   .ftbar .addressContain ul.home li {padding-left: 1.4em;}
   .ftbar .addressContain ul.home li a, .ftbar .addressContain ul li a {font-size: 14px;}
   .ftbar .addressContain ul.home li a i.las.la-map-marker { left: -27px; top: 2px; }
   .ftbar .addressContain ul.homesub li a {padding-left: 1.5em;}
   .ftbar .addressContain ul.homesub li a i.las.la-phone-volume { left: -5px; top: 5px; font-size: 20px; }
   .mostFooter .footerLink ul {columns: 3; -webkit-columns: 3; -moz-columns: 3;}
   .mostFooter .footerLink ul li a{font-size: 15px;}
    .diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}
}

/* Tab Gallexy - Landscape*/
@media only screen 
and (min-device-width: 1280px) 
and (max-device-height: 800px) 
and (min-resolution: 192dpi)
and (-webkit-device-pixel-ratio:2)
and (orientation : landscape) {


}

@media screen and (max-width: 768px) {
    .pt3 {padding-top: 1em;}
    #header { line-height: 0.5em; height: 5em; }
    #header.innerhead { height: 90px; }
    #header .headerContainer { padding: 0px 1.5em; }
    #header .logo { position: relative; display: flex; padding: 0; margin: 0; height: 100%; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
    #header .logo a::after { background-size: 80px 90px; width: 80px; height: 90px; margin: 0; top: -45px; left: 50%; margin-left: -45px; }
    #header.scrolled .logo a::after { top: -35px; left: 50%; margin-left: -44px; }
    #header .logoinner a::after { background-size: 85px 86px; width: 85px; height: 86px; }
    #header.innerhead .innerMenuHeader ul { padding-top: 3vh; }
    #header.innerhead .innerMenuHeader ul li a { padding: 3px 3px; font-size: 0.7em; }
    #header .book_btn, #header.scrolled .book_btn { height: 5em; }
    #header .book_btn span { font-size: 16px; }
    .hamburger {height: 20px; top: 0vh;}
    .commonBTN { padding: 8px 25px 8px 25px; }
    .commonBTN.innerbtns { padding: .5rem 1.5rem .5rem 2.5rem; font-size: 0.8em; line-height: 3em; }

    #hidden-div {left: 0;}
    form.bookform .t-datepicker .t-check-in .t-dates,
    form.bookform .t-datepicker .t-check-out .t-dates { min-width: 160px; }
	
    #banner {padding-top: 5em;}
    .overlay .bannertitle {margin-bottom: 2.5em; font-size: 2.5rem!important;}
    .welcomeInnerLanding {margin: 0 3vw;}
    .welcomeInnerLanding .welcomeSection {margin-right: 0vw; padding-top: 0;}
    .welcomeSection h1 { font-size: 5.5vw; line-height: 6vh; }
    .welcomeSection p {font-size: 1.2rem; line-height: 30px;}
    .properties .thumbcol { min-height: 45vh; padding: 2rem 2rem 2rem 2rem; }
    .properties .thumbContent h3 { line-height: 35px; font-size: 1.5rem; }
    .properties .thumbContent p {padding: 0.5em 1em; }

    .slideContents .swiper-slide .roomBrief .slideCaptions p {display: none;}
    .slideContents .swiper-slide .roomBrief .slideCaptions ul li {font-size: 13px;}
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks li {margin-right: 0em;}
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks li a{font-size: 9px;}
    .swiper-button-prev:after {margin-left: -15.5vw;}
    .swiper-button-next:after {margin-right: -4.5vw;}
    .proplandingDine .swiper-container {margin-bottom: 3em;}
    .dineslidecontent h4 {font-size: 2.5em!important;}
    .proplandingDine .swiper-container .dineSlide img { width: 100% !important; }
    .proplandingDine .swiper-container .dineSlide .dineSlideThumb {display: none;}
    .proplandingDine .swiper-container .dineSlide .dineSlideThumb img{ width: 50%!important; }
    .proplandingDine .swiper-container .swiper-button-prev::after { margin-left: -40vw; }
    .proplandingDine .swiper-container .swiper-button-next::after { margin-right: -25vw; }
    .proplandingDine .swiper-container .swiper-pagination {display: none;}

    #meetSection .meetThumb ul li {padding-left: 0; padding-right: 0.5em; padding-top: 1.5em;}
    #meetSection .meetThumb ul li .meetInfo h5 {font-size: 23px;}

    #activitySection .actContainer h4 { font-size: 3.0em; padding-top: 0.5em; padding-left: 2.5em; }
    #activitySection .actContainer h4::before { height: 12vh; }
    #activitySection .actContainer .activities .accordion-item .accordion-button.shownitem {padding-left: 2.3em; font-size: 2.0rem;}
    #activitySection .actContainer .activities .accordion-item .accordion-button {padding-top: 0.5em; padding-left: 2.3em; font-size: 2.0rem;}
    #activitySection .actContainer .activities .accordion-item .accordion-body .contentsTab {padding: 0.7em 0.5em 0.5em 3.5em;}

    #singleGallery {margin-top: 5em; margin-bottom: 0;}
    .pageBannerBottomContent { margin-left: 6px; margin-right: 6px; }
    .pageBannerBottomContent p { font-size: 2.2vw; padding-bottom: 1em; }
    
    .accommodationLanding {margin-bottom: 2em;}
    .accommodationLanding ul {flex-direction: column; padding-left: 0;}
    .accommodationLanding.odd ul {flex-direction: column-reverse; padding-left: 0;}
    .accommodationLanding ul li:first-child, .accommodationLanding ul li:last-child,
    .accommodationLanding.odd ul li:first-child, .accommodationLanding.odd ul li:last-child {width: 100%;}

    .accommodationLanding ul.thumbList {width: 50vw;}
    .accommodationLanding.odd ul li .commonThumbStyle2 ul.thumbList {flex-direction: row; width: 50vw;}
    .accommodationLanding ul.thumbList li:first-child, .accommodationLanding ul.thumbList li:last-child {width: 100%;}
    .odd ul li .commonThumbStyle2 ul.thumbList {}
    .accommodationLanding.odd ul.thumbList li:first-child,
    .accommodationLanding.odd ul.thumbList li:last-child {width: 100%!important;}
    .accommodationThumbSect .dContents .naviLinks {flex-direction: row;}

    .accommodationLanding ul li .accommodationThumbSect .dContents,
    .accommodationLanding.odd ul li .accommodationThumbSect .dContents {margin-left: 0;}

    .accommodationThumbSect .dContents .naviLinks .commonBTN.navigator { padding: 0.3em 2em; font-size: 0.9em; }

    .ftbar .footerLogo img {width: 85px;}
    .ftbar .addressContain {padding-left: 0.3em;}
    .ftbar .addressContain h6 {font-size: 22px; padding-left: 22px;}
    .ftbar .addressContain h6 i.las {font-size: 24px; left: 0;}
    .ftbar .addressContain ul.shareLink {flex-wrap: wrap;}
    .ftbar .addressContain ul.shareLink li {padding-right: 5px; padding-bottom: 9px;}
    .ftbar .addressContain ul.shareLink li i.lab {font-size: 24px; padding: 7px;}
    .ftbar .addressContain ul.shareLink li svg {height: 39px; width: 39px; padding: 7px;}
    
    .sectiongarsyl .thumbImg {height: 55vh;}
    .sectiongarsyl .contentSection, .sectiongarsyl .contentSection.rgt {margin-left: 0vw; max-width: auto; height: 55vh; padding: 25px;}
    .sectiongarsyl .contentSection.rgt {padding-left: 2em;}
    .sectiongarsyl .contentSection h2 {font-size: 2.2em; padding-bottom: 1vh;}
    .sectiongarsyl .contentSection p {font-size: 18px; padding-bottom: 3vh;}

    .mostFooter .footerLink ul { columns: 4; -webkit-columns: 4; -moz-columns: 4; }
    .mostFooter .footerLink ul li { padding-left:0; }
    .diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}
	.page_photoGallery ul li {width: 31.5%;}
}
@media screen and (max-width: 480px) {
    .colpXS0 {padding-left: 0; padding-right: 0;}
    .onpgflxcol { flex-direction: column; }
    .hamburger {top: 1.5vh}
    #banner {padding: 0;}
    #header .headerContainer { padding: 0px 1em; }
    #header nav { right: 0em; top: 0.1em; }
    #header .logo {position: relative; display: block; width: 100%; height: 100%; padding: 0; margin: 0 auto; }
	#header .ngmenu { margin-left: -39px; }
	#header .ngmenu ul {padding: 7px; justify-content: center;}
	#header .ngmenu ul li, #header.scrolled .ngmenu ul li { font-size: 13px; line-height: 1.5em; margin: 10px 5px 10px 1px; padding: 7px 12px; }
	#header .ngmenu ul li:first-child, #header.scrolled .ngmenu ul li:first-child { display:none; }
    #menu .inner .close {  background-size: 4em 4em; }
	#header.scrolled nav {top: -0.7em;}
    #header.scrolled .ngmenu ul li:hover ul {margin-left: -30px; margin-top: 8px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	#header.scrolled .ngmenu ul li:hover ul li a {padding: 10px 15px; background-color: #2b1ba0a8;}
	#header.scrolled .ngmenu ul li ul li:first-child { display:block; }
	#header .logo a { font-size: 18px; }
    #header .logo a::after { background-size: 80px 70px; width: 80px; height: 70px; top: -4.5vh; left: 50%; margin-left: -10.5vw;}
    #header.scrolled .logo a::after { background-size: 70px 44px; width: 70px; height: 44px; top: -3.3vh; margin-left: -8vw; }
    #header.scrolled .hamburger {top: -1.3vh !important; height: 20px;}
    #header.scrolled .hamburger div{height: 2px;}
    #header .book_btn {padding-right: 0;}
    #header .book_btn .menu-button {margin: 0; width: 85px;}
    #header.scrolled .book_btn {height: 3.5em;}

    form.bookform .selectguest {margin-right: 4vw}
    form.bookform .bookformBTN {margin-right: 7vw}

    #header .logoinner a::after {background-size: 110px 80px; width: 110px; height: 80px; top: 0.7vh; left: 50%; margin-left: -50px;}
    #header.innerhead {height: 90px;}
    #header.innerhead .hamburger {height: 22px; top: 0.55em;}
    #header.innerhead.scrolled .hamburger {top: -0.65vh !important;}
    #header.innerhead.scrolled .logoinner a::after {margin-left: -35px;}

    .video-section {height: 70vh;}
    .overlay .bannertitle {font-size: 1.5rem!important; margin-bottom: 2.7em;}

    #cSection, #gSection, #meetSection, #activitySection {padding-top: 1.5em; padding-bottom: 1.5em;}
    #cSection.inPageSection {padding: 1em 0;}
    .welcomeSection h1 { font-size: 10vw; line-height: 55px; }
    .welcomeInnerLanding {margin: 0 3vw;}

	#banner .inner h1 { font-size: 40px; padding-top: 1.5em; }
	#banner::before { margin-top: -80px; margin-right: 0; background-size: 155%; background-position: -32px 95px; opacity: 0.2; }
	#banner::after { background-size: 190%; }
    .wrapper.introsection::before {width: 100%;}
    .wrapper.introsection {padding: 0 1.5em;}
	.wrapper.introsection .innerIntro .contentIntro { padding: 40px 25px 15px 0px; }
	.wrapper.introsection .innerIntro .contentIntro h2 {font-size: 32px; padding-top: 1em; margin-bottom: 0.8em;}
    .wrapper.introsection .innerIntro .contentIntro p {font-size: 1.2em;}
	.wrapper.introsection .innerIntro {padding-bottom: 0; margin-bottom: 0;width: 42em;}
	.wrapper.introsection .innerIntro .contentIntro p {margin-bottom: 0;}
	.wrapper.VideoContainer { padding: 1em 1.2em; }
	.wrapper.missionSection { margin: 0; }
	.cheader {font-size: 45px;}
	.commonsubheader { padding: 1em 0em; }

    .properties .thumbcol {padding: 2rem 3rem 2rem 3rem; min-height: 25vh; filter: grayscale(0);}
    .properties .thumbContent {padding: 1em 0.5em;}
    .properties .thumbContent h3 { margin: 0; padding-bottom: 0.5em; }
    .properties .thumbContent p { padding: 0em; letter-spacing: 0.02rem; margin-bottom: 1.2em; line-height: 28px; }

	.wrapper.missionSection .misvisContain {padding-top: 2em;}
    .wrapper.missionSection .misvisContain .valuesList ul, .expertiseSection .designExpList ul { flex-wrap: wrap; justify-content: space-between; padding: 0; }
    .wrapper.missionSection .misvisContain .valuesList ul li, .expertiseSection .designExpList ul li { max-width: 45%; padding: 0; margin-bottom: 1em; }
    .offeringsSection.atesolXShdr {padding-top: 2.5em;} 
    .offeringsSection span { padding: 5px 30px 8px 30px; font-size: 32px; }

    .wrapper.offeringsSection, .wrapper.testinnoSection {margin-top: 0;margin-bottom: 0;}
    .offeringsSection .offeringContent {padding-bottom: 0px;}
    .offeringsSection .offeringContent .offeringCol {margin-bottom: 2em;}
    .offeringsSection .offeringContent .offeringCol.offColEndXS {margin-bottom: 0;}
    .cheader, .offeringsSection .offeringContent .offeringCol h4 {font-size: 35px;}
    .testinnoSection h4 {font-size: 38px;}
    .testinnoSection h5 {font-size: 30px;}
    .commonBTN {font-size: 15px; padding: 7px 22px;}

    .proplandingDine {margin-bottom: 2em;}
    .proplandingDine .swiper-container .dineslidecontent h4 {font-size: 3em; padding-bottom: 0;}
    .proplandingDine .swiper-container .swiper-button-next::after, .proplandingDine .swiper-container .swiper-button-prev::after { font-size: 2.2em !important; padding: 6px 15px; }
    .proplandingDine .swiper-container.proplandingdine .swiper-button-next, .proplandingDine .swiper-container.proplandingdine .swiper-button-prev {display: none;}
    #meetSection .meetContainer, #activitySection .actContainer {margin: 0 2em;}
    #meetSection .landingMeetLeft h4 {font-size: 2.5em; padding-bottom: 0;}
    #meetSection .meetThumb ul {flex-direction: column;}
    #meetSection .meetThumb ul li {padding: 0;}
    #meetSection .meetThumb ul li {margin-top: 2em;}
    #activitySection .actContainer h4 {font-size: 3em; padding-left: 1em;}
    #activitySection .actContainer h4::before {width: 70vw; top: 10px; left: 3px; height: 10vh;}
    #activitySection .actContainer .activities .accordion-item .accordion-body .contentsTab {padding: 0; padding-top: 1em; padding-left: 0.5em;}
    #activitySection .actContainer .activities .accordion-item .accordion-button.shownitem {padding-left: 0.2em;}
    #activitySection .actContainer .activities .accordion-item .accordion-button.shownitem::after {left: 10px;}
    #activitySection .accordion-body {padding-left: 0px;}
    #animatedDiv {margin-top: 0vh!important;}
    #activitySection .actContainer .activities .accordion-item .accordion-body .acticityThubs {margin-bottom: 0%; width: 85vw;}
    #activitySection .actContainer .activities .accordion-item .accordion-button { padding: 0.5em 0em 0em 0.2em; font-size: 1.9rem; }
    #activitySection .actContainer .activities .accordion-item .accordion-body .contentsTab p {padding-bottom: 0;}
	.nzgrACTIVITY h4 {font-size: 2.5em;}
	.nzgrACTIVITY .actContainer .offgridExpand .image-grid {flex-direction: column; height: 100%;}
	.nzgrACTIVITY .actContainer .offgridExpand .image-gri .image-column {}
	.nzgrACTIVITY .actContainer .offgridExpand .image-column h3 {font-size: 1.7em;}

    #singleGallery {margin-top: 5em;}
    #singleGallery .swiper-button-prev, #singleGallery .swiper-button-next { position: absolute; display: block; margin-top: -20px; top: 50% !important; }
    #singleGallery .swiper-button-next:after, 
    #singleGallery .swiper-button-prev:after { font-size: 2em!important; }
    #singleGallery .swiper-button-next:after { position: absolute; right: -1vw; }
    #singleGallery .swiper-button-prev:after { position: absolute; left: 4.7vw; top: 0px; }
    #singleDetails .contentDetails ul.termslist {margin-bottom: 1em;}
    #singleDetails .singleTariffContent {margin: 0 2em; padding: 1.5em;}
    #singleDetails .singleTariffContent .roomTariff {font-size: 14px;}
    #singleDetails .singleTariffContent .roomTariff span {font-size: 30px;}
    #singleDetails .singleTariffContent .roomTariff span span {font-size: 24px;}
    #singleDetails .singleTariffContent .bookformSection {padding-top: 1.2em;}

    .pageBannerBottomContent {margin: 0em 1em 1.5em 1em;}
    .pageBannerBottomContent h1 {font-size: 9vw;}
    .pageBannerBottomContent p {font-size: 4vw; padding-bottom: 0em;}
    #banner .inner p {line-height: 1.5em; padding: 15px 35px;}
    #singleGallery {margin-bottom: 0em;}
    #singleGallery .slideContents { min-height: 45vh; }
    .slideContents {min-height: 45vh;}
    .swiper-slide.swiper-slide-prev::before, .swiper-slide.swiper-slide-next::before {content: none;}
    .slideContents .swiper-slide .roomBrief {padding: 1em; width: auto;}
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks {padding-top: 0.8em;}
    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks .commonBTN.navigator { padding: 0.5em 1em; font-size: 11px; }
    .swiper-button-next:after, .swiper-button-prev:after { font-size: 2.5em !important; color: #0e0e0e; }
    .swiper-button-prev {margin-left: -6%;}
    .swiper-button-next {margin-right: -6%;}
    .slideContents .swiper-slide .roomBrief .slideCaptions p, .slideContents .swiper-slide .roomBrief .slideCaptions ul {padding-bottom: 0vh; display: none;}
    .swiper-button-next, .swiper-button-prev {top: 80px!important;}
    .slideContents .swiper-button-next, .swiper-button-prev {top: 80px; left: 20px;}

    .commonBTN {font-size: 12px;}
    .commonBTN.innerbtns {padding: .7rem 1.5rem .7rem 2.5rem;}
    .swiper-pagination {display: block;}
    .hhNazimVillaSlider .swiper-pagination {display: block; margin-bottom: -14vh;}
    
    .welcomeInnerLanding .imageHolder, .comonSectionThumb .commonImgHolder {height: 35vh;}
    
    .accommodationLanding {margin-bottom: 2em; padding: 0 1em;}
    .accommodationLanding ul {flex-direction: column; width: 100%;}
    .accommodationLanding.odd ul li, .accommodationLanding ul li {padding: 0;}
    .accommodationLanding ul li:first-child, .accommodationLanding ul li:last-child {width: unset; margin: 0 0.2em;}
    .accommodationLanding ul li .accommodationThumbSect .dContents {padding: 1em 1.2em; margin-right: 0; margin-left: 0; background-color: #fff;}
    .accommodationThumbSect .dContents .naviLinks {flex-direction: row; padding-top: 1em;}
    .accommodationLanding.odd ul {flex-direction: column-reverse;}
    .accommodationLanding.odd ul li:first-child, .accommodationLanding.odd ul li:last-child {width: unset;}
    .accommodationLanding.odd ul li .accommodationThumbSect .dContents {padding: 1.5em 1em; margin-right: 0; margin-left: 0;}
    .accommodationLanding.odd ul li .commonThumbStyle2 ul.thumbList {justify-content: flex-start; flex-direction: row; justify-content: space-evenly; width: 85vw;}
    .accommodationLanding ul li .commonThumbStyle2 ul.thumbList {bottom: 1em; left: 0em; justify-content: space-evenly; }
    
     #singleGallery .singlepageslider.pageslidebanner .swiper-button-next { width: calc(var(--swiper-navigation-size) / 20* 169) !important; }

    #singleDetails {padding: 0;}
    #singleDetails .contentDetails {padding: 1em 2em 0 2em;}
    #singleDetails h1, #singleDetails h2, #singleDetails h3, #singleDetails h4 {font-size: 35px;}
    #singleDetails .contentDetails ul.amenityStyle li {width: 33.33%; font-size: 14px;}
	#singleDetails .contentDetails ul.basicamenityStyle li {justify-content: normal!important; font-size: 12px; line-height: 15px;}

    .landingRowContainer {margin: 0 2em;}
    .diningLanding {margin-bottom: 0em;}
    .diningLanding p {padding-right: 0vw;}
    .diningLanding h2, .diningLanding h3 {font-size: 35px;}
    .meetLanding .meetContent h2 {font-size: 30px;}
    .diningLanding h3.openingHours, .relatedItems h3 {font-size: 28px;}
    .relatedItems {margin-top: 0em; padding-top: 2em;}
    .relatedItems .itemNZReffect img {width: 100%;}
    .relatedItems .sldtxt {margin-bottom: 1.5em;}

    .meetLanding .rowMeet {margin-bottom: 0em;}
    .meetLanding .meetContent {padding: 1.5em 0em;}
    .commonThumbStyle2 ul.thumbList {width: 100%; justify-content: space-evenly; align-items: center; left: 0em; border: 1em;}
    .commonThumbStyle2.overlayGallery ul.thumbList li a {line-height: 20px;}
    .commonThumbStyle2 ul.thumbList {bottom: 1em;}
    .commonThumbStyle2.overlayGallery ul.thumbList li {margin-right: 0;}
    .commonThumbStyle2.overlayGallery ul.thumbList.odd {justify-content: space-evenly;}
    .meetLanding .meetContent p {padding-right: 0;}
    .meetLanding .meetContent .meetCapacity {padding-bottom: 1em;}

    .welcomeInnerLanding .welcomeSection.eventz {margin-right: 0vw;}
    .welcomeSection.eventz h1 { font-size: 7vw; line-height: 6vh; }
    .prplanding span {letter-spacing: 2px;}
    .welcomeSection p {padding-top: 1em;width: calc(100% - 3vw); font-size: 1.4rem; line-height: 34px;}
    .dineslidecontent {padding-left: 0;}
    .proplandingDine .swiper-container .dineSlide img { width: 100% !important; }
    .proplandingDine .swiper-container .dineSlide .dineSlideThumb {right: -170px; margin-top: -10vh;}
    .proplandingDine .swiper-container .dineSlide .dineSlideThumb img {max-width: 50%;}
    .eventsrequest {font-size: 8vw;}
    .eventsrequest span {font-size: 4vw;}
    .eventsrequest::before {background-size: 14vw 15vh; width: 14vw; height: 15vh; left: -9px; top: -16px;}
    .eventsList {margin: 0 4vw; padding-top: 0vh; padding-bottom: 2vh;}
    .eventsList ul li {padding-left: 0; margin-bottom: 1.5em;}
    .eventsList ul li:first-child {margin-top: 1em;}
    .eventsList ul li:last-child {margin-bottom: 0em;}
    .eventsList ul li .eventsContents {flex-direction: column;}
    .eventsList ul li .eventsContents .contentCol {width: 100%;}
    .eventsList ul li .eventsContents .contentCol .contents {padding: 2em;}
    .eventsList ul li .eventsContents .contentCol .contents h2,
    .eventsList ul li .eventsContents .contentCol .contents h3 {font-size: 8vw;}
    .eventsList ul li .eventsContents .contentCol .contents p {padding-right: 0em;}
    
    #banner .bannerSection.villabunglow { min-height: 65vh; background-position-y: -2vh !important; }
    #cSection.inPageSection.villabunglowWelcome {padding-bottom: 2em;}
    .villabunglowDineSection p.subhead {font-size: 1.2em; padding: 0 1em;}
    
    .eventsimz .imageHolder {height: 35vh;}

    .wrapper.whyUsSection {margin-top: 0em; padding-bottom: 0em;}
    .whyUsSection .whyusContain {padding-top: 2.2em; padding-bottom: 0em;}
    .whyUsSection .whyusContain .whyusTab {margin-bottom: 20px; padding: 18px;}
    .whyUsSection .whyusContain .whyusTab .icon img { max-width: 65px; margin-bottom: 10px; }
    .whyUsSection .whyusContain .whyusTab h3 {font-size: 18px; line-height: 22px;}
    .whyUsSection .whyusContain .whyusTab ul {padding-left: 23px; margin-top: 5px;}
    .whyUsSection .whyusContain .whyusTab ul li { font-size: 17px; position: relative; line-height: 22px; padding-bottom: 8px;}
    .whyUsSection.whyusXS { margin-bottom: 0; }
    .whyUsSection.whyusXS .inner{ padding-top: 0; }
    .servicePageThumb {padding: 0; margin: 0 auto;}
    .pageThumbXS .inner {padding-top: 0;}
    .pageThumbXS .servicePageThumb {max-width: 100%;}
    .reqlyzeSection h4{font-size: 25px; padding: 0; padding-bottom: 45px; padding-top: 60px;}
    .reqlyzeSection h4::before {height: 100px;}
    .pageContactSection {margin-bottom: 0;}
    .costeffectiveSection .costeffectiveCol h2 { font-size: 25px; padding-bottom: 0.8em; }
    .semidesignSection {margin-top: 0;}
    .semidesignSection .inner, .designvisionSection .inner {padding-top: 0;}
    .semidesignSection .semidesingImg {height: 280px;}
    .expertiseSection .designExpList ul {margin-bottom: 0;}
    .semidesignSection .costeffectiveCol {padding: 20px;}
    .semidesignSection .costeffectiveCol h3 {font-size: 35px;}
	.expertiseSection, .designvisionSection {margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
	.contactContent h2 {font-size: 35px;}
	.contactPageSection {padding-bottom: 0;}
	
	.valleyActivities .activityList .swiper-button-next, .valleyActivities .activityList .swiper-button-prev {margin-top: 19%; margin-left: -17vw; padding: 1.5em;}
	.valleyActivities .activityList .swiper-button-next { margin-right: 3vw;}
	.valleyActivities .activityList .swiper-button-next:after, .valleyActivities .activityList .swiper-button-prev:after {color: #fff; font-size: 1.5em!important;}
	.valleyActivities .activityList .swiper-button-next:after {margin-left: -1em;}
	
	.colXS {padding-left: 0;}
	.onpgflxcol { flex-direction: column; }
    .sectiongarsyl { margin-bottom: 2em; }
	.sectiongarsyl .rowreverse { flex-direction: column-reverse; }
	.sectiongarsyl .contentSection, .sectiongarsyl .contentSection.rgt { max-width: unset; width: 100vw; margin: unset; padding: 2em; height: auto; }
	.sectiongarsyl .contentSection.rgt { left: unset; margin-left: unset; height: 50vh; }
	.sectiongarsyl .thumbImg { height: 50vh; }
	.sectiongarsyl .contentSection h2 { font-size: 2.2em; padding-bottom: 1vh; }
	.sectiongarsyl .contentSection p { padding-bottom: 2vh; }
	
        .diningLanding ul.thumbList.vtBTns, .meetLanding ul.thumbList.vtBTns {justify-content: flex-start;}
        .diningLanding ul.thumbList.vtBTns li, .meetLanding ul.thumbList.vtBTns li {display: unset;}
            .diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}
	.accommodationLanding ul li .accommodationThumbSect .dContents .roomFacility ul li.twinbedsXCD {padding-left: 9vw;}
	.proplandingDine .swiper-container .dineslidecontent p {padding-right: 0em;}
    .dineslidecontent h4 {font-size: 2em!important;}
	.page_photoGallery {margin: 0 8vw;}
	.page_photoGallery ul {justify-content: space-around;}
	.page_photoGallery ul li {width: 46%; margin: 8px auto;}
	
    #footer .onxsflxcol { flex-direction: column; }
    #footer .onxsflxcol .ftbar .addressContain { padding-left: 0px; }
    #footer .onxsflxcol .ftbar .addressContain h6 i.las { Left: -5px; }
    .mostFooter .footerLink ul { columns: 1; -webkit-columns: 1; -moz-columns: 1;}
    /*.mostFooter .footerLink ul li a {font-size: 13px;}*/
    /*.mostFooter .footerLink ul li a i.las {padding-right: 2px;}*/

    #footer .inner { padding: 0em 1em 0em 3em; }
    #footer .inner .footerList ul { flex-wrap: wrap; justify-content: space-between; padding: 0; margin-top: 0; margin-bottom:0; }
    #footer .inner .footerList ul li:first-child { max-width: 100%; padding: 0; margin-bottom: 1em; }
    #footer .inner .footerList ul li:first-child .logo { text-align:center; }
    #footer .inner .footerList ul li { max-width: 45%; padding: 0; margin-bottom: 1em; }
    #footer .inner .footerList ul li:nth-child(2) {padding-left: 0em;}
    #footer .inner .footerList ul li .subItems ul li {padding-bottom: 5px; margin-bottom: 0;}
    #footer .inner .copyright { margin: 0em 0 1em 0; }
    #footer .inner .copyright li {margin: 0; display: inline-block; font-size: 15px;}
    #footer .inner .copyright li a {padding: 0px 7px; font-size: 15px;}

    .mostFooter .footerLink ul li {padding-left: 0;}
    .mostFooter .copyright {text-align: center;}
}

/*@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {*/
    
/*}*/

@media screen and (max-width: 360px) {
    .hamburger { top: 2vh; }
    form.bookform .t-datepicker .t-check-in .t-dates,
    form.bookform .t-datepicker .t-check-out .t-dates { min-width: 145px; }
    .wrapper.introsection .innerIntro .contentIntro h2 {font-size: 32px;}
    .accommodationLanding {margin-bottom: 2em; padding: 0 1em;}
    .accommodationLanding ul {flex-direction: column; width: 100%;}
    .accommodationLanding ul li .accommodationThumbSect .dContents h2.roomTitle {font-size: 27px;}
    .accommodationLanding.odd ul li, .accommodationLanding ul li {padding: 0;}
    .accommodationLanding ul li:first-child, .accommodationLanding ul li:last-child {width: unset; margin: 0 0.2em;}
    .accommodationLanding ul li .accommodationThumbSect .dContents {padding: 1em 1.2em; margin-right: 0; margin-left: 0; background-color: #fff;}
    .accommodationThumbSect .dContents .naviLinks {flex-direction: row; padding-top: 1em;}
    .accommodationLanding.odd ul {flex-direction: column-reverse;}
    .accommodationLanding.odd ul li:first-child, .accommodationLanding.odd ul li:last-child {width: unset;}
    .accommodationLanding.odd ul li .accommodationThumbSect .dContents {padding: 1.5em 1em; margin-right: 0; margin-left: 0;}
    .accommodationLanding.odd ul li .commonThumbStyle2 ul.thumbList {justify-content: flex-start; flex-direction: row; justify-content: space-evenly; width: 85vw;}
    .accommodationLanding ul li .commonThumbStyle2 ul.thumbList {bottom: 1em; left: 0em; justify-content: space-evenly; }
    .commonThumbStyle2 ul.thumbList li a.innerbtns {padding: 0.3rem 0.5rem 0.3rem 0.5rem;}
    .accommodationThumbSect .dContents .naviLinks .commonBTN.navigator {padding: 0.3em 1em;}
    .footerLink {padding: 0 0.6em;}

    #singleGallery .swiper-button-prev,
    #singleGallery .swiper-button-next { position: absolute; display: block; margin-top: -20px; top: 50% !important; }
    #singleGallery .swiper-button-next:after, 
    #singleGallery .swiper-button-prev:after { font-size: 2em!important; }
    #singleGallery .swiper-button-next:after { position: absolute; right: 16vw; }
    #singleGallery .swiper-button-prev:after { position: absolute; left: 4.7vw; top: 0px; }

    .proplandingDine .swiper-container .dineslidecontent p {padding-right: 0;}
    .proplandingDine .swiper-container .dineSlide img {width: 100%!important; max-width: 100%;}

    .slideContents .swiper-slide .roomBrief .slideCaptions .naviLinks .commonBTN.navigator { margin: 0 0.5em; font-size: 10px; }
    
    .welcomeInnerLanding .welcomeSection.eventz {padding-top: 1em;}
    .welcomeInnerLanding .welcomeSection.eventz span {font-size: 30px; line-height: 38px;}

    .eventsList ul li .eventsContents .contentCol .contents p {padding-bottom: 0;}
    .eventsContents .commonBTN.innerbtns.lndpgbtn { margin: 0 auto; width: 70%; padding: 0.7em 2rem; text-align: center; font-weight: 600;}
    .valleyActivities .activityList .swiper-button-prev { margin-left: -21vw;}
    .swiper-button-prev::after {margin-left: -2.5vw;}
	.commonBTN.innerbtns.lndpgbtn { padding-left: 1.5rem; line-height: 1em; font-size: 12px; padding: 10px 15px; }
	.landingRowContainer {  margin: 0 1em; }
/*  #singleGallery .singlepageslider.pageslidebanner .swiper-button-next {}
	#singleGallery .singlepageslider.pageslidebanner .swiper-button-prev {}
    #singleGallery .swiper-button-prev::after {left: 2.7vw;} */
	#singleGallery .singlepageslider.pageslidebanner .swiper-button-next {width: calc(var(--swiper-navigation-size) / 23* 169)!important;}
	
	#singleDetails .contentDetails ul.amenityStyle li {font-size: 12px;}
	#singleDetails .contentDetails ul.basicamenityStyle li img,
	#singleDetails .contentDetails ul.amenityStyle li img {width: 35px;}
	#singleDetails .contentDetails ul.amenityStyle li img.cubicle {width: 30px; margin-bottom: -6px;}
	#singleDetails .contentDetails ul.amenityStyle li img.fridge {width: 28px; margin-bottom: -9px;}
	#singleDetails h1 {padding-top: 1em;}
	#singleDetails h1, #singleDetails h2, #singleDetails h3, #singleDetails h4 {font-size: 25px;}
	.sectiongarsyl .contentSection.rgt { height: 60vh; }
    .diningLanding ul.thumbList.vtBTns li:before, .meetLanding ul.thumbList.vtBTns li:before {content: none;}
	
	.colXS {padding: 0!important;}
}