@media (min-width: 320px) and (max-width: 475px) {
	.main-nav {display: none;}
	.mobil-menu-btn {display: block; cursor: pointer;}
	#main-header .derece {padding-left:14px; margin-top:20px; font-size:15px;}
	#main-header .diller {padding:0 0 0 4px; margin-top:15px; border-left:none;}
	#main-header .diller select {padding:4px 8px; font-size:15px;}
	.carousel-inner {}
	.carousel-inner h2 {font-size:30px; font-weight:500;}
	.carousel-inner p {font-size:16px; color:#fff;}
	.carousel-caption {left:5%;}
	.carousel-item {height:60vh;}
	#giris {padding:20px 0 30px;}
	#giris .rezalan {padding:30px 20px; top:-50px;}
	#giris .sol {padding:0 10px;}
	#giris .sol .sub-title {font-size:24px; font-weight:500;}
	#giris .sol p {padding:0 10px 0 0; margin:0 0 20px; font-size:16px; text-align:left;}
	#giris .sag {margin-right:-12px;}
	#giris .sag img {border-radius:0 0 0 50px;}
	#ozel .ozellikler {padding:8px 8px 8px 8px;}
	#ozel .ozellikler .ikonlar {padding-bottom:8px; margin:0 0 12px; border-bottom:solid #fff 1px;}
	#odalar {padding:30px 0 50px;}
	#odalar h2 {font-size:34px; font-weight:700;}
	#odalar h2:after {font-weight: 900;font-size:50px; left:50%;}
	#odalar .onoda .content {padding:20px 8px 20px 8px; margin-top:-40px; margin-left:8px; margin-right:8px;}
	#odalar .onoda .content .odaadi {font-size:20px; font-weight:600;}
	#odalar .onoda .content .odaozellik .ikonu {padding:6px; margin:0 5px 5px;}
	#odalar .onoda .content .odaozellik .ikonu img {width:22px;}
	.odaozellik .ikonu {flex: 0 0 calc(100% / 6 - 6px); /* 6 ikon yan yana */max-width: calc(100% / 6 - 6px);}
	.odaozellik .ikonu:nth-child(n+7) {display: none;}
	#neden {padding:50px 0 30px;}
	#neden h2 {font-size:24px; font-weight:600;}
	#neden .solu {border-radius:0 0 50px 0;}
	#neden .solu img {border-radius:0 0 45px 0;}
	#neden .nedenler {padding:20px 0 0 8px;}
	#neden .nedenler .neden-title {margin-bottom:18px; margin-top:0px;}
	#neden .nedenler .neden-title p {text-align:left;}
	#neden .neden-area .neden-items .icon {width:40px;height:40px;line-height:40px; flex-basis:50px;}
	#neden .neden-area .neden-items .icon img {width:40px;height:40px;}
	#neden .neden-area .neden-items {gap:10px; margin-bottom:20px;}
	#neden .neden-area .neden-items h3 {font-size:22px; font-weight:600;}
	#hizmetler .bolum {padding:50px 0;}
	#hizmetler .bolum .hizmet-sol {margin:0 0 0 0;}
	#hizmetler .bolum .hizmet-sag {margin:0 0 0 0;}
	#aktiviteler {padding:50px 0px 40px;}
	#aktiviteler h2 {font-size:34px; margin:0 0 10px 10px;}
	#aktiviteler p {padding:0px 20px 10px; margin:0 0 20px; font-size:16px; text-align:left;}
	#aktiviteler .yaktivite .ybolum {width:60%; padding:10px 12px;}
	#aktiviteler .yaktivite .ybolum h3 {font-size:18px; font-weight:700; margin:0 0 8px;}
	#aktiviteler .yaktivite .ybolum p {margin:0 0 2px; font-size:12px;}
	#aktiviteler .yaktivite .akdetay {padding:4px 0 2px 0px; font-size:12px;}
	#aktiviteler .yaktivite .akdetay:hover {padding:4px 0 4px 4px;}
	#sayfaust {padding:120px 0 20px;}
	#sayfaust h1 {font-size:30px;}
	#sayfa {padding:40px 0;}
	#sayfa p { font-size:15px;}
	#sayfa .ozellikyeri {padding:0 0;}
	#tumodaust {padding:120px 0 10px;}
	#tumodaust h1 {font-size:30px;margin-bottom:40px;}
	#tumodalar {padding:40px 0 20px;}
	#tumodalar .bilgisag {left:0px; top:-20px; padding:20px 20px 30px 20px; margin-bottom:10px; margin-left:10px; margin-right:10px;}
	#tumodalar .bilgisag .odetay {padding:10px 30px;font-size:16px;}
	#tumodalar .odakisa {font-size:14px;}
	#tumodalar .bilgisol {right:0px; top:30px; padding:20px 20px 30px 20px; margin-bottom:10px; margin-left:10px; margin-right:10px;}
	#tumodalar .bilgisol .odetay {padding:10px 30px;font-size:16px;}
	#hizust  {padding:120px 0 20px;}
	#hizust h1 {font-size:30px;}
	#tumhizmet .yazisi {padding:12px; margin:0px 0 20px;}
	#tumhizmet .yazisi h2 {font-size:24px; font-weight:500; margin-bottom:10px;}
	#tumhizmet .yazisi p {font-size:15px; margin-bottom:20px;}
	#hizmetust {height:50vh; padding:140px 0 10px;}
	#hizmetust h1 {font-size:30px;}
	#hizmetdetay p {font-size:16px;}
	#odaust {padding:120px 0 20px;}
	#odaust h1 {font-size:30px;}
	#odayeri {padding:30px 0;}
	#odayeri h2 {font-size:28px;}
	#odayeri h2:after {font-size:20px;}
	#odayeri h3 {font-weight:500;}
	#odayeri h4 {margin:0 0 10px; font-size:20px; font-weight:400; }
	#odayeri small {font-size:15px; margin:0 0 12px;}
	#odayeri .detay-yazisi p {font-size:16px;}
	#odayeri .carousel-item {height:auto;}
	#odayeri .oda-ozellik li img {width:26px; height:26px;}
	#odayeri .oda-ozellik .feat-name{font-size:14px;}
	#odayeri .odabilgi {padding:12px 12px; margin:0 0 10px;}
	#odayeri .odabilgi ul {margin-top:8px;padding: 0;}
	#odayeri .odabilgi ul li b {font-size:15px; font-weight:500;}
	#odayeri .odabilgi ul li span {font-size:15px;}
	#blogust {padding:120px 0 20px;}
	#blogust h1 {font-size:30px;}
	#blogdeust {padding:120px 0 20px; background:#1c5e69}
	#blogdeust h1 {font-size:24px;}
	#bloglar {padding:40px 0;}
	#bloglar h2 {font-size:20px;}
	#galeriust {padding:120px 0 20px;}
	#galeriust h1 {font-size:30px;}
	#resimlerust {padding:120px 0 20px;}
	#resimlerust h1 {font-size:30px;}
	#resimler {padding:40px 0;}
	#resimler .galeriler {padding:0 12px; margin-left:-5px; margin-right:-5px;}
	#resimler .galeriler .baslik {font-size:22px; font-weight:300;}
	#tumust {padding:120px 0 20px;}
	#tumust h1 {font-size:30px;}
	#tumtum {padding:40px 0;}
	#aktust {padding:120px 0 20px;}
	#aktust h1 {font-size:30px;}
	#aktyeri {padding:40px 0;}
	#ilust {padding:120px 0 20px;}
	#ilust h1 {font-size:30px;}
	#iletisim {padding:40px 0 30px;}
	#iletisim .ilbolum {padding:16px; margin:0px 0 20px; margin-right:0px;}
	#iletisim h2 {padding:0px 0 10px; font-size:22px; font-weight:400;}
	#iletisim p {font-size:14px; font-weight:300;}
	#iletisim .ilbilgi {padding:0 8px 0;}
	#iletisim .ilbilgi strong {font-size:16px; font-weight:500;}
	#iletisim .ilbilgi p {font-size:15px; font-weight:400;}
	#iletisim .ilbilgi a {text-transform:none; color:#fff;}
	#alt {padding:50px 0 40px;}
	#alt .altyazi {padding:0 0 0 0; font-size:17px;}
	#alt .altsosyal {padding:20px 0;}
	#alt .bolum {padding:10px 0 0 20px;}
	#alt .iletisim {padding:20px 0 0 20px;}
	#enalt {padding:20px 0 30px; text-align:center;}
	#enalt p {padding:0 0 20px; font-size:14px;}
	.gm-item{flex:0 0 100%;} /* mobil: 1 görünür */
	.gm-nav {display:none;}
}

@media (min-width: 476px) and (max-width: 768px) {
	.main-nav {display: none;}
	.mobil-menu-btn {display: block; cursor: pointer;}
	#main-header .logo {margin:10px 0 10px;}
	#main-header .derece {padding-left:14px; margin-top:20px; font-size:15px;}
	#main-header .diller {padding:0 0 0 4px; margin-top:15px; border-left:none;}
	#main-header .diller select {padding:4px 8px; font-size:15px;}
	.carousel-inner {}
	.carousel-inner h2 {font-size:30px; font-weight:500;}
	.carousel-inner p {font-size:16px; color:#fff;}
	.carousel-caption {left:5%;}
	.carousel-item {height:60vh;}
	#giris {padding:20px 0 30px;}
	#giris .rezalan {padding:30px 20px; top:-50px;}
	#giris .sol {padding:0 0;}
	#giris .sol .sub-title {padding-left:30px; padding-bottom:10px; font-size:24px; font-weight:500;}
	#giris .sol .sub-title::before {top:17px; width:24px;}
	#giris .sol p {padding:0 0 0 10px; margin:0 0; font-size:15px; text-align:left;}
	#giris .sag {margin-right:-12px;}
	#giris .sag img {border-radius:0 0 0 50px;}
	#ozel .ozellikler {padding:8px 8px 8px 8px;}
	#ozel .ozellikler .ikonlar {padding-bottom:8px; margin:0 0 12px; border-bottom:solid #fff 1px;}
	#ozel .ozellikler .ikonlar h3 {padding:6px 0 0; font-size:16px; font-weight:600; color:#444;}
	#odalar {padding:30px 0 50px;}
	#odalar h2 {font-size:34px; font-weight:700;}
	#odalar h2:after {font-weight: 900;font-size:50px; left:50%;}
	#odalar p {margin:0 0 20px; font-size:16px; text-align:left;}
	#odalar .onoda .content {padding:20px 8px 20px 8px; margin-top:-40px; margin-left:8px; margin-right:8px;}
	#odalar .onoda .content .odaadi {font-size:20px; font-weight:600;}
	#odalar .onoda .content .odaozellik .ikonu {padding:6px; margin:0 5px 5px;}
	#odalar .onoda .content .odaozellik .ikonu img {width:22px;}
	.odaozellik .ikonu {flex: 0 0 calc(100% / 6 - 6px); /* 6 ikon yan yana */max-width: calc(100% / 6 - 6px);}
	.odaozellik .ikonu:nth-child(n+7) {display: none;}
	#neden {padding:50px 0 30px;}
	#neden h2 {font-size:24px; font-weight:600;}
	#neden .solu {border-radius:0 0 50px 0;}
	#neden .solu img {border-radius:0 0 45px 0;}
	#neden .nedenler {padding:0 0 0 0;}
	#neden .nedenler .neden-title {margin-bottom:18px; margin-top:0px;}
	#neden .nedenler .neden-title p {font-size:15px; text-align:left;}
	#neden .neden-area .neden-items .icon {width:40px;height:40px;line-height:40px; flex-basis:50px;}
	#neden .neden-area .neden-items .icon img {width:40px;height:40px;}
	#neden .neden-area .neden-items {gap:10px; margin-bottom:10px;}
	#neden .neden-area .neden-items h3 {font-size:19px; font-weight:600;}
	#hizmetler .bolum {padding:50px 0;}
	#hizmetler .bolum .hizmet-sol {margin:0 0 0 0;}
	#hizmetler .bolum .hizmet-sag {margin:0 0 0 0;}
	#hizmetler .box {padding:10px 12px;}
	#hizmetler .box h3 {font-size:20px;}
	#aktiviteler {padding:50px 0px 40px;}
	#aktiviteler h2 {font-size:34px; margin:0 0 10px 10px;}
	#aktiviteler p {padding:0px 20px 10px; margin:0 0 20px; font-size:16px; text-align:left;}
	#aktiviteler .yaktivite .ybolum {width:60%; padding:10px 12px;}
	#aktiviteler .yaktivite .ybolum h3 {font-size:18px; font-weight:700; margin:0 0 8px;}
	#aktiviteler .yaktivite .ybolum p {margin:0 0 2px; font-size:12px;}
	#aktiviteler .yaktivite .akdetay {padding:4px 0 2px 0px; font-size:12px;}
	#aktiviteler .yaktivite .akdetay:hover {padding:4px 0 4px 4px;}
	#sayfaust {padding:120px 0 20px;}
	#sayfaust h1 {font-size:30px;}
	#sayfa {padding:40px 0;}
	#sayfa p { font-size:15px;}
	#sayfa .ozellikyeri {padding:0 0;}
	#tumodaust {padding:120px 0 10px;}
	#tumodaust h1 {font-size:30px;margin-bottom:40px;}
	#tumodalar {padding:40px 0 20px;}
	#tumodalar .bilgisag {left:-10px; top:0px; padding:20px 20px; margin-bottom:10px; margin-left:-20px; margin-right:0px;}
	#tumodalar .bilgisag .odetay {padding:10px 30px;font-size:16px;}
	#tumodalar .odakisa {font-size:14px;}
	#tumodalar .bilgisol {right:-10px; top:0px; padding:20px 20px; margin-bottom:10px; margin-left:0px; margin-right:-20px;}
	#tumodalar .bilgisol .odetay {padding:10px 30px;font-size:16px;}
	#hizust  {padding:120px 0 20px;}
	#hizust h1 {font-size:30px;}
	#tumhizmet .yazisi {padding:12px; margin:0px 0 20px;}
	#tumhizmet .yazisi h2 {font-size:24px; font-weight:500; margin-bottom:10px;}
	#tumhizmet .yazisi p {font-size:15px; margin-bottom:20px;}
	#hizmetust {height:50vh; padding:140px 0 10px;}
	#hizmetust h1 {font-size:30px;}
	#hizmetdetay p {font-size:16px;}
	#odaust {padding:120px 0 20px;}
	#odaust h1 {font-size:30px;}
	#odayeri {padding:30px 0;}
	#odayeri h2 {font-size:28px;}
	#odayeri h2:after {font-size:20px;}
	#odayeri h3 {font-weight:500;}
	#odayeri h4 {margin:0 0 10px; font-size:20px; font-weight:400; }
	#odayeri small {font-size:15px; margin:0 0 12px;}
	#odayeri .detay-yazisi p {font-size:16px;}
	#odayeri .carousel-item {height:auto;}
	#odayeri .oda-ozellik li img {width:26px; height:26px;}
	#odayeri .oda-ozellik .feat-name{font-size:14px;}
	#odayeri .odabilgi {padding:12px 12px; margin:0 0 10px;}
	#odayeri .odabilgi ul {margin-top:8px;padding: 0;}
	#odayeri .odabilgi ul li b {font-size:15px; font-weight:500;}
	#odayeri .odabilgi ul li span {font-size:15px;}
	#blogust {padding:120px 0 20px;}
	#blogust h1 {font-size:30px;}
	#blogdeust {padding:120px 0 20px; background:#1c5e69}
	#blogdeust h1 {font-size:24px;}
	#bloglar {padding:40px 0;}
	#bloglar h2 {font-size:20px;}
	#galeriust {padding:120px 0 20px;}
	#galeriust h1 {font-size:30px;}
	#resimlerust {padding:120px 0 20px;}
	#resimlerust h1 {font-size:30px;}
	#resimler {padding:40px 0;}
	#resimler .galeriler {padding:0 12px; margin-left:-5px; margin-right:-5px;}
	#resimler .galeriler .baslik {font-size:22px; font-weight:300;}
	#tumust {padding:120px 0 20px;}
	#tumust h1 {font-size:30px;}
	#tumtum {padding:40px 0;}
	#aktust {padding:120px 0 20px;}
	#aktust h1 {font-size:30px;}
	#aktyeri {padding:40px 0;}
	#ilust {padding:120px 0 20px;}
	#ilust h1 {font-size:30px;}
	#iletisim {padding:40px 0 30px;}
	#iletisim .ilbolum {padding:16px; margin:10px 0 20px; margin-right:-30px;}
	#iletisim h2 {padding:0px 0 18px; font-size:22px; font-weight:400;}
	#iletisim p {font-size:14px; font-weight:300;}
	#iletisim .ilbilgi {padding:0 8px 0;}
	#iletisim .ilbilgi strong {font-size:16px; font-weight:500;}
	#iletisim .ilbilgi p {font-size:15px; font-weight:400;}
	#iletisim .ilbilgi a {text-transform:none; color:#fff;}
	#alt {padding:50px 0 40px;}
	#alt .altyazi {padding:0 0 0 0; font-size:17px;}
	#alt .altsosyal {padding:20px 0;}
	#alt .bolum {padding:10px 0 0 20px;}
	#alt .iletisim {padding:20px 0 0 20px;}
	#enalt {padding:20px 0 30px; text-align:center;}
	#enalt p {padding:0 0 20px; font-size:14px;}
	.gm-item{flex:0 0 100%;} /* mobil: 1 görünür */
	.gm-nav {display:none;}
	.main-nav { display: none; }
	.mobil-menu-btn { display: block; }
	.gm-item {flex:0 0 calc(50% - var(--gm-gap)/2);} /* tablet: 2 görünür */
}

@media (min-width: 769px) and (max-width: 1024px) {
	#main-header .logo {margin:10px 0 10px;}
	.main-nav {display: none;}
	.mobil-menu-btn {display: block; padding:20px 10px 10px 10px;}
	#giris {padding:10px 0 30px;}
	#giris .sol {padding:0px 0px 0 0;}
	#giris .sol p {padding:0 10px 0 4px; font-size:16px;}
	#ozel .ozellikler {padding:10px 0px 10px;}
	#ozel .ozellikler .ikonlar h3 {padding:4px 0 0; font-size:14px; font-weight:600;}
	#odalar {padding:40px 0 40px;}
	#odalar h2 {font-size:30px;}
	#odalar h2:after {font-weight:700; font-size:60px;}
	.odaozellik .ikonu {flex: 0 0 calc(100% / 7 - 6px); /* 6 ikon yan yana */max-width: calc(100% / 7 - 6px);}
	.odaozellik .ikonu:nth-child(n+8) {display: none;}
	#aktiviteler p {padding:0 0 0 0; font-size:16px; text-align:left;}
	#sayfaust {padding:160px 0 40px;}
	#sayfaust h1 {font-size:50px;}
	#tumodaust {padding:160px 0 10px}
	#tumodaust h1 {font-size:50px;margin-bottom:60px;}
	#tumodalar .bilgisol {right:-40px; top:20px; padding:20px 20px 30px;}
	#tumodalar .bilgisag {left:-40px; top:20px; padding:20px 20px 30px;}
	#blogust {padding:160px 0 40px;}
	#blogust h1 {font-size:50px;}
	#blogdeust h1 {font-size:44px;}
	#hizmetust h1 {font-size:44px;}
	#galeriust {padding:160px 0 40px;}
	#galeriust h1 {font-size:50px;}
	#tumust {padding:160px 0 40px;}
	#tumust h1 {font-size:50px;}
	#alt .altsosyal img {width:24px; height:24px; margin:0 10px 0 10px;}
}

/* iOS Safari ve mobil cihazlarda */
@supports (-webkit-touch-callout: none) {
  #hizmetust {
    background-attachment: scroll;
  }
}