/* CSS Document */
html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative; }

section {
  width: 100%;
  color: #000000; }

form {
  width: 100%;
  height: 100%; }

a {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

a, a img {
  text-decoration: none;
  outline: none;
  border: none; }

.clr {
  clear: both;
  height: 0; }

::-webkit-input-placeholder {
  color: #000000;
  font-style: italic; }

:-moz-placeholder {
  color: #000000;
  font-style: italic; }

::-moz-placeholder {
  color: #000000;
  font-style: italic; }

:-ms-input-placeholder {
  color: #000000;
  font-style: italic; }

::selection {
  background: #e4cfa7; }

::-moz-selection {
  background: #e4cfa7; }

body, input, textarea, select, option {
  font-family: 'Futura Lt BT', sans-serif;
  color: #636466; }

*, *:after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style-type: none;
  outline: none; }

@font-face {
  font-family: 'Futura Hv BT';
  src: local("Futura Heavy BT"), local("FuturaBT-Heavy"), url("fonts/FuturaBT-Heavy.woff2") format("woff2"), url("fonts/FuturaBT-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Futura Lt BT';
  src: local("Futura Light Italic BT"), local("FuturaBT-LightItalic"), url("fonts/FuturaBT-LightItalic.woff2") format("woff2"), url("fonts/FuturaBT-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Futura Lt BT';
  src: local("Futura Light BT"), local("FuturaBT-Light"), url("fonts/FuturaBT-Light.woff2") format("woff2"), url("fonts/FuturaBT-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

.mobile-menu-open, .mobile-menu {
  display: none; }

nav {
    width: 100%;
    display: block;
    overflow: hidden;
    position: fixed;
    background: #ffffff;
    top: 0;
    z-index: 9;
    padding: 20px 0;
}

    nav ul {
        width:100%; max-width: 1060px;
        margin: 0 auto;
        display: block;
        overflow: hidden;
    }
    nav ul li {
      float: left;
      margin-right: 66px; }
      nav ul li:last-child {
        margin-right: 0; }
      nav ul li a {
        color: #636466;
        font-size: 22px; }

section h2 {
  font-size: 48px;
  letter-spacing: 13px;
  text-align: center;
  padding: 90px 0 30px 0;
  font-weight: 300; }

#mainScreen {
  height: 100%; }
  #mainScreen .mainScreen-img {
    width: 68%;
    margin: 0 auto;
    padding-top: 5.8%; }
    #mainScreen .mainScreen-img img {
      max-width: 1100px;
      width: 100%;
      display: block;
      margin: 0 auto; }

#secondScreen {
  position: relative;
  padding-top: 7%; }
  #secondScreen .text-area {
    width: 63%;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    #secondScreen .text-area h2 {
      color: #000000;
      font-size: 40px;
      letter-spacing: 6px; }
    #secondScreen .text-area p {
      font-size: 26px;
      position: relative;
      margin-top: 5%; }
      #secondScreen .text-area p::before {
        content: '';
        position: absolute;
        background: url(../images/tema-tirnak-1.png) no-repeat;
        width: 45px;
        height: 37px;
        background-size: contain;
        left: -30px;
        top: -20px; }
      #secondScreen .text-area p::after {
        content: '';
        position: absolute;
        background: url(../images/tema-tirnak-2.png) no-repeat;
        width: 45px;
        height: 37px;
        background-size: contain;
        bottom: -25px;
        right: 9%; }
    #secondScreen .text-area img {
      position: absolute;
      user-select: none;
      width: 20.5%; }
    #secondScreen .text-area .iyikos {
      top: 0%;
      left: -8%; }
    #secondScreen .text-area .iyikal {
      top: 15%;
      right: -5%; }
    #secondScreen .text-area .iyibeslen {
      bottom: -50%;
      left: -6%; }
    #secondScreen .text-area .iyisur {
      bottom: -45%;
      left: 41%; }
    #secondScreen .text-area .iyicocuk {
      bottom: -30%;
      right: -13%; }

#thirdScreen {
  margin-top: 12%;
  display: inline-block; }
  #thirdScreen .thirdScreen-inner {
    position: relative;
    width: 93.75%;
    margin: 0 auto;
    display: block;
    height: 100%; }
    #thirdScreen .thirdScreen-inner .grid-vertical {
      position: absolute;
      width: 50%;
      border-right: 1px solid #b2b3b4;
      left: 0;
      height: 127%;
      top: 30%; }
    #thirdScreen .thirdScreen-inner .grid-horizontal {
      position: absolute;
      width: 35%;
      height: 100%;
      border-bottom: 1px solid #b2b3b4;
      top: 0;
      right: 33%; }
    #thirdScreen .thirdScreen-inner .item {
      width: 47%;
      float: left;
      margin: 1.5%; }
      #thirdScreen .thirdScreen-inner .item .text {
        width: 40%;
        float: right;
        text-align: right;
        margin-right: 6%;
      }
        #thirdScreen .thirdScreen-inner .item.box-1 .text {
           height: 268px;
           margin-right: 2%;
        }
        #thirdScreen .thirdScreen-inner .item .text a {
          color: #000000; font-weight: bold; text-decoration: underline; }
      #thirdScreen .thirdScreen-inner .item .img-area {
        width: 48%;
        float: right; }
        #thirdScreen .thirdScreen-inner .item .img-area img {
          max-width: 554px;
          width: 100%; }
    #thirdScreen .thirdScreen-inner .item-text-right .text {
        float: left;
        text-align: left;
        margin-left: 6%;
        margin-right: 0;
    }
    #thirdScreen .thirdScreen-inner .item-text-right .img-area {
      float: left; }
    #thirdScreen .thirdScreen-inner .box-1 {
      position: relative; }
      #thirdScreen .thirdScreen-inner .box-1::before {
        position: absolute;
        content: '';
        background: #e5e5e5;
        width: 54%;
        height: 51%;
        bottom: 12%;
        right: 4%;
        z-index: -1; }
      #thirdScreen .thirdScreen-inner .box-1::after {
        position: absolute;
        content: '';
        background: #a0a0a2;
        width: 1px;
        height: 74%;
        top: 12%;
        left: 49%;
        z-index: -1; }
    #thirdScreen .thirdScreen-inner .box-2 {
      position: relative; }
      #thirdScreen .thirdScreen-inner .box-2::before {
        position: absolute;
        content: '';
        background: #e5e5e5;
        width: 54%;
        height: 51%;
        top: 11%;
        left: 6%;
        z-index: -1; }
      #thirdScreen .thirdScreen-inner .box-2::after {
        position: absolute;
        content: '';
        background: #a0a0a2;
        width: 1px;
        height: 74%;
        top: 12%;
        left: 51%;
        z-index: -1; }
    #thirdScreen .thirdScreen-inner .box-3 {
      position: relative; }
      #thirdScreen .thirdScreen-inner .box-3 .text {
        margin-top: 6%; }
      #thirdScreen .thirdScreen-inner .box-3::before {
        position: absolute;
        content: '';
        background: #e5e5e5;
        width: 50%;
        height: 45%;
        top: 3%;
        right: 6.5%;
        z-index: -1; }
      #thirdScreen .thirdScreen-inner .box-3::after {
        position: absolute;
        content: '';
        background: #a0a0a2;
        width: 1px;
        height: 74%;
        top: 12%;
        left: 49%;
        z-index: -1; }
    #thirdScreen .thirdScreen-inner .box-4 {
      position: relative; }
      #thirdScreen .thirdScreen-inner .box-4 .text {
        margin-top: 6%; }
      #thirdScreen .thirdScreen-inner .box-4::before {
        position: absolute;
        content: '';
        background: #e5e5e5;
        width: 50%;
        height: 76%;
        bottom: -9%;
        left: 16%;
        z-index: -1; }
      #thirdScreen .thirdScreen-inner .box-4::after {
        position: absolute;
        content: '';
        background: #a0a0a2;
        width: 1px;
        height: 74%;
        top: 12%;
        left: 51%;
        z-index: -1; }

#fourthScreen {
  position: relative;
}
    #fourthScreen p { 
        font-size: 24px;
        text-align: center;
    }
    #fourthScreen .etkinlikler {
        width: 70%;
        margin: 0 auto;
        display: block;
        margin-top: 1.5%;
    }

    #fourthScreen .iyiyasamtimeline-mobil { display:none; }
    #fourthScreen .iyiyasamtimeline { max-width: 1920px; width: 100%; }

  #fourthScreen .yaprak-sol-ust {
    position: absolute;
    width: 19.63%;
    top: 0;
    left: 0; }
  #fourthScreen .yaprak-sol-alt {
    position: absolute;
    width: 19.63%;
    bottom: 0;
    left: 0; }
  #fourthScreen .yaprak-sag-ust {
    position: absolute;
    width: 19.63%;
    top: 0;
    right: 0; }
  #fourthScreen .yaprak-sag-alt {
    position: absolute;
    width: 19.63%;
    bottom: 0;
    right: 0; }

#fifthScreen .img-wrapper {
  width: 72%;
  margin: 0 auto;
  display: block;
  margin-top: 1.5%; }
  #fifthScreen .img-wrapper img {
    max-width: 1370px;
    width: 100%;
    display:block;
    margin:0 auto;
  }

  #fifthScreen #katilimcilarSlider { width: 100%; }

#sixthScreen .sixthScreen-inner {
  width: 63.43%;
  margin: 0 auto;
  text-align: center; }
  #sixthScreen .sixthScreen-inner h2 {
    font-size: 44px;
    color: #000000; }
  #sixthScreen .sixthScreen-inner p {
    font-size: 25px;
    color: #636466;
    margin-top: 1.5%;
    position: relative; }
    #sixthScreen .sixthScreen-inner p::before {
      content: '';
      position: absolute;
      background: url(../images/tema-tirnak-1.png) no-repeat;
      width: 45px;
      height: 37px;
      background-size: contain;
      left: -30px;
      top: -20px; }
    #sixthScreen .sixthScreen-inner p::after {
      content: '';
      position: absolute;
      background: url(../images/tema-tirnak-2.png) no-repeat;
      width: 45px;
      height: 37px;
      background-size: contain;
      bottom: -25px;
      right: -30px; }
  #sixthScreen .sixthScreen-inner img {
    width: 22.45%;
    margin-top: 11%; }

#seventhScreen {
  padding: 10% 0 0 0; }
  #seventhScreen .item-upper {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden; }
    #seventhScreen .item-upper .left {
      width: 45.5%;
      float: left;
      border-right: 1px solid #787878; }
      #seventhScreen .item-upper .left h2 {
        padding: 15px 0;
        font-size: 28px;
        letter-spacing: 4px; }
      #seventhScreen .item-upper .left .item-upper-form {
        width: 53%;
        margin: 0 auto;
        display: block;
        margin-top: 3%; }
        #seventhScreen .item-upper .left .item-upper-form input[type="text"] {
          width: 100%;
          padding: 20px;
          border: 1px solid #787878; }
        #seventhScreen .item-upper .left .item-upper-form input[type="checkbox"] {
          margin: 15px 0;
          float: left; }
        #seventhScreen .item-upper .left .item-upper-form label {
          margin-top: 15px;
          display: block;
          margin-left: 19px;
          text-align: left;
          font-style: italic; }
          #seventhScreen .item-upper .left .item-upper-form label a {
            color: #000000;
            text-decoration: underline; }
        #seventhScreen .item-upper .left .item-upper-form .button {
          padding: 12px;
          border: 1px solid #5e5e5e;
          width: 28%;
          float: right;
          margin-top: 20px;
          position: relative;
          background: #ffffff;
          cursor: pointer;
          -webkit-box-shadow: 8px 10px 0px 0px #e5e5e5;
          -moz-box-shadow: 8px 10px 0px 0px #e5e5e5;
          box-shadow: 8px 10px 0px 0px #e5e5e5; 
          letter-spacing: 2px;
          -webkit-appearance: none;
        }
    #seventhScreen .item-upper .right {
      width: 50%;
      background: #aae1d6;
      float: right;
      padding: 73px 30px;
      color: #000000; }
      #seventhScreen .item-upper .right .img-text {
        font-size: 35px;
        display: inline-block; }
        #seventhScreen .item-upper .right .img-text img {
          width: 18%;
          float: left; }
        #seventhScreen .item-upper .right .img-text p {
          width: 79%;
          float: left;
          margin-left: 3%; }
      #seventhScreen .item-upper .right h2 {
        font-weight: bold;
        padding: 15px 0; }
      #seventhScreen .item-upper .right p {
        text-align: left; }
      #seventhScreen .item-upper .right .button {
        padding: 12px;
        border: 1px solid #5e5e5e;
        width: 18%;
        margin: 0 auto;
        display: block;
        margin-top: 20px;
        position: relative;
        background: #ffffff;
        cursor: pointer;
        color: #5e5e5e;
        -webkit-box-shadow: 8px 10px 0px 0px #99cac0;
        -moz-box-shadow: 8px 10px 0px 0px #99cac0;
        box-shadow: 8px 10px 0px 0px #99cac0;
        letter-spacing: 2px;
        -webkit-appearance: none;
      }
  #seventhScreen .item-lower {
    width: 80%;
    display: block;
    margin: 5% auto; }
    #seventhScreen .item-lower .left {
      width: 55%;
      height: 300px;
      float: left; }
    #seventhScreen .item-lower .right {
      width: 43%;
      float: left;
      margin-left: 2%;
      color: #000000;
      margin-top: 2%; }
      #seventhScreen .item-lower .right h2 {
        font-size: 34px;
        text-align: left;
        padding: 60px 0;
        letter-spacing: 10px; }
      #seventhScreen .item-lower .right .head-line {
        font-size: 18px;
        margin-bottom: 5%;
        letter-spacing: 4px;
        position: relative; }
        #seventhScreen .item-lower .right .head-line::after {
          position: absolute;
          content: '';
          background: #7f7f7f;
          width: 13%;
          height: 1px;
          left: 0;
          bottom: -50%; }
      #seventhScreen .item-lower .right .address {
        letter-spacing: 4px;
        margin-bottom: 10%; }

      .content_kvk  a { color:#000000; text-decoration: underline;}

      #eighthScreen{width: 100%; padding-top: 12%; position: relative;}
      #eighthScreen .slogan{width: 100%; height: auto; display: block;}
      .contentSlider{width: 80%; margin:auto;}
      .contentSlider .owl-prev{display: block; position: absolute; left: -70px; margin-top: -30px; top:50%; width: 31px; height: 56px; background:url(../images/leftArrow.png) no-repeat;}
      .contentSlider .owl-next{display: block; position: absolute; right: -70px; margin-top: -30px; top:50%; width: 31px; height: 56px; background:url(../images/rightArrow.png) no-repeat;}
      .imgList{width: 100%;}
      .imgItem{width: 25%; float: left; padding: 5px;}
      .imgItem img{display: block; width: 100%; height: auto;}
      
      .videoItem{width: 100%; height: auto; display: block;}
      
      .txt{ text-align: center;}
      .txt strong{display: block; color: #636466; font-size: 20px; padding: 50px 0; letter-spacing: 2px;}
      .txt span{display: inline-block; color: #636466; font-size: 18px; background: url(../images/leaf.png) no-repeat left center; padding:0 30px; line-height: 1.5;}
      

@media screen and (max-width: 1680) { 
  nav ul li {
    margin-right: 42px;
}
}

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



    #thirdScreen .thirdScreen-inner .item.box-1 .text {
        height: 150px;
    } 
  section h2 {
    font-size: 40px; }
  #mainScreen .mainScreen-img {
    width: 68%;
    padding-top: 2%; }
  #secondScreen .text-area p {
    font-size: 18px; }
  #secondScreen .text-area img {
    width: 15%; }
  #secondScreen .text-area .iyikos {
    top: 20%;
    left: -2%; }
  #secondScreen .text-area .iyikal {
    top: 30%; }
  #secondScreen .text-area .iyibeslen {
    bottom: -34%;
    left: 2%; }
  #secondScreen .text-area .iyisur {
    bottom: -35%; }
  #secondScreen .text-area .iyicocuk {
    bottom: -25%;
    right: -6%; }
  #thirdScreen {
    margin-top: 10%; }
    #thirdScreen .thirdScreen-inner .grid-horizontal {
      top: 6%;
      height: 91%; }
    #thirdScreen .thirdScreen-inner .grid-vertical {
      top: 34%;
      height: 111%; }
    #thirdScreen .thirdScreen-inner .item .text {
      width: 57%;
      font-size: 13px;
      margin-right: 3%; }
    #thirdScreen .thirdScreen-inner .item .img-area {
      width: 40%;
      float: right; }
    #thirdScreen .thirdScreen-inner .item-text-right .text {
      float: left;
      text-align: left;
      margin-left: 3%;
      margin-right: 0; }
    #thirdScreen .thirdScreen-inner .item-text-right .img-area {
      float: left; }
    #thirdScreen .thirdScreen-inner .box-1::before {
      width: 43%;
      height: 73%;
      bottom: -8%; }
    #thirdScreen .thirdScreen-inner .box-1::after {
      height: 79%;
      top: 6%;
      left: 58.3%; }
    #thirdScreen .thirdScreen-inner .box-2::before {
      width: 42%; }
    #thirdScreen .thirdScreen-inner .box-2::after {
      top: 7%;
      left: 41.6%;
      height: 73%; }
    #thirdScreen .thirdScreen-inner .box-3 .text {
      margin-top: 4%; }
    #thirdScreen .thirdScreen-inner .box-3::before {
      width: 40%; }
    #thirdScreen .thirdScreen-inner .box-3::after {
      height: 80%;
      top: 8%;
      left: 58.3%; }
    #thirdScreen .thirdScreen-inner .box-4 .text {
      margin-top: 4%; }
    #thirdScreen .thirdScreen-inner .box-4::after {
      top: 7%;
      left: 41.6%;
      height: 80%; }
  #fourthScreen .etkinlikler {
    width: 60%; }
  #sixthScreen .sixthScreen-inner {
    width: 63.43%;
    margin: 0 auto;
    text-align: center; }
    #sixthScreen .sixthScreen-inner h2 {
      font-size: 28px; }
    #sixthScreen .sixthScreen-inner p {
      font-size: 17px; }
    #sixthScreen .sixthScreen-inner img {
      width: 22.45%;
      margin-top: 11%; }
  #seventhScreen .item-upper .left {
    width: 47.5%; }
    #seventhScreen .item-upper .left h2 {
      font-size: 21px; }
    #seventhScreen .item-upper .left .item-upper-form {
      width: 75%;
      margin-top: 3%; }
  #seventhScreen .item-upper .right .img-text {
    font-size: 19px; }
    #seventhScreen .item-upper .right .img-text img {
      width: 18%;
      float: left; }
    #seventhScreen .item-upper .right .img-text p {
      width: 79%;
      float: left;
      margin-left: 3%; }
  #seventhScreen .item-upper .right .button {
    width: 24%; }
  #seventhScreen .item-lower {
    height: 42%; }
    #seventhScreen .item-lower .left {
      width: 55%;
      height: 210px;
      float: left; }
    #seventhScreen .item-lower .right h2 {
      font-size: 29px;
      text-align: left;
      padding: 26px 0;
      letter-spacing: 10px; } }

@media screen and (max-width: 1024px) {
    #fifthScreen .img-wrapper { width: 85%; }

    #thirdScreen .thirdScreen-inner .item.box-1 .text {
        height: auto;
    }

  .mobile-menu-open {
    display: block;
    position: absolute;
    left: 3%;
    top: 0.3%;
    width: 7%;
    padding: 5px; }
    .mobile-menu-open span {
      width: 100%;
      height: 9px;
      background: #626366;
      display: block;
      margin: 6px 0; }
  .mobile-menu {
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: fixed;
    z-index: 9;
    font-size: 24px;
    text-align: center;
    right: -100%;
    display: block; }
    .mobile-menu .close {
      position: absolute;
      right: 20px;
      top: 20px; }
    .mobile-menu ul {
      margin-top: 30%; }
      .mobile-menu ul li {
        margin: 50px 0; }
        .mobile-menu ul li a {
          color: #5e5e5e; }
  nav {
    display: none; }
  #mainScreen {
    height: auto; }
  section {
    height: auto; }
  nav ul li {
    margin-right: 50px; }
  #mainScreen .mainScreen-img {
    width: 75%;
    padding-top: 5%; }
  #secondScreen {
    padding-bottom: 10%;
    padding-top: 0; }
    #secondScreen .text-area p {
      font-size: 18px; }
      #secondScreen .text-area p::before {
        width: 31px;
        left: -25px;
        top: -15px; }
      #secondScreen .text-area p::after {
        width: 31px;
        right: 2%; }
    #secondScreen .text-area img {
      width: 15%; }
    #secondScreen .text-area .iyikos {
      top: 28%;
      left: -2%; }
    #secondScreen .text-area .iyikal {
      top: 28%; }
    #secondScreen .text-area .iyibeslen {
      bottom: -25%;
      left: -10%; }
    #secondScreen .text-area .iyisur {
      bottom: -25%; }
    #secondScreen .text-area .iyicocuk {
      bottom: -15%;
      right: -13%; }
  #thirdScreen .thirdScreen-inner {
    width: 54%; }
    #thirdScreen .thirdScreen-inner .grid-vertical {
      display: none; }
    #thirdScreen .thirdScreen-inner .grid-horizontal {
      display: none; }
    #thirdScreen .thirdScreen-inner .item {
      width: 100%;
      margin: 0; }
      #thirdScreen .thirdScreen-inner .item .text {
        width: 100%;
        font-size: 23px;
        margin: 17% 0 11% 0;
        text-align: center; }
      #thirdScreen .thirdScreen-inner .item .img-area {
        width: 100%; }
        #thirdScreen .thirdScreen-inner .item .img-area img {
          width: 100%; }
    #thirdScreen .thirdScreen-inner .box-1 {
      position: relative; }
      #thirdScreen .thirdScreen-inner .box-1::before {
        width: 110%;
        height: 27%;
        top: 18%;
        right: 8%; }
      #thirdScreen .thirdScreen-inner .box-1::after {
        width: 1px;
        height: 31%;
        top: 4%;
        left: -3%; }
    #thirdScreen .thirdScreen-inner .box-2 {
      position: relative; }
      #thirdScreen .thirdScreen-inner .box-2::before {
        width: 54%;
        height: 26.7%;
        top: 3%;
        left: inherit;
        right: -23.5%; }
      #thirdScreen .thirdScreen-inner .box-2::after {
        width: 1px;
        height: 34%;
        top: 5.5%;
        left: inherit;
        right: -3%; }
    #thirdScreen .thirdScreen-inner .box-3 {
      position: relative; }
      #thirdScreen .thirdScreen-inner .box-3 .text {
        margin-top: 17% 0 11% 0; }
      #thirdScreen .thirdScreen-inner .box-3::before {
        width: 50%;
        height: 25.5%;
        top: 4%;
        right: inherit;
        left: -18%; }
      #thirdScreen .thirdScreen-inner .box-3::after {
        width: 1px;
        height: 45%;
        top: 7%;
        left: -3%; }
    #thirdScreen .thirdScreen-inner .box-4 {
      position: relative; }
      #thirdScreen .thirdScreen-inner .box-4 .text {
        margin-top: 17% 0 11% 0; }
      #thirdScreen .thirdScreen-inner .box-4::before {
        width: 120%;
        height: 32%;
        bottom: 43%;
        left: inherit;
        right: -41%; }
      #thirdScreen .thirdScreen-inner .box-4::after {
        width: 1px;
        height: 41%;
        top: 5.5%;
        left: inherit;
        right: -3%; }
  #fourthScreen .etkinlikler {
    width: 85%; }
  
  #sixthScreen .sixthScreen-inner {
    width: 80%; }
    #sixthScreen .sixthScreen-inner p::before {
      width: 31px;
      left: -25px;
      top: -15px; }
    #sixthScreen .sixthScreen-inner p::after {
      width: 31px;
      right: -2.5%; }
  #seventhScreen {
    height: auto; }
    #seventhScreen .item-upper .left {
      width: 100%;
      border-right: none;
      padding-bottom: 20%;
      position: relative; }
      #seventhScreen .item-upper .left h2 {
        font-size: 43px; }
      #seventhScreen .item-upper .left .item-upper-form .button {
        width: 31%; }
      #seventhScreen .item-upper .left::after {
        position: absolute;
        content: '';
        width: 70%;
        height: 1px;
        background: #5e5e5e;
        bottom: 15%;
        left: 15%; }
    #seventhScreen .item-upper .right {
      width: 100%; }
      #seventhScreen .item-upper .right .button {
        width: 28%; }
    #seventhScreen .item-lower {
      width: 100%; }
      #seventhScreen .item-lower .left {
        width: 100%;
        height: 392px; }
      #seventhScreen .item-lower .right {
        text-align: center;
        width: 100%; 
        margin:0;
      }
        #seventhScreen .item-lower .right h2 {
          text-align: center;
          position: relative;
          padding: 40px 0; }
          #seventhScreen .item-lower .right h2::after {
            position: absolute;
            content: '';
            background: #7f7f7f;
            width: 25%;
            height: 1px;
            left: 37%;
            bottom: 20px; }
        #seventhScreen .item-lower .right .head-line {
          width: 55%;
          text-align: right;
          float: left;
          position: relative; }
          #seventhScreen .item-lower .right .head-line::after {
            position: absolute;
            content: ':';
            width: 1px;
            height: 1px;
            left: 100%;
            display: block;
            background: none;
            top: 0; }
        #seventhScreen .item-lower .right .address {
          width: 43%;
          display: inline-block;
          text-align: left;
          margin-top: 4px;
          margin-right: 5px;
          margin-left: 12px; }
        #seventhScreen .item-lower .right p::after {
          display: none; } }

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

    #fourthScreen .iyiyasamtimeline-mobil {
        display: block;
        margin:0 auto;
        max-width: 414px;
        width: 100%;
    }

    #fourthScreen .iyiyasamtimeline {
        display: none;
    }

  .mobile-menu-open span {
    height: 6px; }
  section h2 {
    padding: 60px 0 30px 0; }
  #secondScreen {
    padding-bottom: 15%; }
    #secondScreen .text-area {
      width: 73%; }
      #secondScreen .text-area img {
        width: 21%; }
      #secondScreen .text-area .iyikos {
        top: 11%;
        left: -8%; }
      #secondScreen .text-area .iyikal {
        top: 19%; }
      #secondScreen .text-area .iyibeslen {
        bottom: -34%;
        left: -10%; }
      #secondScreen .text-area .iyisur {
        bottom: -29%; }
      #secondScreen .text-area .iyicocuk {
        bottom: -18%;
        right: -13%; }
  #thirdScreen .thirdScreen-inner .box-1 .text {
    margin-top: 6%; }
  #thirdScreen .thirdScreen-inner .box-1::before {
    top: 5%; }
  #thirdScreen .thirdScreen-inner .box-1::after {
    height: 20%;
    top: 4%; }
  #thirdScreen .thirdScreen-inner .box-2 .text {
    margin-top: 6%; }
  #thirdScreen .thirdScreen-inner .box-2::before {
    height: 20%; }
  #thirdScreen .thirdScreen-inner .box-2::after {
    height: 24.8%;
    top: 4.5%; }
  #thirdScreen .thirdScreen-inner .box-3 .text {
    margin-top: 6%; }
  #thirdScreen .thirdScreen-inner .box-3::before {
    width: 50%;
    height: 25.5%;
    top: 4%;
    left: -18%; }
  #thirdScreen .thirdScreen-inner .box-3::after {
    height: 33.4%;
    top: 7%; }
  #thirdScreen .thirdScreen-inner .box-4 .text {
    margin-top: 6%; }
  #thirdScreen .thirdScreen-inner .box-4::before {
    bottom: 52%;
    right: -30%; }
  #thirdScreen .thirdScreen-inner .box-4::after {
    height: 32%;
    top: 6.5%; }
  #fourthScreen {
    height: 60%; }
    #fourthScreen .etkinlikler {
      width: 95%;
      margin: 1.5% auto 0 auto;
      display: block; }

  #sixthScreen .sixthScreen-inner {
    width: 85%; }
  #seventhScreen {
    height: 43%; }
    #seventhScreen .item-upper .left {
      width: 100%;
      border: 0; }
      #seventhScreen .item-upper .left::after {
        bottom: 9%; }
    #seventhScreen .item-upper .right {
      width: 100%;
      margin-top: 5%; }
    #seventhScreen .item-lower {
      height: 300px;
      width: 100%;
      margin-top: 5%;
      display: inline-block;
      margin-bottom: 5%; }
      #seventhScreen .item-lower .left {
        width: 100%;
        height: 100%;
        float: left; }
      #seventhScreen .item-lower .right {
        width: 100%;
        margin: 0;
        margin-bottom: 5%; }
        #seventhScreen .item-lower .right .head-line {
          width: 52%; } }

@media screen and (max-width: 480px) {
	  .imgItem{width: 50%;}
    .mobile-menu ul li { margin: 30px 0; }
  section {
    overflow: hidden; }
  .mobile-menu-open {
    width: 9%; }
    .mobile-menu-open span {
      height: 3px;
      margin: 3px 0; }
  section h2 {
    font-size: 30px;
    padding: 30px 0;
    letter-spacing: 6px; }
  .mainScreen-img {
    width: 100%; }
  #secondScreen {
    display: inline-block;
    padding-bottom: 20%; }
    #secondScreen .text-area {
      width: 73%; }
      #secondScreen .text-area h2 {
        font-size: 30px; }
      #secondScreen .text-area p {
        font-size: 14px;
        margin-top: 20%; }
        #secondScreen .text-area p::before {
          width: 20px;
          left: -20px;
          top: -10px; }
        #secondScreen .text-area p::after {
          width: 20px;
          right: -4%; }
      #secondScreen .text-area img {
        width: 30%; }
      #secondScreen .text-area .iyikos {
        top: 18%; }
      #secondScreen .text-area .iyikal {
        top: 23%; }
      #secondScreen .text-area .iyibeslen {
        bottom: -18%;
        left: -9%; }
      #secondScreen .text-area .iyisur {
        bottom: -18%; }
      #secondScreen .text-area .iyicocuk {
        bottom: -20%;
        right: -13%; }
  #thirdScreen .thirdScreen-inner {
    width: 85%; }
    #thirdScreen .thirdScreen-inner .grid-horizontal {
      display: none; }
    #thirdScreen .thirdScreen-inner .grid-vertical {
      display: none; }
    #thirdScreen .thirdScreen-inner .item {
      margin: 20px 0; }
      #thirdScreen .thirdScreen-inner .item .img-area {
        width: 100%; }
      #thirdScreen .thirdScreen-inner .item .text {
        width: 100%;
        margin: 25px 0;
        font-size: 14px; }

    #thirdScreen .thirdScreen-inner .box-1::before {
        height: 42%;
    }
    #thirdScreen .thirdScreen-inner .box-2::before {
        height: 40%;
    }
    #thirdScreen .thirdScreen-inner .box-4::before {
        bottom: 36%;
        right: -30%;
        height: 50%;
    }
    #thirdScreen .thirdScreen-inner .box-4::after {
        height: 44%;
    }
    #thirdScreen .thirdScreen-inner .box-3::after {
        height: 46%;
    }
    #thirdScreen .thirdScreen-inner .box-2::after {
        height: 36%;
        top: 6.5%;
    }
    #thirdScreen .thirdScreen-inner .box-1::after {
        height: 29%;
        top: 5.2%;
    }
    #fourthScreen {
        height: auto;
        display: inline-block;
    }
  #fifthScreen .img-wrapper {
    width: 100%; }
  #sixthScreen .sixthScreen-inner p {
    margin-top: 0%;
    font-size: 14px; }
    #sixthScreen .sixthScreen-inner p::before {
      width: 25px;
      left: -15px;
      top: -15px; }
    #sixthScreen .sixthScreen-inner p::after {
      width: 25px;
      right: -15px;
      bottom: -35px; }
  #sixthScreen .sixthScreen-inner img {
    width: 50%; }
  #sixthScreen .sixthScreen-inner h2 {
    font-size: 22px; }
  #seventhScreen {
    height: auto; }
    #seventhScreen .item-upper .left h2 {
      font-size: 22px; }
    #seventhScreen .item-upper .left .item-upper-form {
      width: 100%; }
      #seventhScreen .item-upper .left .item-upper-form .button {
        width: 35%; }
    #seventhScreen .item-upper .right .img-text {
      font-size: 14px; }
    #seventhScreen .item-upper .right .button {
      width: 50%; }
    #seventhScreen .item-lower {
      height: 400px; }
      #seventhScreen .item-lower .left {
        height: 50%; }
      #seventhScreen .item-lower .right .head-line {
        width: 100%;
        text-align: center;
        margin: 0; }
      #seventhScreen .item-lower .right .address {
        width: 100%;
        text-align: center;
        margin: 10px 0; }

    #seventhScreen .item-upper .left::after {
        bottom: 5%;
    }

}

@media screen and (max-width: 375px) {
    #thirdScreen .thirdScreen-inner .box-1::before {
        height: 37%;
    }

    #thirdScreen .thirdScreen-inner .box-4::before {
        bottom: 41%;
    }
}