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

@media screen and (max-width: 1200px) {
	header .top .search {width: 44px; height: 40px; position: relative; transition: 0.5s ease;}
	header .top .search .searchIn {position: absolute; right: 0; width: 44px; height: 40px; overflow: hidden; transition: 0.5s ease;}
	header .top .search .searchIn input {position: absolute; right: 44px;}
	header .top .search input.btn {border-radius: 4px; position: absolute; right: 0;}
	header .top .search span {content: ""; position: absolute; right: 0; top: 0; width: 44px; height: 40px; z-index: 2; cursor: pointer;}
	
	header .top .search.open .searchIn {width: 459px;}
	header .top .search.open input.btn {border-radius: 0 4px 4px 0;}
	header .top .search.open .searchIn span {display: none;}
	
	.ilanList.aracList li {width: calc(20% - 12px);}
	.ilanList.aracList li:nth-child(6n) {margin-right: 15px;}
	.ilanList.aracList li:nth-child(5n) {margin-right: 0 !important;}
	
	.ilanList.sehirList li {width: calc(14.28% - 8.57px);}
	.ilanList.sehirList li:nth-child(8n) {margin-right: 10px;}
	.ilanList.sehirList li:nth-child(7n) {margin-right: 0 !important;}
	
	footer .in {padding: 0 25px;}
	footer .top li {padding-right: 10px; box-sizing: border-box;}
}

@media screen and (max-width: 1100px) {
	.ilanList.aracList li {width: calc(25% - 11.25px);}
	.ilanList.aracList li:nth-child(5n),
	.ilanList.aracList li:nth-child(6n) {margin-right: 15px !important;}
	.ilanList.aracList li:nth-child(4n) {margin-right: 0 !important;}
}

@media screen and (max-width: 1046px) {
	header .bottom li {margin: 0 25px;}	
	
	.ilanList.sehirList li {width: calc(16.66% - 8.33px);}
	.ilanList.sehirList li:nth-child(7n),
	.ilanList.sehirList li:nth-child(8n) {margin-right: 10px !important;}
	.ilanList.sehirList li:nth-child(6n) {margin-right: 0 !important;}
}

@media screen and (max-width: 1000px) {
	.ilanList.imgList li {width: calc(25% - 11.25px);}
	.ilanList.imgList li:nth-child(4n) {margin-right: 0 !important;}
	.ilanList.imgList li:nth-child(5n) {margin-right: 15px;}
	
	.ilanList.sehirList li {width: calc(20% - 8px);}
	.ilanList.sehirList li:nth-child(6n),
	.ilanList.sehirList li:nth-child(7n),
	.ilanList.sehirList li:nth-child(8n) {margin-right: 10px !important;}
	.ilanList.sehirList li:nth-child(5n) {margin-right: 0 !important;}
	.in {padding: 0 15px;}
	
	.listSort .top,
	.listSort ul li {padding-right: 10px;}
	
	.listSort .fiyat,
	.listSort .tarih {padding-left: 5px;}
	.listSort .sehir,
	.listSort .detay {padding-right: 5px;}
	
	.listSort ul li .detay em.img {width: 115px;}
	.listSort ul li .detay strong {max-height: 40px; margin-bottom: 0;}
	.listSort ul li .detay p {left: 130px;}
	.listSort .top > span.detay {padding-left: 130px;}
	
	.magazaBox .magazaBoxIn {padding: 40px 20px 6px;}
	.magazaBox .magazaBoxIn .rightC li {width: calc(25% - 7.5px);}
	
	.detay .rightD, .detay .leftD .info {width: 245px;}
	.detay .leftD,
	.detay .leftD .images {width: calc(100% - 255px);}
	.detay .rightD .detayBtns {height: auto;}
	.detay .rightD .detayBtns .btn {float: none !important; width: auto !important; margin-bottom: 10px;}
	
	.loginBox .form {width: calc(100% - 435px);}
	.loginBox .form ul {width: 100%;}
	.loginBox .uyeOlun {padding: 130px 40px 153px; width: 415px;}
}

@media screen and (max-width: 900px) {
	.ilanList.imgList li {width: calc(33.33% - 10px);}
	.ilanList.imgList li:nth-child(4n),
	.ilanList.imgList li:nth-child(5n) {margin-right: 15px !important;}
	.ilanList.imgList li:nth-child(3n) {margin-right: 0 !important;}
	
	.ilanList.aracList li {width: calc(33.33% - 10px);}
	.ilanList.aracList li:nth-child(4n),
	.ilanList.aracList li:nth-child(5n),
	.ilanList.aracList li:nth-child(6n) {margin-right: 15px !important;}
	.ilanList.aracList li:nth-child(3n) {margin-right: 0 !important;}
	
	footer .top li {padding-right: 10px; box-sizing: border-box; width: 50%;}
	footer .top li:nth-child(-n+2) {margin-bottom: 10px;}
	
	.listSort .fiyat,
	.listSort .tarih,
	.listSort .sehir,
	.listSort .top {display: none;}
	
	.listSort .detay {width: 100%;}
	
	.detay .leftD .images,
	.detay .leftD .info {float: none; width: auto; margin-bottom: 10px;}
}

@media screen and (max-width: 850px) {
	header .bottom li {margin: 0 15px;}
	.listControl {height: auto;}
	.listControl strong {float: none; display: block; text-align: center;}
	.listControl .control {float: none; width: 241px; margin: 0 auto;}
	.listControl .control:after {content: ""; font-size:0; line-height:0; display:block; clear:both; height:0;}
	
	.loginBox .form {width: calc(100% - 366px);}
	.loginBox .uyeOlun {padding: 130px 20px 153px; width: 356px;}
	.loginBox .uyeOlun:before {margin-right: 10px;}
	.loginBox .uyeOlun .btn {width: calc(100% - 92px);}
}

@media screen and (max-width: 770px) {
	header .bottom li {margin: 0 5px;}
	header .top .logo {padding-right: 10px;}
}

@media screen and (max-width: 750px) {
	.ilanList.vitrin li {width: calc(50% - 7.5px);}
	.ilanList.vitrin li:nth-child(3n),
	.ilanList.vitrin li:nth-child(4n),
	.ilanList.vitrin li:nth-child(5n) {margin-right: 15px !important;}
	.ilanList.vitrin li:nth-child(2n) {margin-right: 0 !important;}
	
	.ilanList.sehirList li {width: calc(25% - 7.5px);}
	.ilanList.sehirList li:nth-child(5n),
	.ilanList.sehirList li:nth-child(6n),
	.ilanList.sehirList li:nth-child(7n),
	.ilanList.sehirList li:nth-child(8n) {margin-right: 10px !important;}
	.ilanList.sehirList li:nth-child(4n) {margin-right: 0 !important;}
	
	footer .bottom .social .logo span {display: none;}
}	

@media screen and (max-width: 680px) {
	header .bottom li {margin: 0 5px;}
	header .top .logo {padding-right: 10px;}
}

@media screen and (max-width: 665px) {
	.in {width: 665px; margin: 0; display: block;}
}