
@media only screen and (max-width:1650px) {
.wrapper { padding: 0 24px; }
.wrapper-left { width: calc(100% - 392px); }
header .container .menu ul li a { font-size: 15px; padding: 8px; }
.homeDisplay { zoom: 0.8; }
.homeForm { width: 360px; padding: 16px 32px; }
.homeForm>.title { font-size: 22px; line-height: normal; margin-bottom: 20px; }
.inputDefault { height: 42px; font-size: 14px; }
.contact-icon { height: 100%; overflow: hidden; }
.contact-icon img { left: -20%; position: relative; }
.contact-text { width: 490px; left: 20%; }
.contact-text h4 { font-size: 34px; }
.contact-text { }
.contact-img { right: -100px; }
.neler-kazandirir ul { box-sizing: border-box; width: auto; display: flex; justify-content: center; }
.neler-kazandirir ul li { width: calc(50% - 48px); }
section.content:before { width: 70px; background-size: contain; height: 54px; top: -30px; }
.countdown { padding: 24px 0px; }
.content-description { font-size: 20px; width: 80%; }
.neler-kazandirir ul li h3 { margin-bottom: 8px; }
.neler-kazandirir ul li p { line-height: 24px; font-size: 16px; }
.title h3 { width: 80%; }
.newItemText h3 { font-size: 18px; line-height: 24px; }
.title h2 { font-size: 40px; letter-spacing: -1px; }
.title h5 { font-size: 16px; }
.commentText { font-size: 16px; line-height: 24px; max-width: 100%; }
}

@media only screen and (max-width: 1370px) {
.features h2 { font-size: 40px; }
}

@media only screen and (max-width:1280px) {
.formBtn { position: fixed; right: 0px; z-index: 2; top: 50%; transform: translateY(-50%); display: block !important; }
.homeForm { display: block; right: 0px; position: fixed; z-index: 22; }
.homeForm.active { right: 0px; display: block; transition: 300ms all; overflow: inherit; max-width: 100%; border-radius: 20px; }
.overlay_bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgb(0 0 0 / 30%); /* opacity: .6; */ display: none; z-index: 10; backdrop-filter: blur(4px); }
.homeForm>.title { /* display: none; */ }
.homeForm { display: none; right: -100%; transition: 300ms all; }
.wrapper-left { width: 100%; }
.contact-img { right: -24px; }
.homeForm { width: 768px; left: 50%; top: 50%; height: initial; min-height: auto; border-radius: 30px; padding: 28px 32px 48px; transform: translateY(-50%) translateX(-50%); max-width: 90%; max-height: 90vh; }
.homeForm>form>ul>li { width: calc(50% - 12px); }
.homeForm>form>ul { display: flex; flex-direction: row; flex-wrap: wrap; }
.contact-img { width: 30%; }
.contact-icon img { left: -35%; }
.contact-icon { display: none; }
.homeForm>form>ul>li:first-child, .homeForm>form>ul>li:last-child { width: 100%; }
}

@media only screen and (max-width:1024px) {
.f-menu { display: none; }
.homeDisplay .slogan { width: 50%; }
}

@media only screen and (max-width:768px) {
header .container .menu { display: none; }
header .container .logo { width: 180px; padding: 0px; border: navajowhite; }
header .container { height: 70px; }
.headerMobilBtn { position: relative; display: flex; flex-direction: column; width: 44px; height: 40px; gap: 6px; justify-content: center; padding: 0px 8px; cursor: pointer; }
.headerMobilBtn { position: relative; display: flex; flex-direction: column; width: 44px; height: 100%; gap: 6px; justify-content: center; padding: 0px 8px; cursor: pointer; }
.headerMobilBtn>span { position: relative; display: block; width: 100%; height: 2px; background: #000; top: 0; transform: rotate(0); transition: .3s all }
body.menuOpen .headerMobilBtn>span:first-child { transform: rotate(45deg); top: 10px; }
body.menuOpen .headerMobilBtn>span:nth-child(2n) { opacity: 0 }
body.menuOpen .headerMobilBtn>span:last-child { transform: rotate(-45deg); top: -6px; }
body.menuOpen .menu { position: absolute; background: #e6e8e92b; display: flex; top: 0px; flex-direction: column; flex-wrap: nowrap; width: 100%; margin-top: 20px;/* box-shadow: 0px 10px 10px rgb(0 0 0 / 15%); */ padding: 20px; border: 1px solid #e6e8e9; background: #fff; left: 0px; top: 76px; }
header .container { height: inherit; display: flex; flex-wrap: wrap; padding: 24px 32px;/* background: #fff; */ align-items: center; }
body.menuOpen .menu ul { display: flex; flex-direction: column; }
header .container .menu ul li a { padding: 8px 16px; display: block; text-align: center; }
.mobileHeader { display: flex; }
.sticky {/* padding-top: 122px; */ }
.sticky header { filter: drop-shadow(0px 0px 35px rgb(18 23 32 / 25%)); position: fixed; background: #fff; left: 0px; top: 0px; border-radius: 0px; padding: 0px; height: fit-content; }
.sticky header .container .logo { width: 130px; }
.sticky.menuOpen header .container { height: auto; }
.features ul li { width: 100%; }
.homeImg { width: 300px; }
.homeDisplay .slogan h1 { font-size: 48px; letter-spacing: -1px; line-height: 50px; }
.homeDisplay { max-height: inherit; min-height: inherit; height: inherit; }
}

@media only screen and (max-width:480px) {
body.menuOpen.sticky .menu { top: 46px; }
.wrapper-left { width: 100%; padding: 0px; }
.wrapper { padding: 0px; }
.homeDisplay { display: flex; flex-direction: column; zoom: 0; padding-top: 100px; height: inherit; border-radius: 0px; }
header { width: 100%; padding: 0px; top: 0px; }
header .container .logo { width: 150px; }
header .container { padding: 12px 20px; display: flex; align-items: center; }
.title h2, section.sss .title { font-size: 32px; line-height: normal; }
.homeAbout, .homeGallery { margin: 0px; }
.popupModal { padding: 20px; }
.features ul li { width: 100%; }
.features h2 { font-size: 32px; letter-spacing: -1px; line-height: 32px; }
.features h3 { font-size: 16px; line-height: 26px; }
.homeForm { padding: 32px; width: 100%; }
.title h3 { font-size: 16px; line-height: 24px; }
.newList { display: flex; flex-direction: row; flex-wrap: wrap; }
.newList .newItem { width: calc(50% - 10px); }
.newList .newItem .newItemText { padding: 10px; text-align: center; }
.contactform { padding: 30px; }
.iletisim { padding: 20px; }
.submit { height: 48px; }
.homeDisplay .slogan { width: 100%; padding: 32px 32px 0px; gap: 0px; }
.homeDisplay .slogan h1 { font-size: 32px; line-height: normal; }
.homeDisplay .slogan strong { font-size: 16px; }
.homeDisplay .slogan .event-date { font-size: 14px; gap: 6px; margin-top: 10px; }
.homeDisplay .slogan p { font-size: 14px; width: 80%; margin-top: 10px; }
.homeImg { width: 60%; }
.countdown>li>span { font-size: 36px; }
.countdown>li>p { font-size: 14px; }
.countdown { display: flex; gap: 12px; }
.content-description { font-size: 18px; }
.neler-kazandirir .title { font-size: 24px; }
.neler-kazandirir ul { display: flex; flex-direction: column; margin: 32px 32px 0px; }
.neler-kazandirir ul li { width: 100%; }
.neler-kazandirir ul li h3 { font-size: 24px; letter-spacing: -0.5px; }
.homeNews { margin-top: 32px; padding: 0px 20px; }
.accordion-header { font-size: 16px; padding-right: 60px; }
.accordion-container { padding: 0 20px; }
.accordion-icon { font-size: 30px; display: flex; justify-content: center; align-content: center; align-items: center; top: 3px; right: 10px; }
.testimonialsSlide { padding: 32px; }
.contact-text { width: 100%; position: relative; left: 0px; padding: 32px 24px 0px; top: inherit; transform: inherit; text-align: center; }
.contact-text h4 { line-height: normal; font-size: 30px; margin-top: 10px; }
section.contact-card { height: initial; width: calc(100% - 40px); margin: 48px auto 0px; }
.contact-img { position: relative; width: 60%; right: inherit; margin-left: 30%; margin-top: -40px; }
.contact-text span { letter-spacing: 0.5px; }
.contact-button { display: flex; flex-direction: column; align-content: center; align-items: center; gap: 16px; }
.homeForm>form>ul>li { width: 100%; }
.homeForm { overflow-y: scroll; top: 0px; left: 0px; right: 0px; transform: inherit; height: 100vh; width: 100%; bottom: 0px; max-height: inherit; }
.kapatForm { position: fixed; top: 0px; right: 0px; border-radius: 0px; z-index: 2; }
.homeForm.active { overflow-y: scroll; padding: 0px; border-radius: 0px; }
.social { gap: 16px; }
.footerLeft { width: 110px; }
footer#iletisim { padding: 24px; gap: 16px; }
.homeForm>.title { margin-top: 32px; padding-top: 32px; }
.homeForm>form { margin-bottom: 48px; margin: 24px 32px 60px; width: calc(100% - 64px); padding-bottom: 32px; }
body.openForm { overflow: hidden; }
.contact-button a { padding: 12px 24px; font-size: 14px; }
.contact-button { }
.features { padding: 0 20px; margin-top: 48px; }
.testimonials { width: calc(100% - 40px); padding: 32px 0px 0px; }
section.content { width: calc(100% - 40px); margin: 48px auto 0px; }
.tesekkurler { padding: 32px; box-shadow: none; line-height: normal; font-size: 24px; gap: 16px; display: flex; flex-direction: column; max-width: 90%; }
.tesekkurler a.website { margin: 0px; }
.tesekkurler-buttons { display: flex; flex-direction: column; gap: 8px; }
}

@media only screen and (max-width:360px) {
.mobileHeader a { font-size: 12px; }
a.mobileWhatsapp i { width: 20px; height: 20px; }
a.mobileTel i { width: 28px; height: 28px; }
}
