@media only screen and (max-width: 1400px) {
#projects-wrap{ max-width:975px;}
}


@media only screen and (max-width: 1024px) {
body {
  padding-top: 58px;
}
/* Ana sayfa: hero üstten başlasın (önceden sadece ≤768’de vardı; 769–1024 arası boşluk/ölçek bug’ına yol açabiliyordu) */
body:has(#home.mainbg) {
  padding-top: 0;
}
.navbar-toggle {
display:block;
position:fixed;
right:7px;
top:5px;
z-index:9999;
min-width:44px;
min-height:44px;
padding:10px 12px;
margin-top:6px;
margin-right:4px;
border-radius:4px;
border:1px solid var(--color-border-soft);
background:rgba(var(--color-bg-surface-rgb), 0.92);
}
.navbar-default .navbar-toggle .icon-bar {
background-color:var(--color-text-primary);
width:22px;
height:2px;
}
.navbar-toggle:hover{ 
border:1px solid var(--color-border-soft);
}

/*menu block*/
.navbar-default{ position:fixed;  margin: 0; }
.sticky-nav{ position:fixed; height:60px; top:0px; left:0px;}
.navbar-brand img{
	width:auto;
	max-height:36px;
}
#main-menu {
  position:absolute;
  left:0px;
  width: 100%;
  height:100%;
  background:var(--color-bg-primary);
  z-index: 1;
  text-align:center;
  overflow:auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.menu-init {
  opacity: 1;
  top:-100%;
    -webkit-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  -moz-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  -o-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
}

.menu-show {
  opacity: 1;
  top:0px;
  -webkit-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  -moz-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  -o-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
  transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
}

nav {
	margin:0 auto;
	margin-bottom:20px;
	position:relative;
	left:20px;
	top:60px;
	z-index:999;
}

nav ul li {
	display:block;
	margin-right:15px;
	text-align:left;
	}
	nav a {
	display:block;
	padding:12px 16px;
	min-height:44px;
	line-height:1.25;
	color:var(--color-text-primary);
	text-shadow:none;
	font-size:12pt;
	box-sizing:border-box;
}
nav a:hover,
nav a.active{ color:var(--color-accent); }
nav ul ul {
	position:relative;
	top: 0px;
	margin-left:15px;
}
nav ul ul li {
	background:rgba(var(--color-bg-surface-rgb),0);
}
nav ul ul ul li {
	position: relative;
	top:0px; 
	left:0px;
}
nav ul ul li a{ line-height:20px; font-weight:300; font-size:11pt;}
/*menu block end*/

  /* Ana sayfa hero: tam yükseklik + video (768’e sıkıştırmadan ≤1024) */
  .navbar.navbar-default.navbar-fixed-top {
    z-index: 1030;
  }
  #home.mainbg {
    position: relative;
    height: 100vh;
    height: 100dvh;
    min-height: 100vh;
    min-height: 100dvh;
  }
  #home.mainbg .hero-video-wrap {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
  }
  #home.mainbg .hero-video {
    object-position: center center;
  }
}

@media only screen and (max-width: 980px) {
#projects-wrap{ max-width:650px;}
.yellow-home{ display:none;}
}

@media only screen and (max-width: 800px) {

}

@media only screen and (max-width: 768px) {
  /* Global: no horizontal bleed, media scales */
  html {
    overflow-x: hidden;
  }
  img,
  svg,
  video:not(.hero-video) {
    max-width: 100%;
    height: auto;
  }

  .content-wrapper {
    overflow-x: hidden;
    max-width: 100%;
  }

  /* Hero: text fits narrow screens */
  #home .overlay-main {
    padding: 72px 16px 32px;
    box-sizing: border-box;
  }
  #home .overlay-main .col-md-10,
  #home .overlay-main .col-xs-11 {
    width: 100%;
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }
  /* h2 içinde span.devider-black + "Erasmus+" inline kalınca mavi çizgi ile yan yana kayıyor */
  #home h2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.2;
  }
  #home h2 .devider-black {
    display: block !important;
    width: 120px;
    max-width: min(120px, 100%);
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #home h2 .hero-erasmus-text {
    display: none;
  }

  #home h3,
  #home .main-text {
    margin-top: 12px !important;
    margin-left: 0 !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  #home .devider-black {
    max-width: 100%;
  }

  /* Faaliyetler: filter pills wrap */
  .filter-wraper #filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px 6px;
    padding: 0 10px;
    margin: 0;
    list-style: none;
  }
  #filters li.filt-serv {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px 14px;
    font-size: 11px;
    text-align: center;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Services isotope: touch + layout */
  #services {
    overflow: visible !important;
    margin-bottom: 24px;
  }
  #services .service {
    padding: 8px 4px 20px;
    box-sizing: border-box;
  }
  #services .col-md-12 {
    padding-left: 12px;
    padding-right: 12px;
  }

  /* Projeler: filter row wrap */
  #projects-wrap {
    width: 100% !important;
    max-width: none !important;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }
  #projects-wrap .projects {
    width: min(325px, calc(100vw - 24px));
  }
  #filter-porto {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px 8px;
    padding: 32px 12px 40px !important;
    box-sizing: border-box;
  }
  #filter-porto li.filt-projects {
    margin: 0 !important;
    padding: 8px 10px;
    font-size: 8pt;
    text-align: center;
  }
  .projects .hovereffect .overlay h3 {
    line-height: 1.35 !important;
    height: auto !important;
    padding: 12px 8px;
    box-sizing: border-box;
  }

  /* Team: one column, centered cards */
  #team .team-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
  }

  /* Partners carousel */
  #owl-brand .item {
    padding: 4px 6px;
  }
  #owl-brand .item img {
    max-height: 56px;
    padding: 8px 10px;
  }

  /* Contact form */
  #form-contact input[type="text"],
  #form-contact textarea {
    box-sizing: border-box;
    max-width: 100%;
    width: 100% !important;
  }
  #contact {
    padding-left: 12px;
    padding-right: 12px;
  }

  /* Blog: stack main + sidebar */
  #content .col-md-8,
  #content .col-md-4 {
    width: 100%;
    float: none;
    margin-bottom: 28px;
  }
  #content .bottom-article .btn.pull-right {
    float: none !important;
    display: inline-block;
    margin-top: 12px;
  }

  /* Parallax / iOS: fixed backgrounds */
  .servicebg {
    background-attachment: scroll;
  }

  /* Subheader: no float pile-up */
  #subheader h1,
  #subheader span,
  #subheader .subdetail {
    float: none;
    display: block;
    margin-top: 16px;
    margin-right: 0;
    padding-right: 0;
  }
  #subheader h1 {
    margin-top: 24px;
    font-size: 26px;
  }
}

@media only screen and (max-width: 600px) {
.navbar-brand {left:15px;}
}


@media(max-width:414px) {
.navbar-default{  border-bottom:1px groove rgba(255,255,255,0);}
.navbar-brand {left:5px;}
h1{ font-size:24pt; }
h2{ font-size:20pt; }
h3{ font-size:18pt; }
h4{ font-size:16pt; }
h5{ font-size:14pt; }
h6{ font-size:12pt; }
p{ font-size:12px;}
#home h1{ font-family: 'Droid Serif', serif; color:var(--color-text-primary); font-weight:400; font-size:clamp(26px,8vw,36px); font-style:italic; text-transform:none; letter-spacing:1px; line-height:1.1; text-shadow: 0 2px 8px rgba(0,0,0,0.5);}
#home h2{ font-family: 'Droid Serif', serif; color:var(--color-text-primary); font-weight:400; font-size:clamp(18px,5.5vw,26px); text-transform:none; line-height:1.15; text-shadow: 0 2px 8px rgba(0,0,0,0.5);}
#home h3{ font-size:clamp(12px,3.5vw,15px); font-weight:400; letter-spacing:0.5px; color:var(--color-text-primary); margin-left:0; margin-top:12px; line-height:1.4; text-shadow: 0 1px 6px rgba(0,0,0,0.55);}
#projects-wrap{ max-width:none;}

#service-about{ width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.service-about {margin:0;}

.social-icons{ margin-top:10px;}
.right{ text-align:left; float:left; }
#subscribe input#subscribeemail {
margin: 0 0 0 0 ;
width:250px;
}
.subscribesuccess {
width: 250px;
}

#subscribe .subscribeerror {
width: 250px;
}
}

@media(max-width:360px) {
.service-about {width:300px; margin:0 auto;}	
}

@media(max-width:320px) {
.service-about {width:280px;}	
}