/* Author : Lukáš Fischer - https://lukasf.cz =========================== */
/*
/* Max-width:1200px =========================== */
@media screen and (max-width:1280px){
html{}
header .logo{width:240px;}
/**/
.hero-grid{grid-template-rows: 1.5fr 0.75fr;}
.hero-text .wrapper{padding:28px;}
.hero-text .hero-cta{flex-direction:column;}
.hero-text .btn{text-align:center;}
.hero-text h2{font-size:24px;margin:0 0 20px;}
.hero-content{width:calc(100% - 170px);padding:30px 140px 30px 30px;}
.hero-content h1{font-size:60px;}
.hero-slider .slick-arrow{bottom:20px;right:20px;}
.hero-slider .slick-arrow.slick-next{right:70px;}
/**/
.pricing .grid-area{grid-template-columns:1fr 1.25fr 1fr;gap:30px;}
.pricing-text h2{font-size:24px;}
.pricing-text h3{font-size:20px;}
}

/* Max-width:1200px =========================== */
@media screen and (max-width:1200px){
html{}
/* Global style */
.desktop{display:none;}
.mobile{display:inline-block;}

/* Layout style */
html{}
body{}
.container{width:96%;padding:0 2%;}
.content-page{width:96%;padding:10px 2%;} 
 
/* Header */
header{}
header .flex-area{position:relative;align-items:flex-start;flex-wrap:wrap;gap:12px;}
header .logo{width:260px;}
header .header-nav{display:none;}
header .header-cta .sc{display:none;}
header .header-cta{justify-content:space-between;gap:10px;width:100%;}

/* Nav Mobile Easy */
/* button */
span.button-nav-mobile{display:block;padding:0;position:absolute;top:16px;right:0;cursor:pointer;}
span.button-nav-mobile svg{}
span.button-nav-mobile svg line{stroke:var(--color-yellow)!important;}
.button-nav-mobile-close svg line{stroke:var(--color-yellow)!important;}
/* Close Button */
.nav-mobile-easy > ul > li:first-of-type{padding:10px 20px 10px;text-align:left;}
.navMobileClose{visibility:hidden;cursor:pointer;display:inline-block;padding:10px 20px 10px 40px;font-size:18px;text-align:center;text-transform:uppercase;font-weight:300;letter-spacing:1px;color:#fff;background:url(../img/icon-close-nav-mobile.png) #00222C no-repeat 15px 50%;}
/* Navigation */
.clone{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;background:rgb(0 34 44 / 50%);z-index:10;}
.nav-mobile-easy{position:absolute;width:100%;margin:0 0 0 0%;right:-100%;background:var(--color-primary);}
.nav-mobile-easy > ul{list-style:none;width:100%;text-align:left;padding-bottom:20px;padding-top:85px;}
.nav-mobile-easy > ul > li{display:block;padding:0 20px;}
.nav-mobile-easy > ul > li a{display:block;max-width:75%;font-size:20px;font-weight:300;padding:8px 0 8px;margin:0;text-decoration:none;color:#fff;letter-spacing:0.031em;border-bottom:solid 1px rgb(255 255 255 / 23%);}
.nav-mobile-easy > ul > li:last-child a{border:none;}
/**/
.nav-mobile-easy .right{display:none;padding:10px 20px;text-align:center;}
.nav-mobile-easy .right a{display:inline-block;width:44px;height:44px;line-height:44px;margin:0 0 0 4px;text-align:center;font-size:18px;color:#001a42;background:#00222C;transition:all .25s ease;}
.nav-mobile-easy .right a img{vertical-align:middle;}

/* Content */
h1{font-size:40px;}
h2{font-size:26px;}
h3{font-size:20px;}
/* footer */
.footer p span{display:none;}
.footer p a{display:block;}
/**/
.hero-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:20px;}
.hero-main, .hero-text, .hero-gallery{grid-column:auto;grid-row:auto;}
/**/
.hero-content{padding:20px;}
.hero-content h1{font-size:28px;margin:0;}
.hero-content p{display:none;}
.hero-slider .slick-arrow{bottom:20px;right:20px;}
.hero-slider .slick-arrow.slick-next{right:70px;}
/**/
.hero-text .wrapper{padding:20px;}
.hero-text h2{font-size:26px;}
.hero-text p{font-size:16px;}
.hero-text .hero-cta{flex-direction:column;align-items:center;}
.hero-gallery{padding:40px 0;}
.hero-gallery .gallery-button-area .gallery-button{font-size:12px;}

/**/
.pricing .grid-area {grid-template-columns:1fr;gap:30px;}
.pricing .content h2{font-size:16px;}
.pricing .pricing-text{margin:0;padding:0 20px;}
.pricing .pricing-equipment{padding:0;}
.pricing .pricing-equipment .list{margin:10px 20px;}

/**/
.benefits .grid-area{grid-template-columns:1fr;gap:30px;padding:0;}
.benefits .grid-area .benefits-text{padding:0 20px;}
.benefits .benefits-icons .grid-area{grid-template-columns:1fr;padding:0 20px;}
/**/
.reservation .reservation-calendar{padding:28px;}
.reservation-form-area{padding:28px;}
.reservation .grid-area{grid-template-columns:1fr;gap:30px;}
.reservation-form-area .reservation-form .form-grid{grid-template-columns:1fr;}
.reservation-form-area .reservation-form .extras .wpcf7-checkbox{grid-template-columns:1fr;}
/**/
.footer-info .grid-area{grid-template-columns:1fr;gap:30px;}
.footer-info .grid-area .grid-area{grid-template-columns:1fr;gap:30px;}
.footer-info .contact .contact-info{padding:24px;}
}