@media only screen and (max-width:1920px){
.fiyat {
    position: absolute;
    left: 35%;
    top: 12%;
    width: 60%;
    display: inherit;
    text-align: left;
    /* visibility: hidden; */
    z-index: 1;
}

.column3 {
    float: left;
    width: 54%;
    top: 20%;
    left: 55%;
    position: absolute;
}

.column1 {
    float: left;
    width: 44.73%;
    top: 71px;
    left: -1%;
    position: relative;
}

.alti {
    margin-left: 78%;
    margin-top: 37%;
    width: 100%;
}
.p1 {
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #ffff;
}
}
@media only screen and (max-width:1680px) {
	.birincialan{height: 90vh;}
	.solust {
    margin-bottom: 33px;
    width: 15%;
    float: left;
    padding: 1%;
    z-index: 101;
}    
.iceriyazi {
    padding: 8% 0 3% 0;
    width: 64%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, 50%);
    gap: 88px;
    text-align: left;
    margin-left: 0;
}
    
div#jssor_1 {
    margin-top: -4% !important;
}  
.form-submit {
    font-size: 12px !important;
    background-position: center center;
    border-radius: 15px;
    width: 67px !important;
    height: 63px !important;
    border: 0px;
    text-align: center;
    color: #054B45;
    margin: auto;
    font-family: Montserrat;
    background: transparent;
    background-image: url(../images/send.png);
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-weight: 500;
    box-shadow: none;
    margin-left: 38%;
    background-size: contain;
    margin-top: 38% !important;
    position: absolute;
}    
    
.besincialan {
    grid-area: besincialan;
    background-color: #fff;
    width: 100%;
}
.u-block-5782-4 {
    position: absolute;
    width: 43px;
    height: 43px;
    left: calc(((100% - 943px) / 2) + -6px) !important;
    top: 19px;
    background-image: none;
    right: auto;
    padding: 10px;
}
.grow15 {
     flex-grow: 0;
     width: 80%;
	margin-bottom: 50px;
 }
 .grow75 {
     flex-grow: 0;
     width: 69px;
     margin-bottom: 3%;
 }
 
p.benloyazi {
    margin-left: -4%;
    line-height: 1.6;
    position: absolute;
    margin-top: -22% !important;
    color: #081A33;
    font-size: 17px;
    text-align: right;
    clear: both;
}
.u-block-5782-3 {
    position: absolute;
    left: calc(((100% - 945px) / 2) + -58px) !important;
    width: 43px;
    height: 43px;
    top: 19px;
    background-image: none;
    right: auto;
    padding: 10px;
}
.yaziboyutu {
    font-size: 22px;
}
.p1 {
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center bottom;
    top: 0;
    bottom: 0;
    background-color: #b39869;
}

.form-holder{width:300px}
.form-holder .form-title{font-size:16px}
.form-holder .form-title strong{font-size:23px}
.tel{margin:0 0 5px}
.tel a{font-size:16px;margin-top:16px}
.contact_form .form-textarea{height:55px}
.contact_form LI{font-size:10px}
.main-page{width:calc(100% - 300px)}
.halkbank{width:30%}
.ankara{width:37%;top:13%;right:30%}
.konum{bottom:30%}
.dukkan strong{font-size:17px}
.dukkan{width:250px;height:55px;right:7%}
.kaydir{bottom:1%}
.balkonTitle{width:57%}
.balkon{top:6%}
.balkon p{padding-top:15px;font-size:18px;line-height:30px}
.ulasimSol{width:31%;left:2%;bottom:3%}
.ulasimSag{width:68%;float:right;right:-3%}
.ulasimSag ul li{padding-right:15px;width:47%}
.ulasimSol img{margin-top:30px}
.ulasimSag img{margin-right:60px}
.bina{bottom:13%}
.owl-theme .owl-dots .owl-dot span{width:30px!important}
.sosyalTitle{font-size:20px}
.ayricalik{font-size:25px;left:-127px}
.adres{font-size:16px}
.sosyalMedya{padding-left:4%;width:26%}
.yol a{padding:15px 60px}
.popup-inner{width:70%}
.popup{top:24%}
.kampBitis p{font-size:18px;padding:20px 40px 20px 20px}
.contact_form .form-text{height:30px}
.contact_form .form-text,.contact_form .form-textarea{font-size:11px}
.guvence{width:95%;margin-top:0;text-align:center}
.ziraat{width:13%;right:3%;top:2%}
.column4 {
    float: left;
    width: 53.73%;
    top: -49px;
    left: 6%;
    position: relative;
}

.tel a strong {
    font-family: Gotham-Bold;
    font-size: 20px;
    margin: 46px -217px 0px;
    position: absolute;
    width: 100%;
    color: #dbff4d;
}

.column1 {
    float: left;
    width: 34.73%;
    top: -13px;
    left: 14%;
    position: relative;
}

.fiyat {
    position: absolute;
    left: 34%;
    top: 10%;
    width: 59%;
    display: inherit;
    text-align: right;
    z-index: 1;
}
.alti {
    margin-left: 73%;
    margin-top: 37%;
    width: 41%;
}
@media only screen and (max-width:1500px){
.ortaust {
    width: 1%;
    float: left;
    padding-top: 5%;
    z-index: 99;
}
.sagust {
    width: 43%;
    float: right;
    padding-top: 23px;
    z-index: 101;
}

.navigation-auto {
    margin-left: -3%;
    position: absolute;
    display: inline-grid;
    width: 142px;
    justify-content: center;
    margin-top: 25%;
    z-index: 9;
}
.p1 {

    background-size: cover;
    background-position: center bottom;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #ffff;
}
}

.vidBtnCircle{width:45px;height:45px}
.vidBtnCircle i{width:15px}
.tanitim strong{font-size:10px}
.tanitim{bottom:2%}
.form-submit{margin-top:10px}
.tel a{font-size:15px;margin-top:0}
.bina{bottom:15%}
.ulasimSol img{margin-top:0}
.ulasimSag{right:-3.5%}
.metro img{width:70%}
.golge{width:44%;float:right}
.topBar ul li a{font-size:13px;width:130px;padding:12px 0}

.column1 {
    float: left;
    width: 36.73%;
    top: -16px;
    left: 15%;
    position: relative;
}

.alti {
    margin-left: 69%;
    margin-top: 37%;
    width: 41%;
}
.fiyat {
    position: absolute;
    left: 36%;
    top: 10%;
    width: 56%;
    display: inherit;
    text-align: right;
    z-index: 1;
}

.tel a strong {
    font-family: Gotham-Bold;
    font-size: 20px;
    margin: 46px -217px 0px;
    position: absolute;
    width: 100%;
    color: #dbff4d;
}
}
@media only screen and (max-width:1290px){
.ankara{width:42%}
.metro{left:45%}
.yol{margin-top:67px;margin-right:1%}
.fiyat img{width:90%}
.golge ımg{float:right}

.alti {
    margin-left: 63%;
    margin-top: 38%;
    width: 41%;
}
.fiyat {
    position: absolute;
    left: 32%;
    top: 13%;
    width: 67%;
    display: inherit;
    text-align: left;
    /* visibility: hidden; */
    z-index: 1;
}
}
@media(min-width:769px) and (max-width:1100px){
.column1 {
    float: left;
    width: 46.73%;
    top: 0px;
    left: -1%;
    position: relative;
}
.p1{background-position:right}
.dukkan strong{font-size:15px}
.dukkan{width:230px;height:50px;right:2%}
.balkon p{font-size:16px;line-height:26px}
section#sect2{height:80vh}
.ayricalik{font-size:21px;left:-110px}
.sosyal{height:400px}
.sosyalTitle{font-size:18px}
.sosyal-p{width:80%;font-size:13px}
.line{height:40px;margin-top:20px}
.icon{padding-top:20px}
.owl-theme .owl-dots .owl-dot span{width:20px!important}
.owl-dots{right:6%}
.title3{font-size:21px;margin-top:70px}
.tabMenu li a{padding:0 9px;font-size:14px}
.adres{font-size:14px;padding-top:50px;width:40%}
.adres br{display:none}
.yol a{font-size:15px;padding:15px 36px}
.yol{margin-top:55px}
.footer{height:140px}
.p1{background-position:70% 50%}
.ziraat{top:9%;width:20%}
}


@media only screen and (max-width:1024px){
.yuzde10{position:absolute;right:23%}
.fiyat {
    width: 67%;
    top: 23%;
}
.golge img{width:44%;height:100%;float:right}
.tabMenu{right:30px}
.golge{width:auto}
}

@media only screen and (max-width:768px){
    
.oh-slider-item {
    flex-shrink: 0;
    width: calc(100% / 1);
    padding: 0;
}
    
section.formunalani {
    background-color: black;
    position: relative;
    width: 100%;
	padding-bottom: 10px;
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/sliderbg.png);
    z-index: 99;
    visibility: visible;
    display: block;
}
.formLogo {
    float: initial;
    width: 42%;
    margin-bottom: 0;
    margin-top: 15%;
}
select#dairetipi {
    border-bottom: 1px solid #fff !important;
    border: 0;
    width: 100%;
    text-align: -webkit-center;
}
.float {
    visibility: hidden;
    display: none;
}
.footeralanim {
    background-size: cover;
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
    background-image: url(../images/footerbg.png);
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 17px;
    visibility: visible;
    display: block;
	z-index: 100;
}
.fboyut {
    padding: 15px;
    width: 22px;
}
.fboyut1 {
    padding: 15px;
    width: 45px;
}
.projeler {
    margin: 10% auto 10% auto;
    display: table;
}

.alt1 {
float:left;
width:33%;
}
.alt2 {
float:left;
width:33%;
}

.alt3 {
float:left;
width:33%;
}

ul, ol {
    padding-left: 0 !important;
}

p.dorduncuicerikyazi {
	padding: 2% 2% 14%;
    color: #03045E;
    font-family: montserrat;
    font-size: 16px;
    line-height: 1.6;
}

.yeniustslider {
    padding-top: 0;
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/sliderbg.png);
    float: right;
    right: 0;
    z-index: 5;
    width: 100%;
    height: 528px;
    margin-top: -18px;
    visibility: visible;
    display: block;
}
img.logom {
    position: absolute;
    width: 44%;
    margin-left: 4%;
}
    .projemizz {
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: column;
}
    .u-section-1 .u-gallery-1 {
    width: 100% !important;
}
img.formlogos {
    margin-top: 5%;
    width: 30%;
}
.grow15 {
    flex-grow: 0;
    width: 80%;
	margin-bottom: 25%;
}
.grow75 {
    flex-grow: 0;
    width: 11%;
    margin-bottom: 3%;
}    
div#div-form1 {
    margin-right: 0;
    width: 100%;
    margin-left: 17px !important;
    padding: 23px;
    z-index: 99;
}
.formalaniyeni {
    width: 100%;
    min-height: 458px;
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/sliderbg.png);
    z-index: -99;
    visibility: visible;
    display: block;
    margin-top: -5px;
    text-align: -webkit-center;
}
.hilalevleri1 {
    grid-area: hilalevleri1;
    width: 100%;
    background-color: #fff;
    padding: 3% 0 1% 2%;
}
.apartmanyazi {
    grid-area: apartmanyazi;
    width: 100%;
    background-color: #fff;
    padding-top: 5%;
}
.apartmanic {
    padding-left: 0;
    width: 100%;
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    background-color: #fff;
    padding-top: 3%;
    margin-left: 0;
}
img.aprts {
    position: absolute;
    width: 100%;
}
    
.sonbloke {
    width: 100%;
    display: grid;
    grid: "sonblok" auto / 1fr;
    gap: 8px;
    padding-left: 0;
}
img.lokasyong {
    margin-left: 0;
    width: 100%;
}    

img.aprtson {
    width: 100%;
}
.lokasyon {
    width: 100%;
    display: flex;
    grid: "span12 span12 ." 1fr / 1fr 25% 75%;
    gap: 0px;
    padding-top: 5%;
    flex-direction: column;
}
.span12 {
    width: 100%;
    grid-area: span12;
    min-height: 150px;
    background-color: #9CCFCA;
    padding: 0;
}
    .span14 {
    background-color: #EDF2F4;
    margin: 0;
    width: 100%;
    padding: 0;
}
.hilalic {
    display: block;
    gap: 25px;
}

    .hilalicy {
    display: block;
    gap: 8%;
}
.hilalortala {
    text-align: -webkit-center;
    place-self: center;
    margin-top: 0;
    width: 100%;
}
.yaziboyutu {
    padding: 7px;
    font-size: 16px;
}
p.playgrounds {
    text-align: -webkit-center;
    color: #8D99AE;
    font-size: 30px;
    margin-bottom: 20px;
}
.playgr {
    grid-area: playgr;
    padding-left: 0;
    text-align: center;
}
p.photos {
    margin-bottom: 5%;
    margin-left: 0;
    color: #3D3D3D;
    font-size: 33px;
}
.hilalevleri4 {
    grid-area: hilalevleri4;
    width: 100%;
    text-align: -webkit-center;
}    
    .playgrr {
    width: 100%;
    padding: 0;
    display: block;
    grid:
        "playgr playgr1" 1fr
        "playgr2 playgr3" 1fr
        "playgr4 playgr5" 1fr / 50% 50%;
    gap: 8px;
}
    .hilalevlerii {
    width: 100%;
    display: block;
    grid:
        "hilalevleri1" auto
        "hilalevleri2" auto
        "hilalevleri3" auto
        "hilalevleri4" auto
        "hilalevleri5" auto / 1fr;
    gap: 8px;
    margin-bottom: 5%;
}
    .hlocation {
    display: block;
    gap: 16px;
}
    header {
    z-index: 99;
    position: relative;
    width: 97%;
    visibility: visible;
    display:block;
}
.sidenav .closebtn {
    margin-bottom: 28px;
    width: 40px;
    position: absolute;
    margin-top: 14px;
    left: 0;
    font-size: 31px;
    margin-left: 0;
}
 .sidenav a {
     padding: 0 0 0 8px;
     text-decoration: none;
     font-size: 25px;
     color: #818181;
     display: block;
     transition: 0.3s;
 }
img.menugorsel1 {
    margin-left: 11px;
    width: 76px;
    margin-top: 22px;
}
img.menugorsel2 {
    width: 21px;
    margin-left: 20px;
}
img.menugorsel3 {
    padding: 6%;
    width: 22%;
}
img.menugorsel4 {
    padding: 3%;
    width: 37%;
}
.formum {
    text-align: -webkit-center;
    width: 100%;
    height: 450px;
    margin-top: 15%;
}
.hilalevleri2 {
    margin-top: 5%;
    grid-area: hilalevleri2;
    background-color: #081A33;
    width: 100%;
    color: #fff;
    padding: 0;
}
    img.playboyut {
    width: 100%;
}
    
.playgr3 {
    grid-area: playgr3;
    width: 100%;
    text-align: center;
}    
.playgr4 {
    grid-area: playgr4;
    width: 100%;
    text-align: -webkit-center;
}
img.playboyut {
    width: 100%;
    margin-top: 6%;
}
img.indoors {
    width: 25%;
    margin-top: 3%;
    float: inherit;
}
    
.playg7 {
    width: 100%;
    place-self: center;
    text-align: center;
}
.hlocation {
    display: flex;
    gap: 16px;
    width: 100%;
    text-align-last: center;
    flex-direction: column;
}
    
p.solayaslama {
    text-align: left;
    margin-left: 0;
}
img.hboyut {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 3%;
}
img.hilalevlerilogo {
    margin-left: 25%;
    width: 55%;
}
    p.hilalbaslik {
    text-align: center;
    color: #8D99AE;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
}
    
    .contact_form .form-text, .contact_form .form-textarea {
    width: 100%;
    height: 40px;
    padding-left: 0px;
    resize: none;
    border-bottom: solid 1px #fff;
    font-family: Montserrat;
    background-color: transparent;
    text-align: -webkit-center;
    color: #fff;
    font-size: 12px;
}
.form-submit {
    background-position: center center !important;
    border-radius: 15px;
    width: 92.72px !important;
    height: 85.69px !important;
    border: 0px;
    text-align: center;
    font-size: 25px;
    color: #054B45;
    margin: auto;
    font-weight: 500 !important;
    margin-top: 14% !important;
    font-family: Montserrat;
    box-shadow: 0.487px 3.97px 21px 0px rgb(0 0 0 / 16%);
    background: transparent;
    background-image: url(../images/send.png);
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-weight: 300;
    margin-left: 31% !important;
}
img.sagays {
    margin-top: 0;
    margin-left: 4%;
    width: 90%;
}

.benesta2 {
    grid-area: benesta2;
    width: 100%;
}
    .benesta3 {
    grid-area: benesta3;
    width: 100%;
}
p.benloyazi {
    margin-left: -4%;
    line-height: 1.6;
    position: relative;
    margin-top: 6% !important;
    color: #081A33;
    font-size: 17px;
    text-align: center;
    clear: both;
}
    p.benastabaslik {
    font-weight: 900;
    color: #8D99AE;
    font-size: 30px;
    text-align-last: center;
}
.u-tabs .u-tab-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 0;
    margin-top: 11%;
    place-content: center;
}
    
.benesta4 {
    padding: 2%;
    grid-area: benesta4;
    width: 100%;
}
    
.benesta5 {
    grid-area: benesta5;
    width: 100%;
}
    
.benesta6 {
    grid-area: benesta6;
    width: 100%;
}
.benesta7 {
    grid-area: benesta7;
    width: 92%;
}    
p.concept {
    font-weight: 100;
    color: #8D99AE;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin-top: 25px;
}  
p.concept {
    font-weight: 100;
    color: #8D99AE;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin-top: 25px;
}
p.benloyazi {
    margin-left: -4%;
    line-height: 1.6;
    position: relative;
    margin-top: 6% !important;
    color: #081A33;
    font-size: 17px;
    text-align: center;
    clear: both;
}
    
.grow1 {
    width: 100%;
    flex-grow: 1;
}
    
.camlivadi4 {
    margin-top: -1%;
    grid-area: camlivadi4;
    width: 85%;
    background-color: #fff;
    min-height: 300px;
}    
.hakkimizdasag {
    width: 100%;
    float: right;
    padding-top: 4%;
}
.hakkimizdasol {
    padding-top: 7%;
    width: 100%;
    float: left;
    padding-left: 0;
}
.camlivadi1 {
     color: #fff;
     background-color: #081A33;
     grid-area: camlivadi1;
     height: 100%;
     width: 100%;
     margin-top: -28px;
     visibility: hidden;
     display:none;
 }
 h1 {
     text-align: -webkit-center;
     font-weight: 100;
     font-size: 31px;
     color: #fff;
 }
.social {
    width: 89%;
    display: flex;
    gap: 16px;
    padding-left: 0;
}
p.yazi {
    font-size: 12px;
    font-family: montserrat;
    line-height: normal;
}
.camlivadi3 {
    grid-area: camlivadi3;
    width: 96%;
    background-color: #fff;
    min-height: 450px;
    padding: 2%;

}


.altsocial {
    width: 99%;
}
.yaziorta {
    text-align-last: center;
    margin-top: -15px;
    color: #03045E;
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    margin-left: 0;
}
.containere {
    width: 99%;
    height: 200px;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
p.locationalt {
    margin-top: 1%;
    margin-left: 2%;
    width: 100%;
    color: #081A33;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
.loactiongorsel {
    margin-left: 0;
    margin-top: 5%;
    width: 99%;
}


.image {
    position: relative;
    width: 100%;
}
.camlivadi2 {
    margin-top: -1%;
    grid-area: camlivadi2;
    width: 100%;
    background-color: #EDF2F4;
    min-height: 150px;
    padding: 2%;
    visibility: hidden;
    display: none;
}

.img-div {
    position: relative;
    display: inline-block;
    width: 24%;
}
.pen {
    max-width: 100%;
    width: 100%;
    /* margin: 50px auto 0; */
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-animation: 1s appear 1 forwards;
    -moz-animation: 1s appear 1 forwards;
    -o-animation: 1s appear 1 forwards;
    animation: 1s appear 1 forwards;
}
.formalani {
    width: 91%;
    justify-content: center;
}
.sagust1 {
    width: 100%;
    float: right;
    padding-top: 23px;
    z-index: 101;
    visibility: hidden;
    display:none;
}
.form-title {
    margin-left: 18%;
    float: inherit;
    clear: both;
    width: 63%;
    padding-top: 12%;
}
    
.contact_form1 .form-text, .contact_form1 .form-textarea {
    padding-top: 20px;
    width: 100%;
    height: 56px;
    padding-left: 0;
    resize: none;
    border-bottom: solid 1px #fff;
    font-family: Montserrat;
    background-color: transparent;
    text-align: -webkit-center;
    color: #fff;
    font-size: 14px;
}

.izin {
    margin: 15px;
    float: inherit;
    text-align: center;
}
.solmenu {
    position: absolute;
    width: 39px;
    padding: 5%;
    visibility: visible;
    display: block;
}
.solmenu1 {
    position: absolute;
    width: 77px;
    padding: 5%;
    visibility: hidden;
    display: none;
}
.masaustuust {
    visibility: hidden;
    display: none;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    background-image: url(../images/solmenubg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    padding-top: 50px;
}
img.menugorsel {
    padding: 6%;
    width: 33px;
}
.proje2 {
    float: left;
    width: 50%;
    position: relative;
    margin-top: -9%;
}
.proje3 {
    float: left;
    width: 50%;
}
.proje4 {
    float: left;
    width: 50%;
    position: relative;
    margin-top: -9%;
}
.proje5 {
    float: left;
    width: 50%;
}

.proje1:hover {
    margin-top: -1%;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-image: url(../images/proje1h.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:50%;
}
.proje2:hover {
    margin-top: -10%;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-image: url(../images/proje2h.png);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width:50%;
}
.proje3:hover {
    margin-top: -1%;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-image: url(../images/proje3h.png);
    -webkit-background-size: contain;
    -moz-background-size:  contain;
    -o-background-size: contain;
    background-size: contain;
    width:50%;
}
.proje4:hover {
    margin-top: -10%;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-image: url(../images/proje4h.png);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width:50%;
}
.proje5:hover {
    margin-top: -1%;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-image: url(../images/proje5h.png);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width:50%;
}
.solust1 {
     width: 65%;
     float: right;
     padding: 1px;
     z-index: 101;
 }
.ortaust1 {
    margin-left: 9%;
    width: 76%;
    padding-top: 6%;
    z-index: 99;
    visibility: visible;
    display: block;
    position: relative;
}
.birincialan {
    grid-area: birincialan;
    visibility: visible;
    display: none;
}
#SLIDE_BG {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    animation: slideBg 15s ease-in-out infinite 0s;
    animation-timing-function: ease-in-out;
    background-image: url(../images/1.png);
}
#bg {
    position: absolute;
    width: 100%;
    height: 250px;
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/sliderbg.png);
    z-index: -99;
}
#formalanibg {
    position: fixed;
    width: 14.5%;
    height: 100vh;
    background-position: inherit;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/formalanibg.png);
    float: right;
    right: 0;
    margin-top: 88px;
    z-index: 5;
    visibility: hidden;
    display: none;
}
.solust {
    width: 30%;
    float: left;
    padding: 1%;
    z-index: 101;
}
.ortaust {
    width: 1%;
    float: left;
    padding-top: 5%;
    z-index: 99;
    visibility: hidden;
    display: none;
}
.sagust {
    width: 67%;
    float: right;
    padding-top: 23px;
    z-index: 101;
}
.alanb {
    width: 21%;
    float: left;
    visibility: hidden;
    display: none;
}
.alanc {
    width: 46%;
    float: left;
    padding-bottom: 23px;
    visibility: hidden;
    display: none;
}
.aland {
    padding-bottom: 28px;
    margin-top: -15px;
    width: 24%;
    float: right;
}
.alana {
    margin-right: 55px;
    margin-top: -19px;
    top: 5px;
    padding-right: 9px;
    width: 50%;
    float: left;
}
p.ortayazi {
    padding-top: 15% !important;
    color: #03045E;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    font-size: 12px;
}
.iceriyazi {
    padding: 4%;
    width: 98%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, 50%);
    gap: 4px;
    text-align: left;
    margin-left: 0 !important;
}
    
.besincii {
    margin-left: 0;
}
    
.projepart {
    color: #03045E;
    line-height: 1.7;
    font-family: montserrat;
    font-size: 10px;
    place-self: center;
    margin-top: 46px;
    border-left: 1px solid #000;
    padding-left: 18px;
	margin-left: 5px;
	margin-right: 0px;
	width: 170px;
}
p.icerikmetin {
    color: #03045E;
    font-family: montserrat;
    font-size: 12px;
}
h2.galeribaslik {
    margin-left: 0;
    padding-top: 19%;
    color: #03045E;
    font-family: montserrat;
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 600;
}
.u-section-1 .u-gallery-1 {
    height: 68%;
    width: 75%;
    margin: 0 auto 0 -2%;
}
.dorduncualan {
    width: 100%;
    grid-area: dorduncualan;
    background-color: #EDF2F4;
    height: 100%;
    padding: 0;
}
.dorduncubaslik {
    margin-top: 3%;
    padding-top: 4%;
    color: #03045E;
    font-family: montserrat;
    text-align: -webkit-center;
}

img.altgorsel {
    margin: -8% 0px 0px 7%;
}
.besincialan {
    grid-area: besincialan;
    background-color: #fff;
    width: 100%;
}
img.boyut {
    width: 100%;
}
.footeralt {
    margin-left: 12px;
    bottom: 35%;
    position: relative;
    width: 100%;
    float: left;
    left: 0;
}
.footeralt img {
    width: 4%;
    position: absolute;
}

.topBar{z-index:3}
.topBar ul li a{width:100%;font-size:2.5vw}
.topBar ul li{width:30.33%;margin:0 1%}
.topBar ul{display:table;width:90%}
.patlangac{left:5%;width:20%;text-align:left;top:45px;visibility:visible}
.fiyat{visibility:visible;left:29%}
.kampBitis{display:none}
.yuzde10 img{z-index:2;position:relative;left:13%;top:-65px;bottom:5%}
.yuzde10{position:absolute;right:19%;top:32%;z-index:99;width:17%}
.p1 {
    position: relative;
    display: inline-block;
    background-size: cover;
    padding-top: 100%;
    background-position: 56% 50%;
}
.form-holder{position:relative;width:100%;height:inherit;padding:0}
.form-inner{width:300px;margin:0 auto;display:inline-block;padding:50px 20px 20px;box-sizing:border-box;display:table}
.menu{display:none}
.close-btn{display:none}
section{height:auto!important;z-index:initial}
section:before{display:none}
.p2{position:relative}
.main-page{width:100%}
.formLogo{position:relative;margin:0 auto 40px}
.formLogo-m{background:#7da430;padding:21px;box-sizing:border-box;text-align:center;width:100%;float:left}
.form-holder .form-title{margin-top:-12px;font-size:20px}
.form-holder .form-title strong{font-size:27px}
.balkon{position:relative;left:0;width:100%;margin-top:10px;top:0;padding:10px;box-sizing:border-box}
.bina{position:relative;bottom:0;right:0;float:right;width:100%}
.balkon p{float:none;width:100%}
.balkonTitle{width:85%}
.ulasimSol{position:relative;left:0;top:0;width:100%;display:inline-block;margin:auto;margin-bottom:10px}
.ulasimSag{position:relative;right:0;bottom:0;width:100%;display:inline-block;margin-bottom:10px}
.ulasimSol ul li{float:left;width:50%;padding-right:10px;box-sizing:border-box;padding-bottom:10px}
.ulasimSol ul li:nth-child(2){padding-right:0}
.owl-theme .owl-dots .owl-dot span{width:21px!important}
.owl-dots{right:6%}
.ayricalik{font-size:23px;left:-121px}
.sosyal{height:450px}
.sosyalTitle{font-size:18px}
ul.tabMenu{position:relative;display:table;top:0;right:0;margin:auto;margin-top:20px}
.galleryContainer{margin-top:25px}
.title3{display:table;margin:auto;margin-top:30px}
.footer{height:auto;display:inline-block}
.adres{padding-top:24px;display:inline-block}
.sosyalMedya{width:29%;padding-top:10px;padding-left:0;margin-left:60px;display:inline-block;margin-bottom:20px}
.yol{margin-right:0;float:none;display:table;margin:auto;margin-top:15px;margin-bottom:10px}
.ankara{display:none}
.halkbank{display:none}
.konum{display:none}
.kaydir{display:none}
.popup{width:100%;top:35%}
.popup-inner{width:90%}
.metro{width:auto;display:none}
.golge{display:none}
.ulasimSag ul li{width:50%}
.ulasimSag img{margin-right:0}
.ulasimSag ul li:last-child{padding-right:0}
.ziraat{width:24%;top:55px}
.migros{width:35%}
.projectContent{font-size:3vw;width:100%;position:relative}
.projeBg{opacity:.3}
.projeDetail{height:auto}
.column1 {
    float: left;
    width: 54.73%;
    top: 31px;
    left: -2%;
    position: absolute;
}
.fiyat {
    position: absolute;
    left: 28%;
    top: 17%;
    width: 72%;
    display: inherit;
    text-align: left;
    /* visibility: hidden; */
    z-index: 1;
}
}
@media only screen and (max-width:479px){
.projectContent{font-size:3.5vw;line-height:1.4}
.projeBg{background-position:20% 50%}
.tapu{top:97%;bottom:initial;left:0;z-index:3;width:35%}
.patlangac{left:3%;top:5%}
.ziraat{top:initial;bottom:15px}
.family{width:36%}

.fiyat {
    width: 85%;
    left: 17%;
    visibility: hidden;
    display: none;
    margin-top: 2%;
}
.alti {
    margin-top: 99%;
    width: 56%;
    margin-left: 28%;
}
	
.tel a strong {
    font-family: Gotham-Bold;
    font-size: 20px;
    margin: -61px 69px 0px;
    position: absolute;
    color: #dbff4d;
    width: 100%;
}
.column {
    float: left;
    width: 18.73%;
    top: 221px;
    left: 7%;
    position: relative;
}

.column1 {
    float: left;
    width: 86.73%;
    top: -402px;
    left: 6%;
    position: relative;
    display: none;
    visibility: hidden;
}
.column2 {
	float: left;
    width: 56.73%;
    top: 46%;
    left: 43.1%;
    position: absolute;
	visibility: hidden;
}

.column3 {
    float: left;
    width: 62.73%;
    top: 49%;
    left: 21.1%;
    position: absolute;
}

.column4 {
    float: left;
    width: 52.73%;
    top: -290px;
    left: 3%;
    position: relative;
}

.p1 {
    background: url(../images/bg2.png) no-repeat;
    background-size: cover;
    /* background-position: center bottom; */
    top: 0;
    bottom: 0;
}

.main-page {
    width: 100%;
    height: 97px;
    margin-top: -10px;
}

.tanitim a{display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box}
.formLogo {
    width: 100%;
    margin-bottom: 0;
    margin-top: 15%;
}
.owl-theme .owl-dots .owl-dot span{background-color:#c4e881}
.vidBtnCircle{width:90px;height:90px;transform:scale(1)!important;margin-bottom:10px}
.vidBtnCircle i{transform:scale(1)!important;width:10px}
.yuzde10 img{z-index:2;position:relative;left:-131%;top:-25px;width:57%;bottom:12%}
.yuzde10{position:absolute;right:-1%;top:31%;width:50px}
.formLogo-m{padding:10px}
.formLogo-m img{width:30%}
.balkonTitle{width:100%}
.balkon p{font-size:15px}
.ulasimSag ul li{float:none;width:100%;padding-right:0}
.ulasimSol ul li{float:none;width:100%;padding-right:0}
.title3{font-size:22px;margin-top:15px;padding-left:0}
.tabMenu li a{font-size:12px;padding:0 8px}
.adres{float:none;width:100%;padding:18px;box-sizing:border-box;text-align:center}
.adres br{display:none}
.sosyalMedya{float:none;width:50%;display:table;margin:auto;padding-top:0}
.sosyalMedya strong{font-size:17px}
.yol a{padding:10px 50px;font-size:15px}
.sosyal{height:auto}
.sosyalBg{width:100%;float:none;display:inline-block;height:300px}
.sosyalSag{float:none;width:100%;height:400px}
.owl-dots{right:18%}
.sosyalTitle{padding-top:50px}
.sosyal-p{font-size:12px}
.icon{padding-top:20px}
.owl-dots{position:relative;right:0}
.tanitim{bottom:20px;left:inherit;margin:0;right:0;border-radius:0;height:auto;width:100px;background-color:#d1b25a;height:70px;border-radius:7px 0 0 7px}
.dukkan{right:0;width:50%;height:40px}
.dukkan strong{font-size:12px;padding-top:15px}
.tanitim strong{font-size:10px;letter-spacing:0!important}
i.ok{width:50px;margin-left:-25px}
.close{font-size:65px;top:-75px}
.popup-inner{width:100%;margin-top:60%}
.popup{top:0;bottom:0;background:rgba(0,0,0,.64)}
.golge{display:none}
.metro{display:none}
.vidBtnCircle{width:30px;height:30px}
.ulasimSag img{margin-top:10px;margin-right:0}
.formTel{top:0}
.hemenTapu{width:44%}
}
@media only screen and (max-width:375px){
.ayricalik{font-size:20px;left:-105px}
.sosyal-p{margin-top:14px}
.formTel{top:5px}
.migros{top:14%}
}
@media only screen and (max-width:320px){
.tabMenu li a{padding:0 4px;font-size:11px}
.adres{font-size:14px}
.dukkan strong{font-size:10px;padding-top:14px}
.form-holder .form-title{font-size:17px}
.form-holder .form-title strong{font-size:23px}
.balkon p{font-size:14px;line-height:25px}
.dukkan{height:35px}
i.ok{width:40px;margin-left:-20px;top:-15px}
.dukkan:hover i.ok{top:-19px}
.tanitim:hover i.ok{top:-19px}
}