@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)

/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 2100px) {

    :root										{ --container-width: 1170px; }
    .container                                  { max-width: 1170px; }



}

/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1600px) {

    :root										{ --container-width: 1170px; }
    .container                                  { max-width: 1170px; }



}

/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

    :root										{ --container-width: 1170px; }
    .container                                  { max-width: 1170px; }

    #welcomeSec span.verticalTitle				{ left: 17px; }
    #welcomeSec .welcome .content span.title	{ margin: 0 0 40px 0; }
    #residencesSec span.verticalTitle			{ left: 17px; }
    #residencesSec .relaxBox					{ font-size: 180px; line-height: 150px; }
    #facilitiesSec span.verticalTitle			{ left: 17px; }
    #inspirationSec span.verticalTitle			{ left: 17px; }
    #inspirationSec .enjoyBox					{ font-size: 150px; line-height: 120px; }
    #inspirationSec .inspiration .content span.title { margin: 0 0 40px 0; }
    #locationSec .travelBox						{ font-size: 150px; line-height: 120px; }
    #locationSec .beHappyBox					{ font-size: 150px; line-height: 120px; }

    /*----------------- Inner Pages -----------------*/


    /*----------------- Other Blocks -----------------*/
    #restingplaceSec .content .enjoyBox			{ font-size: 130px; line-height: 100px; }
    #restingplaceSec .restingplace .rightTextBox { font-size: 130px; line-height: 100px; }
    #restingplaceSec .restingplace .leftTextBox { font-size: 130px; line-height: 100px; }
    #inspirationMoreSec							{ padding-top: 100px; }
    #inspirationMoreSec .enjoyBox				{ font-size: 130px; line-height: 100px; }

}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

    :root										{ --container-width: 960px; }
    .container									{ max-width: 960px; }

    #header .rightNav ul						{ grid-gap: 15px; }
    #header .rightNav ul li.button a			{ padding: 10px 15px; }
    #caption .title								{ font-size: 52px; line-height: 52px; }
    #caption .subtitle							{ font-size: 17px; line-height: 30px; }
    #searchForm									{ grid-gap: 20px; bottom: 30px; }
    #searchForm .field .form-control			{ font-size: 16px; }
    #searchForm .field.dateinout				{ width: 30%; }
    #searchForm .field.adultschildren			{ width: 33%; }
    #searchForm .field.promocode				{ width: 17%; }
    #searchForm .field.button					{ width: 20%; }
    #searchForm .field .form-control			{ height: 44px; }
    #searchForm .field button					{ padding: 12px 15px; }
    #advantagesSec .advantages-slider .item:after { width: 100%; }
    #welcomeSec span.verticalTitle				{ left: 7px; }
    #welcomeSec .welcome .content span.title	{ margin: 0 0 40px 0; }
    #residencesSec span.verticalTitle			{ left: 7px; }
    #residencesSec .relaxBox					{ font-size: 140px; line-height: 110px; }
    #residencesSec .residences .content			{ margin-top: 70px; }
    #facilitiesSec span.verticalTitle			{ left: 7px; }
    #inspirationSec span.verticalTitle			{ left: 7px; }
    #inspirationSec .enjoyBox					{ font-size: 120px; line-height: 90px; }
    #inspirationSec .inspiration .content span.title { margin: 0 0 40px 0; }
    #locationSec .travelBox						{ font-size: 120px; line-height: 90px; }
    #locationSec .beHappyBox					{ font-size: 120px; line-height: 90px; }
    #newsletterSec .newsform h3					{ font-size: 38px; line-height: 38px; }

    /*----------------- Inner Pages -----------------*/
    #innerBanner, #innerBanner .inner-slider, #innerBanner .owl-stage-outer, #innerBanner .owl-stage, #innerBanner .owl-item { height: auto; }

    /*----------------- Other Blocks -----------------*/
    #restingplaceSec .content .enjoyBox			{ font-size: 140px; line-height: 110px; }
    #restingplaceSec .content h2				{ width: 50%; }
    #restingplaceSec .content p					{ width: 50%; }
    #restingplaceSec .content .readmore			{ width: 50%; }
    #restingplaceSec .restingplace				{ margin-bottom: 120px; }
    #restingplaceSec .restingplace .bgBoxMainRight { width: calc(65% + var(--container-padding) - 100px); height: calc(200% + (120px * 2)); }
    #restingplaceSec .restingplace .bgBoxMainLeft { width: calc(65% + var(--container-padding) - 100px); height: calc(200% + (120px * 2)); }
    #restingplaceSec .restingplace .rightTextBox { font-size: 140px; line-height: 110px; }
    #restingplaceSec .restingplace .leftTextBox { font-size: 140px; line-height: 110px; }
    #gallerySec .gallery-slider .owl-stage-outer { height: 420px; }
    #gallerySec .gallery-slider .owl-item		{ height: 320px; }
    #gallerySec .gallery-slider .owl-item.active.center { height: 420px; }
    #videoSec .video							{ min-height: 450px; }
    #videoSec .video .content					{ width: 70%; }
    #videoSec .video .playbtn					{ width: 30%; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .image:after { height: 65%; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .info { bottom: 20px; right: 20px; left: 20px; }
    #facilitiesMoreSec .slider .customNav		{ margin-right: 100px; margin-left: 100px; }
    #feachersSec .feachers						{ margin-bottom: 120px; }
    #feachersSec .feachers .bgBoxMainRight1		{ height: 35px; top: 35px; }
    #feachersSec .feachers .content				{ margin-top: 70px; }
    #inspirationMoreSec							{ padding-top: 100px; }
    #inspirationMoreSec .enjoyBox				{ font-size: 140px; line-height: 110px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    :root										{ --container-width: 100%; }
    .container									{ max-width: 100%; padding: 0 15px; }

    #header										{ padding: 15px 15px; }
    #header .leftNav .languageMenu				{ display: none; }
    #header .leftNav .phoneIcon					{ display: none; }
    #header .rightNavMobile						{ display: flex; }
    #header .rightNav							{ display: none; }
    #slider .home-slider .owl-dots				{ width: auto; top: auto; transform: translateY(0%); bottom: 90px; right: 15px; left: 15px; }
    #slider .home-slider .owl-dots .owl-dot		{ width: 32px; height: 32px; margin: 0 5px; }
    #slider .home-slider .owl-dots .owl-dot:first-child { margin-top: 0; margin-left: 0; }
    #slider .home-slider .owl-dots .owl-dot:last-child { margin-bottom: 0; margin-right: 0; }
    #slider .home-slider .owl-dots .owl-dot.active { margin-top: 0px; margin-bottom: 0px; }
    #slider .home-slider .owl-dots .owl-dot:before, #slider .home-slider .owl-dots .owl-dot:after { display: none; }
    #slider .home-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }
    #caption									{ width: calc(100% - 30px); }
    #caption .title								{ font-size: 48px; line-height: 48px; }
    #caption .subtitle							{ font-size: var(--font-text-size); line-height: 30px; }
    #caption .subtitle br						{ display: none; }
    #searchForm									{ display: none; flex-direction: column; justify-content: center; grid-gap: 30px; padding: 15px; padding-top: 30px; background-color: #0a1329; position: fixed; top: 0; bottom: 0; left: 0; z-index: 4; }
    #searchForm[style*='display: block']		{ display: flex !important; }
    #searchForm a.searchFormClose				{ display: block; }
    #searchForm .field							{ position: static; width: 100% !important; }
    #searchForm .field .form-control			{ height: 50px; font-size: 16px; }
    #searchForm .field button					{ padding: 15px 15px; }
    #searchForm .field .popups					{ padding-bottom: 30px; top: 0; bottom: 0; left: 0; }
    #searchForm .field .popups .calendar		{ width: 100%; }
    #searchForm .field .popups .calendar .daterangepicker { float: none; width: 542px; }
    #searchForm .field .popups .roomsbox		{ width: 100%; margin-top: 7px; }
    #searchForm .field .popups .roomsbox #rooms { grid-gap: 30px; min-height: 286px; max-height: 286px; padding-right: 30px; }
    #searchForm .field .popups .roomsbox #rooms .room { flex-direction: column; grid-gap: 30px; }
    #searchForm .field .popups .roomsbox #rooms .room .room-title { min-width: 100%; max-width: 100%; }
    #searchForm .field .popups .roomsbox #rooms .room .icon.adult, #searchForm .field .popups .roomsbox #rooms .room .icon.child, #searchForm .field .popups .roomsbox #rooms .room .icon.baby { width: 100%; }
    #searchForm .field .popups .roomsbox #rooms .room select { width: 100%; }
    #searchForm .field .popups .roomsbox #rooms .room .icon.remove { top: 2px; }
    #searchForm .field .popups .roomsbox #rooms .room .ages-inputs { flex-direction: column; grid-gap: 30px; }
    #searchForm .field .popups .roomsbox #rooms .room .ages-inputs .ages-label { min-width: 100%; max-width: 100%; }
    #searchForm .field .popups .roomsbox #rooms .room .ages-inputs .ages-container { flex-direction: column; grid-gap: 30px; width: 100%; }
    #searchForm .roomsbox .action-buttons		{ grid-gap: 15px; margin-top: 30px; }
    #searchForm .field .popups .promocodebox	{ width: 100%; }
    #searchForm .field .popups .promocodebox .form-control { margin-top: 7px; }
    #searchFormBtn								{ display: block; }
    #advantagesSec .advantages-slider .item:after { width: 100%; }
    #advantagesSec .advantages-slider .item .infotitle { font-size: 20px; line-height: 23px; }
    #advantagesSec .advantages-slider .item .infodecs { font-size: 14px; line-height: 18px; }
    #welcomeSec span.verticalTitle				{ display: none; }
    #welcomeSec .welcome						{ padding-bottom: 115px; }
    #welcomeSec .welcome .thumb					{ width: 437px; }
    #welcomeSec .welcome .content span.title	{ margin: 0 0 20px 0; font-size: var(--font-subtitle-cursive-size); line-height: 40px; }
    #welcomeSec .welcome .content h1			{ width: 130%; margin: 0 0 20px 0; font-size: var(--font-title-size); line-height: 45px; }
    #welcomeSec .welcome .content p				{ width: 80%; margin: 0 0 20px 0; font-size: 16px; line-height: 28px; }
    #welcomeSec .welcome .content a.link		{ margin: 0px 0 0 0; }
    #residencesSec span.verticalTitle			{ display: none; }
    #residencesSec span.title					{ margin: 0 0 20px 0; font-size: 20px; line-height: 40px; }
    #residencesSec h2							{ margin: 0 0 20px 0; font-size: 35px; line-height: 45px; }
    #residencesSec .relaxBox					{ font-size: 110px; line-height: 90px; }
    #residencesSec .seeall						{ margin: 0 0 20px 0; }
    #residencesSec .residences .slider			{ width: 55%; padding-bottom: 100px;}
    #residencesSec .residences .slider .residences-slider .owl-dots { bottom: -66px; }
    #residencesSec .residences .slider .residences-slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
    #residencesSec .residences .slider .residences-slider .owl-dots .owl-dot:first-child { margin-left: 0; }
    #residencesSec .residences .slider .residences-slider .owl-dots .owl-dot:last-child { margin-right: 0; }
    #residencesSec .residences .slider .residences-slider .owl-dots .owl-dot:before, #residencesSec .residences .slider .residences-slider .owl-dots .owl-dot:after { display: none; }
    #residencesSec .residences .slider .residences-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }
    #residencesSec .residences .content			{ width: 45%; margin-top: 70px; padding: 15px; padding-right: 0; }
    #residencesSec .residences .content .bgBox	{ left: -50px; }
    #residencesSec .residences .content .residences-info h3 { margin: 0 0 10px 0; font-size: 26px; line-height: 36px; }
    #residencesSec .residences .content .residences-info p { font-size: 16px; line-height: 28px; }
    #residencesSec .residences .content .residences-info a.button { margin: 0px 0 0 0; padding: 10px 15px; }
    #facilitiesSec span.verticalTitle			{ display: none; }
    #facilitiesSec .bgBox						{ width: 60%; height: 240px; }
    #facilitiesSec .slider						{ padding-bottom: 100px; }
    #facilitiesSec .slider .facilities-slider .item .info span.name { font-size: 20px; line-height: 20px; }
    #facilitiesSec .slider .facilities-slider .owl-dots { bottom: -66px; }
    #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
    #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot:first-child { margin-left: 0; }
    #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot:last-child { margin-right: 0; }
    #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot:before, #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot:after { display: none; }
    #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }
    #facilitiesSec .seeall						{ margin-top: -65px; }
    .text-center span.title					{ margin: 0 0 20px 0; font-size: 20px; line-height: 40px; }
    #text-center h2							{ width: 100%; margin: 0 0 20px 0; font-size: 35px; line-height: 45px; }
    #inspirationSec span.verticalTitle			{ display: none; }
    #inspirationSec .enjoyBox					{ font-size: 110px; line-height: 90px; }
    #inspirationSec .bgBox						{ width: 50%; height: 290px; }
    #inspirationSec .inspiration .content		{ padding-right: 15px; }
    #inspirationSec .inspiration .content span.title { margin: 0 0 20px 0; font-size: 20px; line-height: 40px; }
    #inspirationSec .inspiration .content h2	{ margin: 0 0 20px 0; font-size: 35px; line-height: 45px; }
    #inspirationSec .inspiration .content .inspiration-info { margin-top: 70px; padding-right: 0px; }
    #inspirationSec .inspiration .content .inspiration-info h3 { margin: 0 0 20px 0; font-size: 20px; line-height: 30px; }
    #inspirationSec .inspiration .content .inspiration-info p { margin: 0 0 20px 0; font-size: 16px; line-height: 28px; }
    #inspirationSec .inspiration .content .inspiration-info a.link { margin: 0px 0 0 0; }
    #inspirationSec .inspiration .slider		{ padding-bottom: 100px; padding-left: 15px; padding-right: 30px; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-stage-outer { -webkit-mask-image: url(../../../images/default/inspiration-slider-mask-tab.png); mask-image: url(../../../images/default/inspiration-slider-mask-tab.png); }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots { bottom: -66px; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot:first-child { margin-left: 0; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot:last-child { margin-right: 0; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot:before, #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot:after { display: none; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }
    #locationSec .travelBox						{ font-size: 110px; line-height: 90px; }
    #locationSec .beHappyBox					{ padding-left: 0; font-size: 110px; line-height: 90px; }
    #locationSec .bgBox							{ width: 170px; }
    #locationSec .location span.title			{ margin: -70px 0 40px 0; font-size: 20px; line-height: 40px; text-align: left; }
    #locationSec .location .content				{ float: left; width: 100%; }
    #locationSec .location .content h3			{ margin: 0 0 20px 0; font-size: 35px; line-height: 45px; }
    #locationSec .location .content p			{ margin: 0 0 20px 0; font-size: 16px; line-height: 28px; }
    #locationSec .location .content a.link		{ margin: 0px 0 0 0; }
    #locationSec .location .image				{ float: left; width: calc(100% + 30px); margin-left: -15px; }
    #locationSec .location .image:after			{ background: linear-gradient(180deg, rgba(2,8,21,0) 5%, var(--color-white-transparent) 65%, var(--color-white) 95%); width: 100%; height: 50%; }
    #newsletterSec .newsform					{ flex-direction: column; gap: 15px; }
    #newsletterSec .newsform h3					{ width: 100%; font-size: 38px; line-height: 38px; }
    #newsletterSec .newsform .newsformBox		{ width: 100%; }
    #newsletterSec .newsform .newsformBox .form-group .form-control { height: 45px; font-size: 16px; }
    #newsletterSec .newsform .newsformBox .form-group button { padding: 10px 30px; }
    #footer										{ margin-bottom: 54px; }
    .footerSection .ftr_info					{ margin-bottom: 30px; text-align: center; }

    /*----------------- Inner Pages -----------------*/
    #innerBanner, #innerBanner .inner-slider, #innerBanner .owl-stage-outer, #innerBanner .owl-stage, #innerBanner .owl-item { width: 100%; height: auto; }
    #innerBanner .inner-slider .desktop			{ display: none; }
    #innerBanner .inner-slider .tablet			{ display: block; }
    #innerBanner .inner-slider .owl-dots		{ width: auto; top: auto; transform: translateY(0%); bottom: 90px; right: 15px; left: 15px; }
    #innerBanner .inner-slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
    #innerBanner .inner-slider .owl-dots .owl-dot:first-child { margin-top: 0; margin-left: 0; }
    #innerBanner .inner-slider .owl-dots .owl-dot:last-child { margin-bottom: 0; margin-right: 0; }
    #innerBanner .inner-slider .owl-dots .owl-dot.active { margin-top: 0px; margin-bottom: 0px; }
    #innerBanner .inner-slider .owl-dots .owl-dot:before, #innerBanner .inner-slider .owl-dots .owl-dot:after { display: none; }
    #innerBanner .inner-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }

    /*----------------- Other Blocks -----------------*/
    #restingplaceSec .content .enjoyBox			{ font-size: 110px; line-height: 90px; }
    #restingplaceSec .content span.title		{ margin: 0 0 20px 0; font-size: 20px; line-height: 40px; }
    #restingplaceSec .content h1				{ margin: 0 0 20px 0; font-size: 35px; line-height: 45px; }
    #restingplaceSec .content h2				{ width: 50%; margin: 0 0 15px 0; font-size: 26px; line-height: 36px; }
    #restingplaceSec .content p					{ width: 50%; font-size: 16px; line-height: 28px; }
    #restingplaceSec .content .readmore			{ width: 50%; }
    #restingplaceSec .content .readmore a		{ font-size: 16px; line-height: 20px; }
    #restingplaceSec .restingplace				{ margin-bottom: 100px; }
    #restingplaceSec .restingplace .bgBoxMainRight { width: calc(55% + var(--container-padding) - 0px); height: calc(200% + (100px * 2)); }
    #restingplaceSec .restingplace .bgBoxMainLeft { width: calc(55% + var(--container-padding) - 0px); height: calc(200% + (100px * 2)); }
    #restingplaceSec .restingplace .rightTextBox { font-size: 110px; line-height: 90px; }
    #restingplaceSec .restingplace .leftTextBox { font-size: 110px; line-height: 90px; }
    #restingplaceSec .restingplace .slider		{ width: 55%; }
    #restingplaceSec .restingplace .info		{ width: 45%; margin-top: 70px; padding: 15px; padding-right: 0; }
    #restingplaceSec .restingplace .info .bgBox { left: -50px; }
    #restingplaceSec .restingplace .info .restingplace-info h3 { margin: 0 0 15px 0; font-size: 26px; line-height: 36px; }
    #restingplaceSec .restingplace .info .restingplace-info .facilities .item { font-size: 16px; line-height: 20px; }
    #restingplaceSec .restingplace .info .restingplace-info p { font-size: 16px; line-height: 28px; }
    #restingplaceSec .restingplace .info .restingplace-info a.button { margin: 0px 0 0 0; padding: 10px 15px; }
    #restingplaceSec .restingplace:nth-child(even) .info { padding-right: 15px; padding-left: 0; }
    #restingplaceSec .restingplace:nth-child(even) .info .bgBox { right: -50px; }
    #gallerySec .gallery-slider .owl-stage-outer { height: 360px; }
    #gallerySec .gallery-slider .owl-item		{ height: 280px; }
    #gallerySec .gallery-slider .owl-item.active.center { height: 360px; }
    #videoSec .video							{ min-height: 370px; padding: 30px 0; }
    #videoSec .video .container					{ grid-gap: 30px; }
    #videoSec .video .content					{ width: 70%; }
    #videoSec .video .content h2				{ margin: 0 0 10px 0; font-size: 35px; line-height: 45px; }
    #videoSec .video .content p					{ font-size: 16px; line-height: 28px; }
    #videoSec .video .playbtn					{ width: 30%; }
    #videoSec .video .playbtn a					{ width: 100px; height: 100px; font-size: 30px; }
    #facilitiesMoreSec span.title				{ margin: 0 0 20px 0; font-size: 20px; line-height: 40px; }
    #facilitiesMoreSec h2						{ width: 100%; margin: 0 0 20px 0; font-size: 35px; line-height: 45px; }
    #facilitiesMoreSec .slider .facilities-more-slider .owl-stage-outer:before, #facilitiesMoreSec .slider .facilities-more-slider .owl-stage-outer:after { width: 55px; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .image:after { height: 75%; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .info { bottom: 15px; right: 15px; left: 15px; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .info h3 { margin: 0 0 0px 0; font-size: 23px; line-height: 23px; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .info .text { width: 100%; margin-right: 0; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .info p { margin: 15px 0 0 0; font-size: 16px; font-weight: 300; line-height: 20px; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .info a.link { width: auto; margin: 15px 0 0 0; font-size: 16px; line-height: 20px; }
    #facilitiesMoreSec .slider .customNav		{ margin-right: 70px; margin-left: 70px; }
    #feachersSec .feachers						{ margin-bottom: 70px; }
    #feachersSec .feachers .bgBoxMainRight1		{ height: 35px; top: 35px; }
    #feachersSec .feachers .content				{ width: calc(50% + 40px); margin-left: -40px; margin-top: 70px; padding: 15px 15px; padding-left: calc(40px + 15px); }
    #feachersSec .feachers .content span.title	{ margin: 0 0 15px 0; font-size: 20px; line-height: 40px; }
    #feachersSec .feachers .content h2			{ margin: 0 0 10px 0; font-size: 35px; line-height: 45px; }
    #feachersSec .feachers .content p			{ font-size: 16px; line-height: 28px; }
    #feachersSec .feachers .content a.link		{ margin: 0px 0 0 0; font-size: 16px; line-height: 20px; }
    #feachersSec .feachers:nth-child(even) .content { margin-left: 0; margin-right: -40px; padding-left: 15px; padding-right: calc(40px + 15px); }
    #feachersSec .feachers.vertical .content	{ width: calc(50% + 40px); margin-left: -40px; margin-top: 70px; padding-left: calc(40px + 15px); }
    #feachersSec .feachers.vertical:nth-child(even) .content { margin-left: 0; margin-right: -40px; padding-left: 15px; padding-right: calc(40px + 15px); }
    #feachersSec .feachers.vertical .content p { margin-top: auto; }
    #inspirationMoreSec							{ padding-top: 90px; }
    #inspirationMoreSec .enjoyBox				{ font-size: 110px; line-height: 90px; }
    #inspirationMoreSec span.title				{ margin: 0 0 20px 0; font-size: 20px; line-height: 40px; }
    #inspirationMoreSec h2						{ width: 100%; margin: 0 0 20px 0; font-size: 35px; line-height: 45px; }
    #inspirationMoreSec p						{ width: 100%; font-size: 16px; line-height: 28px; }
    #inspirationMoreSec .inspiration-more-slider .info span.name { font-size: 20px; line-height: 20px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

    :root										{ --container-width: 100%; }
    .container									{ max-width: 100%; padding: 0 15px; }

    #header										{ padding: 15px 15px; }
    #header .logo								{ width: 130px; }
    #header .leftNav .hamburger nav				{ width: 100%; }
    #header .leftNav .hamburger nav .nav_middle { grid-gap: 30px; padding: 100px 15px 30px 15px; }
    #header .leftNav .languageMenu				{ display: none; }
    #header .leftNav .phoneIcon					{ display: none; }
    #header .rightNavMobile						{ display: flex; }
    #header .rightNav							{ display: none; }
    #slider .home-slider .owl-dots				{ width: auto; top: auto; transform: translateY(0%); bottom: 90px; right: 15px; left: 15px; }
    #slider .home-slider .owl-dots .owl-dot		{ width: 32px; height: 32px; margin: 0 5px; }
    #slider .home-slider .owl-dots .owl-dot:first-child { margin-top: 0; margin-left: 0; }
    #slider .home-slider .owl-dots .owl-dot:last-child { margin-bottom: 0; margin-right: 0; }
    #slider .home-slider .owl-dots .owl-dot.active { margin-top: 0px; margin-bottom: 0px; }
    #slider .home-slider .owl-dots .owl-dot:before, #slider .home-slider .owl-dots .owl-dot:after { display: none; }
    #slider .home-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }
    #caption									{ width: calc(100% - 30px); }
    #caption .title								{ font-size: 48px; line-height: 48px; }
    #caption .subtitle							{ font-size: var(--font-text-size); line-height: 30px; }
    #caption .subtitle br						{ display: none; }
    #searchForm									{ display: none; flex-direction: column; justify-content: center; grid-gap: 30px; padding: 15px; padding-top: 30px; background-color: #0a1329; position: fixed; top: 0; bottom: 0; left: 0; z-index: 4; }
    #searchForm[style*='display: block']		{ display: flex !important; }
    #searchForm a.searchFormClose				{ display: block; }
    #searchForm .field							{ position: static; width: 100% !important; }
    #searchForm .field .form-control			{ height: 50px; font-size: 16px; }
    #searchForm .field button					{ padding: 15px 15px; }
    #searchForm .field .popups					{ padding-bottom: 30px; top: 0; bottom: 0; left: 0; }
    #searchForm .field .popups .calendar		{ width: 100%; }
    #searchForm .field .popups .calendar .daterangepicker .drp-calendar.left { float: none; margin-right: auto; margin-left: auto; }
    #searchForm .field .popups .roomsbox		{ width: 100%; margin-top: 7px; }
    #searchForm .field .popups .roomsbox #rooms { grid-gap: 30px; min-height: 286px; max-height: 286px; padding-right: 30px; }
    #searchForm .field .popups .roomsbox #rooms .room { flex-direction: column; grid-gap: 30px; }
    #searchForm .field .popups .roomsbox #rooms .room .room-title { min-width: 100%; max-width: 100%; }
    #searchForm .field .popups .roomsbox #rooms .room .icon.adult, #searchForm .field .popups .roomsbox #rooms .room .icon.child, #searchForm .field .popups .roomsbox #rooms .room .icon.baby { width: 100%; }
    #searchForm .field .popups .roomsbox #rooms .room select { width: 100%; }
    #searchForm .field .popups .roomsbox #rooms .room .icon.remove { top: 2px; }
    #searchForm .field .popups .roomsbox #rooms .room .ages-inputs { flex-direction: column; grid-gap: 30px; }
    #searchForm .field .popups .roomsbox #rooms .room .ages-inputs .ages-label { min-width: 100%; max-width: 100%; }
    #searchForm .field .popups .roomsbox #rooms .room .ages-inputs .ages-container { flex-direction: column; grid-gap: 30px; width: 100%; }
    #searchForm .roomsbox .action-buttons		{ grid-gap: 15px; margin-top: 30px; }
    #searchForm .field .popups .promocodebox	{ width: 100%; }
    #searchForm .field .popups .promocodebox .form-control { margin-top: 7px; }
    #searchFormBtn								{ display: block; }
    #advantagesSec .advantages-slider .item:after { width: 100%; }
    #advantagesSec .advantages-slider .item .infotitle { font-size: 20px; line-height: 23px; }
    #advantagesSec .advantages-slider .item .infodecs { font-size: 14px; line-height: 18px; }
    #advantagesSec .customNav					{ display: flex; }
    #welcomeSec span.verticalTitle				{ display: none; }
    #welcomeSec .welcome						{ flex-direction: column; padding-bottom: 0; }
    #welcomeSec .welcome .image					{ width: calc(100% + 30px); margin-left: -15px; }
    #welcomeSec .welcome .image:after			{ background: linear-gradient(180deg, rgba(2,8,21,0) 5%, var(--color-white-transparent) 65%, var(--color-white) 95%); width: 100%; height: 40%; top: auto; bottom: 0; }
    #welcomeSec .welcome .image img				{ max-width: 100%; width: inherit; height: auto; }
    #welcomeSec .welcome .thumb					{ display: none; }
    #welcomeSec .welcome .content				{ width: 100%; margin-left: 0; padding: 0px 0; }
    #welcomeSec .welcome .content span.title	{ margin: 0 0 20px 0; font-size: var(--font-subtitle-cursive-size); line-height: 40px; }
    #welcomeSec .welcome .content h1			{ width: 100%; margin: 0 0 20px 0; font-size: var(--font-title-size); line-height: 45px; }
    #welcomeSec .welcome .content p				{ width: 100%; margin: 0 0 20px 0; font-size: var(--font-text-size); line-height: 28px; }
    #welcomeSec .welcome .content a.link		{ margin: 0px 0 0 0; }
    #residencesSec span.verticalTitle			{ display: none; }
    #residencesSec span.title					{ margin: 0 0 20px 0; font-size: var(--font-subtitle-cursive-size); line-height: 40px; text-align: left; }
    #residencesSec h2							{ float: left; width: 100%; margin: 0 0 20px 0; font-size: var(--font-title-size); line-height: 45px; }
    #residencesSec .relaxBox					{ display: none; font-size: 70px; line-height: 70px; }
    #residencesSec .seeall						{ float: left; width: 100%; margin: 0 0 20px 0; }
    #residencesSec .residences					{ display: block; }
    #residencesSec .residences .slider			{ width: calc(100% + 30px); margin-left: -15px; padding-bottom: 0; margin-bottom: 80px;}
    #residencesSec .residences .content			{ width: 100%; margin-top: 0px; padding: 15px; padding-bottom: 100px; }
    #residencesSec .residences .content .bgBox	{ right: 0; left: 0; }
    #residencesSec .residences .content .residences-info h3 { font-size: var(--font-subtitle-size); line-height: 30px; }
    #residencesSec .residences .content .residences-info p { font-size: var(--font-text-size); line-height: 28px; }
    #residencesSec .residences .content .residences-info a.button { display: block; margin: 0px 0 0 0; padding: 10px 15px; }
    #residencesSec .residences .content .residences-info .owl-dots { position: absolute; bottom: -66px; right: 0; left: 0; }
    #residencesSec .residences .content .residences-info .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
    #residencesSec .residences .content .residences-info .owl-dots .owl-dot:first-child { margin-left: 0; }
    #residencesSec .residences .content .residences-info .owl-dots .owl-dot:last-child { margin-right: 0; }
    #residencesSec .residences .content .residences-info .owl-dots .owl-dot:before, #residencesSec .residences .content .residences-info .owl-dots .owl-dot:after { display: none; }
    #residencesSec .residences .content .residences-info .owl-dots .owl-dot span { width: 8px; height: 8px; }
    #facilitiesSec span.verticalTitle			{ display: none; }
    #facilitiesSec .bgBox						{ display: none; width: 60%; height: 240px; }
    #facilitiesSec .slider						{ width: calc(100% + 30px); margin-left: -15px; padding-bottom: 100px; }
    #facilitiesSec .slider .facilities-slider .owl-stage-outer:before, #facilitiesSec .slider .facilities-slider .owl-stage-outer:after { display: none; }
    #facilitiesSec .slider .facilities-slider .item .info span.name { font-size: 20px; line-height: 20px; text-align: center; }
    #facilitiesSec .slider .facilities-slider .owl-dots { bottom: -66px; right: 0; left: 0; }
    #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
    #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot:first-child { margin-left: 0; }
    #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot:last-child { margin-right: 0; }
    #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot:before, #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot:after { display: none; }
    #facilitiesSec .slider .facilities-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }
    #facilitiesSec .seeall						{ float: left; width: 100%; margin-top: 0px; text-align: center; }
    #facilitiesSec .seeall a:before				{ display: block; }
    .text-center span.title					{ margin: 0 0 20px 0; font-size: var(--font-subtitle-cursive-size); line-height: 40px; }
    .text-center h2							{ width: 100%; margin: 0 0 20px 0; font-size: var(--font-title-size); line-height: 45px; }
    #inspirationSec span.verticalTitle			{ display: none; }
    #inspirationSec .enjoyBox					{ display: none; font-size: 70px; line-height: 70px; }
    #inspirationSec .bgBox						{ width: 50%; height: 60%; bottom: 100px; }
    #inspirationSec .inspiration .content		{ float: left; width: 100%; padding-right: 0; }
    #inspirationSec .inspiration .content span.title { margin: 0 0 20px 0; font-size: var(--font-subtitle-cursive-size); line-height: 40px; }
    #inspirationSec .inspiration .content h2	{ margin: 0 0 20px 0; font-size: var(--font-title-size); line-height: 45px; }
    #inspirationSec .inspiration .content .inspiration-info { margin-top: 70px; margin-bottom: 30px; padding-right: 0px; }
    #inspirationSec .inspiration .content .inspiration-info h3 { margin: 0 0 20px 0; font-size: var(--font-subtitle-size); line-height: 30px; }
    #inspirationSec .inspiration .content .inspiration-info p { margin: 0 0 20px 0; font-size: var(--font-text-size); line-height: 28px; }
    #inspirationSec .inspiration .content .inspiration-info a.link { margin: 0px 0 0 0; }
    #inspirationSec .inspiration .slider		{ float: left; width: calc(100% + 30px); margin-left: -15px; padding-bottom: 66px; padding-left: 0; padding-right: 0; }
    /*#inspirationSec .inspiration .slider .inspiration-slider .desktop { display: none; }
    #inspirationSec .inspiration .slider .inspiration-slider .mobile { display: block; }*/
    #inspirationSec .inspiration .slider .inspiration-slider .owl-stage-outer { -webkit-mask-image: none; mask-image: none; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots { bottom: -66px; right: 0; left: 0; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot:first-child { margin-left: 0; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot:last-child { margin-right: 0; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot:before, #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot:after { display: none; }
    #inspirationSec .inspiration .slider .inspiration-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }
    #locationSec .travelBox						{ display: none; font-size: 70px; line-height: 70px; }
    #locationSec .beHappyBox					{ display: none; padding-left: 0; font-size: 70px; line-height: 70px; }
    #locationSec .bgBox							{ display: none; width: 170px; }
    #locationSec .location span.title			{ margin: 0 0 20px 0; font-size: var(--font-subtitle-cursive-size); line-height: 40px; text-align: left; }
    #locationSec .location .content				{ float: left; width: 100%; }
    #locationSec .location .content h3			{ margin: 0 0 20px 0; font-size: var(--font-title-size); line-height: 45px; }
    #locationSec .location .content p			{ margin: 0 0 20px 0; font-size: var(--font-text-size); line-height: 28px; }
    #locationSec .location .content a.link		{ margin: 0px 0 0 0; }
    #locationSec .location .image				{ float: left; width: calc(100% + 30px); margin-left: -15px; }
    #locationSec .location .image:after			{ background: linear-gradient(0deg, rgba(2,8,21,0) 5%, var(--color-white-transparent) 65%, var(--color-white) 95%); width: 100%; height: 50%; }
    /*
    #locationSec .location .image img.desktop	{ display: none; }
    #locationSec .location .image img.mobile	{ display: block; }
    */
    #newsletterSec .newsform					{ flex-direction: column; gap: 15px; }
    #newsletterSec .newsform h3					{ width: 100%; font-size: 38px; line-height: 38px; }
    #newsletterSec .newsform .newsformBox		{ width: 100%; }
    #newsletterSec .newsform .newsformBox .form-group .form-control { width: 100%; }
    #newsletterSec .newsform .newsformBox .form-group button { width: 100%; }
    #footer										{ margin-bottom: 54px; }
    .footerSection .ftr_info					{ margin-bottom: 30px; text-align: center; order: 1; }
    .footerSection .ftr_contact					{ margin-bottom: 30px; text-align: center; order: 2; }
    .footerSection .ftr_contact ul li			{ padding: 0 0 0 0px; }
    .footerSection .ftr_contact ul li img		{ position: static; display: inline-block; margin: 11px 10px 0 0; vertical-align: top; }
    .footerSection .ftr_menu					{ text-align: center; order: 3; }
    .footerBottom .copy_text br					{ display: block; }

    /*----------------- Inner Pages -----------------*/
    #innerBanner, #innerBanner .inner-slider, #innerBanner .owl-stage-outer, #innerBanner .owl-stage, #innerBanner .owl-item { width: 100%; height: auto; }
    #innerBanner .inner-slider .desktop			{ display: none; }
    #innerBanner .inner-slider .mobile			{ display: block; }
    #innerBanner .inner-slider .owl-dots		{ width: auto; top: auto; transform: translateY(0%); bottom: 90px; right: 15px; left: 15px; }
    #innerBanner .inner-slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
    #innerBanner .inner-slider .owl-dots .owl-dot:first-child { margin-top: 0; margin-left: 0; }
    #innerBanner .inner-slider .owl-dots .owl-dot:last-child { margin-bottom: 0; margin-right: 0; }
    #innerBanner .inner-slider .owl-dots .owl-dot.active { margin-top: 0px; margin-bottom: 0px; }
    #innerBanner .inner-slider .owl-dots .owl-dot:before, #innerBanner .inner-slider .owl-dots .owl-dot:after { display: none; }
    #innerBanner .inner-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }

    /*----------------- Other Blocks -----------------*/
    #restingplaceSec .content .enjoyBox			{ display: none; font-size: 70px; line-height: 70px; }
    #restingplaceSec .content span.title		{ margin: 0 0 20px 0; font-size: 20px; line-height: 40px; }
    #restingplaceSec .content h1				{ margin: 0 0 20px 0; font-size: var(--font-title-size); line-height: 45px; }
    #restingplaceSec .content h2				{ float: left; width: 100%; margin: 0 0 15px 0; font-size: 26px; line-height: 36px; }
    #restingplaceSec .content p					{ float: left; width: 100%; font-size: var(--font-text-size); line-height: 28px; }
    #restingplaceSec .content .readmore			{ float: left; width: 100%; margin-top: 20px; }
    #restingplaceSec .content .readmore a		{ font-size: 16px; line-height: 20px; }
    #restingplaceSec .restingplace				{ display: block; margin-bottom: 70px; }
    #restingplaceSec .restingplace .bgBoxMainRight { display: none; width: calc(55% + var(--container-padding) - 0px); height: calc(200% + (100px * 2)); }
    #restingplaceSec .restingplace .bgBoxMainLeft { display: none; width: calc(55% + var(--container-padding) - 0px); height: calc(200% + (100px * 2)); }
    #restingplaceSec .restingplace .rightTextBox { display: none; font-size: 70px; line-height: 70px; }
    #restingplaceSec .restingplace .leftTextBox { display: none; font-size: 70px; line-height: 70px; }
    #restingplaceSec .restingplace .slider		{ width: calc(100% + 30px); margin-left: -15px; position: relative; z-index: inherit; }
    #restingplaceSec .restingplace .slider .customNav { justify-content: flex-start; margin-top: -25px; margin-bottom: -32px; padding: 0 30px; position: relative; z-index: 2; }
    #restingplaceSec .restingplace .info		{ width: 100%; margin-top: 0; padding: 15px; padding-top: 47px; position: relative; z-index: 1; background-color: var(--color-grey);}
    #restingplaceSec .restingplace .info .bgBox { right: 0; left: 0; }
    #restingplaceSec .restingplace .info .restingplace-info h3 { margin: 0 0 15px 0; font-size: var(--font-subtitle-size); line-height: 36px; }
    #restingplaceSec .restingplace .info .restingplace-info .facilities .item { font-size: 16px; line-height: 20px; }
    #restingplaceSec .restingplace .info .restingplace-info p { font-size: var(--font-text-size); line-height: 28px; }
    #restingplaceSec .restingplace .info .restingplace-info a.button { width: 100%; margin: 0px 0 0 0; padding: 10px 15px; }
    #restingplaceSec .restingplace:nth-child(even) .slider .customNav { justify-content: flex-start; }
    #restingplaceSec .restingplace:nth-child(even) .info { padding-right: 15px; padding-left: 15px; }
    #restingplaceSec .restingplace:nth-child(even) .info .bgBox { right: 0; left: 0; }
    #gallerySec .gallery-slider					{ width: calc(100% + 30px); margin-left: -15px; }
    #gallerySec .gallery-slider .owl-stage-outer { overflow: hidden; height: auto; }
    #gallerySec .gallery-slider .owl-stage		{ display: block; }
    #gallerySec .gallery-slider .owl-item		{ height: auto; }
    #gallerySec .gallery-slider .owl-item.active.center { height: auto; }
    #gallerySec .gallery-slider .item img		{ position: static; transform: translateY(0%); }
    #videoSec .content-mobile					{ display: block; }
    #videoSec .content-mobile h2				{ margin: 0 0 10px 0; font-size: var(--font-title-size); line-height: 45px; }
    #videoSec .content-mobile p					{ font-size: var(--font-text-size); line-height: 28px; color: var(--color-black);}
    #videoSec .video							{ min-height: inherit; padding: 80px 0; }
    #videoSec .video:after						{ height: 100%; background: linear-gradient(180deg, rgba(2,8,21,0) 5%, var(--color-white-transparent) 65%, var(--color-white) 95%); }
    #videoSec .video .container					{ flex-direction: column; grid-gap: 20px; }
    #videoSec .video .content					{ display: none; width: 100%; }
    #videoSec .video .content h2				{ margin: 0 0 10px 0; font-size: 35px; line-height: 45px; }
    #videoSec .video .content p					{ font-size: 16px; line-height: 28px; }
    #videoSec .video .playbtn					{ width: 100%; }
    #videoSec .video .playbtn a					{ width: 80px; height: 80px; font-size: 25px; }
    #facilitiesMoreSec span.title				{ margin: 0 0 20px 0; font-size: 20px; line-height: 40px; text-align: left; }
    #facilitiesMoreSec h2						{ width: 100%; margin: 0 0 20px 0; font-size: 35px; line-height: 45px; text-align: left; }
    #facilitiesMoreSec .bgBox					{ display: none; width: 50%; height: 370px; }
    #facilitiesMoreSec .slider					{ position: relative; width: calc(100% + 30px); margin-left: -15px; padding-bottom: 0; }
    #facilitiesMoreSec .slider .facilities-more-slider .owl-stage-outer:before, #facilitiesMoreSec .slider .facilities-more-slider .owl-stage-outer:after { display: none; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .image:after { height: 45%; background: linear-gradient(180deg, rgba(2,8,21,0) 5%, var(--color-white-transparent) 65%, var(--color-white) 95%);  -webkit-animation-name: none; animation-name: none; }
    #facilitiesMoreSec .slider .facilities-more-slider .center .item .image:after { -webkit-animation-name: none; animation-name: none; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .info { position: static; padding: 0 15px; margin-top: -30px; -webkit-animation-name: fadeOut; animation-name: fadeOut; }
    #facilitiesMoreSec .slider .facilities-more-slider .center .item .info { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .info h3 { margin: 0 0 50px 0; font-size: 20px; line-height: 20px; color: var(--color-black)}
    #facilitiesMoreSec .slider .facilities-more-slider .item .info .text { width: 100%; margin-right: 0; }
    #facilitiesMoreSec .slider .facilities-more-slider .item .info p { margin: 15px 0 0 0; font-size: 16px; line-height: 28px; color: var(--color-black)}
    #facilitiesMoreSec .slider .facilities-more-slider .item .info a.link { width: auto; margin: 15px 0 0 0; font-size: 16px; line-height: 20px; }
    #facilitiesMoreSec .slider .customNav		{ margin-top: 0; padding: 0 15px; position: absolute; top: 45%; }
    #feachersSec .feachers                      { display: block; margin-bottom: 70px; }
    #feachersSec .feachers:last-child			{ margin-bottom: 0; }
    #feachersSec .feachers .bgBoxMainRight1		{ display: none; }
    #feachersSec .feachers .bgBoxMainRight2		{ display: none; }
    #feachersSec .feachers .bgBoxMainLeft1		{ display: none; }
    #feachersSec .feachers .bgBoxMainLeft2		{ display: none; }
    #feachersSec .feachers .image				{ width: calc(100% + 30px); margin-left: -15px; margin-bottom: 0; height: 464px}
    #feachersSec .feachers .image:after			{ width: 100% !important; height: 45% !important; background: linear-gradient(180deg, rgba(2,8,21,0) 5%, var(--color-white-transparent) 65%, var(--color-white) 95%) !important; top: auto !important; right: auto !important; bottom: 0 !important; left: 0 !important; }
    #feachersSec .feachers .image img,
    #feachersSec .feachers:nth-child(even) .image img { height: 100%; object-fit: cover; }
    #feachersSec .feachers .content				{ width: 100%; margin-left: 0; margin-top: 0; padding: 0; padding-left: 0; border: none; }
    #feachersSec .feachers .content span.title	{ margin: 0 0 15px 0; font-size: 20px; line-height: 40px; }
    #feachersSec .feachers .content h2			{ margin: 0 0 10px 0; font-size: var(--font-subtitle-size); line-height: 45px; }
    #feachersSec .feachers .content p			{ font-size: var(--font-text-size); line-height: 28px; }
    #feachersSec .feachers .content a.link		{ margin: 0px 0 0 0; font-size: var(--font-viewMore-size); line-height: 20px; }
    #feachersSec .feachers:nth-child(even) .image { margin-right: 0; margin-left: -15px; }
    #feachersSec .feachers:nth-child(even) .content { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
    #feachersSec .feachers.vertical .image		{ width: calc(100% + 30px); margin-left: -15px; }
    #feachersSec .feachers.vertical .content	{ width: 100%; margin-left: 0; margin-top: 0; padding-left: 0; }
    #feachersSec .feachers.vertical:nth-child(even) .content { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
    #feachersSec .feachers.vertical .content p { margin-top: auto; }
    #inspirationMoreSec							{ padding-top: 70px; }
    #inspirationMoreSec .enjoyBox				{ display: none; font-size: 70px; line-height: 70px; }
    #inspirationMoreSec span.title				{ margin: 0 0 20px 0; font-size: 20px; line-height: 40px; }
    #inspirationMoreSec h2						{ width: 100%; margin: 0 0 20px 0; font-size: 35px; line-height: 45px; }
    #inspirationMoreSec p						{ width: 100%; font-size: 16px; line-height: 28px; }
    #inspirationMoreSec .inspiration-more-slider { width: calc(100% + 30px); margin-left: -15px; margin-top: 40px; }
    #inspirationMoreSec .inspiration-more-slider .image img { opacity: 1; }
    #inspirationMoreSec .inspiration-more-slider .info { margin-top: 20px; }
    #inspirationMoreSec .inspiration-more-slider .info span.name { font-family: var(--font-text-family); font-size: 17px; line-height: 17px; font-weight: 800;}
    #inspirationMoreSec .customNav					{ display: flex; }

}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    :root										{ --container-width: 100%; }
    .container									{ /*width: 540px;*/ max-width: 100%; padding: 0 15px; }

    #facilitiesMoreSec .slider .customNav		{ top: 69%; }

}