@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap');
*{box-sizing: border-box; padding: 0; margin: 0; font-family: 'Titillium Web', sans-serif;}
a,li{text-decoration: none; list-style: none;}
.swiper-button-lock{display:block !important;}

/*Header*/
header{width: 100%; position: sticky; top: 0px; z-index: 999; background: rgba(255, 255, 255, 1);}
header.sticky{background: rgba(255, 255, 255, 1);}
.container{max-width: 1200px; width: 100%; margin: 0 auto; padding: 10px 0;}
nav{display: flex; align-items: center; justify-content: space-between;}
a {color: #fff; }
.logo{width: 240px;}
.logo a img{width: 100%;}
nav ul{display: flex;}
nav ul li{display: block; padding: 0 15px;}
nav ul li a{color: #000; position: relative; padding-bottom: 3px; }
nav ul li a::after{content: ''; position: absolute; width: 0; height: 2px; background-color: #EDD386; bottom: 0; left: 0; transition: 1s ease-in-out;}
nav ul li a:hover::after,
nav ul li a.active::after{ width: 100%;}
nav ul .sarı{background-color: #FFE800; padding: 2px 5px;}
nav ul .sarı a{ font-weight: 700;}
/*Header end*/

/*footer*/
footer{background-position: right bottom;background-repeat: no-repeat;background-color: #262626;background-size: contain;padding: 50px 0}
.footer-row{display: flex;justify-content: space-between;align-items: center}
.footer-left{display: flex;gap: 50px;color: #fff}
.footer-left .footer-left-nav ul li{margin: 10px 0}
.footer-left .footer-left-nav ul li a{color: #fff}
.footer-right{display: flex;flex-direction: column;align-items: flex-end}
.footer-img{margin-bottom: 25px;max-width: 300px;
    width: 100%;
    height: 100%;}
.footer-right a{color: #fff;margin: 5px 0; text-align: end;}
.footer-right p{color: #fff;max-width: 250px;width: 100%;text-align: end}
.footer-bottom{display: flex;justify-content: space-between;margin: 40px 0;color: #fff}
.footer-bottom h1{font-size: 18px;position: relative}
.footer-bottom h1::after{content: '';position: absolute;width: 35%;height: 1px;background-color: #8C7251;left: 0;bottom: 0}
.footer-mio{display: flex;align-items: center;gap: 10px}
.footer-mio .ftr-text{font-size: 13px;text-align: end}
.footer-mio a{font-weight: 700;color: #fff}
.footer-mio i{font-size: 18px;cursor: pointer}
.footer-mio i:hover{color: #8C7251}
/*Footer End*/

/*Slider*/
#slider{width: 100%; height: 60vh; position: relative;}
.swiper {width: 100%; height: 100%;}
.swiper-slide { display: flex !important; text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox ; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative }
#slider .swiper-slide::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #282828 0%, rgba(41, 41, 41, 0) 92.7%);}
#slider .swiper-slide img{ display: none;} 
.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
#slider .swiper-pagination{display:none}
.swiper-pagination-bullet{opacity: 1 !important;background-color: #fff !important;}
.swiper-pagination-bullet-active{background-color: #000 !important}
.slider-text{display: flex;flex-direction: column;align-items: flex-start;justify-content: start;color: #fff;z-index: 99; padding-bottom:30px;}
.slider-text h1{font-weight: 700;font-size: 32px}
.slider-text h4{font-weight: 400;margin: 10px 0;font-size: 18px}
.slider-text p{max-width: 700px;width: 100%;text-align: start;font-weight: 300;font-size: 14px}
.slider-text a{background-color: #8C7251;color: #fff;padding: 5px 10px;margin: 10px 0;border-radius: 10px;font-size: 14px;}
.slider-text a:hover{background-color: #424242}
.bottom{background-color: #262626;max-width: 750px;width: 100%;position: absolute;bottom: 0;right: 0;z-index: 9;padding: 25px}
.bottom h1{color: #fff;font-weight: 700;font-size: 24px}
.bottom p{color: #fff;font-weight: 300;font-size: 14px;margin: 10px 0}
.bottom .btn{display: flex;justify-content: end}
.bottom .btn a{background-color: #8C7251;color: #fff;padding: 5px 10px;margin: 10px 0;border-radius: 10px;font-size: 14px;   width: 119px;height: 28px;display: flex;align-items: center;justify-content: center}
.bottom a:hover{background-color: #e2bc4c;}
/*Slider end*/
/*Bozan*/
#bozan{width: 100%;background-color: #262626;padding: 50px 0;display: flex;align-items: center;justify-content: center;position: relative}

.bozan-text{background: linear-gradient(274.68deg, #D4AD5E 0.67%, #8C7251 100%);width: 100%;height: 335px;display: flex;align-items: center;justify-content: start;position: relative}
.textt-bozan{width: 100%;text-align: start;padding-left: 105px;color: #fff}
.textt-bozan h4{font-weight: 400;margin-bottom: 15px}
.textt-bozan p{font-weight: 300;font-size: 14px}
#bozan .slide-img{max-width: 450px;height: 310px;width: 100%;object-fit: cover;margin-right: -77px;z-index: 99;position: relative;overflow: hidden}
.imgblr{position: absolute;background: rgba(38, 38, 38, 0.7);height: 100%;width: auto;top: 0;right: 0;display: flex;flex-direction: column;justify-content: center;align-items: center}
.imgblr h1{transform: rotate(-90deg);font-weight: 400;font-size: 15px;line-height: 22px;display: flex;align-items: center;letter-spacing: unset;color: #ffff}
.imgblr .boyut{width: 50px;position: relative;top: 75px}
#bozan .slide-img img{width: 100%;height: 100%;display: block}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 90px !important;left: 250px !important;width: 100%}
.btn{ display: flex; justify-content: start; align-items: flex-start }
.btn a{ background-color: #262626; color: #fff; padding: 5px 10px; margin: 10px 0; border-radius: 10px; font-size: 14px;    width: 119px; height: 28px; display: flex; align-items: center; justify-content: center }
.btn a:hover{ background-color: #424242 }
/*Bozan end*/

/*hakkımızda*/
#hakk{ width: 100%; padding: 20px 0; position: relative }
.hak-top{padding:100px 0 !important;}
#hakk .bottom{ background-color: #262626; max-width: 750px; height: 200px; width: 100%; position: absolute; top: -105px; right: 0; z-index: 9; padding: 25px }
.hak-row{ display: flex; align-items: start; justify-content: space-between; gap: 50px }
.hk{ align-items: center }
.hak-img{ max-width: 463px; width: 100%; height: 427px; object-fit: cover }
.hak-img img{ width: 100%; height: 100%; display: block }
.hak-text{ width: 100%; max-width: 600px }
.hak-text h1{ font-size: 32px; font-weight: 300; position: relative }
.hak-text h1::before{ content: ''; position: absolute; left: -60px; bottom: 25%; height: 2px; width: 50px; background-color: #8C7251 }
.hak-text h1 span{ font-weight: 700 }
.hak-text h4{ font-weight: 400; font-size: 18px; margin: 10px 0 }
.hak-text p{ font-weight: 300; font-size: 14px }
.hak-text .btn{ display: flex; justify-content: end; align-items: flex-end }
.hak-text .btn a{ background-color: #8C7251; color: #fff; padding: 5px 10px; margin: 10px 0; border-radius: 10px; font-size: 14px;    width: 119px; height: 28px; display: flex; align-items: center; justify-content: center }
.hak-text a:hover{ background-color: #e2bc4c }
/*hakkımızda end*/

/*devam*/
#devam{ background-color: #262626; background-position: left bottom; background-repeat: no-repeat; background-size: contain; width: 100%; position: relative; padding: 50px 0 }
.row{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px }
.row h1{ color: #fff; font-weight: 700; font-size: 32px; position: relative }
.row h1::before{ content: ''; position: absolute; left: -60px; bottom: 25%; height: 2px; width: 50px; background-color: #8C7251 }
.row h1 span{ font-weight: 400 }
.row ul{ display: flex }
.row ul li { margin: 20px; padding-bottom: 5px; color: #fff; position: relative; cursor: pointer }
.row ul li::after{ content: ''; position: absolute; width: 0; height: 1px; background-color: #EDD386; bottom: 0; left: 0; transition: 1s ease-in-out }
.row  ul li:hover::after,
.row  ul li.active::after{ width: 100% }
.devam-bottom{ display: flex; align-items: center; justify-content: start }
.left{ max-width: 750px; height: 420px; width: 100%; padding: 25px; background: linear-gradient(274.68deg, #D4AD5E 0.67%, #8C7251 100%); color: #fff; display: flex; align-items: center; margin-top: 20px }
.left h4{ font-size: 18px; font-weight: 400; margin: 10px 0 }
.left p{ font-weight: 300; font-size: 14px; max-width: 500px; width: 100% }
.left-row{ margin: 20px 0; max-width: 500px; width: 100%; display: grid; grid-template-columns: repeat( auto-fit, minmax(5px, 1fr) ) }
.left-row .icon{ display: flex; align-items: flex-start; justify-content: start; flex-direction: column }
.devam-img{ position: absolute; left: 47%; top: 20%; max-width: 650px; height: 410px; width: 100%; object-fit: cover }
.devam-img img{ width: 100%; height: 100%; display: block; object-fit:cover; }
.devam-img .btn{ display: flex; justify-content: end; margin: 20px }
.left-text .btn a{ background-color: #8C7251; color: #fff; padding: 25px 20px; font-size: 14px;    width: 119px; height: 28px; display: flex; align-items: center; justify-content: center }
.left-text .mobill{display:none}
.devam-img .mobilll{display:flex;}
.devam-img .btn a{ background-color: #8C7251; color: #fff; padding: 25px 20px; font-size: 14px;    width: 119px; height: 28px; display: flex; align-items: center; justify-content: center }
.devam-img a:hover{ background-color: #e2bc4c }
/*devam end*/

/*haber*/
#haber{ background-color: #2E2E2E; width: 100%; position: relative; padding: 50px 0 }
#haber h1{ color: #fff }
.bozann-text{ width: 100%; height: 335px; display: flex; align-items: center; justify-content: center; position: relative }
#haber .textt-bozan{ background:#3F3F3F; width: 100%; height: 250px; text-align: start; padding:0 35px; color: #fff; display: flex; flex-direction: column; justify-content: center; z-index: 1 }
.bozan-ttt{ background:#8C7251; height: 250px; text-align: start; padding:0 75px; display: flex; align-items: center; line-height: 1; transition:padding-left .5s; }
.bozan-ttt span{ font-weight: 300 }
.bozan-ttt a{ font-weight: 700; color: #fff; font-size: 32px }
.bozan-ttt h4{ font-weight: 400; margin-bottom: 15px }
.textt-bozan p{ font-weight: 300; font-size: 14px }
.bozan-ttt i{transition:padding-left .7s;}
.bozan-ttt:hover i{
	padding-left:20px;
}

#haber .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 40px !important; left: 250px !important; width: 100% }
.btn{ display: flex; justify-content: start; align-items: flex-start }
.btn a{ background-color: #262626; color: #fff; padding: 5px 10px; margin: 10px 0; border-radius: 10px; font-size: 14px;    width: 119px; height: 28px; display: flex; align-items: center; justify-content: center }
.btn a:hover{ background-color: #424242 }
.slide-img{ max-width: 450px; height: 250px; width: 100%; object-fit: cover; margin-right: -17px; z-index: 99 }
#haber .slide-img img{ width: 100%; height: 100%; display: block; }
.donme{display:flex; align-items:center;}
/*haber end*/

/*sahibinden*/
#sahibinden{ background-color: #FFE800; display: flex; align-items: center; justify-content: center }
#sahibinden a{ display: flex; align-items: center; justify-content: center; gap: 30px; padding: 20px 0; width: 100% }
#sahibinden a h1{ font-weight: 700; color: #000; font-size: 32px }
#sahibinden a h4{ color: #000; line-height: 1.2; font-weight: 700; font-size: 24px }
#sahibinden a h4 span{ font-weight: 300 }
/*sahibinden end*/

/*form*/
#form{ width: 100%; background-position: center; color: #fff; padding: 100px 0 }
.form-row{ display: flex; justify-content: space-around; gap: 20px; align-items: center }
#form h1{ font-size: 32px; font-weight: 400 }
#form h1 span{ font-weight: 700 }
#form p{ font-size: 14px; color: #7D7E80 }
#form p span{ color: #8C7251 }
form input{ display: flex; flex-direction: column; width: 350px; padding: 10px 5px; color: #fff; margin: 10px 0; background-color: rgba(26, 26, 26, 0.9); border: none; outline: none }
form button{ padding: 12px 25px; background-color: #8C7251; border: none; color: #fff; cursor: pointer; }
form button:hover{ background-color: #424242 }
/*form end*/

/*hakkımız */
#hakkimiz{ width: 100%; overflow: hidden; position: relative; height: 400px; background-repeat: no-repeat; background-size: cover; z-index:9; }
.hkblur{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #282828 0%, rgba(41, 41, 41, 0) 92.7%); z-index: 99 }
.mobil{ display: none }
.hktxt{ z-index: 999; position: relative; color: #fff; display: flex; align-items: center; height: 100%; font-size: 32px }
/*hakkımız end*/

/*misyon-vizyon*/
#misviz{ width: 100% }
.roww{ display: flex }
.misyon{ background-color: #262626; width: 100%; padding: 150px 0 }
.msyn{ max-width: 500px; width: 100%; color: #fff }
.msyn h4{ font-size: 24px; padding-bottom: 15px; position: relative }
.msyn .koyu::before{ content: ''; position: absolute; left: -60px; bottom: 40%; height: 2px; width: 50px; background-color: #8C7251 }
.msyn h4::before{ content: ''; position: absolute; left: -60px; bottom: 40%; height: 2px; width: 50px; background-color: #262626 }
.msyn p{ font-weight: 300; font-size: 15px }
.vizyon{ background-color: #8C7251; width: 100%; padding: 150px 0 }
.vizyonn{ max-width: 500px; width: 100% }
/*misyon-vizyon  end*/

/*hak-swip */
#hak-swip{ width: 100%; padding: 50px 0 }
#hak-swip h1{ position: relative; font-size: 32px }
#hak-swip h1::before{ content: ''; position: absolute; left: -60px; bottom: 40%; height: 2px; width: 50px; background-color: #8C7251 }
#hak-swip .swiper-wrapper{ padding: 20px 0 }
#hak-swip .swiper-slide{cursor:pointer;}
#hak-swip .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0px !important; left: 550px !important; width: 100% }
#hak-swip .swiper-pagination-bullet{ opacity: 1 !important; background-color: rgb(156, 156, 156) !important }
#hak-swip .swiper-pagination-bullet-active{ background-color: #000 !important }
/*hak-swip  end*/

/*haberler */
#haberler{ width: 100%;}
.haberlerbc{ background-color: #3F3F3F; display: flex; padding: 50px 0; margin: 120px 0 }
#haberler .swiper{ margin-top: -150px !important; padding-bottom: 25px }
#haberler .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0px !important; left: 0px !important; width: 100% }
.haberlertext{ padding: 0 25px; color: #fff; width:100%; }
.haberlertext h1{ padding-bottom: 15px }
.haberlertext p{ font-weight: 300; font-size: 14px }
/*haberler  end*/

/*proje*/
#proj{ width: 100% }
#proj .tabss{ background-color: #262626; padding: 15px 0; margin-bottom: 50px }
#proj .tabs{ display: flex }
#proj .tabs li{ padding-right: 25px; padding-bottom: 5px; color: #fff; position: relative; display: block; cursor: pointer }
#prej .tabs li a {color: #fff;}
#proj .tabs li a::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #8C7251 }
#proj .tabs li a.active::after{ width: 85% }

#proj h4{ font-size: 24px; padding-bottom: 15px; position: relative } 
#proj h4 span{ font-weight: 400 }
#proj .left-text{ color: #fff }
#proj .left-text p { font-weight: 300 }
#proj .dev::before{ content: ''; position: absolute; left: -60px; bottom: 40%; height: 2px; width: 50px; background-color: #8C7251 }
.sari{ width: 100%; display: flex; padding: 50px 0 50px 50px; margin: 50px 0 100px 0; position: relative; justify-content:space-between;}
.sari:nth-child(even){ background: linear-gradient(274.68deg, #D4AD5E 0.67%, #8C7251 100%) }
.sari:nth-child(odd){ background-color: #262626 }
.leftproimg{ margin-top: -100px; max-width: 650px; width: 100%; object-fit: cover }
.leftproimg img{ width: 100%; height: 100%; display: block }
#proj .btnn{ position: absolute; bottom: 0; right: 0; background-color: #8C7251; width: 125px; height: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: -25px; cursor:pointer; }
#proj .btnn:hover{background-color:#424242;}
#proj .btnn a{ color: #fff }
.acilan{ display: none }  
.acilan.active{ display: block }
.grid{ display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 15px }
.villa{ width: calc(25% - 12px); height:350px; object-fit: cover; position: relative; cursor:pointer; }
.villa img{ width: 100%; height: 100%; display: block }
.grdvil{ position: absolute; top: 0; left: 0; width: 100%; background-color: #262626; padding: 10px 0; color: #fff; text-align: center; margin-top: -25px; transition: .7s all ease-in }
.villa:hover .grdvil{ background: linear-gradient(274.68deg, #D4AD5E 0.67%, #8C7251 100%) }
/*proje end*/

/*number*/
#number{ width: 100%; background-color: #262626 }
.roz{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap }
.roz h4{ color: #fff;
}
.counter-grid{ display:grid; grid-template-columns: repeat(4, minmax(200px, 1fr)); gap:20px }
.counter-item{ display: flex; align-items: center }
.counter-item img{ padding-right: 10px }
.counter-item .number h1{ color: #9F9F9F; transition: 0.7s }
.counter-item .number:hover h1{ color: #EB7900 }
.counter-item .number p{ color: #fff; font-weight: 700 }
.counter-item .number span{ font-weight: 400; color: #fff }
/*number end* 
/*detayslider*/
#detayslider{ width: 100%; padding: 50px 0 }
#detayslider .row{ width: 100% }
.detayimg{ max-width: 450px; width: 100%; object-fit: cover; margin-right: 15px }
.detayimg img{ width: 100%; height: 100%; display: block }
.detayyazi{ display: flex; flex-direction: column; justify-content: start; align-items: flex-start; text-align: start; max-width: 600px; width: 100% }
.detayyazi h2{ position: relative; font-weight: 300; font-size: 32px }
.detayyazi h2::before{ content: ''; position: absolute; left: -60px; bottom: 40%; height: 2px; width: 50px; background-color: #8C7251 }
.detayyazi h5{ margin: 10px 0; font-weight: 400; font-size: 20px }
#detayslider .swiper-pagination-bullet{ opacity: 1 !important; background-color: rgb(156, 156, 156) !important }
#detayslider .swiper-pagination-bullet-active{ background-color: #000 !important }
/*detayslider end*/

/*gorsel*/
#gorsel{ width: 100%; background-color: #262626; position: relative; padding:10px 0; }
.gorseltab{ background-color: #8C7251; position: absolute; right: 0; top: 0; max-width: 1050px; width: 100%; padding: 25px 0 }
.gorseltab ul{ display: flex; padding: 0 25px }
.gorseltab ul li { padding-right: 25px; position: relative; cursor: pointer; color: #fff; font-weight: 300; padding-bottom: 5px }
.gorseltab li::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #262626 }
.gorseltab li.active::after{ width: 80% }
.gorsel-content{ margin: 100px 0 }
#gorsel .dev{ position: relative; font-size: 24px; color: #fff }
#gorsel .dev::before{ content: ''; position: absolute; left: -60px; bottom: 40%; height: 2px; width: 50px; background-color: #8C7251 }
/*gorsel end*/
/*harita*/
#harita{ width: 100%; position: relative; overflow: hidden }
#harita .blur{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(38, 38, 38, 0.58) }
.haritabg{ position: absolute; left: 0; top: 0; width: 100%; max-width: 480px; padding: 30px 0; display: flex; align-items: center; justify-content: center; background-color: #8C7251; color: #fff }
.haritabg h4{ font-size: 24px }
.haritabg span{ font-weight: 300 }
.absolute{ width: 100%; position: absolute; left: 50%; top: 50%; color: #fff; font-size: 24px; z-index: 9999; height: 100%; transform:translate(-50%, -50%); display:flex; justify-content:center; align-items:center; }
/*harita end*/
/*İletisim*/
#iletisim{ width: 100%; padding: 50px 0 }
#iletisim h1{ color: #000 }
#iletisim .row{ align-items: flex-start }
.iletis{ display: flex; flex-direction: column; margin-top: 20px; }
.iletis span{ font-weight: 700; font-size: 20px; }
.iletis span a{ font-weight: 400; font-size: 18px; color: #000 ;}
.iletis span a:hover{ color: #9F9F9F ;}
/*İletisim end*/
.swiper-button-next:after, .swiper-button-prev:after{font-size:34px !important; color:#fff;}
#hamburger{display: none;}
.iconlist{display:none;}
@media screen and (max-width:1200px){
    .container{
        padding: 0 10px;
    }
    .devam-img{
        position: inherit;
        margin-left:-25px;
        margin-top: -45px;
    }
	#hakk{
		padding:20px 0 !important;
	}
    .slide-img{
        margin-right: 0;
    }
    .bozann-text{
        width: auto;
    }
    .hak-text h1::before{
        left: -50px;
    }
    .textt-bozan h4 {
        margin-bottom: 5px;
    }
    #hakk .bottom {
        max-width: 550px;
    }
    #haberler{
        padding: 50px 0;
    }
    .gorseltab{
        max-width: 600px;
    }
    .gorsel-content{
        margin: 0;
    }
    #gorsel .dev {
        top: 50px;
    }
    .grid{
        margin-top: 50px;
    }
    .detayyazi h2::before{
        display: none;
    }
    #number{
        padding: 10px 0;
    }
    #haber .textt-bozan{
        padding: 0 15px;
    }
	.slider-text{
	padding:0 100px !important;
	}
}
@media screen and (max-width:850px){
    .bottom{
        max-width: 500px;
    }
    #bozan .swiper-slide{
        flex-direction: column;
    }
    .hak-text h1::before{
        width: 25px;
        left:-25px;
    }
    .hak-img{
		height:100%
    }
    .hak-row{
        flex-direction: column;
		gap:20px;
    }
	.hak-text{
		max-width:100%;
	}
    #haber .swiper-slide{
        flex-direction: column;
    }
    #haber .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 30px !important;
    }
    .footer-row{
        gap: 20px;
    }
    #haberler .swiper{
        margin-top: -100px !important;
    }
    #proj .left-text {
        max-width: 400px;
        width: 100%;
        margin-right: 5px;
    }
    #gorsel .grid{
        margin-top: 75px;
    }
    #gorsel .dev{
        top: 75px;
    }
    .sari{
        margin: 100px 0;
    }
    .villa{
        width: calc(30%);
    }
    .counter-grid{
        grid-template-columns: repeat(4, minmax(150px, 1fr));
        padding: 10px 0;
    }
    #hakkimiz{
		height:200px;
		background-position: center !important;
    }
	.imgblr .boyut {
		top:50px;
	}
    .hktxt{
        position: absolute;
        top: 0;
        left: 0;
    }
    #slider{
        height: 100%;
    }

    #slider .swiper-slide img{
        object-fit: unset;
    }
    #slider .swiper-slide{
        background-image: none !important;
    }
    #slider .slider-text{
        position: absolute;
    }
    #slider .swiper-slide img{
        display: block;
    }
    .footer-img{
        max-width: 200px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .footer-img img{
        width: 100%;
        height: 100%;
    }
    .bottom h1{
        font-size: 20px;
    }
    .slide-img,
    .devam-img,
    #bozan .slide-img{
        max-width: 100%;
        margin-right: 0;
		height:100%;
    }
	 .counter-grid {
        grid-template-columns: repeat(4, minmax(150px, 1fr));
    }
	.donme{flex-direction:column;}
	.bozann-text{height:100%;}
	.bozan-ttt{width:100%; height:150px;}
	.bozann-text {width:100%;}
}
@media screen and (max-width:750px){
    header ul{
        position: fixed;
        top: 70px;
        left: -100%;
        flex-direction: column;
        background: #262626;
        width: 100%;
        height: 100%;
        z-index: 9999999999;
        display: flex;
        align-items: center;
        padding-top: 150px;
        transition: .7s all ease-in;
    }
    header ul li {
        padding: 10px;
    }
    header ul li a{
        color: #fff;
        font-size: 24px;
    }
    header ul.active{
        left: 0%;
    }
	nav ul .sarı a{
	color:#000;
	}
    #hamburger {
		display: flex;
		position: relative;
		width: 34px;
		height: 34px;
		transition: 0.3s ease-in-out;
        z-index: 99;
        border: 2px solid #D5B188;
        border-radius: 50%;
	}
    #hamburger span {
		display: block;
		position: absolute;
		left: 5px;
		width: 70%;
		height: 3px;
		border-radius: 2px;
		background-color: #D5B188;
		transition: 0.3s ease-in-out;
	}

	#hamburger .item01 {
		top: 10px;
	}
	#hamburger .item03 {
		top: 17px;
	}

	#hamburger.active .item01 {
		top: 15px;
		transform: rotate(135deg);
	}
	
	#hamburger.active .item02 {
		opacity: 0;
		left: -40px;
	}

	#hamburger.active .item03 {
		top: 15px;
		transform: rotate(-135deg);
	}
    .footer-row{
        flex-direction: column;
    }
    .row h1{
        font-size: 20px;
    }
    .devam-bottom{
        flex-direction: column-reverse;
    }
    .devam-img{
        margin-left: 0;
		height:100%;
    }
    .bozann-text{
        flex-direction: column;
    }
    .bozan-ttt{
        width: 100%;
        justify-content: center;
    }
    .form-row{
        flex-direction: column;
    }
    .footer-left{
        gap: 10px;
		justify-content:space-between;
		width:100%
    }
    .footer-bottom{
        flex-direction: column;
        gap: 15px;
    }
    .footer-right{
        align-items: flex-start;
    }
    .footer-right p{
        text-align: start;
    }
    #sahibinden a h4{
        font-size: 16px;
    }
    .bottom{
        display: none;
    }
    .textt-bozan{
        padding-left: 10px;
    }
    .roww,
    .row{
        flex-direction: column;
    }
    .row ul li {
        margin: 20px 10px;
        font-size: 14px;
    }
    .vizyon,
    .misyon{
        padding: 50px 0;
    }
    #haberler{
        padding: 0px;
    }
    .haberlertext{
        padding: 0 10px;
    }
    .haberlerbc{
        flex-direction: column-reverse;
        margin: 100px 0;
    }
    .sari{
        flex-direction: column;
        padding: 50px 10px;
        margin: 50px 0;
    }
    .dev{
        margin-bottom: 0 !important;
    }
    .leftproimg{
        margin-top: 0;
    }
    #proj .left-text p{
        font-size: 13px;
    }
    .villa{
        width: calc(50% - 10px);
    }
    .gorseltab ul {
        padding: 0 5px;
    }
    #gorsel .grid {
        margin-top: 100px;
    }
    #gorsel .dev {
        top: 100px;
    }
    .gorseltab ul li{
        font-size: 12px;
    }
    #iletisim .row {
        gap: 20px;
    }
    .swiper-slide img {
        object-fit: unset;
    }
    .devam-img .btn{
        position: relative;
    }
	.bozann-text{
	width:100%
	}
	.devam-img .btn {
		margin:5px;
	}
	.devam-bottom .left{
	margin-top:0px;	
	}
	.hak-top{
	padding:20px 0 !important
	}
	.footer-left-nav h1{
	font-size:24px;
	}
	.footer-left .footer-left-nav ul li a{
	font-size:14px;
	}
	.bozan-text {
		height:100%;
		padding:10px 0;
	}
	.hak-text h4{
	font-weight:700;
	font-size:14px;
	}
	.left{
		padding:10px;
		height:100%;
	}
	#haber h1 {
		font-size:18px;
		margin-bottom:5px;
	}
	.haberlertext h1{font-size:20px;}
	.textt-bozan p{font-size:12px;}
	.iletis span{font-size:16px;}
	.iletis span a{font-size:14px;}
	.detayyazi p{font-size:14px;}
	.left-text .mobill{display:flex; justify-content: end;}
	.swiper-button-next, .swiper-button-prev{display:none !important;}
	.devam-img .mobilll{display:none;}
	#slider .swiper-pagination{display:block}
	.slider-text{
	padding:0 0 0 10px !important;
	}
	.slider-text h1{font-size:24px}
	.slider-text h4{font-size:16px; font-weight:600}
	.slider-text p{font-size:12px}
	.iconlist{display:block; margin:10px 0;}
	.iconlist a{color:#fff; font-size:24px; padding:5px}
	.footer-right a{text-align:start;}
}
@media screen and (max-width:680px){
		 .counter-grid {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
	.villa{height:300px;  }
	#form h1 {
		font-size:28px;
	}
}