@media only screen and (max-width:1700px) {
.home_kmp ul li a strong { font-size: 23px }
.home_kmp ul li a p { font-size: 14px; line-height: 20px; width: 200px }
.kesfedin span { font-size: 14px }
.kesfedin span::before { height: 100px; margin-bottom: 10px }
.kesfedin { left: 10px; bottom: 25px }
.homeWhatsap a span { font-size: 22px }
.homeWhatsap a { width: 250px; height: 55px }
.homeWhatsap { bottom: 30px }
.home_logo { width: 250px; left: 90px }
.home_kmp ul li a { min-height: 120px; padding: 0 15px 0 15px }
.headerRezerve { height: 60px; width: calc(100% - 70px) }
body { padding-top: 60px }
.rezerveTitle b { font-size: 17px }
.homeBg { height: calc(100vh - 60px - 140px) ;height: auto;}
.fixedMenu .fixedTitle { font-size: 17px }
.fixedMenu { padding: 30px 0; width: 70px }
ul.dil {/* margin-top:35px */ }
ul.dil li a { font-size: 15px; height: 30px }
ul.dil li { width: 40px }
.fixedMenuBar { width: 70px }
.mainLeft { width: calc(100% - 70px) }
.fixedMenuOpen { width: calc(100% - 70px); padding: 90px 60px; padding-right: 0 }
.fixedMenuOpen .title strong { font-size: 40px }
.fixedMenuOpen .title p { font-size: 15px; line-height: 25px; width: 100% }
.fixedMenuOpen .menu ul li a { font-size: 19px }
.fixedMenuOpen .menu ul li { margin-bottom: 15px }
.kmpMail { width: 330px }
.kmpMail form { width: 100% }
.fixedContact { margin-left: 40px; width: calc(100% - 330px - 40px) }
.fixedContact ul li { width: calc(33.33% - 20px); margin-right: 30px }
.fixedContact ul li p { font-size: 14px }
.fixedContact ul li strong { font-size: 22px }
.fixedMenuOpen .menu { margin-top: 90px }
.kmpMail strong { font-size: 22px }
.kmpMail form input { font-size: 15px }
.container { width: 950px; }
.rezervasyonOpen .title strong { font-size: 33px }
.rezervasyonOpen .title strong::before { width: 30px; height: 30px; left: -39px }
.rezervasyonOpen .title a { font-size: 18px }
.rezervasyonOpen .title p { font-size: 15px; width: 100% }
.rezervasyonOpen { width: calc(100% - 70px); padding: 40px 0 }
#flight-datepicker input { width: 180px; height: 50px; background-position: 150px 50% }
.yetiskin { width: 165px; height: 50px }
.yetiskin>span { line-height: 50px }
.formBtn .submit { height: 50px; font-size: 14px; width: 180px }
div#rezForm { margin-top: 25px }
.logo { left: 80px;/* width:270px */ }
.mainpage { margin-top: 90px }
.fixedLeftContact { left: 20px }
.fixedLeftContact ul li a { font-size: 15px; padding: 5px }
.fixedLeftContact ul li a i { width: 35px; height: 35px }
.fixedLeftContact ul li a i img { width: 20px }
.fixedLeftContact ul li { height: 200px; width: 45px; margin-bottom: 10px }
.fixedLeftContact ul li a span { margin-bottom: 8px }
.takipFix { margin-top: 15px }
.takipFix span a { margin-bottom: 3px }
.takipFix span { margin-bottom: 15px }
.titleStyle strong { font-size: 40px; line-height: 47px }
.titleStyle p { font-size: 15px; line-height: 25px; margin-top: 10px }
.p7 { width: calc(100% - 170px); margin-left: 170px }
.instSlide .item { height: 300px }
.instSlide { margin-top: 20px }
.footerkmpMail form { width: 100% }
.footerRight { width: 50%; margin-left: 0px; }
.footerHak { font-size: 13px; line-height: 23px; }
.footerRight ul { margin-right: 80px; width: 100% }
.footerRight ul li strong { font-size: 22px }
.footerRight ul li p { font-size: 14px; margin-top: 5px; }
.footerkmpMail strong { font-size: 22px }
.footerkmpMail form input { font-size: 15px }
.footerkmpMail { width: 100%; margin-top: 153px }
ul.footerMenu li a { font-size: 15px }
ul.footerMenu li { margin-bottom: 19px }
.footer { padding-top: 80px }
ul.footerMenu strong { font-size: 22px }
.footerBottom { margin-bottom: 45px; margin-top: 60px }
.footerBottomLeft .copyright { margin-right: 40px; font-size: 12px }
.footerBottomLeft ul li a { font-size: 12px }
.footerLogo { margin-right: 30px; }
.cocukYasCol { top: 48px }
.pageMargin { margin-top: 100px }
.bottomPageTab { margin-bottom: 70px }
.corporateLeft { width: 60% }
.bottomPageTitle strong { font-size: 40px; line-height: 53px }
.bottomPageTitle { margin-bottom: 20px }
.corporateLeft p { font-size: 14px; line-height: 30px; margin-bottom: 30px }
.corporateRight { width: calc(100% - 60% - 30px); margin-left: 30px; margin-top: 80px; height: 600px }
.corporateRight img { max-width: 400px; right: -30px }
.bottomPageTab ul li a { font-size: 17px }
.patlangac { width: 170px }
.slogan b { font-size: 55px; line-height: 65px }
.slogan { top: 19% }
.home_kmp ul li a b { width: 50px; height: 50px; font-size: 20px }
.home_kmp { padding: 10px }
.home_kmp ul li {/* margin-right:15px; *//* width:calc(25% - 11.25px) */ }
.p2 { margin-top: 80px }
.titleStyle2 strong { font-size: 35px }
.kmpTop { margin-top: 70px }
.kmpList ul { width: calc(33.33% - 15px); margin-right: 15px }
.kmpList ul li { font-size: 14px; margin-bottom: 10px }
.kmpList ul li::before { width: 6px; height: 6px; margin-right: 8px }
.kmpList { margin-top: 30px }
.balayi-img .small img { width: 280px }
.tanitimRight { width: calc(100% - 400px - 35px); margin-left: 35px; height: 300px }
.tanitimLeft { width: 400px }
.tanitimRight a span { left: 40px; bottom: 30px; font-size: 22px }
.tanitim { margin-top: 80px }
.odalarTab { margin-top: 50px }
.odalar { margin-top: 80px }
.odaLeft { width: 450px }
.odaRight { width: calc(100% - 450px); padding: 0 30px }
.odalarTab ul li a { font-size: 20px }
.odaText strong { font-size: 14px; line-height: 20px; margin-bottom: 25px; }
.odaRight .max { width: 45px; height: 45px; font-size: 12px; top: -20px }
.odaList ul li {/* font-size: 13px; *//* margin-bottom: 5px; */}
.odaList ul li::before { width: 5px; height: 5px; margin-right: 5px }
.odaRight, .odaSlide .item { min-height: 340px }
.odaSlide .owl-dots .owl-dot { width: 15px; height: 15px; margin: 0 3px }
.fotoSlide .item { height: 300px }
.p7.fotoGaleri { margin-top: 30px }
div#sect5 { margin-top: 100px }
.aktiviteList { margin-top: 50px; margin-bottom: 0; }
.aktiviteList ul li i { width: 38px; margin-right: 7px; }
.aktiviteList ul li span { font-size: 14px; line-height: 18px }
.aktiviteList ul li { padding-left: 0; height: 110px; justify-content: center; padding: 15px; box-sizing: border-box; }
.tesisList ul { width: calc(25% - 20px); margin-right: 20px }
.tesisList ul li { font-size: 14px; margin-bottom: 10px }
.tesisList ul li::before { width: 5px; height: 5px; margin-right: 6px }
.aktiviteler { padding: 50px 0 }
.tesisList { margin-top: 30px }
.sayacTitle { font-size: 17px; margin-right: 5px }
.sayac li span { font-size: 30px; line-height: 27px }
.sayac li p { font-size: 15px; margin-left: 3px }
.sayac li .twoDot { font-size: 25px; line-height: 22px; margin-left: 4px }
.sayac li { margin-right: 6px }
.sayac { left: 2% }
.rezFormOpen ul li .form-text { height: 40px; font-size: 12px; }
.rezFormOpen ul li { margin-right: 10px; width: calc(20% - 8px); }
.rezFormOpen ul li .submit { height: 40px; font-size: 14px; }
.odaList ul {/* height: 170px; */}
 .odaList ul::-webkit-scrollbar {
 width: 5px;
}
ul.footerContact li { margin-right: 30px; }
.kmpDetailBanner { height: calc(100vh - 100px); }
.kmpContent .title strong { font-size: 28px; }
.kmpContent .title span { font-size: 14px; }
.kmpContent .text p { font-size: 13px; line-height: 26px; margin-bottom: 10px; }
.kmpContent a.kmpBtn { width: 180px; height: 40px; font-size: 14px; }
.kmpContent .title { margin-bottom: 10px; }
.kmpContent { padding: 25px; }
.otelBg { height: 300px; }
.otelImg img { width: 90px !important; }
.otelLoc { font-size: 15px; }
.detayBak { padding: 6px 25px; font-size: 12px; }
.form-control { height: 40px !important; font-size: 13px !important; padding: 0 10px !important; }
.p6 {/* width:calc(100% - 165px); */ padding: 80px 0 0 75px; }
.home_galeri { margin-top: 50px }
.home_galeri .item { height: auto;/* width: 1260px; */ }
.home_galeri::before { width: 95px }
.p6 .titleStyle { width: calc(100% - 90px) }
.restoranImg { height: 400px }
.restoranContent h3 { font-size: 28px; line-height: 38px }
.restoranContent p { font-size: 15px; line-height: 25px }
/* covid */
.headerTop { width: calc(100% - 70px); }
/* covid */
.odaSlide2 .owl-item {
    width: 586px !important;
    height: 284px !important;
}
.yazi {font-size: 14px;}
.odaSlide2 {margin-bottom: 0px; }
.odaList2 ul li { font-size: 12px;}
.rezBtn { padding: 6px 10px;font-size: 12px;}
.odaList2 ul li { margin-bottom: 5px;}
.odaList2 ul {/* height: 140px; */}
.accordionContent .bg {
    margin-bottom: 0px;
}
/*
.odaSlide2 button.owl-next {
    margin-right: -520px!important;
}*/

/*odalar*/
.headerBannerPage { height: 270px; }
.headerBannerPage strong { font-size: 40px; }
section.odalarSect .odaList ul li .bg { height: 200px; }
section.odalarSect .odaList ul li .bg .odaGez { right: 10px; bottom: 10px; font-size: 14px; }
section.odalarSect .odaList ul li .odaTitle { height: 65px; font-size: 18px; }
.odaDetaySlide .item .bg { height: 360px; }
.odaDetayForm { min-height: 360px; }
.odaDetayForm strong { font-size: 17px; margin-bottom: 5px; }
.odaDetayForm div#rezForm ul li { margin-bottom: 10px; }
.odaDetaySect p { font-size: 15px; line-height: 27px; }
/*odalar*/
}

@media only screen and (max-width:1600px) {
.home_galeri .item {/* width: 970px; */ }
.restoranContent p { font-size: 14px; }
.rezBtn { margin-top: 10px; }
}

@media only screen and (max-width: 1280px) {
.restoranImg { width: 53%; height: 350px; }
.restoranContent { width: 43%; }
.home_galeri::before { opacity: 0; }
}

@media only screen and (max-width:1200px) {
.fixedMenuOpen .title p { font-size: 14px }
.fixedMenuOpen .menu { width: 100% }
.fixedMenuOpen .title strong { font-size: 33px; margin-bottom: 10px }
.fixedMenuOpen .menu ul li a { font-size: 17px }
.fixedMenuOpen { padding: 60px 30px; padding-right: 0 }
.kmpMail { width: 50% }
.kmpMail strong { font-size: 18px }
.kmpMail form input { font-size: 14px }
.fixedContact { margin-left: 30px; width: calc(100% - 50% - 30px) }
.fixedContact ul li { width: 100%; margin-right: 0; margin-bottom: 20px }
.fixedContact ul li:last-child { margin-bottom: 0 }
.fixedMenuOpen .bottom { display: flex; flex-flow: wrap; align-items: flex-end }
.fixedLeftContact { display: none }
.logo { left: 2%;/* width:250px */ width: 110px; top: 54px; }
.home_logo { left: 2% }
.home_kmp ul li a p { width: 100%; font-size: 12px }
.home_kmp ul li a strong { font-size: 18px }
.home_kmp ul li a { padding: 0 10px 0 10px }
.titleStyle strong { font-size: 26px; line-height: 32px }
.mainpage { margin-top: 60px }
.home_galeri .item { width: 100%;/* height:400px */ }
.home_galeri::before { width: 60px }
.rezervasyonOpen .title strong { font-size: 25px }
.rezervasyonOpen .title p { font-size: 14px; line-height: 25px }
.rezervasyonOpen .title strong::before { width: 20px; height: 20px; left: -23px; background-size: 15px; display: none }
#flight-datepicker .form-item { margin-right: 5px }
.yetiskin { margin-right: 5px; width: 150px }
.p7 { margin-left: 20px; width: calc(100% - 20px) }
.titleStyle strong br { display: none }
.footerLeft { width: 500px; }
.footerkmpMail strong { font-size: 20px }
.footerRight { margin-left: 20px; width: calc(100% - 520px); }
ul.footerContact li { margin-bottom: 30px }
.footerkmpMail { margin-top: 95px }
.titleStyle p { font-size: 14px; margin-top: 5px }
#flight-datepicker input { width: 150px; background-position: 125px 50% }
.formBtn .submit { width: 160px }
.corporateRight img { max-width: 100%; right: 0 }
.pageMargin { margin-top: 70px }
.bottomPageTab { margin-bottom: 50px }
.aktiviteler { width: calc(100% - 20px) }
.slogan b { font-size: 40px; line-height: 49px }
.patlangac { top: 25%; left: 8% }
.slogan { left: 30%; top: 25% }
.home_kmp ul li a b { width: 35px; height: 35px; font-size: 15px; position: absolute; right: 6px; top: 11px }
.home_kmp ul li { margin-right: 5px;/* width:calc(25% - 3.75px) */ }
.home_kmp { padding: 5px }
.homeBg { height: calc(100vh - 60px - 130px);height: auto; }
.aktiviteList ul li i { width: 40px; margin-right: 5px }
.aktiviteList ul li span { font-size: 12px; line-height: 15px }
.aktiviteList ul li { height: 90px; margin-right: 10px; width: calc(20% - 8px); margin-bottom: 10px }
.sayac li { flex-direction: column; justify-content: center; text-align: center; margin-right: 20px }
.sayac li .twoDot { display: none }
.sayac li p { margin-left: 0 }
.rezFormOpen ul li { margin-right: 10px; width: calc(20% - 8px); }
.rezFormOpen ul li .form-text { height: 45px; font-size: 12px; }
.rezFormOpen ul li .submit { height: 45px; }
.fotoSlide .item { height: 240px; }
.p6 { width: calc(100% - 20px); padding: 70px 0 0 30px; }
.footerHak { width: calc(100% - 104px - 30px); }
.footerRight ul { margin-top: 30px; }
.footerLogo { margin-right: 15px; }

.odaSlide2 .owl-item {
    width: 551px !important;
    height: 284px !important;
}
.yazi {font-size: 14px;}
.odaSlide2 {margin-bottom: 0px;}
.odaList2 ul li {font-size: 12px;}
.rezBtn {  padding: 6px 10px;}
/*
.odaSlide2 button.owl-next {
    margin-right: -490px!important;
}*/
}

@media only screen and (max-width:900px) {
.mainLeft { width: 100% }
.fixedMenuBar { width: 100%; height: auto; border: none; background: 0 0; position: relative; display: inline-block }
.fixedMenu { width: 100%; flex-direction: row-reverse; height: 60px; padding: 20px 15px; background: #fff; position: fixed; box-shadow: 2px 2px 27px rgba(0,0,0,.11); z-index: 1; }
.fixedMenu .fixedTitle { display: none }
.down_icon { display: none }
ul.dil { width: auto; display: inline-block; margin-top: 0; position: relative; top: 0; margin-bottom: 0px;/* top:-130px; */ transition: .8s all; transition-delay: .7s; }
.fixedMenuOpen { display: inline-flex; width: 100%; padding: 60px 30px; background: #fff; right: -100vh; transition: .4s all; transition-delay: 1.3s; overflow-y: hidden; height: calc(100vh - 60px); position: fixed; }
.fixedMenuBar.active .fixedMenuOpen { right: 0vh; transition-delay: .4s }
.fixedMenuOpen::before { display: none }
body { padding-top: 60px }
.headerRezerve { width: 100%; height: 55px; top: 55px; display: none }
.rezervasyonOpen { width: 100%; top: auto; display: block; bottom: -100vh; z-index: 8; transition: .8s all; box-shadow: 3px 2px 60px rgba(17,32,76,.45) }
.menuBtn:hover span:last-child { width: 50% }
.menuBtn span:last-child { width: 50% }
div#flight-datepicker { width: 100%!important; margin-bottom: 5px }
#flight-datepicker .form-item { width: calc(50% - 5px) }
#flight-datepicker input { width: 100%; background-position-x: 95% }
.yetiskin { width: calc(50% - 5px); float: left; margin-bottom: 10px }
.formBtn .submit { width: 300px; display: table; margin: auto; margin-top: 5px; background: #012047; border-radius: 5px; box-shadow: 4px 5px 14px rgba(0,0,0,.16) }
.yetiskin:last-child { margin-right: 0 }
.fixedMenuBar.active .menuBtn span:first-child { transform: rotate(45deg) }
.fixedMenuBar.active .menuBtn span:last-child { transform: rotate(-45deg); width: 100%; top: -9px }
.fixedMenuOpen .menu ul li { float: none; margin-bottom: 25px }
.fixedMenuOpen .menu ul li a { font-size: 20px }
.fixedMenuBar.active .fixedMenu .fixedTop .menuBtn { top: 4px; }
.fixedMenuBar.fixedMenu .fixedTop { top: 0; transition: .3s all }
.fixedMenu .fixedTop { width: 100%; flex-direction: row; justify-content: flex-end; align-items: center; }
.logo_m { width: 110px; display: block; position: absolute; top: -12px; background-color: #ffffff; padding: 10px; box-sizing: border-box; box-shadow: 1px 1px 11px rgba(0, 0, 0, 0.46); left: 0px; }
.logo_m a { display: block }
.kesfedin { display: none }
.home_logo { display: none }
.homeWhatsap { left: 3%; bottom: auto; top: 5% }
.homeBg { height: 650px; width: 95%; display: table; margin: auto; border-radius: 5px; background-attachment: inherit!important;height: auto; }
.homeWhatsap a { display: none }
.home_kmp ul li { width: 100%; margin-right: 0; margin-bottom: 10px; }
.home_kmp { padding: 25px; box-sizing: border-box; background: #fcf0ec; border-radius: 20px; margin-top: 20px }
.home_kmp ul li:nth-child(2n) { margin-right: 0 }
.home_kmp ul li a p { width: 90%; font-size: 14px }
.home_kmp ul li a { border-radius: 5px }
.home_kmp .title { display: none; margin-bottom: 20px; font-family: Cuprum, sans-serif; font-size: 30px; color: #11204c; font-weight: 400; }
.titleStyle strong { font-size: 30px; line-height: 35px }
.titleStyle p br { display: none }
.home_galeri::before { display: none }
.home_galeri .item { width: 100%; margin-right: 0; border-radius: 5px }
.instSlide .item { width: 180px; height: 200px; margin-right: 15px }
.footerRight { display: block; width: 100%; margin-left: 0; margin-top: 20px; }
.footerContact { display: inline-block !important; margin: 0px !important; }
.footerRight ul li { display: block; width: 100%; margin-right: 0px !important; }
.footerContact li.adres { width: 100% !important; }
.footer .container { padding: 0px; margin: 0px auto; }
.footerHak { font-size: 13px; line-height: 23px; width: 100%; text-align: center; }
.footerLeft { width: 100% }
.footerLogo { margin: auto; width: auto; float: none; margin-bottom: 15px; }
.footerkmpMail { margin-top: 45px }
.footer { width: 95%; display: table; margin: auto; margin-top: 0; padding: 20px 20px; margin-bottom: 80px }
.container { width: 95% }
.footerBottom { margin-bottom: 0; display: inline-block; margin-top: 30px }
.footerBottomLeft { display: inline-block; width: 100% }
.footerBottomLeft .copyright { margin-right: 0; text-align: center; font-size: 16px }
.footerBottomLeft ul { justify-content: center; margin-top: 15px }
.footerBottomLeft ul li a { font-size: 14px }
.footerCredit { position: relative; display: table; margin: auto; margin-top: 30px }
div#footer { background: #fafafa }
ul.dil li { float: left; width: 40px; margin-bottom: 0; }
.mobilFixedBar { position: fixed; z-index: 8; bottom: 0; left: 0; width: 100%; background: #fff; display: none }
.mobilFixedBar ul { position: relative; display: table; width: 100%; padding: 6px 10px; box-sizing: border-box }
.mobilFixedBar ul li { float: left; width: calc(33.33% - 6.66px); height: 55px; margin-right: 10px; }
.mobilFixedBar ul li a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: #1066ee; font-size: 12px; color: #fff; border-radius: 5px; box-shadow: 0 1px 5px rgba(0,0,0,.38); flex-direction: column }
.mobilFixedBar ul li a i { width: 23px; height: 25px; display: flex; align-items: center }
.mobilFixedBar ul li:last-child { margin-right: 0 }
/*.mobilFixedBar ul li:nth-child(2) a{background:#25d366}*/
.mobilFixedBar ul li:nth-child(2) a { background: #25d366; }
.mobilFixedBar ul li:nth-child(3) a { background: #11204c; }
.mailOnay { position: relative; font-size: 12px }
.mailOnay i img { width: 12px }
.reser_arrow { display: none }
.rezervasyonOpen .title { display: none }
div#rezForm { margin-top: 0 }
.rezervasyonOpen.active { bottom: 0 }
.rezervasyonOpen .close { display: flex; position: absolute; top: -15px; right: 11px; background: #11204c; align-items: center; justify-content: center; width: 35px; height: 35px; cursor: pointer }
.rezervasyonOpen .close::after, .rezervasyonOpen .close::before { content: ""; position: absolute; width: 2px; height: 55%; background: #fff }
.rezervasyonOpen .close::before { transform: rotate(45deg) }
.rezervasyonOpen .close::after { transform: rotate(-45deg) }
.fixedMenuBar.active ul.dil { top: 0; transition-delay: .9s }
.sayacBtn { line-height: 50px; height: 50px; z-index: 8 }
.cocukYasCol { position: relative; top: 0; width: calc(100% + 10px); z-index: 2 }
body.hidden { overflow: hidden }
.corporateRight { display: none }
.corporateLeft { float: none; width: 100% }
.home_kmp ul li a strong { font-size: 20px }
.home_kmp ul li a b { width: 40px; height: 40px; font-size: 17px }
.titleStyle2 strong { font-size: 30px }
.kmpTop { margin-top: 40px }
.kmpList { margin-top: 15px }
.tanitimLeft { float: none; width: 100% }
.tanitimRight { margin-left: 0; width: 100%; margin-top: 20px }
.odaLeft { float: none; width: 100% }
.odaRight { width: 100%; min-height: auto; padding: 30px }
.odaRight .max { top: auto; bottom: 20px; right: 20px }
.fotoSlide .item { width: 180px; height: 200px; margin-right: 15px }
div#footer { margin-top: 70px }
.slogan { top: 10%; left: 34% }
.patlangac { top: 9% }
.homeBg { height: 520px ;height: auto;}
.aktiviteler { float: none; width: 100%; margin-top: 80px }
.sayac_m { position: relative; display: table; width: 95%; background: #fed3c2; margin: auto; justify-content: center; padding: 10px; box-sizing: border-box; border-radius: 5px; margin-bottom: 10px; margin-top: 10px }
.sayac { position: relative; left: 0; width: 100% }
.digital { justify-content: center }
.progressBar { bottom: 0 }
.sayacTitle { font-size: 28px; margin-right: 30px }
.sayac li { flex-direction: inherit }
.sayac li span { font-size: 40px; line-height: 33px }
.sayac li .twoDot { display: block; font-size: 30px; line-height: 27px }
.sayac li p { margin-left: 5px; font-size: 20px }
.sayac_m .flexTable { display: flex; justify-content: center }
.takipFix { flex-direction: initial; margin-top: 0px; }
.takipFix div { flex-direction: initial; }
.takipFix span { display: flex; margin-bottom: 0px; }
.takipFix span a { margin-bottom: 0px; margin-right: 5px; display: flex; }
.takipFix strong { display: none; }
.kmpDetailBanner { height: auto; }
.kmpBanner { width: 100%; height: 470px; }
.kmpContent { width: 100%; }
.rezFormOpen ul li { margin-right: 5px !important; width: calc(50% - 10px) !important; margin-left: 5px !important; margin-bottom: 14px; }
.rezFormOpen ul li:nth-child(7) { width: calc(100% - 10px) !important; }
/* covid */
.headerTop {width: 100%;}
body.paddingHide .fixedMenu { top: 40px; }
.paddingHide .rezervasyonOpen {
    top: auto;
}
/* covid */

body.hidden { overflow: hidden; }

.yazi {
    font-size: 13px;
}

.rezBtn {
    margin-top: 30px;
}


/*odalar*/
.odaDetayLeft { width: 100%; }
.odaDetayForm { width: 100%;     min-height: auto; }
.odaDetayForm div#rezForm ul li { margin-left: 0px; }
.odaAciklama {/* box-shadow: none; *//* border: solid 1px #cccccc; *//* border-bottom: none; */}
/*odalar*/

}

/*
@media only screen and (max-width:768px) {
	.odaSlide2 button.owl-next {
    margin-right: -375px!important;
}*/
	

@media only screen and (max-width:767px) {
.homeBg { height: 460px;height: auto; }
.home_kmp .title { font-size: 25px; display: none; }
.home_kmp ul li a { min-height: 110px; padding: 10px 15px }
.mainpage { margin-top: 40px }
.home_galeri { margin-top: 30px; margin-bottom: 0px; }
.instSlide .item { height: 180px; width: 160px }
.footerkmpMail strong { margin-bottom: 15px }
.footerBottomLeft .copyright { font-size: 12px }
.footerBottomLeft ul li a { font-size: 11px }
.p8 .container { padding: 0; padding-left: 15px }
.titleStyle strong { font-size: 25px; line-height: 25px }
.p8 .container .titleStyle { width: 95% }
.home_galeri .item { height: auto; }
.logo_m { width: 100px; }
.fixedMenuOpen .title p { display: none }
.fixedMenuOpen .title strong { font-size: 29px; text-align: right }
.fixedMenuOpen .menu { margin-top: 15px }
.fixedMenuOpen .menu ul li { margin-bottom: 14px; width: 100%; display: table }
.fixedMenuOpen .menu ul li a { font-size: 15px; text-align: right; display: table; font-weight: 900; float: right }
.fixedMenuOpen .menu ul { float: right }
.fixedMenuOpen .bottom { display: none }
.fixedMenuOpen div { display: flex; flex-direction: column; align-items: flex-end }
.fixedMenuOpen { padding: 40px 30px; overflow: hidden }
.fixedMenuOpen .title { top: 0; right: -100vh; border-bottom: solid 1px rgba(112,112,112,.16) }
.fixedMenuBar.active .fixedMenuOpen .title { right: 0 }
.fixedMenuOpen .takipEdin { display: inline-flex; position: relative; margin-top: 30px; flex-direction: initial; border-top: solid 1px rgba(112,112,112,.16); padding-top: 15px; padding-left: 20px; box-sizing: border-box; transition: .8s all; transition-delay: .7s; bottom: -100vh }
.fixedMenuOpen .takipEdin span { display: block; font-size: 17px; color: #7d7d7d; font-family: Cuprum, sans-serif; margin-right: 10px }
.fixedMenuOpen .takipEdin ul { display: flex }
.fixedMenuOpen .takipEdin ul li { display: block; margin-right: 5px }
.fixedMenuOpen .takipEdin ul li:last-child { margin-right: 0 }
.fixedMenuOpen .takipEdin ul li a { display: block }
.fixedMenuBar.active .fixedMenuOpen .takipEdin { bottom: 0; transition-delay: .9s }
.fixedMenuOpen .menu ul li a::before { right: 0 }
.container { width: 90% }
.pageLoading .contentFlex i { }
.pageLoading .contentFlex strong { margin-top: 25px; font-size: 15px }
#flight-datepicker .form-item { margin-right: 0; float: none; width: 100% }
#flight-datepicker input { margin-bottom: 13px; font-size: 14px }
.yetiskin { float: none; width: 100%; margin-right: 0; margin-bottom: 8px; padding-left: 0; height: auto; padding-right: 0 }
.formBtn .submit { width: 100%; font-weight: 400; letter-spacing: 1px }
.rezervasyonOpen { padding: 30px 0; padding-bottom: 5px; }
.rezervasyonOpen .close { width: 30px; height: 30px; top: -15px }
#flight-datepicker .form-item { margin: 0 }
.yetiskin>span { font-size: 14px; padding-left: 20px }
div#flight-datepicker { margin-bottom: 0 }
.cocukYasCol { width: 100%; display: table; margin: auto }
.yasSelect { margin-bottom: 0; border-bottom: 0 }
.sayacBtn { padding-right: 15px }
.datePlace { margin-bottom: 0!important; top: 40% }
.bottomPageTitle strong br { display: none }
.bottomPageTitle strong { font-size: 25px; line-height: 35px }
.corporateLeft p { margin-bottom: 10px }
.bottomPageTab ul li a { white-space: nowrap; padding: 7px 10px; font-size: 15px }
.bottomPageTab ul { max-width: 100%; overflow-x: scroll; background: #fff; box-sizing: border-box; box-shadow: 2px 2px 27px rgba(0,0,0,.11); border-radius: 100px; border-top-right-radius: 0; border-bottom-right-radius: 0 }
.bottomPageTab ul::-webkit-scrollbar {
display:none
}
.bottomPageTab ul li a.active { background: #1066ee; border-radius: 100px; color: #fff }
.bottomPageTab ul li { margin-right: 0 }
.pageMargin { margin-top: 30px }
.bottomPageTab { margin-bottom: 0; display: inline-block; width: calc(100% - 20px); margin-top: 30px; float: right }
.slogan { width: 100%; left: 0; padding: 0 20px; box-sizing: border-box; top: 15% }
.patlangac { top: 38%; width: 150px; left: auto; right: 20% }
.mobilFixedBar ul li { height: 50px }
.homeBg { height: 480px; background-position: top!important;height: auto; }
.home_kmp ul li { float: none; width: 100% }
.home_kmp ul li a b { position: relative; top: auto; right: auto; width: 50px; height: 50px }
.titleStyle2 strong { font-size: 28px }
.p2 { margin-top: 40px }
div#sect2 .container { width: 100%; max-width: 100% }
.p2 .titleStyle { width: 90%; display: table; margin: auto; max-width: 95% }
.kmpTop .titleStyle2 { width: 90%; display: table; margin: auto; max-width: 95% }
.balayi-img .small { width: 150px }
.odalar { margin-top: 50px }
.tanitimRight { height: 220px }
.tanitimRight a span b { display: none }
.tanitimRight a span { left: 50%; bottom: auto; top: 50%; transform: translate(-50%, -50%) }
.tanitimRight a span i { margin-right: 0; width: 50px }
div#sect4 .container {/* width: 100%; *//* max-width: 100%; */}
.odalarPage.open { padding: 15px }
.tesisList { overflow-x: auto; margin-top: 10px }
.odalar .titleStyle { width: 90%; display: table; margin: auto; max-width: 95% }
.kmpList ul { width: calc(33.33% - 10px); padding: 15px; box-sizing: border-box; margin-right: 15px; background: #fcf0ec; border-top-right-radius: 10px; border-bottom-right-radius: 10px }
.xscrollauto { position: relative; display: inline-block; width: 1000px }
.kmpList { overflow-x: scroll }
.kmpList::-webkit-scrollbar {
display:none
}
.odalarTab ul li a { white-space: nowrap; padding: 10px; font-size: 22px }
.odalarTab ul { max-width: 100%; display: flex; overflow-x: auto }
.odalarTab ul::-webkit-scrollbar {
display:none
}
.odalarTab ul li { width: 100%; margin-right: 20px }
.odaSlide .item { min-height: 230px }
.odaRight .max { bottom: 10px; right: 10px }
.fotoSlide .item { height: 180px }
div#sect5 .container { display: inline-block; width: 100%; max-width: 100% }
.fotoTitle.titleStyle2 { text-align: center; margin-bottom: 11px }
div#sect5 { margin-top: 40px }
ul.fotoTab li a { font-size: 16px; background: #fcf0ec; padding: 8px 15px; text-align: center; height: auto; display: flex; align-items: center; justify-content: center; white-space: nowrap }
ul.fotoTab li { margin-right: 0; width: 100% }
.p7.fotoGaleri { margin-top: 20px; margin-left: 0; width: 100% }
.tesisList ul { width: calc(25% - 7.5px); margin-right: 10px; background-color: #fff; padding: 10px; box-sizing: border-box; border-top-right-radius: 10px; border-bottom-right-radius: 10px }
.aktiviteList ul li { margin-right: 0; width: 170px; border-right: solid 2px #fff; float: left }
.xtesisScroll { position: relative; display: inline-block; width: 1050px }
.aktiviteler .container { width: 100%; max-width: 100% }
.aktiviteler .titleStyle { width: 90%; max-width: 95%; margin: auto }
.aktiviteler .aktiviteList { width: 100%; display: inline-block; margin: 20px auto; overflow-x: auto }
.aktiviteler .titleStyle p { display: none }
.tesisList::-webkit-scrollbar {
display:none
}
ul.fotoTab li a.active { background: #ffc3af; color: #11204c }
ul.fotoTab::-webkit-scrollbar {
display:none
}
ul.fotoTab { overflow-x: auto }
.slogan_m { display: block; position: absolute; background: #fff; width: calc(100% - 40px); left: 50%; transform: translateX(-50%); top: 3%; text-align: center; font-size: 25px; padding: 10px 0; border-radius: 100px }
.slogan b { font-size: 35px; line-height: 40px }
.aktiviteList ul { display: inline-block; width: 1360px }
.aktiviteler .aktiviteList::-webkit-scrollbar {
display:none
}
.aktiviteList ul li:hover { box-shadow: none }
.digital { flex-direction: column }
.sayacTitle { margin-right: 0; margin-bottom: 10px }
.sayacTitle { font-size: 22px }
.sayac li span { font-size: 30px; line-height: 27px }
.sayac li p { font-size: 17px }
.home_kmp ul li a div { width: calc(100% - 50px) }
.kmpBanner {/* background-position: left center !important; */height: 420px;}
.footerBottom { margin-top: 20px; padding-top: 11px; }
#otellerimiz .p7 { width: 90%; margin: auto; }
.otelBg { height: 250px; }
.otelImg { margin: 30px 0px; }
.otelImg img { width: 80px !important; }
.p6 { width: 100%; padding: 30px; }
.p6 .titleStyle { width: 100%; }
.restoranImg { width: 100%; height: 230px; margin-right: 0px; }
.restoranContent { padding-right: 0px; width: 100%; margin-top: 10px; }
.restoranContent h3 { font-size: 22px; margin-bottom: 0; line-height: normal; }
.restoranContent p { margin-top: 8px; }
#organizasyon .restoranImg { width: 100%; }
#organizasyon .restoranContent { width: 100%; }
.restoranSect .restoranImg { width: 100%; margin-right: 0px; }
.restoranSect .restoranContent { width: 100%; margin-top: 20px; }

.odaSlide2 .owl-item {
    width: 436px !important;
    height: 284px !important;
}
.yazi {font-size: 11px;}
.odaSlide2 { margin-bottom: 0px; }
.odaList2 ul li { font-size: 10px;}
.rezBtn {
    padding: 6px 10px;
    font-size: 10px;
}
.odaSlide2 button.owl-next {
    margin-right: -375px!important;
}

/*odalar*/
.headerBannerPage { height: 170px; }
.headerBannerPage strong { font-size: 30px; }
section.odalarSect .odaList ul li { margin-right: 0px; width: 100%; }
div#sect1 {/* display: flex; */}
.odaDetaySect p { font-size: 14px; }
.odaAciklama { padding: 15px; }
.odaDetaySlide .item .bg { height: 230px; }
.odaDetayTitle { font-size: 25px; }
section.odalarSect {margin-top: 25px; }
/*odalar*/
}

@media only screen and (max-width:600px) {
.logo_m { }
.home_kmp { padding: 15px; padding-top: 25px }
.home_kmp ul li a p { display: inline-block; font-size: 12px; line-height: 17px }
.accordionButton { padding: 15px }
.accordionButton strong { font-size: 17px }
.footerBottomLeft ul li a span { text-align: center }
.footerBottomLeft ul li a { text-align: center }
.footer { padding: 15px }
.footerkmpMail strong { font-size: 18px }
.progressBar { height: 5px; bottom: -5px }
div#progress { height: 5px }

/* covid */
.headerBanner { height: 160px; }
.pageBannerTitle strong { font-size: 25px; text-align: center; }
.headerTop { padding-right: 0px; justify-content: center; top: 0px; z-index: 10; }
.headerTop .kmp { font-size: 10px; flex-direction: column; padding: 5px 0px; padding-right: 5px; }
.headerTop .kmp a { font-size: 11px; padding: 3px 5px; margin-left: 0; margin-top: 7px; }


body.paddingHide { padding-top: 115px; }
.headerTop .close { width: 16px; height: 16px; right: 1%; }
body.paddingHide .fixedMenu {top: 50px;}
/* covid */
.timeInfo div {  
    margin: 0px 3px!important;
    width: 29px!important;
    height: 29px!important;
    font-size: 10px!important;

}.timeInfo div p {
    font-size: 11px!important;
}

#countdownCampaign.fixedSticky {

    position: inherit!important;
}
#countdownCampaign .campaignText {
    font-size: 14px;
    padding: 8px 0px 0px;
}

.odaSlide2 .owl-item {
    width: 297px !important;
    height: 200px !important;
}
.yazi {font-size: 14px;width: 100%;}
.odaSlide2 { margin-bottom: 0px; }
.odaList2 ul li {font-size: 12px;}
.rezBtn {  padding: 8px 14px;font-size: 12px;}
.odaList2 {
    position: relative;
    display: flex;
    float: left;
    margin-top: 10px;
    font-size: 10px;
}

#countdownCampaign.fixedSticky {
    display: none!important;
    color: #000;
    position: fixed!important;
    z-index: 2;
    background: #fff;
    width: 102px;
    top: 50%;
    transform: translateY(-50%)!important;
    padding: 8px 6px!important;
    box-shadow: 1px 1px 12px rgb(0 0 0 / 38%);
    transition: 500ms all;
    right: 0px!important;
}
#countdownCampaign.fixedSticky .timeInfo>div {
    margin: 2px 0px!important;
    width: 70%!important;
    display: flex;
    justify-content: center;
    border-radius: 5px;
}
#countdownCampaign.fixedSticky .timeInfo>div span {
    margin-right: 5px;
    font-weight: 700;
    font-size: 12px;
}
#countdownCampaign.fixedSticky .timeInfo div p {
    font-size: 12px!important;
}
.odaDetaySlide .owl-dots .owl-dot {
    width: 9px;
    height: 9px;
    margin: 0px 2px;
}
}
/*
@media only screen and (max-width:375px) {
	.odaSlide2 button.owl-next {
	margin-right: -240px!important;
	
	}
	.odaSlide2 .owl-nav {
		top: 14%!important;
	}
}*/
@media only screen and (max-width:360px) {
.fixedMenuOpen { padding: 35px 25px }
.fixedMenuOpen .title strong { font-size: 22px }
ul.dil { margin-bottom: 15px }
.fixedMenuOpen .menu ul li { margin-bottom: 10px }
.fixedMenuOpen .takipEdin { margin-top: 15px }
.homeBg { height: 500px ;height: auto;}
.slogan_m { font-size: 20px }
.slogan b { font-size: 30px; line-height: 35px }
.patlangac { width: 130px }
.balayi-img .small { width: 100px }
.titleStyle strong { font-size: 25px }
.tanitim { margin-top: 30px }
.odalarTab ul li a { font-size: 19px }
.odaList { display: inline-block; width: 100% }
.odaList ul { margin-right: 0 }
ul.fotoTab li a { font-size: 15px }
.aktiviteler { padding: 30px 0; margin-top: 60px }
.titleStyle2 strong { font-size: 25px }
}