/* manrope-200 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200;
    src: url('./fonts/manrope-v20-greek_latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-300 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/manrope-v20-greek_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-regular - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/manrope-v20-greek_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-500 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/manrope-v20-greek_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-600 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/manrope-v20-greek_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-700 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/manrope-v20-greek_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-800 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/manrope-v20-greek_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Code for all page */
*{margin: 0px;padding: 0px;box-sizing: border-box;}

html, body{margin: 0px;padding: 0px;background-color: var(--background-color);font-family: 'Manrope';}

:root{
    --background-color: #f5f5f5;
    --bronze-color: #86654E;
    --dark-gray-color: #2c2a26;
    --gray-color: #d8d8d6;
    --light-gray-color: #efeff0;
    --white-color: #ffffff;
}

/* h1{font-size: 72px;line-height: 64px;font-weight: 600;} */
h1{font-size: clamp(44px, 6vw, 72px);line-height: 1.1;}
h2{font-size: clamp(38px, 6vw, 48px);line-height: 1.1;font-weight: 600;}
h3{font-size: clamp(28px, 6vw, 36px);line-height: 1.1;font-weight: 600;}
h4{font-size: 24px;line-height: 28px;font-weight: 600;}
h5{font-size: 20px;line-height: 28px;font-weight: 600;}
h6{font-size: 18px;line-height: 26px;font-weight: 600;}
p{font-size: 18px;line-height: 26px;font-weight: 400;}

.pagewrap{width: 100%;position: relative;padding: 0px 20px;}

.grid-2-elements{width: 100%;position: relative;display: grid;grid-template-columns: repeat(2,1fr);gap: 50px;}
.grid-2-elements-left-big{width: 100%;position: relative;display: grid;grid-template-columns: 1fr 0.5fr;gap: 50px;}
.header-flex{width: 100%;display: flex;gap: 10px;}

.button, .ff-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 72px;
    position: relative;
    border-radius: 60px;
    isolation: isolate;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--white-color);
    text-decoration: none;
}

.button::before, .ff-btn::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 60px;
    box-shadow: inset 0 0 20px -5px rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.05);
}

.button::after, .ff-btn::after{
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 68px;
    backdrop-filter: blur(8px);
    filter: url(#glass-distortion);
    isolation: isolate;
}


.button-round{width: 72px;height: 72px;max-width: 100%;}
.button-big{width: fit-content;max-width: 100%;gap: 10px;padding: 0px 25px;}
.button.toggle{flex-direction: column;gap: 5px;}
.button.toggle span{width: 30px;height: 2px;background-color: var(--white-color);}

.content{width: 100%;position: relative;display: flex;flex-direction: column;gap: 20px;}
.content ul{padding-left: 20px;}
.content ul li{padding-bottom: 5px;}

.padding-elements{width: 100%;position: relative;padding: 120px 0px;}
.padding-elements-bottom{width: 100%;position: relative;padding: 0px 0px 120px 0px;}
.padding-elements-top{width: 100%;position: relative;padding: 60px 0px 120px 0px;}

#page{width: 100%;position: relative;background-color: var(--dark-gray-color);padding-top: 200px;}
.section-title{color: var(--white-color);}

main{position: relative;background-color: var(--background-color);z-index: 2;}

.max1440{max-width: 1440px;margin-left: auto;margin-right: auto;}

#smooth-content main,
#smooth-content footer {
    position: relative;
    z-index: 2; /* Πιο μπροστά */
}

/* Code for header elements */
header{width: 100%;position: fixed;top: 0px;padding: 20px 0px;z-index: 100;transition: top 0.4s;}
header .header-left img{width: 100%;max-width: 311px;}
header .header-right{margin-left: auto;}
header .header-right .mobile{display: none;}
header .header-right #menu-toggle{cursor: pointer;}
.button.toggle.open span{position: absolute;transition: 0.2s ease;}
.button.toggle.open span:nth-child(1){transform: rotate(45deg);transition: 0.2s ease;}
.button.toggle.open span:nth-child(2){display: none;transition: 0.2s ease;}
.button.toggle.open span:nth-child(3){transform: rotate(-45deg);transition: 0.2s ease;}

/* Code for main elements */
.hero-section{width: 100%;height: 100svh;position: relative;inset: 0;z-index: 1;}
.hero-section-inside{position: relative;width: 100%;height: 100%;}
.hero-section-swiper, .hero-section-swiper .swiper, .hero-section-image{width: 100%;height: 100%;position: relative;}
.hero-section-swiper img, .hero-section-image img{width: 100%;height: 100%;object-fit: cover;}
.hero-section-swiper .background-filter{position: absolute;top: 0px;left: 0px;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0, 0, 0, 0.79));}
.hero-section-content{max-width: 810px;position: absolute;left: 0px;bottom: 0px;display: flex;flex-direction: column;gap: 40px;z-index: 1;padding: 0px 20px 40px 20px;color: var(--white-color);}
.hero-section-buttons{display: flex;gap: 20px;}
.hero-section-buttons .button{height: 72px;}
.swiper-buttons{position: absolute;right: 10px;bottom: 0px;padding: 0px 20px 40px 20px;width: 200px;height: 182px;}
.swiper-button-next, .swiper-button-prev{width: 72px;height: 72px;display: flex;justify-content: center;align-items: center;border-radius: 60px;isolation: isolate;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.2);backdrop-filter: blur(1px);-webkit-backdrop-filter: blur(1px);border: 1px solid rgba(255, 255, 255, 0.3);color: var(--white-color);text-decoration: none;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 30px;}

.breadcrumbs{width: 100%;position: relative;padding: 20px;display: flex;gap: 5px;flex-wrap: wrap;}
.breadcrumbs a{color: var(--dark-gray-color);text-transform: capitalize;text-decoration: none;transition: 0.2s ease;}
.breadcrumbs a span{color: var(--dark-gray-color);}
.breadcrumbs a:hover{opacity: 0.7;transition: 0.2s ease;}
.breadcrumbs span{color: var(--bronze-color);text-transform: capitalize;}

.about-section{width: 100%;position: relative;background-color: var(--bronze-color);padding: 200px 0px;}
.about-section .about-section-left{max-width: 968px;color: var(--white-color);display: flex;flex-direction: column;gap: 40px;}
.about-section .about-section-right{margin: 0px auto;}
.about-section .about-section-right img{max-width: 177px;}

.presentation-section .presentation-top-left{max-width: 580px;}
.presentation-section .presentation-top-right{max-width: 483px;margin-left: auto;}
.presentation-section .presentation-bottom{padding-top: 60px;}
.presentation-section .presentation-video, .presentation-section .swiper-slide{width: 100%;height: 917px;position: relative;display: block;}
.presentation-section .presentation-video img, .presentation-section .presentation-video video, .presentation-section .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.presentation-section .presentation-video .button{width: 222px;position: absolute;bottom: 20px;left: 20px;}
.presentation-section .presentation-video .button img{width: 40px;height: auto;}

.union43-flex-elements{width: 100%;position: relative;display: flex;flex-direction: column;gap: 40px;justify-content: center;align-items: center;}
.union43-flex-elements p{color: var(--bronze-color);}
.union43-flex-elements .images-section{position: relative;text-align: center;margin: auto;display: grid;}
.union43-flex-elements .images-section img{width: 100%;height: 100%;display: block;}
.union43-flex-elements .images-section img:nth-child(1){position: relative;max-width: 615px;aspect-ratio: 615/769;display: block;margin: auto;grid-area: 1 / 1;}
.union43-flex-elements .images-section img:nth-child(2){position: relative;max-width: 1076px;aspect-ratio: 1076/250;z-index: 1;grid-area: 1 / 1;}

.accommodation-section{width: 100%;position: relative;background-color: var(--dark-gray-color);color: var(--white-color);}
.accommodation-top-right{max-width: 433px;margin-left: auto;}
.accommodation-bottom{padding-top: 60px;display: flex;flex-direction: column;gap: 40px;}
.accommodation-card{position: relative;margin: auto;width: 100%;max-width: 1440px;aspect-ratio: 1440/780;border-radius: 24px;border: 1px solid rgba(255,255,255,0.5);overflow: hidden;}
.accommodation-image{position: relative;width: 100%;height: 100%;display: block;margin: auto;}
.accommodation-image img{width: 100%;height: 100%;object-fit: cover;}
.accommodation-content{display: flex;flex-direction: column;justify-content: space-between;gap: 40px;position: absolute;top: 0px;right: 0px;width: 520px;height: 100%;background-color: rgba(44, 42, 38, 0.7);padding: 40px;}
.accommodation-content-bottom{display: flex;gap: 20px;flex-wrap: wrap;}
.accommodation-content-bottom .button{padding: 0px 40px;}
.accommodation-section.rooms-page{background-color: var(--background-color);color: var(--dark-gray-color);}
.accommodation-section.rooms-page .content{color: var(--white-color);}

.contact-section{width: 100%;position: relative;padding-bottom: 120px;}
.contact-section .bottom-elements{padding-top: 50px;}
.contact-section .element{padding-top: 50px;}
.contact-section .element .element-bottom{display: flex;flex-direction: column;gap: 40px;padding-top: 20px;}
.information-element{width: fit-content;display: flex;gap: 20px;color: var(--white-color);text-decoration: none;transition: 0.2s ease;}
.information-element .information-element-right{display: flex;flex-direction: column;gap: 20px;}
.information-element a{color: var(--white-color);text-decoration: none;}
.information-element a:hover{opacity: 0.7;transition: 0.2s ease;}
.contact-section .element .information-element{align-items: center;}
.social-elements{display: flex;gap: 20px;}
.social-elements a img{transition: 0.2s ease;}
.social-elements a:hover img{transform: scale(1.1);transition: 0.2s ease;}

.fluentform .ff-el-input--label{margin-bottom: 15px!important;}
.ff-default .ff-el-input--label label{font-size: 20px!important;color: var(--white-color)!important;}
.ff-default .ff-el-form-control{font-family: 'Manrope'!important;background-color: transparent!important;border: 1px solid var(--white-color)!important;font-size: 16px!important;}
.room-check .ff-el-input--content{display: flex;gap: 20px;flex-wrap: wrap;}
.room-check .ff-el-form-check-label input ~ span{display: flex;justify-content: center;align-items: center;gap: 10px;height: 72px;position: relative;border-radius: 60px;isolation: isolate;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.2);backdrop-filter: blur(1px);-webkit-backdrop-filter: blur(1px);border: 1px solid rgba(255, 255, 255, 0.3);color: var(--white-color);text-decoration: none;padding: 10px 25px;}
.room-check .ff-el-form-check-label input ~ span::before{content: '';position: absolute;inset: 0;z-index: 0;border-radius: 60px;box-shadow: inset 0 0 20px -5px rgba(255, 255, 255, 0.6);background: rgba(255, 255, 255, 0.05);}
.room-check .ff-el-form-check-label input ~ span::after{content: '';position: absolute;inset: 0;z-index: -1;border-radius: 68px;backdrop-filter: blur(8px);filter: url(#glass-distortion);isolation: isolate;}
.ff-default .ff-el-form-check label.ff-el-form-check-label{margin-bottom: 0px!important;}
.room-check .ff-el-form-check-label .ff-el-form-check-input{position: absolute!important;visibility: hidden!important;}
.fluentform .ff-el-form-check{position: relative!important;}
.room-check .ff-el-form-check:nth-child(1) .ff-el-form-check-label input ~ span,
.room-check .ff-el-form-check:nth-child(3) .ff-el-form-check-label input ~ span{padding: 10px 45px!important;}
.room-check .ff-el-form-check-.ff_item_selected .ff-el-form-check-label input ~ span{background-color: var(--white-color)!important;color: var(--dark-gray-color)!important;}
.agree-element span{color: var(--white-color)!important;}
form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style){background-color: transparent!important;}
.ff-btn{padding: 10px 45px!important;}
.privacy-check-elements .ff-t-column-1{flex-basis: 2%!important;}
.privacy-check-elements .ff-t-column-2{flex-basis: 98%!important;}
.radio-check-terms span{display: none;}
.privacy-check-elements .ff-t-column-2 p{color: var(--white-color);}
.privacy-check-elements .ff-t-column-2 a{color: var(--white-color);text-decoration: underline;}
.privacy-check-elements .ff-t-column-2 a:hover{opacity: 0.7;}

.two-elements-section{width: 100%;position: relative;background-color: var(--dark-gray-color);padding: 60px 0px 120px 0px;}
.two-elements-section .image{width: 100%;height: auto;aspect-ratio: 666/376;display: block;}
.two-elements-section .image img{width: 100%;height: 100%;object-fit: cover;}
.two-elements-section .one-element-bottom{padding-top: 60px;}
.two-elements-section .content{color: var(--white-color);}

.gallery-section .section-title{color: var(--dark-gray-color);}
.gallery-section .gallery-section-images{padding-top: 60px;}

.bookNow-section{width: 100%;position: relative;background-color: var(--bronze-color);padding: 40px 0px;color: var(--white-color);}
.bookNow-section .flex-elements{display: flex;justify-content: space-between;gap: 40px;}
.bookNow-section .bookNow-left{margin: auto 0px;}
.bookNow-section .communication-elements{display: flex;gap: 10px;}

.all-pages-code .section-title{margin-bottom: 50px;}
.all-pages-code .section-content .content{color: var(--white-color);padding-bottom: 100px;}
.all-pages-code .section-content .content a{color: var(--white-color);}
.all-pages-code .section-content .content a:hover{opacity: 0.7;}
.all-pages-code .section-content .content img{width: 100%;max-width: 550px;height: auto;object-fit: cover;}

.error-page-code{color: var(--white-color);text-align: center;padding-bottom: 200px;}
.error-page-code .super-big-text{font-size: clamp(5rem, 20vw, 20rem);line-height: 1.1;display: block;text-align: center;}
.error-page-code .section-content{max-width: 300px;text-align: center;margin-left: auto;margin-right: auto;display: flex;flex-direction: column;gap: 20px;justify-content: center;align-items: center;}
.error-page-code .section-content .button{width: 100%;}

/* Code for footer elements */
.footer-top{width: 100%;position: relative;}
.footer-top-image{width: 100%;height: 100svh;position: relative;}
.footer-image{width: 100%;height: 100%;}
.footer-image img{width: 100%;height: 100%;object-fit: cover;}
.background-filter{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0, 0, 0, 0.79));z-index: 1;}
.footer-text-left{width: 70%;display: flex;flex-direction: column;justify-content: space-between;}
.footer-text-right{width: 30%;display: flex;flex-direction: column;justify-content: space-between;padding-bottom: 90px;}
.footer-text{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;display: flex;padding: 120px 20px 50px 20px;z-index: 2;}
.footer-text .element{max-width: 480px;color: var(--white-color);display: flex;flex-direction: column;gap: 40px;}
.footer-text .element ul{list-style: none;}
.footer-text .element ul li{padding-bottom: 20px;}
.footer-text .element ul li:last-child{padding-bottom: 0px;}
.footer-text .element ul li a{width: fit-content;display: flex;align-items: center;gap: 20px;color: var(--white-color);text-decoration: none;transition: 0.2s ease;}
.footer-text .element ul li a:hover{opacity: 0.7;transition: 0.2s ease;}
.footer-text-left .element-footer .element:last-child{display: none;}
.footer-text-right .element{max-width: 412px;}
.footer-text-right .social{display: flex;gap: 20px;}
.footer-text-right .social a{transition: 0.2s ease;}
.footer-text-right .social a:hover{transform: scale(1.1);transition: 0.2s ease;}
footer .hidden{display: none;}

.footer-bottom{width: 100%;position: relative;background-color: var(--dark-gray-color);padding-top: 120px;}
footer .footer-logo img{width: 100%;}

.left-informations{width: 100%;position: relative;display: flex;flex-direction: column;gap: 40px;}
.left-informations .informations{max-width: 300px;}
.left-informations .informations ul{list-style: none;}
.left-informations .informations h6{color: var(--bronze-color);padding-bottom: 5px;}
.left-informations .informations p, .left-informations .informations p a{color: var(--white-color);text-decoration: none;transition: 0.2s ease;}
.left-informations .informations p a:hover{opacity: 0.7;transition: 0.2s ease;}
.left-informations .informations span{font-size: 14px;color: var(--white-color);}

.footer-bottom .right-informations{display: flex;justify-content: space-between;gap: 20px;}
.footer-bottom .right-informations .menu-element h6{color: var(--bronze-color);padding-bottom: 5px;}
.footer-bottom .right-informations .menu-element ul{list-style: none;}
.footer-bottom .right-informations .menu-element ul li{padding-bottom: 5px;}
.footer-bottom .right-informations .menu-element ul li a{font-size: 18px;line-height: 26px;color: var(--white-color);text-decoration: none;transition: 0.2s ease;}
.footer-bottom .right-informations .menu-element ul li a:hover{opacity: 0.7;transition: 0.2s ease;}

.footer-bottom-bottom{padding: 70px 0px 20px 0px;}
.footer-last-informations{display: flex;justify-content: space-between;gap: 20px;padding: 20px 0px 0px 0px;}
.footer-last-informations p{color: var(--white-color);font-size: 14px;}
.footer-last-informations p a{color: var(--white-color);text-decoration: none;transition: 0.2s ease;}
.footer-last-informations p a:hover{opacity: 0.7;transition: 0.2s ease;}


/* Overlay code elements */
#overlay{width: 100%;height: 100svh;position: fixed;top: 0px;right: -100%;z-index: 99;opacity: 0;visibility: hidden;}
#overlay .overlay-layer-01{width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);}
#overlay .overlay-layer-02{width: 520px;max-width: 100%;height: 100%;position: absolute;top: 0px;right: -100%;background-color: var(--bronze-color);padding: 120px 20px 20px 20px;overflow: auto;opacity: 0;visibility: hidden;}
#overlay .overlay-menu ul{list-style: none;}
#overlay .overlay-menu ul li a{font-size: 32px;font-weight: 600;text-transform: uppercase;color: var(--white-color);text-decoration: none;transition: 0.2s ease;}
#overlay .overlay-menu ul li a:hover{opacity: 0.7;transition: 0.2s ease;}
#overlay .overlay-bottom{margin-top: 40px;}
#overlay .overlay-informations{display: flex;flex-direction: column;gap: 20px;}
#overlay .overlay-informations h6{color: var(--gray-color);font-weight: 600;}
#overlay .overlay-informations ul{list-style: none;}
#overlay .overlay-informations p,
#overlay .overlay-informations a{font-size: 18px;line-height: 26px;color: var(--white-color);text-decoration: none;}
#overlay .overlay-informations a:hover{opacity: 0.7;transition: 0.2s ease;}

/* Code for media queries elements */
@media screen and (max-width: 798px) and (min-width: 200px){
    header .header-right .mobile{display: block;}
    header .header-right .desktop{display: none;}
}
@media screen and (max-width: 760px) and (min-width: 200px){
    .button-round{width: 62px;height: 62px;}
    .button{height: 62px;}
    .header-left{margin: auto 0px;}
}
@media screen and (max-width: 619px) and (min-width: 200px){
    .header-flex .button:nth-child(1){display: none;}
    /*.button-big{width: 173px;}*/
}



/* Hero section query code */
@media screen and (max-width: 850px) and (min-width: 200px){
    .swiper-buttons{display: none;}
}
@media screen and (max-width: 700px) and (min-width: 200px){
    .hero-section-content{max-width: 100%;}

    #page, .error-page-code{padding-top: 100px;}
}

/* About section query code */
@media screen and (max-width: 750px) and (min-width: 200px){
    .about-section .grid-2-elements-left-big{grid-template-columns: 1fr;}
    .about-section .about-section-right{order: 0;margin: 0px;}
    .about-section .about-section-left{order: 1;}
}

/* Presentation section query code */
@media screen and (max-width: 1360px) and (min-width: 200px){
    .presentation-section .presentation-video, .presentation-section .swiper-slide{height: auto;aspect-ratio: 1360/917;}
}
@media screen and (max-width: 750px) and (min-width: 200px){
    .presentation-section .presentation-top .grid-2-elements{grid-template-columns: 1fr;gap: 40px;}
    .presentation-section .presentation-top-right{margin-left: 0px;}
}

/* Accommodation section query code */
@media screen and (max-width: 1067px) and (min-width: 200px){
    .accommodation-card{height: 780px;}
}
@media screen and (max-width: 650px) and (min-width: 200px){
    .accommodation-content{width: 100%;padding: 40px 20px;}
}
@media screen and (max-width: 518px) and (min-width: 200px){
    .accommodation-content-bottom .button{width: 222px;max-width: 100%;}
}
@media screen and (max-width: 750px) and (min-width: 200px){
    .accommodation-section .accommodation-top .grid-2-elements{grid-template-columns: 1fr;gap: 40px;}
    .accommodation-top-right{margin: 0px;}
}

/* Two elements section query code */
@media screen and (max-width: 770px) and (min-width: 200px){
    .two-elements-section .grid-2-elements{grid-template-columns: 1fr;gap: 40px;}
    .two-elements-section .one-element-top .one-element-right{order: 0;}
    .two-elements-section .one-element-top .one-element-left{order: 1;}
}

/* BookNow section query code */
@media screen and (max-width:650px) and (min-width: 200px){
    .bookNow-section .flex-elements{flex-direction: column;}
    .bookNow-section .bookNow-left{text-align: center;}
    .bookNow-section .communication-elements{justify-content: center;}
}

/* Contact page query code */
@media screen and (max-width: 730px) and (min-width: 200px){
    .contact-section .grid-2-elements{grid-template-columns: 1fr;}
}

@media screen and (max-width: 1655px) and (min-width: 950px){
    footer .grid-2-elements-left-big{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 949px) and (min-width: 670px){
    footer .grid-2-elements-left-big{grid-template-columns: 0.6fr 1fr;}
}
@media screen and (max-width: 669px) and (min-width: 200px){
    footer .grid-2-elements-left-big{grid-template-columns: 1fr;gap: 40px;}
    .left-informations{display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;}
    .footer-bottom .right-informations{display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;}
}
@media screen and (max-width: 850px) and (min-width: 200px){
    .footer-text{flex-direction: column;}
    .footer-text-right{display: none;}
    .footer-text-left{width: 100%;height: 100%;}
    footer .hidden{display: block;}
    footer .element-footer{display: flex;flex-direction: column;gap: 40px;}
    .footer-text .element{gap: 20px;}
    .footer-text .element .social{display: flex;gap: 20px;}
    .footer-text-left .element-footer .element:last-child{display: flex;}
}

@media screen and (max-width: 650px) and (min-width: 200px){
    .about-section{padding: 60px 0px;}
    .padding-elements{padding: 60px 0px;}
    .padding-elements-bottom{padding: 0px 0px 60px 0px;}
    #overlay .overlay-layer-02{width: 100%;}
    .two-elements-section{padding: 60px 0px;}
    .padding-elements-top{padding: 60px 0px;}
    .accommodation-section.rooms-page{padding: 0px 0px 60px 0px;}
    .contact-section{padding-bottom: 60px;}
    .footer-text{padding: 50px 20px;}
}

@media screen and (max-width: 450px) and (min-width: 200px){
    .footer-last-informations{flex-direction: column;}
}