/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Unbounded:wght@200..900&display=swap');
html { scroll-behavior: smooth; }
html, #bodyViaport,#bodyAquarium,#bodyAslanpark,#bodyTemaPark {  width: 100%; color: #505050; margin: 0; padding: 0; font-size:16px; line-height:1.6; font-family: "Raleway", sans-serif; }
#bodyViaport,#bodyAquarium,#bodyAslanpark,#bodyTemaPark { min-height: 100%; }
.wrapper { position: relative; min-height: 100%; overflow: hidden; }
.color{color: #206093 !important;}
.color2{color: #3795f5 !important;}
.color3{color:#01E6E6;}
.color6{color: #b363d6 !important;;}
.color6Bg{background: #b363d6 !important;;}
.color4{color:#FFA701;}
.color7{color:#E601E6;}
.colorAqua{color:#01ADEE;}
.colorAquaBg{background:#01ADEE;}
.color5Bg{background:#FFA701!important;}
.colorBg{background:#206093!important;}
.color2Bg{background:#3795F5;}
.color3Bg{background: #E74B3C!important;}
.color4Bg{background: #01E6E6!important;}
.bgGrey{background: #F2F2F2;}
.kirmizi{color:#E74A3C;}
.bgDark{background: #000!important;}
.txtDark{color: #000 !important;}
#bodyViaport a,#bodyAquarium a ,#bodyAslanpark a,#bodyAslanparkDetay a,#bodyTemaPark a, #bodyAquaPark a, #bodyEglence a{ text-decoration: none; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
header{position: absolute; left:0; right:0; top:0; z-index: 5; background: #090979;
background: linear-gradient(0deg, rgba(9, 9, 121, 0) 0%, rgba(9, 9, 121, 0.61) 100%);}
.header-container{display: block; margin:auto; padding-left:60px; padding-right:60px;}
.logo{display: block; width: 100%;}
.logo img{display: block; width:230px; margin:auto;}
.pd60{padding:60px;}
.pdlr60{padding:0 60px;}
.pdtb60{padding:60px 0;}
.mainVideo,.mainYat,.mainSection{position: relative;}
.sloganContainer{position: absolute; left:60px; bottom:20%;  z-index: 1;}
.mouseImg {position: absolute; left: 0; right: 0; bottom: 10px; margin: auto; width: 40px; z-index: 10;}
.mouseImg .mouseCon { display: block; width: 40px; height: 60px; border: 1px solid #fff; border-radius: 40px; position: relative; z-index: 1;}
.mouseImg .mouseCon .doteAbsolute {position: absolute; display: block; width: 10px; height: 10px; border-radius: 50%; background: #fff; left: 0; right: 0; margin: auto;  top: 10px; animation: scrollDot 1.5s infinite ease-in-out; z-index: 1;}
@keyframes scrollDot {
  0% {
    top: 10px;
    opacity: 1;
  }
  50% {
    top: 25px;
    opacity: 0.5;
  }
  100% {
    top: 10px;
    opacity: 1;
  }
}
.mouseImg .dote{display: block; width: 10px; height: 10px; border-radius: 50%; border:1px solid #fff; margin:4px auto;}
.video-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.video-container video,
.video-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.banner{position: relative; height: 750px;}
.bannerLow{position: relative; height:480px;}
.bannerCrowne{background:url(../img/crowneplaza/crownplaza-banner.jpg) no-repeat center; background-size: cover;}
.bannerAvm{background:url(../img/avm/avmBanner.jpg) no-repeat center; background-size: cover;}
.bannerMarina{background:url(../img/marina/bannerMarina.png) no-repeat center; background-size: cover;}
.bannerAvmLow{background:url(../img/avm/banner-avmLow.jpg) no-repeat center; background-size: cover;}
.bannerTemaLow{background:url(../img/temapark/bannerTemaLow.jpg) no-repeat center; background-size: cover;}
.bannerBlogLow{background:url(../img/blogBanner.jpg) no-repeat center; background-size: cover;}
.bannerBlogDetayLow{background:url(../img/bannerBlogDetay.jpg) no-repeat bottom; background-size: cover;}
.bannerSinemaLow{background:url(../img/sinemaBanner.jpg) no-repeat bottom; background-size: cover;}
.bannerGameCenterLow{background:url(../img/gamecenterBanner.jpg) no-repeat bottom; background-size: cover;}
.bannerSoftPlayLow{background:url(../img/softplay/softplayBanner.jpg) no-repeat bottom; background-size: cover;}
.bannerBowlingLow{background:url(../img/bowling/bannerBowling.jpg) no-repeat bottom; background-size: cover;}
.bannerLimanLow{background:url(../img/yatlimaniMain.jpg) no-repeat center; background-size: cover;}
.bannerIletisim{background:url(../img/marina2.jpg) no-repeat bottom; background-size: cover;}
.bannerAkvaryumDetay{background:url(../img/akvaryum/canli-detayBg.jpg) no-repeat bottom; background-size: cover; position: relative;}
.bannerAkvaryumDetay:before{content:""; position: absolute; inset:0; mix-blend-mode: multiply; background: url(../img/akvaryum/akvaryumBannerFiltre.png) no-repeat center; background-size: cover;z-index: 1;}
.bannerAkvaryumHk{background:url(../img/akvaryum/bannerHk.jpg) no-repeat bottom; background-size: cover; position: relative;}
.bannerAslanParkDetay{background:url(../img/aslanpark/aslanParkDetayBanner.jpg) no-repeat right center; background-size: cover; position: relative; }
.bannerAslanAquaParkHk{background:url(../img/aquapark/bannerAquaparkHk.jpg) no-repeat bottom; background-size: cover; position: relative;}
.bannerAslanAquaParkHk:before{content:""; position: absolute; inset:0; mix-blend-mode: multiply; background: url(../img/akvaryum/akvaryumBannerFiltre.png) no-repeat center; background-size: cover;z-index: 1;}
.bannerBilet{background:url(../img/biletBanner.jpg) no-repeat bottom; background-size: cover; position: relative;}


.bannerTitle{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.sloganContainer{color:#fff; width:50%}
.mainYat .sloganContainer{width:60%;}
.slogan1{display: block; font-size:60px; font-weight: 500;}
.slogan2{display: block; font-size:80px; font-weight:900; font-family: "Unbounded", sans-serif;}

.slogan3{display: block; font-size:24px;}
.btn_border{border:1px solid #fff; padding:12px 20px; border-radius: 5px; font-size:16px; text-align: center;}
.btnGenel{display:inline-block; padding:12px 20px; border-radius: 5px; font-size:16px; text-align: center;}
.submitBtn{display: block; margin:auto 0 auto auto;}
.btnBg{background: #fff;}
.textColor1{color:#B143F7;}
.btnAc{background: none; border:none; color:#fff;}
.btnAc i {display: inline-block; vertical-align: middle; font-size:24px;}
.btnAc span {font-size:20px; position: relative; top:2px;}
.headerBtnCon a{color:#fff; background: rgba(32, 95, 147, 0.3); margin-left:10px; border:1px solid #fff;}
.headerBtnCon a:hover{color:#fff; background: rgba(32, 95, 147, 0.7); border:1px solid #fff;}
.headerBtnCon a i,.headerBtnCon2 a i{display: inline-block;  margin-right:8px; font-size:18px;}

.headerBtnCon2 a{color:#000;  margin-left:10px; border:1px solid #000;}
.headerBtnCon2 a:hover{color:#fff; background: rgba(0, 0, 0, 0.7); border:1px solid #000;}

.imgFit { width: 100%; aspect-ratio: 3.05 / 1;  overflow: hidden; position: relative; }
.imgFit img {width: 100%; height: 100%;  object-fit: cover; object-position: center; display: block;}

.imgContainerVertical { display: flex!important; gap: 16px; flex-wrap: wrap;}
.imgFitVertical {flex: 1 1 48%; aspect-ratio: 3 / 5; overflow: hidden; margin: 0; }
.imgFitVertical img { width: 100%; height: 100%; object-fit: cover; object-position: center;  display: block; }
.titleHeading{position: relative; z-index: 1;}
.titleHeading .title1{font-size:30px; font-weight:500;}
.title1{font-size:35px; font-weight: 700; color:#000;}
.titleHeading .title2{font-size:55px; font-weight:700;}
.title{font-size:60px; font-weight: 700; color:#206093;}
.sectionLiman{position: relative;}
.sectionLiman:before{content:""; position: absolute; right:0; top:10%; width:500px; height: 700px; background: url(../img/anchor.jpg) no-repeat center; background-size:cover; z-index: -1;}
.sectionLiman .txtContainer{padding:0 80px;}

.sectionAvm .txtContainer{background: #F4F4F4; padding:40px; height: 100%; display: flex;
  flex-direction: column;
  justify-content: center;}
  .sectionAvm .txtContainer .btnGenel{width: 250px;}

.brandLogo{display: block; margin:auto; width: 100%; border:1px solid #d1d1d1;}
.brandLogo img{display: block; width: 100%;}


.owl-carousel .item{position: relative; overflow: hidden; }
.owl-carousel .item:hover .ImgAbsolute{transform:scale(1.1);}
.owl-carousel .ImgAbsolute{position: absolute; inset:0; z-index: 1;transition: all ease 700ms; -webkit-transition: all ease 700ms;}
.owl-carousel .title{position: absolute; left:60px; bottom:20px; z-index: 1; color:#fff;}
.owl-carousel .item img {
  width: 100%;
  height: auto;
  border-radius: 0; 
  display: block; 
}

/* .owl-carousel .owl-item img {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
} */

.owl-nav{ position: absolute; left:0; top:50%; right:0; z-index: 2; height: 100px;}
.owl-nav .owl-prev{position: absolute; left:0; top:0;  z-index: 2;}
.owl-nav .owl-next{ position: absolute; right:0; top:0;  z-index: 2;}
.owl-nav .owl-next:hover,.owl-nav .owl-prev:hover{background: none!important; cursor: pointer!important;}
.owl-prev span,.owl-next span{font-size:100px; line-height: 75px;}
.sectionCrown{padding:60px 60px 0 60px;}
.sectionSeperator{background: url(../img/seperator1.jpg) no-repeat center; background-size:cover; padding:150px 0;}
.sectionSeperator2{background: url(../img/seperator2.jpg) no-repeat top; background-size:cover; padding:150px 0;}
.sectionSeperator3{background: url(../img/seperator3.jpg) no-repeat top; background-size:cover; padding:150px 0; position: relative;}
.sectionSeperator3:before{content:""; position: absolute; inset:0; background: rgba(0, 0, 0, 0.6);}
.sectionSeperator4{background: url(../img/marina/seperator.jpg) no-repeat center; background-size:cover; padding:150px 0; position: relative; }
.sectionSeperator4:before{content:""; position: absolute; inset:0; background: #375E8D;mix-blend-mode: multiply;}
.crownBgContainer{background:url(../img/crowneplaza/crowneMain.jpg) no-repeat center; background-size: cover; padding:60px 0 620px 0 ;}
.roomsContainer{background: #fff; padding:20px; position: relative ; top:-100px;}
.sectionSeperator2 .btnGenel.mr-5{margin-right:5px;}

.bg1{background: rgba(155, 124, 37, 0.7); position: absolute; inset:0; z-index: 1;}
.bg2{background: rgba(46, 104, 152, 0.8);position: absolute; inset:0;z-index: 1}
.bg3{background: rgba(97, 20, 152, 0.5);position: absolute; inset:0;z-index: 1}
.bg4{background: rgba(246, 64, 64, 0.6);position: absolute; inset:0;z-index: 1}
.bg5{background: rgba(24, 84, 145, 0.7);position: absolute; inset:0;z-index: 1}
.bg6{background: rgba(177, 102, 15, 0.8);position: absolute; inset:0;z-index: 1}
.bg7{background: rgba(16, 114, 57, 0.7);position: absolute; inset:0;z-index: 1}
.bg8{background: rgba(0, 23, 101, 0.6);position: absolute; inset:0;z-index: 1}
.categoryBox{overflow: hidden;}
.categoryBox figcaption{display: block; font-size:30px; font-weight:700; color:#fff; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);z-index: 2;}
.categorySection .categoryBox img{transition: all ease 700ms;}
.categorySection a:hover .categoryBox img{transform: scale(1.1);}

.aNews{display: block; position: relative; background: #fff; padding:20px; border:1px solid #f1f1f1; transition: all ease 700ms; -webkit-transition: all ease 700ms;}
.aNews:hover{box-shadow: -1px 7px 11px -3px rgba(0,0,0,0.48);
-webkit-box-shadow: -1px 7px 11px -3px rgba(0,0,0,0.48);
-moz-box-shadow: -1px 7px 11px -3px rgba(0,0,0,0.48);}
.titleBox{font-size:24px; font-weight: 700; color:#206093;}
.iconLink{display: block; text-align:center; background: #3795F5; width:40px; height:40px; margin:20px 0 10px auto; border-radius: 3px;}
.iconLink i{color:#fff; line-height: 40px;}
.dateNews{position: absolute; left:20px; top:20px; padding:20px; border-bottom-right-radius: 10px;}
.dateNews i{margin-right:5px;}
.mapContainer{padding: 0!important; margin: 0 !important;}
.mapContainer .btnGenel{position: absolute; left:20px; bottom:20px; z-index: 1;}
.formContainer{background: url(../img/formContainer.jpg) no-repeat center; background-size:cover; padding: 60px!important; margin:0!important;}
.mpForm .title{font-size:35px; font-weight: 700; color:#fff;}

.formContainer input,.formContainer textarea,.formContainer select{background: transparent; line-height: 40px; border:1px solid #fff!important;}
.formOnlineTeklif textarea{border:1px solid #08518B!important;}
.formContainer input::placeholder,.formContainer textarea::placeholder,.formContainer select{color:#fff; font-size:16px;}
.formContainer .form-check-label{font-size:16px;}
.logoInsta{display: block; width:200px;}
.Instagram .btnGenel{margin:0 10px;}
.Instagram .btnGenel i{display: inline-block; vertical-align: middle; font-size:24px; position: relative; top:-1px;}

.footerMain{background: url(../img/footerMainBg.jpg) no-repeat center; background-size:cover;}
#footerAkvaryum {border-top:10px solid #fff;}
#footerAkvaryum .footerMain{background: url(../img/akvaryum/footerViaSea.jpg) no-repeat center; background-size:cover;}
.logoFooter{display: block; width: 230px; margin:auto auto 20px 0;}
footer{font-size:16px; color:#fff;}
footer a:hover{color:#01E6E6!important;}
footer p{font-size:14px; }
.footerBoxCon{max-width: 260px;}
.pdTopFooter{padding-top:80px;}
.smContainer a  {display: inline-block; text-align: center; width: 48px; height: 48px; }
.smContainer a i {width: 48px; height: 48px; font-size:32px; color:#fff; line-height: 48px;}
.footerMenu{line-height: 1.8;}
.menuContainer{display: inline-block; vertical-align: top;}
.footerInfoBox i{display: inline-block; width: 24px; font-size:18px; margin-right:4px;}
.footerBottom{padding:12px 0; background: #fff;}

#offcanvasTop{height: 100%; background: url(../img/offcanvasBg.jpg) no-repeat center; background-size:cover;}
.logoOffcanvas{display: block; width: 180px; margin-bottom:90px;}
.logoOffcanvas img{display: block; width: 100%;}
.sidebar .nav-link{ color:#fff; font-size:16px; font-weight: 500; border-bottom:0.5px solid rgba(255, 255, 255, 0.2); padding:20px 0;}
.sidebar .linkDropDown{  border-bottom:none; padding:0; line-height: 35px;}
.sidebar .nav-link i{display: inline-block; font-size:24px; margin-right:20px;}
.sidebar .nav-link:focus, .sidebar .nav-link:hover{color:#01E6E6;}
.sidebar ul{border-right:1px solid #01E6E6;}

.nav-link.dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-link.dropdown-toggle::after {
  margin-left: auto; 
}

#dynamic-box{position: relative; width:1400px; background: url(../img/menuMarina.jpg) no-repeat;border-radius: 10px; background-size:cover ; background-position: center; z-index: 1;}
#dynamic-box:before{content:""; position: absolute; inset:0; background: url(../img/menuBg.png) no-repeat center;border-radius: 10px; background-size:cover ; z-index: 1;}
.menuBoxContainer{width: 50%; margin:auto 0 auto auto; position: relative; z-index: 3; padding:40px 20px;}
#box-btn{display: block; width: 32px; height: 32px; margin:auto 0 auto auto;}
#box-btn i{color:#fff;}
#box-title{font-weight: 700;}

.secMainLiman,.sectionTemaRoller{position: relative; padding:100px 0;}
.secMainLiman:before{content:""; width: 150px; position: absolute; left:60px; top:0; bottom:0; background: url(../img/halat1.png) no-repeat top; background-size:cover;}
.secBaglama .txtContainer{padding-left:60px; max-width: 600px; align-self: center;}
.secBaglama .flexContainer {
  align-items: stretch;
}
.secBaglama .imgContainer {
  display: block;
  position: relative;
  overflow: hidden;
  width: 50%;
}

.secBaglama .imgContainer img {
  height:100%;
  width: 100%;
  object-fit: cover; 
  object-position: center;
  display: block;
}
.secCrownMain{padding-top:60px;}
.secCrownMain .crownBgContainer{background:url(../img/crowneplaza/secCrownMain.jpg) no-repeat center 100px; background-size: cover;}
.hizmetImg {width: 100%;  max-width:100%; aspect-ratio: 578 / 226; overflow: hidden;}
.hizmetImg img {width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}
.marinaInfo{background: #f7f7f7; position: relative; z-index: 1;}
.marinaInfo:before{content:""; position: absolute; width:174px; right:0; top:0; bottom:0; background:url(../img/halat2.png) no-repeat center ; background-size:cover;  z-index: 2;}
.marinaInfo .txtContainer{ width: 50%; padding: 60px 40px; box-sizing: border-box;}
.pdNone{padding: 0!important;}
.flexContainer{display: flex; align-items: stretch;}
.imgContainer {
  display: block;
  position: relative;
  overflow: hidden;
  width:100%;
}

.imgContainer img {
  height:100%;
  width: 100%;
  object-fit: cover; 
  object-position: center;
  display: block;
}
.secTekneHzContainer{padding-top:60px; background: url(../img/tekneHzContainerBg.jpg) no-repeat top; background-size:cover ; background-attachment: fixed;}
.titleLine{display: block; width: 200px; height: 6px; margin:10px 0; background: #fff; border-radius:5px;}
.secTekneHzContainer .txtContainer{padding-left:10%;}
.secTekneHzContainer .footerTop{border-top:1px solid #fff;}

.mainCrowne{text-align: center;}
.mainCrowne .sloganContainer{margin:auto; left:0; right:0;}
.mainCrowne .sloganHeading .slogan1{font-size:60px;}
.mainCrowne .sloganHeading .slogan2{font-size:70px;}
.mainCrowne .sloganContainer .btn_main, .secCrownMain .crownBgContainer .btn_main{display: inline-block; margin:0 5px;}

.roomContainer { display: flex; width: 100%; height: 480px;}

.rowItem { margin-bottom: 0;}
.rowItem.reverse {flex-direction: row-reverse;}
.imgBox, .textBox {width: 50%; height: 100%; overflow: hidden;}
.textBox {display: flex; align-items: center; justify-content: start; position: relative; left:-100px;}
.textBox2 {justify-content: end; right:-100px; left:unset;}
.imgBox img {width: 100%; height: 100%; object-fit: cover; display: block;}
.roomInfo {padding:40px; font-size: 18px; line-height: 1.6; background: #f1f1f1;  width: 600px; }
.roomInfo strong{ font-size: 24px; font-weight: 700; color: #206093;  }
.avmTripleContainer{background: #E6E6E6; padding:20px;}
.avmMainSec{display: block; position: relative; width: 100%; z-index: 1; height: 678px; overflow: hidden;}
.imgBgAbsolute{display: block; width: 100%; position: absolute; inset:0; object-fit: cover; z-index: -1;}
.avmMainSec .container { position: relative; z-index: 2; height: 100%;}
.avmMainSec .d-flex { height: 100%;}
.avmMainSec .txtContainer{width: 50%; background: rgba(255, 255, 255, 0.8); padding:40px 30px; position: relative;}
.secContainer{padding:60px 60px 60px 0;}

.avmLastSection{padding: 0 60px 60px 60px;}
.avmLastSection figure img {  width: 100%;
  height:480px;
  object-fit: cover;
  object-position: center;
  display: block;}
  .avmLastSection .aciklama .d-flex div{margin-right:15px;}

  
  .titleHeading .titleHr {
  display: flex!important;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  font-weight: normal;
}

.titleHeading .titleHr::before,
.titleHeading .titleHr::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #000;
  margin: 0 10px;
}

section.tabMenu .nav-tabs{border:none;}
section.tabMenu .nav-tabs .nav-link{background: #fff; color:#08518B; border:1px solid #08518B; border-radius:5px; margin:0 5px;}
section.tabMenu .nav-tabs .nav-link.active{background: #08518B; color:#fff;}
section.tabMenu .nav-tabs .nav-link{width: 205px;}

section.tabMenuBlog .nav-tabs .nav-link{width: auto;}

.avmHkTab1 { display: flex; width: 100%; height:680px;}

.rowItem { margin-bottom: 0;}
.rowItem.reverse {flex-direction: row-reverse;}
.imgBox, .textBox {width: 50%; height: 100%; overflow: hidden;}
.textBox {display: flex; align-items: center; justify-content: start; position: relative; left:-100px;}
.textBox2 {justify-content: end; right:-100px; left:unset;}
.imgBox img {width: 100%; height: 100%; object-fit: cover; display: block;}
.avmHkTab1 .roomInfo { width: 100%; font-size:16px; }
.form-select:focus, input:focus{box-shadow: none!important;}
.btn-outline-primary{border-right:none!important; border:1px solid #08518B!important;}
.btn-outline-primary:hover{background: #08518B!important;}
input,select,.input-group-text{border:1px solid #08518B!important;}

.magazaBox{display: block; border:1px solid #08518B; padding: 10px; border-radius: 10px; text-align: center;}
.logoBrand img{display: block; width: 190px; margin:auto;}
.brandName{font-size:16px; color:#08518B; font-weight: normal;}
.brandLocation{font-size:14px; color:#08518B;}

.figGalleryImg {width: 100%; aspect-ratio: 4 / 2; overflow: hidden; border-radius: 8px;}
.figGalleryImg img { width: 100%; height: 100%; object-fit: cover; display: block;}

.iconServices img{display: block; width:64px; margin:auto;}
.secMarinaServices .iconServices img{display: block; width:130px; margin:auto; color:#206093;}
.secMarinaServices .titleBox{width: 200px; margin:auto;}
.tab-pane{margin-top:80px;}

.blog-date{display: flex; align-items: center; background: #08518B; color:#fff; padding: 20px 40px; margin-right:30px;}
.blog-date i{margin-right:10px;}

.pricing-section-sinema .pricing-item .pricing-label {width: 100px;}
.pricing-section-gamecenter .pricing-item .pricing-label{width:280px;}
.pricing-item{ border-bottom:1px solid #f1f1f1; padding:10px 0;}
.seperatorSinema{padding:20px; margin-bottom:60px;}
.secSinemaBg{position: relative;}
.secSinemaBgImg{position: absolute; right:0; top:50%; width: 325px; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: -1;}
.movieBox{border:1px solid #f1f1f1; border-radius: 10px; position: relative; overflow: hidden; padding:10px;}
.movieBox .movieName{margin-top:20px; font-size:24px; font-weight: 700; color:#000;}
.movieBox .movieIcon{width:32px; height:32px; text-align: center; margin-right:5px;}
.movieBox .boxLabel{font-weight: 700; color:#000;}
.movieBox .boxLabel img{display: inline-block; width:24px; margin-right:8px;}
.movieBox .boxLabel span{font-weight: normal; display: inline-block; margin-left:8px;}

.btnAlter .btn_main{border:1px solid #08518B; color:#08518B;}
.btnAlter .btn_main:hover{background:#08518B; color:#fff;}
.btnAlter a{background: none;}
li::marker {color: #08518B; font-size:22px; font-weight: bold;}
.contactBox{border:1px solid #f1f1f1; padding:20px; margin-bottom:20px;}
.txtPdContainer{padding:0 30px!important;}
.secLimanKurumsal{padding-top:60px;}
.secLimanKurumsal .txtContainer{background: #f7f7f7; padding:40px; position:relative; left:-100px;}
.secLimanKurumsal .txtContainer2{left:unset; right:-100px;}

.image-container {
  background-image: url('../img/marina/marina1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;          
  min-height:800px;  
  max-height:1000px; 
}
.imgCon2{background-image: url('../img/marina/marina2.jpg');}
.imgCon3{background-image: url('../img/marina/marina3.jpg');}
.imgCon4{background-image: url('../img/marina/marina4.jpg');}
/* Ek: responsive için */
@media (max-width: 992px) {
  .image-container {
    height: 300px;
  }
}

.imgIcon{width:30px; height: 30px; margin-right:10px; position: relative; top:2px;}
.mapContainerLiman{background: #08518B;}
.formOnlineTeklif{max-width: 800px; margin:auto;}
.titleSatir tr th{background-color: #08518B!important; color:#fff;}
 .custom-card {
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      margin-bottom: 1rem;
      padding: 1rem;
      background-color:#08518B;
      color:#fff;
      display: flex;
      justify-content:space-between;
    }
    .custom-card h5 {
      font-size: 1.1rem;
      margin-bottom: 0.5rem;
    }
    .custom-card p {
      margin: 0;
      color:#3795F5;
    }
     .custom-card p span { background: #02223c; display: inline-block; border-radius: 10px; padding:0 10px;}

         #nav-telefonlar .custom-card {
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      margin-bottom: 1rem;
      padding: 1rem 1.5rem;
      background-color: #f8f9fa;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
   #nav-telefonlar  .custom-card .left {
      font-weight: 600;
      font-size: 1.05rem;
      color:#08518B;
    }
   #nav-telefonlar  .custom-card .right {
      font-weight: 500;
      font-size: 1rem;
      color: #3795F5;
      white-space: nowrap;
    }

.mainBgCon{position: relative;}

#bodyAquarium .sloganContainer, #bodyAslanpark .sloganContainer,#bodyTemaPark .sloganContainer, #bodyAquaPark .sloganContainer, #bodyEglence .sloganContainer{position: absolute; left:60px; top:50%; transform: translateY(-50%); -webkit-transform:translateY(-50%) ; z-index: 1;}
#bodyAquarium .slogan1, #bodyAslanpark .slogan1,#bodyTemaPark .slogan1, #bodyAquaPark .slogan1, #bodyEglence .slogan1{display: block; font-size:35px; font-weight: 500;}
#bodyAquarium .slogan2, #bodyAslanpark .slogan2,#bodyTemaPark .slogan2, #bodyAquaPark .slogan2, #bodyEglence .slogan2{display: block; font-size:70px; font-weight:700;}
#bodyAquarium .slogan3, #bodyAslanpark .slogan3,#bodyTemaPark .slogan3, #bodyAquaPark .slogan3, #bodyEglence .slogan3{display: block; font-size:20px;}

.mainSlideImg{position: absolute; right:0; bottom:8%; display: block; width: 100%; max-width:1000px; }
.mainImg {
  position: relative;
  width: 100%;
  height: 100vh; 
  overflow: hidden;
}
.mainImg img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}
.size16{font-size:16px;}
.size20{font-size:20px;}
.size24{font-size:24px;}
.size30{font-size:30px;}
.size35{font-size:35px;}
.size40{font-size:40px;}
.size55{font-size:55px;}
.size60{font-size:60px;}
.lh1{line-height: 1;}
.sayacContainer{background: #01E6E6; background: linear-gradient(0deg, rgba(1, 230, 230, 0.3) 0%, rgba(12, 72, 120, 0.5) 100%); border-radius:20px; margin:100px auto auto auto; padding:20px 60px; border:1px solid #fff;}
#bodyAslanpark .sayacContainer{background: #885300;
background: linear-gradient(0deg,rgba(136, 83, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);}



.vLines{display: block; width:0.5px; height:80px; background: #fff; margin:60px auto;}
.vLinesBox{margin:30px auto; height: 50px;}
.quaternary .Imgquaternary{width: 200px; margin:auto; position: relative; border-radius: 10px; overflow: hidden;}
.quaternary .itemContainer .dot{display: block; width: 20px; height: 20px; border-radius: 50%; background: #fff; margin:auto auto 30px auto;}
.quaternary .itemContainer {max-width: 340px; margin: auto;}
.rovQuaternary{position: relative;}
.rovQuaternary:before{content:""; position: absolute; left:0px; top:10px; right:0; margin:auto;  height: 1px; width:calc(100% - 614px); background: #fff;}
.secEtkinlikler {position: relative;}
.secEtkinlikler .absoluteImgContainer{position: relative;}
.secEtkinlikler .absoluteImgContainer img{display: block; width: 330px; border-radius: 10px;}
.secEtkinlikler .absoluteImgContainer .img1{box-shadow: 10px 10px 16px -3px rgba(0,0,0,0.45);
-webkit-box-shadow: 10px 10px 16px -3px rgba(0,0,0,0.45);
-moz-box-shadow: 10px 10px 16px -3px rgba(0,0,0,0.45); position: relative; z-index: 2;}
.secEtkinlikler .absoluteImgContainer .img2{margin: auto; position: relative;z-index: 1; top:-50px;}
.iconEvents img{display: block; width:110px;}
.iconTema img{display: block; width:45px; margin-right:20px;}
.secCanlilar .titleHeading .titleHr::before,
.secCanlilar .titleHeading .titleHr::after { border-bottom: 1px solid #fff;}
.aAnimal{padding:0 30px; display: block; }
.aAnimal figure img{ transition: all ease 300ms; -webkit-transition: all ease 300ms;}
.aAnimal:hover figure img{ transform: scale(1.1);}
.aAnimal .btnGenel{display: block; width: 170px;}
.secZiyaretSaatleri{padding:200px 0 200px 0; background: url(../img/akvaryum/footerUstBg.png) no-repeat center; background-size: cover;}
.secZiyaretSaatleriDetay{padding:140px  0; background:none; }
.zSaatlerCon{border:1px solid rgba(255, 255, 255, 0.4); background:rgba(0, 0, 0, 0.2); padding:40px 30px; border-radius:15px;}
.ml-5{margin-left:5px;}
 #bodyAquarium{background: #06488B;
background: linear-gradient(0deg,rgba(6, 72, 139, 1) 0%, rgba(14, 72, 113, 1) 32%, rgba(6, 38, 56, 1) 59%, rgba(0, 61, 118, 1) 100%);}
 #bodyAslanpark{background: #3E290C;
background: linear-gradient(0deg,rgba(62, 41, 12, 1) 0%, rgba(225, 164, 84, 1) 32%, rgba(124, 88, 40, 1) 59%, rgba(116, 71, 12, 1) 100%);}
 #bodyAslanparkDetay{background: #3E290C;
background: linear-gradient(310deg,rgba(62, 41, 12, 1) 3%, rgba(225, 164, 84, 1) 32%, rgba(124, 88, 40, 1) 59%, rgba(116, 71, 12, 1) 100%);}

.mainSection{height:100vh; position: relative;}
.shine1Absolute{position: absolute; right:0; bottom:-340px; width: 100%; z-index: -1;}
.shine2Absolute{position: absolute; right:0; bottom:-400px; width: 100%; z-index: -1;}
.shine3Absolute{position: absolute;  left:0; top:10%; bottom:0;height: 100%; width: 100%; z-index: -1;}
#headerAkvaryum{ position: relative; background: url(../img/akvaryum/headerBg.png) no-repeat top; background-size:100% 100px;}
#headerAslanPark{ background: none;}
.secCanlilar{position: relative; padding-bottom:100px;}
.titleSubLine{width: 200px; height:5px; background: #01E6E6; border-radius: 4px; margin:10px auto;}
.infoCon{margin-bottom:60px;}
.detayBgAkvaryum{background: url(../img/akvaryum/detayBg.jpg) no-repeat center; background-size: cover;}

.aslanParkLogo{width:180px; display: block; margin:auto; padding:20px;}

#bodyAslanpark .mainSection{background:url(../img/aslanpark/mainSlideBg.jpg) no-repeat center; background-size: cover;}
#bodyAslanpark .mainSlideImg{max-width: 100%; bottom:-50%; z-index: 1;}


.bgAslanpark{background: url(../img/aslanpark/aslanParkShineBg.png) no-repeat center; background-size: cover;}
.aboutLionPark{padding-top:300px; position: relative; z-index: 2;}

.secYirticiCanlilar .bgShine{position: relative; }
.secYirticiCanlilar .bgShine:before{content:""; position: absolute; inset:0 -60px; background:url(../img/aslanpark/bgShine.png) no-repeat center center ; background-size:cover ; z-index: -1;}
.bgAslanpark2{background: url(../img/aslanpark/bg2-min.png) no-repeat top center; background-size: cover;}
.bgAslanpark3{background: url(../img/aslanpark/bg.png) no-repeat top center; background-size: cover;}


.bgAslanpark2 .secZiyaretSaatleri{padding:100px 0 200px 0; background:none;}
.bgAslanpark2 .secZiyaretSaatleriDetay{padding:140px  0; background:none; }
.aslanParkHk .secZiyaretSaatleri{padding:60px  0; background:none;}

.aslanParkHk .bgAslanpark2{background:none;}

.bgAslanpark2 .headerBtnCon a{color:#fff; background: rgba(255, 166, 1, 0.3); margin-left:10px; border:1px solid #fff;}
.bgAslanpark2 .headerBtnCon a:hover{color:#fff; background: rgba(255, 166, 1, 0.8); border:1px solid #fff;}
.aslanParkHk .headerBtnCon a{color:#fff; background: rgba(255, 166, 1, 0.3); margin-left:10px; border:1px solid #fff;}
.aslanParkHk .headerBtnCon a:hover{color:#fff; background: rgba(255, 166, 1, 0.8); border:1px solid #fff;}
.aquaParkHk .headerBtnCon a{color:#fff; background:#06488B; margin-left:10px; border:none;}
.aquaParkHk .headerBtnCon a:hover{color:#fff; background:#01ADEE; margin-left:10px; border:none;}

.temaParkHk .headerBtnCon a{color:#fff; background:#b363d6; margin-left:10px; border:none;}
.temaParkHk .headerBtnCon a:hover{color:#fff; background:#86509e; margin-left:10px; border:none;}


#footerAslanPark {border-top:10px solid #fff;}
#footerAslanPark .footerMain{background: url(../img/aslanpark/footerBg.jpg) no-repeat center; background-size:cover;}
#footerAslanPark .logoFooter {width: 130px;}

#footerTemaPark {border-top:10px solid #fff;}
#footerTemaPark .footerMain{background: url(../img/temapark/footerTemaPark.jpg) no-repeat center; background-size:cover;}
#footerTemaPark .logoFooter {width: 130px;}

#footerAquaPark {border-top:10px solid #fff;}
#footerAquaPark .footerMain{background: url(../img/aquapark/footerAquaPark.jpg) no-repeat center; background-size:cover;}
#footerAquaPark .logoFooter {width: 130px;}

#headerAslanPark .logo{width: 160px; margin:auto; padding: 10px;}
#headerAslanPark .logo img{display:block; width: 130px;}
#bodyTemaPark .logo{width:180px; margin:auto; padding: 10px;}
#bodyTemaPark .logo img{display: block; width: 100%; }

#bodyAslanparkDetay .bgShine{background: url(../img/aslanpark/bgShine.png) no-repeat center center; background-size: cover;}
#bodyAslanparkDetay .footerMenu:hover,#bodyAslanpark .footerMenu:hover{ color: #ffa701 !important; }
section.uniteler{background: #F5F5F5;}

.aUnite .vLines{display: block; width:1px; height:60px; background:#B363D6; margin:auto;}
.aUnite .vLinesBox{position: absolute; left:0; top:-60px; right:0; margin:auto; }
.figureUnite{border-radius: 10px; overflow: hidden; position: relative;}
.figureUnite img{transition: all ease 500ms; -webkit-transition: all ease 500ms;}
.aUnite:hover .figureUnite img{transform: scale(1.1);}
.bgRoller{position:absolute ; right:0; top:0; bottom:0; width: 461px;  z-index:1;}
.sectionOzellikler figure.infoImg{padding:40px;}

a.koda-icon-link p { white-space: pre; color: transparent!important; text-align: center; font-weight: 500; margin: 0; } 
a.koda-icon-link, a.koda-icon-link p { transition: .5s all ease; } 
.koda-icon-links { width: 5.75rem; position: relative; display: inline-flex; flex-direction: row; justify-content: start; align-items: center; top: -6px; } 
a.koda-icon-link:hover { position: absolute; left: 0; width: 5.75rem; margin-left: 0; padding-left: .45rem; padding-right: .45rem; z-index: 999; } 
.koda-icon-link.ikona { background-color: #ffce03; } 
.koda-icon-link.kenobi { background-color: #2cb5bf; } 
.koda-icon-link.karanlik_oda { background-color: #8ab93f; } 
a.koda-icon-link { text-decoration: none; position: absolute; left: 0; transform: translateX(0); overflow: hidden; height: 1.75rem; width: 1.75rem; border-radius: .875rem; padding-right: 0; padding-left: 0; z-index: 3; display: inline-flex; align-items: center; justify-content: center; } 
a.koda-icon-link:nth-child(2) { left: 2rem; z-index: 2; } 
a.koda-icon-link:nth-child(3) { left: 4rem; z-index: 3; } 
a.koda-icon-link:hover { position: absolute; left: 0; width: 5.75rem; margin-left: 0; padding-left: .45rem; padding-right: .45rem; z-index: 999; } 
a.koda-icon-link:hover p { color: #fff!important; padding-top: 0px; } 


#bodyTemaPark .secZiyaretSaatleri{position: relative; padding:200px 0 200px 0; background: url(../img/temapark/temaParkTopFooterBg.jpg) no-repeat center; background-size: cover; z-index: 1;}
#bodyTemaPark .secZiyaretSaatleri:before{content:""; position: absolute; inset:0; background:rgba(66, 14, 88, 0.7); mix-blend-mode: multiply; z-index: -1;}
#bodyTemaPark .footerMenu:hover{ color: #E601E6 !important; }

/* .secZiyaretSaatleriDetay{padding:140px  0; background:none; } */

#bodyTemaPark section.tabMenu .nav-tabs{border:none;}
#bodyTemaPark section.tabMenu .nav-tabs .nav-link{background: #fff; color:#08518B; border:1px solid #08518B; border-radius:5px; margin:0 5px;}
#bodyTemaPark section.tabMenu .nav-tabs .nav-link.active{background:#b363d6; color:#fff; border:1px solid #b363d6;}
#bodyTemaPark section.tabMenu .nav-tabs .nav-link{width: auto;}

#bodyTemaPark section.tabMenu .nav-tabs .nav-link .fa-chevron-left{margin:0 10px;}
#bodyTemaPark section.tabMenu .nav-tabs .seperate{ width:30px; height: 1px; align-self: center; background: #06488B;}

.measureUnits{position: absolute; right:0; top:0; background: #06488B; color:#fff; padding:10px 20px; border-bottom-left-radius: 10px;}
.bannerBottom{display: block; width: 100%;  position: absolute; left:0; bottom:0; right:0; }

#bodyAquaPark .sloganContainer{left:0;}
#bodyAquaPark .bgSlogan{background: rgba(1, 175, 238, 0.8); padding:40px 0 40px 60px; border-top-right-radius:30px; border-bottom-right-radius: 20px; left:0; }
#bodyAquaPark header{background: none;}
#bodyAquaPark a.logo{width:190px; margin: auto;}
#bodyAquaPark a.logo img{width:190px; display: block;}

.aquaParkSection1 .vLines{background: #ccc; height:80px; position: absolute; left:0; top:-100px; right:0; margin: auto;}
.aquaBg1{background: url(../img/aquapark/aquaBg1.jpg) no-repeat top center; background-size: cover; z-index: 1; position: relative;}
.aquaBg2{display: block; width: 100%; position: relative; top:-160px; }
.aquaBg2 img{display: block; width: 100%;}
#bodyAquaPark .secZiyaretSaatleri{padding: 0; background:none; position: absolute; left:0; bottom:-100px; right:0; }
#bodyAquaPark .zSaatlerCon{border:1px solid rgba(0, 0, 0, 0.4); background:rgba(255, 255, 255, 0.2); padding:40px 30px; border-radius:15px;}
.bulut{position: absolute; left:30%; top:5%; display: block; width: 600px!important;}

#bodyEglence header{background: none;}

.secEglenceMerkezi .titleSubLine{width: 100%; height:5px; background:#B143F7; border-radius: 4px; margin:10px auto;}
#bodyEglence .fa-play{transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
#bodyEglence{position: relative;}
#bodyEglence:before{content:""; position: absolute; left:0; bottom:530px; height: 100vh; right:0; background: url(../img/aileeglencemerkezi/bowlingBg.jpg) no-repeat center; background-size: cover;}
#bodyEglence .secZiyaretSaatleri{background: none; padding:200px 0 0 0;}
#bodyEglence .zSaatlerCon{border:none; background:none; padding:0; border-radius:0;}

#bodyEglence .containerBg{border:1px solid rgba(255, 255, 255, 0.7); background:rgba(0, 0, 0, 0.7); padding:40px 30px; border-radius:15px;}
#bodyAslanparkDetay .aslanParkHk .containerBg{border:1px solid rgba(255, 255, 255, 0.7)!important; background:rgba(0, 0, 0, 0.4)!important; padding:40px 30px; border-radius:15px;}

#footerEglence {border-top:10px solid #fff;}
#footerEglence .footerMain{background: url(../img/aileeglencemerkezi/footerEglence.jpg) no-repeat center; background-size:cover;}
#footerEglence .footerMenu:hover{ color: #E601E6 !important; }
.secEglenceMerkezi{position: relative;}
.secEglenceMerkezi:before{content:""; position: absolute; left:0; top:0; width: 360px; height: 598px; background: url(../img/aileeglencemerkezi/balls.jpg) no-repeat center; background-size: cover; z-index: -1;}

.aslanParkHk .zSaatlerCon{border:none; background:none; }

.biletLogo{display: block; width:300px; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.textBilet{position: absolute; width: 50%; right:30px; top:50%; font-size:12px; color:#fff; transform: translateY(-50%);}
.mobil-block{display: none;}
.biletSatinAL .logo img{margin:auto auto auto 0;}
 .secBiletAl .owl-carousel .owl-item {
          transition: transform 0.3s ease, opacity 0.3s ease;
          opacity: 0.5;
        }

       .secBiletAl .owl-carousel .owl-item.center {
          opacity: 1;
          transform: scale(1);
        }

       .secBiletAl .owl-carousel .owl-item:not(.center) {
          transform: scale(0.9);
        }

        .textBilet p {
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
        }

        @media (max-width: 575.98px) {
         .secBiletAl .owl-carousel .owl-item {
            opacity: 1;
            transform: none;
          }
        }

        .biletSec {
          max-width: 1000px;
          margin: 0 auto;
          background: #F3F3F3;
          border-radius: 15px;
          padding: 40px;
          box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.38);
          -webkit-box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.38);
          -moz-box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.38);
          height: 100%;
          margin:auto 0 auto auto;
        }

        .liste {
          background: #f3f3f3;
          padding: 40px;
          border-radius: 15px;
          box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.38);
          -webkit-box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.38);
          -moz-box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.38);
          height: 100%;
          margin:auto auto auto 40px;
          max-width:600px;
          min-width: 400px;
        }

        .biletSec .custom-nav button {
          background: #fff;
          border: none;
          color: #000;
          line-height: 35px;
          padding: 5px 12px;
          border-radius: 5px;
        }

       .secBiletAl .owl-carousel .owl-item .item {
          max-width: 300px;
          margin: 0 auto;
        }

       .secBiletAl .owl-carousel .item img {
          width: 100%;
          height: auto;
          object-fit: cover;
          object-position: center;
        }

        .custom-nav {
          padding: 20px 0;
        }

        .custom-nav button.active {
          background: #8FBE3D;
          color: #fff;
        }

        .ticket-container {
          background: #393939;
          padding: 20px;
          border-radius: 10px;
        }

        .number-input {
          background: #fff;
          text-align: center;
          border-radius: 5px;
          border: none;
        }

        .number-input button {
          color: #000;
          border: none;
          line-height: 50px;
          cursor: pointer;
          font-size: 18px;
          font-weight: bold;
          background: #fff;
        }

        .number-input input {
          width: 60px;
          text-align: center;
          -moz-appearance: textfield;
          /* Firefox için okları kaldır */
        }

        .number-input input::-webkit-outer-spin-button,
        .number-input input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          /* Chrome, Safari, Edge için okları kaldır */
          margin: 0;
        }

       .secBiletAl input {
          border: 1px solid #f1f1f1 !important;
          border-top: 1px solid transparent !important;
          border-bottom: 1px solid transparent !important;
        }

        #ticketDate {
          line-height: 39px;
        }

        .viaLogo {
          display: block;
          width: 79px;
        }

        .remove-ticket,
        .add-ticket {
          border: none;
        }

        .remove-ticket i {
          color: #E74B3C;
          font-size: 18px;
        }

        .add-ticket i {
          color: #8FBE3D;
          font-size: 18px;
        }

        .ticket-item {
          border-bottom: 1px dotted #ccc;
          padding: 10px 0;
        }

        .tutarBg {
          background: #393939;
          padding: 10px 20px;
          border-radius: 5px;
          margin: 20px 0 10px 0;
        }

        .btnSonraki {
          width: 100%;
          background: #8FBE3D;
          border: none;
          padding: 10px 20px;
          border-radius: 5px;
          color: #fff;
        }

        .banks {
          display: flex;
          padding: 20px;
          background: #F5F5F5;
          border-radius: 10px;
          margin: 20px auto;
        }

        .imgBanks {
          display: block;
          width: 100%;
          max-width: 560px;
        }

        .imgBanks img {
          mix-blend-mode: multiply;
        }

        .musteriForm {
          background: #f3f3f3;
          padding: 40px;
          border-radius: 15px;
          box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.38);
          -webkit-box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.38);
          -moz-box-shadow: 1px 1px 17px 0px rgba(0, 0, 0, 0.38);
          height: 100%;
        }

        .listeSonraki {
          width: auto;
        }

        .form-control {
          line-height: 40px;
        }

        .listeSonraki .tutarBg {
          background: #fff;
        }


          @media (max-width:2559px) {
       .slogan1{font-size:45px;}
       .slogan2{font-size:65px;}
       .slogan3{font-size:20px;}
       .titleHeading .title2{font-size:45px;}
       .titleHeading .title1{font-size:24px;}
       .title{font-size:45px;}
        }
          @media (max-width:1920px) {
        #bodyAslanpark .mainSlideImg{bottom:-40%;}
         #bodyAquaPark .slogan2{font-size:45px;}
         .bgRoller{right:-90px; width:455px;}
          .mainCrowne .sloganHeading .slogan1{font-size:35px;}
       .mainCrowne .sloganHeading .slogan2{font-size:45px;}
        }

         @media (max-width:1600px) {

        .imgFit {aspect-ratio: 2.5 / 1;  }
        .imgFitVertical {flex: 1 1 48%; aspect-ratio: 3 / 7; overflow: hidden; margin: 0; }
        .titleHeading .title1{font-size:20px;}
        .categoryBox figcaption{font-size:24px;}
          .title{font-size:35px;}
          .titleBox{font-size:20px;}

           .slogan1{font-size:35px;}
       .slogan2{font-size:50px;}
       .secMainLiman::before{left:-70px;}
       .marinaInfo::before{right:-20px;}
      
       .avmMainSec .imgBgAbsolute{min-height: 800px;}
         .rovQuaternary:before{ width:calc(100% - 350px);}
         #dynamic-box{width: 100%; max-width: 1000px;}
         #bodyAquaPark .slogan2{font-size:35px;}
         #bodyEglence .slogan2{font-size:45px;}
         #bodyEglence .secZiyaretSaatleri{padding:0;}

        }
         @media (max-width:1440px) {
        .imgFit {aspect-ratio: 2.2 / 1;  }
.bgRoller{width: 452px; opacity: 0.2;}
        .titleHeading .title2{font-size:35px;}
        .imgFitVertical {flex: 1 1 48%; aspect-ratio: 2.8 / 7; overflow: hidden; margin: 0; }
.crownBgContainer{padding:60px 0 360px 0;}
.crownBgContainer .slogan3{font-size:16px;}
.banner{height: 600px;}
section.tabMenu .nav-tabs .nav-link{width: auto;}
.avmHkTab1{height: 650px;}
.avmHkTab2{height: 850px;}
.secRooms{padding:0 !important;}
 #bodyAslanpark .slogan2{font-size:50px;}
 #bodyAslanpark .slogan3{font-size:16px;}
.slogan2{font-size:40px;}
 #bodyAquarium .slogan1,#bodyTemaPark .slogan1{font-size:24px;}
 #bodyAquarium .slogan2,#bodyTemaPark .slogan2{font-size:45px;}
 #bodyAquarium .slogan3,#bodyTemaPark .slogan3,#bodyViaport .slogan3{font-size:16px;}
 #bodyAquaPark .slogan3{font-size:16px;}
 #bodyAquarium .mainSection{height: 800px;}
  #bodyAquarium .mainSlideImg{max-width: 800px; bottom:-6%;}
  .biletSec{max-width: 800px; padding:16px;}
        }

         @media (max-width:1366px) {
        .rovQuaternary:before{ width:calc(100% - 300px);}
        }
           @media (max-width:1200px) {
            #content-area{display: none!important;}
            .mobil-none{display: none;}
            .mobil-block{display: block;}
            .mobil-block .logo img{width:160px; margin:auto auto auto 0;}
             .imgFitVertical{aspect-ratio:3/4;}
            .biletWrapCon{flex-direction: column;}
  .biletSec{max-width: 100%; padding:16px;}
            .liste{max-width: 100%; margin:20px auto; min-width: 310px;}
            .biletSec .number-input{text-align: left;padding-left:10px;}

        }

         @media (max-width:1024px) {
          .logo img{width: 160px;}
       .header-container{padding-left:10px; padding-right:10px;}
       .sloganContainer{width: 100%; padding:0 20px; bottom:30%;}
       .sloganContainer{left:0;}
          .sectionLiman .txtContainer{padding:0 10px;}
          .sectionCrown,.secCrownMain{padding:20px 10px 0 10px}
          .sectionCrown .slogan3.w-50,.secCrownMain .slogan3.w-50{width: 95%!important;}
          .pd60{padding:20px 0;}
          .pdlr60{padding:0 20px;}
          .title{font-size:26px;}
          .mapContainer{height:400px;}
         #bodyAslanparkDetay .mapContainer{height: 100%;}
          .categoryBox figcaption{font-size:16px;}
          .formContainer{padding:20px!important;}
          .mpForm .title{font-size:26px;}
          .mainYat .sloganContainer{width: 100%;}
          .mainYat .slogan1{font-size:20px;}
          .mainYat .slogan2{font-size:26px;}
          .mainCrowne .sloganHeading .slogan1,.mainCrowne .sloganHeading .slogan2{font-size:26px;}
          .secBaglama .flexContainer{flex-direction: column;}
          .secBaglama .flexContainer .imgContainer{width: 100%; margin-bottom:20px;}
           .secMainLiman::before{display: none;}
           .roomsContainer{top:0;}
           .roomContainer{flex-direction: column;}
           .roomContainer .imgBox{width: 100%;}
           .roomContainer .textBox{left:0; width: 100%;}
            .roomContainer .roomInfo{width: 100%;}
            .order1{order:1;}
            .order2{order:2;}
            .order3{order:3;}
            .order4{order:4;}
            .order5{order:5;}
            .order6{order:6;}
           .secBaglama .txtContainer{padding:20px; text-align: center;}
           .marinaInfo .flexContainer{flex-direction: column;}
           .marinaInfo .flexContainer .imgContainer.w-50{width: 100%!important;}
           .marinaInfo .txtContainer{width: 100%; padding:20px 0px;}
           .marinaInfo::before{display: none;}
             .sidebar{width: 100%!important;}
        .logoOffcanvas{margin-bottom:30px;}
        .banner{height:350px;}
        .bannerCrowne{height: 100vh;}
      
        .secLimanKurumsal .txtContainer{left:0;}
        .secLimanKurumsal .image-container{min-height: 100%;}
        .title1{font-size:26px;}
        .secLimanKurumsal .txtContainer{padding:20px;}
        .sectionSeperator4{padding:60px 0;}
        .avmMainSec .txtContainer{width: 100%;}
        .avmLastSection{padding:10px;}
        .avmHkTab1{height: auto;}
        #headerAslanPark .logo{margin:auto auto auto 0; width: 100px;}
        #bodyAslanpark .mainSlideImg{bottom:-195px;}
        .aboutLionPark{padding-top:160px;}
       .size40{font-size:26px;}
       .size55{font-size:32px;}
       .size60{font-size:36px;}
       .size35{font-size:28px;}
        .titleHeading #dynamic-title{font-size:24px;}
        #bodyAslanpark .sloganContainer,#bodyTemaPark .sloganContainer,#bodyEglence .sloganContainer{left:0; text-align: center;}
        #bodyAslanpark .sloganContainer .slogan1,#bodyAslanpark .sloganContainer .slogan2,#bodyTemaPark .sloganContainer .slogan2,#bodyEglence .sloganContainer .slogan2{font-size:26px;}
          .bgAslanpark2 .secZiyaretSaatleri{padding:0;}
          #bodyAquarium .mainSlideImg{bottom:0;}
         #bodyAquarium .sloganContainer{top:35%; text-align: center; left:0;}
          .rovQuaternary::before{display: none;}
          .rovQuaternary .itemContainer .dot{display: none;}
          .rovQuaternary .col-12{margin-bottom:40px;}
          .rovQuaternary .col-12 .itemContainer .vLines{display: none;}
          #bodyAquarium .slogan2{font-size:26px;}
          #bodyAquaPark a.logo,#bodyTemaPark .logo{margin:auto auto auto 0;}
          #bodyAquaPark a.logo img{width: 130px;}
          #bodyAquaPark .secZiyaretSaatleri{position: relative; bottom:0;}
         .aquaBg2 .bulut{display: none;}
         #bodyAquaPark .secOzellikler{padding-bottom:30px;}
         #bodyAquaPark .bgSlogan{border-radius: 20px; padding:20px; text-align: center;}
         #bodyAquaPark .slogan2,#bodyAquaPark .slogan1,#bodyEglence .sloganContainer .slogan1 {font-size:26px;}
         .aquaBg2{top:0;}
         .bgRoller{display: none;}
         .temaParkHk{padding:50px 0; text-align: center;}
         #bodyTemaPark .logo{width:120px;}
         #bodyTemaPark .secZiyaretSaatleri{padding:60px 0;}
         .bannerSinemaLow{background-position: right;}
         .secEglenceMerkezi::before{display: none;}
         .secEglenceMerkezi .size30{font-size:24px; margin:10px 0;}
         .secEglenceMerkezi .pdtb60{padding:30px 0;}
         .secEglenceMerkezi .zSaatlerCon {text-align: center;}
         .secEglenceMerkezi .zSaatlerCon .d-flex{flex-direction: column;}
         .tumunite span.seperate{display: none;}
         .sloganSwiper .slogan2{font-size :26px !important;}
         .sloganSwiper .slogan1{font-size :20px !important;}
         .blogDateCon{flex-direction: column;}
         .blogDateCon .blog-date{margin-bottom:20px;}
         .headerBtnCon a i, .headerBtnCon2 a i{margin:auto; font-size:16px; text-align: center;}
         .headerBtnCon .btnNavMob, .headerBtnCon2 .btnNavMob {display: block; width: 32px;  padding: 0; line-height: 30px; height: 32px; text-align: center; margin:auto 0 5px auto;}
        }
         @media (max-width:768px) {
        .sectionSeperator2,.sectionSeperator{padding:60px 0;}
        .titleHeading .title2{font-size:26px;}
        .mouseImg .mouseCon{width: 25px; height: 40px; margin:auto;}
        .register,.register.right{text-align: center!important;}
        .nav-tabs .nav-link{width: 100%!important;}
          .mainCrowne .sloganContainer .btn_main {display: block;}
          .roomInfo{padding:10px; font-size:16px;}
          .crownBgContainer{padding:20px 0 400px 0;}
          .secCrownePlazaMain .size20{font-size:16px;}
          .aciklama .d-flex{flex-direction: column;}
          #bodyAslanpark .mainSlideImg{bottom:-100px;}
          .sayacContainer .size60{font-size:40px;}
          .sayacContainer .size30{font-size:26px;}
          .secEtkinlikler .absoluteImgContainer img{ width: 100%; position: relative; }
          .secEtkinlikler .absoluteImgContainer .img2{top:0; margin-top:20px; margin-bottom:20px;}
        .secSinemaBgImg{display: none;}
        .txtPdContainer{padding: 0 !important;}
        .secBowling {text-align: center;}
        .secBowling .titleBox{margin:10px 0!important;}
        .secBowling .contactBox .d-flex{justify-content: center;}
        .secMarinaServices .iconServices img{width:90px;}
        .secMarinaServices .titleBox{width:100%!important; font-size:16px!important;}
        }
        
        @media (max-width:360px) {
          .sloganHeading .slogan1{font-size:20px;}
          .sloganHeading .slogan2{font-size:26px;}
          .bodySplashScreen .sloganContainer{top:39%!important;}
          
        }