@charset "UTF-8";
/* CSS Document */

@media only screen and (max-width: 1681px) {
  .buyukkare {
    height: 90.5vh;
  }
}

@media only screen and (max-width: 1440px) {
  .buyukkare {
    width: 92%;
    height: 85.5vh;
    margin: 4%;
  }

  .projebilgi1sub {
    width: 90%;
  }

  .projebilgi1center {
    width: 100%;
  }

  .logotop img {
    width: 130px;
  }

  .projeyazi0 .textContentP {
    width: 100%;
  }

  .projedetay1 {
    width: 90%;
  }

  .projegorsel2 {
    padding-top: 45px;
  }

  .moveMouse {
    font-size: 16px;
    width: 25px;
  }

  .sosyalHayatDivs {
    width: 92.6%;
  }

  .floatLeftSliderContent:hover .ormanhover {
    opacity: 1;
    top: 3%;
  }

  .floatRightSliderContent:hover .ormanhover2 {
    bottom: 9%;
    opacity: 1;
  }

  .navbarContainer {
    max-width: 1100px;
  }

  .formContainer h3 {
    font-size: 14px;
  }

  .formTexts {
    top: 16%;
  }

  .formContainer {
    top: 2%;
  }

  .number {
    font-size: 32px !important;
  }

  .ormanhover {
    width: 153px !important;
  }

  .ormanhover2 {
    width: 120px !important;
  }

  .menuDiv ul li {
    padding: 10px 15px 2px 15px;
    font-size: 13px !important;
    margin: 0;
  }

  #navbar {
    background-size: 66%;
  }

  #ih1 img {
    width: 60%;
  }

  #ih2 img {
    width: 80%;
  }

  #yap2 img {
    width: 40%;
  }

  #yap3 img {
    width: 60%;
  }

  .titleSliderH3 {
    font-size: 68px;
  }

  .sliderTexts {
    width: 55%;
  }

  .inputsDiv {
    line-height: 17px;
    font-size: 11px;
  }

  .titleSliderContent2 {
    font-size: 36px !important;
  }

  .titleSliderContent {
    font-size: 40px;
  }

  .menuDiv {
    margin-top: 43px;
  }

  .rightDivContent,
  .right-leftDivContent {
    width: 93.1%;
  }

  .titlePosition {
    font-size: 33px;
    /* width: 63%; */
  }

  .titleContenth3,
  .boxSTexsh3,
  .textSosyalH3 h3,
  .centerContentPageDairePlanlari .titleCenterH3 h3,
  .titleInfo {
    font-size: 33px;
  }

  .textContentP,
  .textContentLeftP,
  .textContentP-Camlardanilhamalan,
  .logoDivLiTitle,
  .projeContentP p,
  .boxSTexsp p,
  .klimaTexts,
  .textSosyal p,
  .contentPageP p,
  .tabsMenuNavbar div ul li {
    font-size: 14px;
  }

  .titleP_Doganinenerjisi p {
    margin-top: 13px;
    /* width: 86%; */
    /* font-size: 15px; */
  }

  #kozolakImg {
    right: 4%;
    margin-top: 8%;
    width: 7%;
  }

  .logoDivLiContents {
    margin-top: 8px;
    font-size: 13px;
  }

  .logoMenu div ul li {
    height: 133px;
  }

  .logoFooter img {
    width: 80%;
  }

  .rightH3,
  .imgTextH3 {
    font-size: 40px;
  }

  .imgTextH3 {
    width: 40%;
  }

  .rightP p,
  .imgTextP p,
  .infoContentP p {
    font-size: 13px;
  }

  .sosyalH3,
  .titleCenterH3 {
    font-size: 42px;
  }

  .top30p {
    margin-top: -100px;
  }

  .numberP {
    font-size: 39px !important;
  }

  .titleInfoYol {
    font-size: 27px;
  }

  .ContentCenterBizeUlasin {
    padding-top: 116px;
  }

  .imgCoverRight {
    width: 30%;
  }

  .rightP p {
    width: 80%;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
  }

  .textsContentPosition2 {
    top: 50px;
    left: 50px;
  }

  .titlePosition h1 {
    font-size: 50px;
  }

  .textContentP {
    top: 50px;
    margin-left: -100px;
  }

  .projebilgi1 .ikonul1 {
    width: calc(100% - 30px);
  }

  .projebilgi1 .ikonul2 {
    width: calc(100% - 0px);
  }

  .projebilgifooteric {
    width: 90%;
  }
}

@media only screen and (max-width: 1369px) {
  .projebilgi1sub {
    width: 96%;
  }

  .projebilgi2 {
    width: calc(100% - 330px);
  }

  .projedetay1 {
    width: 98%;
  }

  .textsContentPosition2 {
    width: 90%;
    padding: 10px;
    left: 20px;
  }

  .titleContenth3,
  .boxSTexsh3,
  .textSosyalH3 h3,
  .centerContentPageDairePlanlari .titleCenterH3 h3,
  .titleInfo {
    font-size: 33px;
    width: 100%;
  }

  .textContentP {
    width: 350px;
  }

  .tablink {
    width: 30%;
  }

  .logotop img {
    width: 130px;
  }

  .altlogo {
    bottom: -20px;
  }

  .projebilgi1 ul li {
    flex: auto;
    width: 20%;
    text-align: center;
    padding: 10px;
  }

  .alarmyasaluyaridiv {
    top: 4%;
  }

  .titleP_Doganinenerjisi p {
    margin-top: 9px;
    /* line-height: 19px; */
    font-size: 16px;
  }

  .rightDivContent,
  .right-leftDivContent {
    width: 95.5%;
  }

  .floatRightSliderContent:hover .ormanhover2 {
    bottom: -1%;
    opacity: 1;
  }

  .floatRightSliderContent {
    height: 86vh;
  }

  .ormanhover {
    bottom: -13%;
  }

  .floatRightSliderContent:hover .ormanhover2 {
    bottom: 0;
    opacity: 1;
  }

  .floatLeftSliderContent:hover .ormanhover {
    bottom: 15%;
    opacity: 1;
  }

  .inputsDiv {
    line-height: 14px;
    font-size: 11px;
    margin-top: 5px;
  }

  .titleSliderContent,
  .textHoverText {
    bottom: 10%;
  }

  .projebilgifooter .adres h1 {
    font-size: 40px;
  }

  .projebilgifooter .adres p {
    font-size: 20px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 1280px) {
  .rightDivContent,
  .right-leftDivContent {
    width: 98.5%;
  }

  .titleP_Doganinenerjisi p {
    margin-top: 7px;
    /* line-height: 16px; */
  }

  #navbar {
    background-size: 80%;
  }

  .floatRightSliderContent:hover .ormanhover2 {
    bottom: 30px;
    opacity: 1;
  }

  .floatLeftSliderContent:hover .ormanhover {
    bottom: 20%;
    opacity: 1;
  }
}

@media only screen and (max-width: 1024px) {
	.mobile{display:block;}
	.desktop{display:none;}
  .content-wrapper {
    width: 100%;
  }
  .header-btn-container {
    left: 0;
    right: unset;
	width:60%;
  }
  .header-btn-container .d-flex {
    display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
  }
  
   .header-btn-container2 {
    left: unset;
    right: 0;
  }
  .header-btn-container2 .d-flex {
  }
  
  .header-btn-container .d-flex a {
    margin: 4px;
    padding: 5px 0;
    font-size: 0.75rem;
    /*max-width: 210px;*/
    display: block;
    width: 24vw;
    text-align: center;
  }
  .ornek-villalar-btn{
	  width:100%!important;
  }
  .hava-fotograflari-btn{
	  width:100%!important;
  }
	.header-btn-container .d-flex a:nth-child(4) {
    width: 28vw;
  }
  .bilgitalep-btn {
    position: fixed;
    right: 0;
    top: 20%;
    max-width: 33px;
    display: block;
    transition: 0.7s;
	z-index:10;
  }

  .bilgitalep-btn.clicked {
    right: -100vw;
    transition: 0.7s;
  }

  .close-form {
    position: absolute;
    top: 20px;
    left: 20px;
    border: 2px solid #fff;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-family: "Gotham-Bold";
  }

  .projebilgi1 {
    width: 100%;
    display: inline-block;
    right: -100vw;
    transition: 0.7s;
  }

  .projebilgi1.active {
    right: 0;
    transition: 0.7s;
  }
  footer {
    width: 100%;
  }
  footer .d-flex {
    flex-direction: column;
  }
  footer .d-flex div {
    margin: 10px 0;
  }
  .address-container {
    text-align: center;
  }

  .mobilgorsel {
    display: block;
  }

  .desktop {
    display: none;
  }

  .kurumlogolar {
    display: none;
  }

  .altlogo {
    display: block;
  }

  .mobileB {
    right: -80px;
  }

  .yapraklar {
    position: fixed;
  }

  .textDivRightContent {
    width: 48%;
  }

  .titlePosition {
    width: 90%;
  }

  .textsContentPosition {
    top: 0;
    top: 9%;
    left: 1%;
    width: 40%;
  }

  .doganinenerjisiButton button {
    margin-top: 11px;
    background: rgb(101 135 118);
    padding-top: 13px;
  }

  .imgTextCoverProje {
    width: 90%;
  }

  .imgCoverRight {
    width: 33%;
    padding: 14px;
  }

  .projeInfoDiv div ul li {
    width: 48%;
  }

  .projeContent p,
  .projeContent h3 {
    width: 98%;
    margin-left: 2%;
  }

  .klimaTexts {
    top: -2px;
  }

  .rightH3,
  .imgTextH3 {
    font-size: 30px;
  }

  .formTexts {
    top: 16%;
    right: 0;
    position: fixed;
  }

  .rightP p {
    width: 100%;
    line-height: 19px;
    text-align: right;
  }

  .logoMenu div ul li {
    width: 25%;
  }

  .navbarContainer {
    max-width: unset;
    width: 97%;
  }

  .tabsMenuNavbar div ul li {
    padding: 11px;
  }

  .imgTextCover {
    width: 90%;
  }

  .imgsDivsSosyal div ul li {
    width: 18.9%;
  }

  .backgroundSSosyal {
    height: 1450px;
  }

  .ContentCenter {
    padding: 45px 0px 20px;
  }

  #footer {
    padding: 30px 0px 70px;
  }

  .sliderContent {
    padding-top: 120px;
  }

  .konumIcons div ul li {
    width: 8.5%;
  }

  .konumIcons div ul li img {
    width: 80px;
  }

  .imgKonum {
    width: 100%;
  }

  .konumIcons {
    width: 100%;
    margin: 20px 0;
  }

  .textContentLeftP {
    padding-left: 10px;
  }

  #kozolakImg {
    margin-top: 1%;
  }

  .infoContentP p {
    width: 100%;
  }
}

@media only screen and (max-width: 769px) {
  .info-container {
    padding: 20px;
  }

  .formsol {
    float: unset;
    width: 95%;
    padding-right: 0;
  }

  .formsag {
    float: unset;
    width: 95%;
  }

  .logo img {
    width: 100px;
  }

  .logo a {
    margin: -15px auto;
  }

  .projebilgi0 {
    width: 100%;
  }

  .projebilgi1right img {
    width: 125%;
    margin-bottom: 140px;
  }

  .projebilgi2 {
    width: 100%;
  }

  .titlePosition h1 {
    font-size: 35px;
  }

  .projebilgi2 {
    background-size: cover;
    overflow: hidden;
  }

  .projebilgifooter {
    width: 100%;
    background-size: cover;
  }

  .projebilgi1 .ikonul1 {
    width: 100%;
    display: inline-block;
  }

  .projebilgi1 .ikonul2 {
    width: 100%;
    display: inline-block;
  }

  .projebilgi1 ul li {
    width: 19%;
    padding: 10px;
    display: inline-grid;
  }

  .projebilgi1 ul li span {
    line-height: 17px;
    font-size: 12px;
    padding-top: 10px;
  }

  .projebilgifooter .logof {
    width: 100%;
    float: unset;
    text-align: center;
  }

  .projebilgifooter .logof img {
    width: 150px;
  }

  .projebilgifooter .adres {
    width: 100%;
    float: unset;
    text-align: center;
  }

  .projeyazi0 {
    margin-top: 0px;
  }

  .tablink {
    width: 40%;
  }

  .cocukgorsel1,
  .cocukgorsel2 {
    display: none;
  }

  .projebilgi3 img {
    width: 100%;
    /* margin-left: -20%; */
  }

  .projebilgi3 {
    width: 100%;
    background: url(../images/ikonzemin.jpg) bottom;
    padding-top: 270px;
  }

  .titleP_Doganinenerjisi p {
    padding: 20px 0;
    width: 80%;
    margin: 0 auto;
  }

  .projegorsel2 img {
    border: none;
    box-shadow: 0 0 10px #ccc;
  }

  .projegorsel2 {
    width: 100%;
  }

  .projedetay2 {
    width: 100%;
  }

  .projeyazi2 {
    width: 100%;
    padding: 0 0 50px 0;
  }

  .textsContentPosition2 {
    position: relative;
    width: 100%;
    padding: 20px 0;
    left: 0;
    /* overflow: hidden; */
    top: 0;
  }

  .projedetay1 {
    width: 100%;
  }

  .projeyazi1 {
    width: 100%;
    /* padding: 20px 0 0 0; */
    position: absolute;
    top: -20px;
  }

  .projeyazi1 .textContentP {
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  .projegorsel1 {
    width: 100%;
    padding-left: 0;
  }

  .projegorsel1 img {
    border: none;
  }

  .projebilgi1right {
    width: 100%;
    padding-top: 30px;
    text-align: center;
  }

  .projebilgi1left {
    width: 100%;
    text-align: center;
  }

  .projedetay0 {
    width: 100%;
  }

  .projeyazi0 .textContentP {
    width: 90%;
  }

  .side-panel {
    width: 100%;
    position: relative;
  }

  div#panel-btn {
    top: 290px;
  }

  div#panel-btn img {
    width: 50px;
  }

  .logoemlak {
    display: none;
  }

  .altlogo {
    bottom: 0;
    padding: 10px 0;
  }

  .logotop {
    text-align: center;
    padding: 10px 0;
    background: url(../images/formzemin.jpg) center;
  }

  .logoemlak img {
    width: 300px;
  }

  .mobileB {
    display: block;
  }

  .lineBackground {
    width: 106%;
    margin-left: -3%;
  }

  .tabsMenuNavbar {
    width: 99%;
  }

  .tabsMenuNavbar div ul li {
    padding: 2px;
  }

  .dubleksmenu {
    bottom: 2px;
    right: 2px;
  }

  .tabsAltMenu {
    margin-top: 4px;
  }

  .konumIcons div ul li {
    width: 16%;
  }

  .konumIcons div ul li img {
    width: 100px;
  }

  .ContentCenter {
    padding: 10px 0px 20px;
  }

  .projeContent .projeContentP p {
    font-size: 15px;
    line-height: 20px;
  }

  #deskTopsliderContent {
    display: none !important;
  }

  .imgTextP p {
    width: 75%;
    margin: 0 auto;
    float: unset;
    margin-top: 15px;
  }

  .imgTextH3 {
    width: 100%;
    margin: 0 auto;
    float: unset;
    text-align: center;
  }

  .imgTextCover {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 20px 0px 20px;
    background: #2c473e;
  }

  #SosyalAlanlarBack {
    background: #2c473e;
  }

  .rightP p {
    float: unset;
    width: 90%;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
  }

  .rightH3 {
    text-align: center;
    width: 100%;
  }

  .infoContentP p {
    width: 100%;
  }

  #footer {
    padding-top: 8px;
    box-shadow: 1px 1px 36px #dfdfdf;
  }

  .textDivLeftContent {
    width: 80%;
    padding: 80px 0px 80px;
  }

  .textDivRightContent-Camlardanilhamalan {
    vertical-align: bottom;
    width: 50%;
    padding: 40px 0px 40px;
  }

  .iconsImg {
    position: relative;
    left: 0;
    position: absolute;
    left: 0;
    position: relative;
  }

  .desktop,
  #paralax3 {
    display: none;
  }

  .yapraklar,
  .yapraklarPosition {
    display: none;
  }

  .titleContenth3 {
    display: inline-block;
    vertical-align: top;
    width: 64%;
    font-size: 45px !important;
  }

  .mobil_textContentP {
    display: block;
  }

  .formContainer h3 {
    padding: 30px 0px 20px;
  }

  .agacImg {
    width: 44%;
  }

  #navbar,
  .deskTopImg,
  .formTexts {
    display: none;
  }

  .formTexts {
    position: fixed !important;
    z-index: 9999;
  }

  .leftDivContent {
    width: 100%;
    overflow-x: hidden;
  }

  .textDivRightContent {
    width: 50%;
    vertical-align: top;
    margin-top: 21px;
  }

  .formScreen {
    width: 100%;
    /* background: url(../images/formback.jpg);
		 height: 150vh; */
    position: relative;
    /* z-index: 99999; */
    /* top: 0; */
    /* right: -125%; */
    overflow-x: hidden;
  }

  .inputsDiv input {
    padding: 11px;
  }

  .inputsDiv textarea {
    height: 29px;
  }

  .formContainer {
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    right: 0;
    left: 0;
    padding: 10px;
  }

  #navBarMobil,
  .sliderContentMobile,
  .mobileContent1,
  .tabletImg {
    display: block;
  }

  .logoFooter {
    display: block;
    text-align: center;
  }

  .logoFooter img {
    width: 30%;
  }

  .logoMenu {
    float: none;
    width: 90%;
    margin-top: 40px;
    margin: 0 auto;
    margin-top: 40px;
  }

  .logoMenu div ul li {
    width: 27%;
    margin: 0px 19px;
  }

  .formClose {
    display: block;
  }

  .sosyalHayatDivs {
    width: 100%;
    float: none;
  }

  .sosyalHayatTextContents {
    bottom: 6%;
    font-size: 42px;
    text-shadow: 1px 1px 1px black;
    opacity: 1;
  }

  .rightDivContent,
  .right-leftDivContent {
    width: 100%;
  }

  .textsContentPosition {
    top: 6%;
    width: 95%;
    left: 5%;
  }

  .titleP_Doganinenerjisi p {
    margin-top: 20px;
    /* line-height: 16px; */
  }

  #kozolakImg {
    display: none;
  }

  .agacImgFloatRight {
    display: block;
    position: absolute;
    right: 1%;
    left: unset;
    width: 33%;
    top: -20px;
  }

  .ContentCenter {
    width: 100%;
  }

  #left0 {
    /* left: 0; */
    position: relative;
  }

  .textContentLeftP {
    width: 50%;
  }

  .projeContent {
    text-align: center;
  }

  .projeContentP p {
    text-align: center;
    margin: 0 auto;
    width: 90%;
    margin-top: 25px;
  }

  .projeImg {
    width: 97%;
    margin: 0 auto;
    margin-top: 10px;
  }

  .klimaTexts {
    width: 90%;
  }

  .backgroundSProje {
    background-size: 160%;
    height: 792px;
  }

  .projeInfoDiv div ul li {
    width: 47.6%;
  }

  .boxSTexsT {
    height: 210px;
  }

  .textContentP,
  .textContentLeftP,
  .textContentP-Camlardanilhamalan,
  .logoDivLiTitle,
  .projeContentP p,
  .boxSTexsp p,
  .klimaTexts,
  .textSosyal p,
  .contentPageP p,
  .tabsMenuNavbar div ul li {
    font-size: 16px;
    line-height: 25px;
  }

  .titleContenth3,
  .boxSTexsh3,
  .textSosyalH3 h3,
  .centerContentPageDairePlanlari .titleCenterH3 h3,
  .titleInfo {
    font-size: 30px;
  }

  .projeImg2 {
    overflow: hidden;
  }

  .projeImg2 img {
    width: 150%;
    margin-left: -30%;
  }

  .imgKonum {
    width: 100%;
    display: block;
  }

  .konumIcons {
    width: 100%;
    display: block;
    padding: 20px 0px 20px;
  }

  .ContentCenterDairePlanlari {
    top: 0px;
  }

  .imgsDivsSosyal div ul li {
    width: 18.6%;
    margin: 2px 0.4%;
  }

  .sosyalAlanlarImg {
    width: 100%;
    overflow: hidden;
  }

  .sosyalAlanlarImg img {
    width: 160%;
    margin-left: -10%;
  }

  .backgroundSSosyal {
    height: 1680px;
  }

  .sosyalalanImg {
    width: 100%;
    display: block;
  }

  .sosyalAlanInfo {
    margin-top: 45px;
    margin-bottom: 45px;
    width: 100%;
    display: block;
  }

  .marginTopSosyal1 {
    position: relative;
    top: 0;
  }

  .sosyalInfoP p {
    font-size: 18px;
    line-height: 29px;
  }

  .imgsDivsSosyal {
    overflow: hidden;
  }

  .videoCover img {
    width: 100%;
  }

  .playImg {
    width: 11% !important;
  }

  .galeriScreen div ul li {
    width: 45%;
  }

  .ContentCenterDairePlanlari {
    width: 100%;
  }

  .centerContentPageDairePlanlari {
    width: 90%;
    text-align: center;
  }

  .googleMaps {
    display: block;
    width: 100%;
  }

  .ContentCenterBizeUlasin {
    padding-top: 0px;
  }

  .infoContent {
    display: block;
    width: 100%;
    padding-left: 0px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 0px;
    padding-bottom: 14px;
  }

  .imgTextCoverProje {
    position: unset;
    width: 100%;
  }

  .imgCoverRight {
    width: 100%;
    padding: 20px 0px 20px;
    background: #2c473e;
    float: unset;
  }

  .sliderContent {
    padding-top: 0;
  }
}

@media only screen and (max-width: 500px) {
  .side-panel .side-panel-close {
    right: 5px;
    width: 40px;
    height: 40px;
  }

  .item {
    height: auto;
  }

  .klimaTexts {
    width: 93.5%;
  }

  .projeContent {
    position: absolute;
    bottom: -50px;
  }

  .ContentCenterDairePlanlari {
    border: 0px;
    padding: 1px 0px 20px;
  }

  .imgsDivsSosyal {
    top: 0px;
  }

  .backgroundSProje {
    background-position: top;
    background-size: 189%;
    height: 821px;
  }

  .mobileDisplayNone {
    display: none;
  }

  .owl-theme .owl-nav [class*="owl-"] {
    width: 30px !important;
    height: 30px !important;
    padding: 8px !important;
    text-align: center;
    background: unset !important;
    border-radius: 60px !important;
  }

  .sosyalAlanInfo {
    padding-left: 0px;
    width: 90%;
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .owl-prev {
    float: left;
  }

  .owl-next {
    float: right;
  }

  .katplanlariGorsel a,
  .dubleksmenu,
  .katGorsela {
    display: none !important;
  }

  .kpmobil,
  .kpmobil a {
    display: block !important;
  }

  .tabsMenuNavbar div ul li {
    border-right: 0;
  }

  .lineBackground {
    border: 0;
  }

  .galeridesktop {
    display: none;
  }

  .galerimobil {
    display: block;
  }

  .galeriContentPage {
    width: 100%;
  }

  .galeriScreen {
    max-height: 100%;
  }

  .konumIcons div ul li img {
    width: 90px;
  }

  .konumIcons div ul li {
    margin: 0px 18px;
  }

  .projeImg {
    width: 100%;
  }

  .mobileB {
    right: -70px;
  }

  .mobileImg {
    display: block;
  }

  .imgKonummobil {
    display: block;
    width: 100%;
  }

  .sliderMouse {
    display: none;
  }

  .tabletImg,
  .imgKonum {
    display: none;
  }

  .sliderContent {
    padding-top: 0px;
    margin: 0 auto;
  }

  .rightH3 {
    font-size: 40px;
    text-align: center;
  }

  .imgCoverRight {
    padding: 0;
    width: 100%;
    background: #2c473e;
    /* padding: 15px; */
    padding: 10px 0px 10px;
  }

  .backgroundSSosyal {
    background-size: 100%;
    height: 1510px;
  }

  .girisImg {
    overflow: hidden;
  }

  #deskTopsliderContent {
    display: none;
  }

  #SosyalAlanlarBack {
    width: 100%;
  }

  .imgTextCover {
    width: 100%;
  }

  #sosyalAlanlarBottom {
    bottom: 2%;
    width: 100% !important;
    margin: -2px 0 1px 0;
  }

  .imgTextCoverProje {
    width: 100%;
    position: relative;
    background: #2c473e;
  }

  .girisImg img {
    width: 100%;
    margin-left: 0;
  }

  .tabsAltMenu div {
    padding: 7px;
  }

  .tabsAltMenu {
    margin-top: 0;
    width: 100%;
    margin-left: 0px;
  }

  .iconsImg {
    position: absolute;
  }

  .divFloatRightContent {
    position: relative;
  }

  #camResponsive {
    width: 45%;
    position: absolute;
    bottom: 0;
    left: -25px;
  }

  .centerMobileMenu div ul li {
    font-size: 19px;
    height: 55px;
  }

  .centerContentPageDairePlanlari .titleCenterH3 h3 {
    font-size: 29px !important;
  }

  .imgButtonSosyal {
    font-size: 29px;
    margin-top: 6%;
  }

  .textSosyalH3 h3 {
    font-size: 29px;
  }

  .imgButtonSosyal {
    font-size: 29px;
  }

  .centerMobileMenu {
    max-width: 318px;
    margin-top: 46%;
  }

  .sosyalHayatTextContents {
    font-size: 22px;
  }

  .textsContentPosition {
    top: 4%;
    width: 84%;
  }

  .projeContentH3 {
    font-size: 29px;
  }

  .titleP_Doganinenerjisi p {
    margin-top: 10px;
    /* line-height: 16px; */
    /* font-size: 13px; */
    /* width: 100%; */
  }

  .titleContenth3 {
    width: 80%;
    font-size: 29px !important;
  }

  .titleInfo {
    font-size: 33px;
  }

  .boxSTexsh3 {
    font-size: 29px;
  }

  .sosyalH3,
  .titleCenterH3 {
    font-size: 33px;
  }

  .mobil_textContentP,
  .titleP_Doganinenerjisi p,
  .textContentLeftP,
  .projeContentP p,
  .klimaTexts,
  .boxSTexsp p,
  .textSosyal p,
  .sosyalInfoP p,
  .contentPageP p,
  .textContentP-Camlardanilhamalan,
  .rightP,
  .imgTextP {
    /* font-size: 13px; */
  }

  .textContentP-Camlardanilhamalan {
    width: 59%;
    line-height: 18px;
    line-height: 22px;
  }

  .imgButtonProje {
    padding: 17px;
    font-size: 29px;
  }

  .projeInfoDiv div ul li {
    margin: 0px 0px;
    width: 100%;
    display: block;
  }

  .mobileContent1 {
    overflow: hidden;
  }

  .backgroundHeight {
    height: auto;
  }

  .mobileContent1 img {
    width: 150%;
    margin-left: -16%;
  }

  .buttonMobileAgaclar {
    font-size: 25px;
    padding: 19px;
  }

  .mobileB {
    bottom: 0;
    transform: rotate(0deg);
    left: 0;
    width: fit-content;
    position: fixed;
    top: unset;
  }

  .mobileB button {
    padding: 12px;
    font-size: 21px;
    padding-bottom: 14px;
  }

  .sliderTextPosition {
    font-size: 34px;
  }

  .agacImg {
    width: 53%;
  }

  .textDivRightContent {
    width: 38%;
    position: relative;
  }

  .mobil_textContentP {
    top: unset;
  }

  .mobil_textContentP p {
    width: 100%;
    line-height: 22px;
  }

  .iconsImg img {
    width: 33px;
  }

  .divFloatRightContent {
    padding: 0px 0px 15px;
  }

  .titlePosition {
    font-size: 20px;
    width: 90%;
    margin: 0 auto;
  }

  #mobilWidth {
    width: 80%;
    display: inline-block;
    vertical-align: top;
  }

  #left0 {
    position: unset;
    display: inline-block;
    vertical-align: middle;
  }

  .textContentLeftP {
    width: 100%;
    padding-left: 0px;
    line-height: 22px;
    margin-top: 25px;
  }

  .agacImgFloatRight {
    width: 39%;
  }

  .logoMenu div ul li {
    width: 31%;
    margin: 0px 2px;
    border-right: 1px solid #dfdfdf;
  }

  .boxSTexsT {
    height: auto;
    vertical-align: top;
  }

  .konumIcons {
    width: 95%;
    margin-left: -1.5%;
  }

  .konumIcons div ul li {
    width: 15%;
  }

  #konumContent {
    overflow: hidden;
  }

  .imgKonum {
    width: 109%;
  }

  .imgsDivsSosyal div ul li {
    width: 48.6%;
    margin: 2px 0.4%;
  }

  .galeriScreen div ul li {
    width: 44%;
  }

  .formContainer {
    top: auto;
    border-radius: 0;
    height: auto;
  }

  .formClose {
    right: -117%;
  }

  .logoDivLiTitle {
    font-size: 11px;
    margin-bottom: 7px;
  }

  .logoDivLiContents {
    margin-top: 3px;
    font-size: 11px;
  }

  .logoMenu {
    width: 100%;
  }

  .textDivRightContent-Camlardanilhamalan {
    width: 90%;
  }

  #camlardanIlhamalan {
    width: 30%;
  }

  .tabsMenuNavbar {
    position: relative;
  }

  .tabsMenuNavbar div ul li {
    display: block;
  }

  .tabsAltMenu {
    position: relative;
  }

  .tabsAltMenu {
    background: unset;
  }

  .tabsMenuNavbar div ul li {
    font-size: 14px !important;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    margin-top: 2px;
  }

  .imgTextH3 {
    font-size: 40px;
  }

  .imgTextH3 {
    width: 100%;
  }

  .imgTextP p {
    width: 95%;
  }

  .textDivLeftContent {
    padding: 50px 0px 40px;
  }

  .projeContentP p,
  .boxSTexsp p,
  .sosyalInfoP p,
  .textSosyal p {
    line-height: 20px;
  }

  .imgsDivsSosyal {
    text-align: center;
  }

  .googleMaps iframe {
    width: 100%;
    height: 300px;
  }

  .footerContent {
    width: 100%;
  }

  .logoMenu div ul li {
    text-align: center;
  }

  .owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    bottom: 12px;
    width: 90%;
    text-align: left;
    margin: 0 auto;
    left: -8%;
    right: 0;
    top: 33%;
    height: 1px;
  }
}

@media only screen and (max-width: 375px) {
  .projebilgi1 ul li {
    width: 18%;
  }

  .formScreen {
    width: 100%;
  }

  .backgroundSProje {
    height: 761px;
  }

  .textSosyalH3 h3,
  .projeContentH3,
  .boxSTexsh3 {
    font-size: 26px;
  }

  .sosyalH3,
  .titleCenterH3 {
    font-size: 30px;
  }

  .backgroundSSosyal {
    background-size: 100%;
    height: 1400px;
  }

  .imgButtonSosyal {
    font-size: 25px;
  }

  .titleContenth3,
  .titlePosition,
  .titleContenth3 {
    font-size: 24px !important;
  }

  .mobil_textContentP,
  .titleP_Doganinenerjisi p,
  .textContentLeftP,
  .projeContentP p,
  .klimaTexts,
  .boxSTexsp p,
  .textSosyal p,
  .sosyalInfoP p,
  .contentPageP p,
  .textContentP-Camlardanilhamalan,
  .rightP,
  .imgTextP {
    font-size: 15px;
  }

  .rightP p,
  .imgTextP p,
  .infoContentP p {
    font-size: 15px;
  }

  .textsContentPosition {
    width: 92%;
  }

  .titleP_Doganinenerjisi p {
    margin: 8px auto;
    line-height: 17px;
  }

  .centerMobileMenu div ul li {
    font-size: 17px;
    height: 54px;
  }

  .centerMobileMenu {
    max-width: 318px;
    margin-top: 50%;
  }

  .rightH3 {
    font-size: 34px;
  }

  .imgsDivsSosyal div ul li {
    width: 48.5%;
  }
}

@media only screen and (max-width: 360px) {
  .backgroundSProje {
    height: 791px;
  }

  .sliderTextPosition {
    font-size: 30px;
  }
}