@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;
}
}
@media only screen and (max-width:1680px){
.topBar ul li a {
    font-size: 13px;
    width: 130px;
    padding: 12px 0;
}

.p1 {
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: absolute;
    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 12px 5px;
}
.tel a {
    font-size: 15px;
    padding-bottom: 10px;
}
.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}
.form-submit{height:35px;font-size:15px}
.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;
}

.column {
    float: left;
    width: 28%;
    padding: 10px;
    height: 185px;
}
ul.solblok {
    text-align-last: start;
    list-style: unset;
    font-size: 17px;
}
.gallery {
  width: 600px;
  margin: auto;
  border-radius: 3px;
  overflow: hidden;
  //position: relative;
}
.img-c {
  width: 200px;
  height: 200px;
  float: left;
  position: relative;
  overflow: hidden;
}

.img-w {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: transform ease-in-out 300ms;
}

.img-w img {
  display: none;
}

.img-c {
    transition: width ease 400ms, height ease 350ms, left cubic-bezier(0.4, 0, 0.2, 1) 420ms, top cubic-bezier(0.4, 0, 0.2, 1) 420ms;
}

.img-c:hover .img-w {
  transform: scale(1.08);
  transition: transform cubic-bezier(0.4, 0, 0.2, 1) 450ms;
}

.img-c.active {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  z-index: 2;
  //transform: translateX(-50%);
}

.img-c.postactive {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.img-c.active.positioned {
  left: 0 !important;
  top: 0 !important;
  transition-delay: 50ms;
}
.colon {
    float: left;
    width: 28%;
    padding: 10px;
    height: 300px;
}
.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){
.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}


.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;
}

}
@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){
.top {
    display: flex;
    width: 93vw;
    height: 55vh;
    margin-top: 3vh;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -17vh;
}
.top ul {
    list-style: none;
    width: 100%;
    height: 62%;
    z-index: 1;
    box-sizing: border-box;
}

.topBar {
    z-index: 3;
    width: 100%;
}
.topBar ul li a {
    width: 112px;
    font-size: 2.3vw;
    margin-left: -122%;
}

.topBar ul {
    display: table;
    margin: 0 auto;
    width: 99%;
}
.topBar ul li {
    width: 11.33%;
    margin: 0 0%;
    margin-left: 76px;
}

.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;
}
.daireler {
    width: 100%;
    margin-top: 42%;
}
.akordion {
    width: 100%;
    margin: 0 auto;
    margin-top: 59px;
}
.rows {
    width: 100%;
    margin: 0 auto;
    margin-top: -207px;
}
.lokasyon {
    position: absolute;
    right: 0;
    margin-top: -2%;
    width: 69%;
}
.colon {
    float: left;
    width: 97%;
    padding: 10px;
	height: 145px;
}
.ortala {
    width: 76%;
    text-align: center;
}
ul.solblok {
    font-size: 16px;
}
}
@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%;
}
	

.column {
    float: left;
    width: 81.73%;
    top: 221px;
    left: 7%;
    position: relative;
	height: 185px;
}
.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: 0;
}

.tanitim a{display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box}
.formLogo {
    width: 56%;
    margin-bottom: -39px;
    top: -44px;
}
.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}
}