@media only screen and (max-width: 1690px) {
  .badge .icon {
      transform: scale(0.9);
  }
  .badge {
      width: 60px;
  }
  .brand img {
      width: 60%;
      margin: 0 auto;
  }
}
@media only screen and (max-width: 1441px) {
  .headercenter, .slidertext, .owlbutton, .footercenter {
      width: 1300px;
  }
  .badge .icon {
      transform: scale(0.7);
  }

.badge .label {
  font-size: 15px;
}
  .leftpanel {
      width: 15%;
  }
  .heroarea {
      width: 85% !important;
  }
  .roundslider {
      width: 85% !important;
  }
  .badge {
      width: 30px;
  }
}
@media only screen and (max-width: 1281px) {
  .headercenter, .slidertext, .owlbutton, .footercenter {
      width: 1200px;
  }
  .israimg {
      left: -200px;
      position: relative;
  }
}

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

  .headercenter, .slidertext, .owlbutton, .container1, .isratext, .footercenter {
      width: 96%;
  }
  .rightdiv { display: none;}
  .navmenu {
      display: none;
  }

  .leftpanel {
    width: 100%;
    height: unset !important;
    position: relative;
    padding-bottom: 10px;
}

.heroarea {
  position: relative;
  z-index: -1;
}
.nav {
  display: none;
}
.lang {
  display: none;
}

.stage {
  width: 100%;
}

.roundslider {
  width: 100% !important;
  float: unset;
}
  .menumobil {
      display: block;
  }

  .heroarea {
    width: 100% !important;
}
  .topbar {
    display: none;
  }
  .binaimg {
      bottom: 190px;
  }
  .zamanliste {
    gap: 10px;
    margin: 0 auto;
  }
  .buyukbaslik {
    margin: 0 auto;
    text-align: center;
  }
  .headercontainer {
      max-width: 890px;
  }
  .baslik {
    width: 300px;
    display: block;
    padding-left: 0px;
    margin: 0 auto;
    text-align: center;
  }
  .paragraf {
    width: 90%;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
}
  .slidertext {
      max-width: 390px;
  }
  .projectcontainer {
      max-width: 890px;
  }
  .projectright {
      top: -30px;
  }
  .icerik {
      max-width: 890px;
  }
  .iletisimdiv {
      width: 96%;
  }
  .leftdiv {
      right: 0;
      top: 460px;
  }
  .slidersvg {
      width: 100%;
  }
  .slidersvg svg {
      width: 100%;
  }
  .israimg {
      left: 0;
      position: relative;
      width: 100%;
  }
}

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

  .headercenter, .slidertext, .owlbutton, .container1, .isratext, .footercenter {
      width: 96%;
  }
  .ozelsehir div ul li:nth-child(1) {
      margin-right: 0;
  }
.sloganinner {
    right: -30px;
}
.leftpanel {
    padding: 0px;
    padding-top: 30px;
    padding-bottom: 30px !important;
}
.sloganbadge {
    width: min(62vw, 230px);
    right: 110px;
}
.imgizgaradiv {
    grid-template-columns: repeat(1, 1fr);
}
.badge {
    width: 90%;
}
.badge .icon {
    width: 100% !important;
    margin-top: 60px !important;
    transform: scale(1) !important;
}
  .badgerow {
    position: relative;
    left: 0;
    right: 0;
    gap: 0px;
  }

  .navwrap {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}
.badgerow {
    position: relative;
    left: 0;
    right: 0;
    display: block;
}
.stariaarea .viewshade {
    display: none;
}
  .hero {
      height: 100vh;
      overflow: hidden;
  }

  .rightball {
    right: 0 !important;
  }
  .headercontainer {
      flex-direction: unset !important;
  }
  .sectionwrap {
      width: 90%;
      margin: 0 auto;
  }
  .binaimg {
      bottom: 100px;
  }

  .icerik {
      max-width: 590px;
  }

.galeri-icerik {
  max-width: 590px;
}

  .projectcontainer {
      max-width: 590px;
  }

  .projectright {
      top: 0;
      position: relative;
      margin-top: 30px;
      width: 100%;
  }

.projectsection {
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}
  .ozelsehir div ul li {
      margin-right: 0;
      display: block;
      width: 100%;
  }
  .grvmall div ul li {
      width: 100%;
      display: block;
  }
  .grvmall div ul li:nth-child(2) {
      display: block;
      width: 100%;
  }
  .allprojectsdiv div ul li {
      width: 100%;
      display: block;
      vertical-align: unset;
      margin: 0px;
      margin-top: 69px;
  }
  .suittitle div ul li {
      display: block;
      width: 100%;
      margin-top: 60px;
  }
  .righttext {
      width: 60%;
  }
  .ulasincontainer div ul li {
      display: block;
      width: 100%;
  }
  .sayfa {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .footericerik {
    width: 90%;
  }

.footerleft {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 60px;
    margin: 0 auto;
}
  .footerlogo {
    height: 60px;
    margin: 0 auto;
  }
  .footerright {
    justify-content: center;
  }
  .ulasincontainer div ul li:nth-child(2) {
      padding-left: 0;
      width: 100%;
      margin-top: 60px;
  }
  .frm {
      width: 96%;
  }
  .ozelsehir div ul li {
      margin-top: 60px;
  }
}


@media only screen and (max-width: 500px){
  .menudiv {
      width: 100%;
  }
  .menucontent {
      margin-top: 160px;
  }
  header {
      overflow: hidden;
  }
  .galeri-baslik {
      padding-right: 0px;
  }
  .headercontainer {
      width: 90%;
  }

  .aboutbox {
      width: 90%;
  }

  .projectcontainer {
      width: 90%;
  }

  .projectdates {
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
  }

  .galeri-icerik {
      width: 90%;
      overflow: hidden;
  }
  .menumobil {
      display: block;
  }

  .icerik {
      width: 90%;
  }
  .iletisim {
      overflow: hidden;
  }
  .sosyalmedya {
      display: none;
  }
  .header {
      overflow: unset;
  }
  .menuimg {
      width: 100%;
  }
  .headercenter, .slidertext, .owlbutton, .container1, .isratext, .footercenter {
      width: 96%;
  }
  .menumobil {
      height: unset;
  }
  .container1 {
      z-index: 0;
  }
  .allslide {
      height: unset;
  }
  .formallpage {
      right: -290px;
  }
  .popupdiv {
      width: 100%;
  }
  .iletisimdiv div ul li {
      display: block;
      vertical-align: unset;
      margin: 0px;
      width: 100%;
      margin-top: 29px;
  }
  .menucontent div ul li svg {
      fill: #000;
      stroke: #000;
  }
  .inputyan {
      width: 96%;
      margin-top: 10px;
      display: block;
      vertical-align: unset;
      margin: 0px;
      margin-top: 10px;
  }
  .checkdiv {
      display: block;
      vertical-align: unset;
      width: 100%;
  }
  .slideshow-container {
      width: 100%;
      display: inline-block;
      vertical-align: top;
  }
  .projedivv {
      display: block;
      vertical-align: unset;
      width: 100%;
      margin-top: 69px;
  }
  #formmenu {
      right: 210px;
  }
  .projectsdiv {
      float: unset;
      width: 100%;
  }
  .formcontent {
      width: 300px;
  }
  .cizgi {
      display: none;
  }
  .slidertext {
      position: absolute;
      bottom: 60px;
  }
  .owlbutton {
      top: 390px;
  }
  .buttonimg {
      width: 17%;
  }
  .containertitle h3 {
      font-size: 30px;
  }
  .textspac, .turuncutitle {
      font-size: 30px;
  }
  .texttitle, .suittitle div ul li, .adetalt {
      font-size: 20px;
  }
  .grvmall div ul li {
      margin: 0;
  }
  .footermenu {
      display: none;
  }
  .footermenu div ul li {
      display: block;
      vertical-align: top;
      margin-left: 0px;
      color: #fff;
  }
}