@media(max-width:1750px){
	.accordion2 .accordion2__content .accordion2__item .accordion2__container .siparisozet label{
		width: 50%;
	} 
}
@media(max-width:1600px){
	.fixed-range-div .range-div{
		width: 90%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.haberlerdiv .haberler .haber{
		width: 30%;
		padding: 10px;
		border-radius: 10px;
		box-shadow: #888 3px 3px 10px;
		margin-bottom: 50px;
	}
	.accordion2 .accordion2__content .accordion2__item .accordion2__container .adresdiv .adres{
		width: 33%;
		border:1px solid #888;
		border-radius: 10px;
	}
	.urunlerdiv .urunler .left-sidebar{
		width: 23%;
	}
	.urunlerdiv .urunler .urun-div{
		width: 75%;
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .urun-div .urun{
		width: 28%;
		border-radius: 10px;
		border:0.5px solid #888;
		padding: 10px;
		margin-bottom: 20px;
		position: relative;
	}
	.urunlerdiv .urunler .urun-detay{
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .urun-detay-div .urun-detay-img{
		width: 35%;
	}
	.urunlerdiv .urunler .urun-detay-div .urun-detay-text{
		width: 60%;
	}
}
@media(max-width:1450px){
	.fixed-range-div .range-div{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.fixed-range-div .range-div .range .range-icon i{
		transform: scale(1.8);
	}
	.fixed-range-div .range-div .range label span{
		font-size:30px;
		font-weight: bolder;
	}
	.fixed-range-div .range-div .range label{
		width: 100%;
		font-size: 18px;
	}
	.accordion2 .accordion2__content .accordion2__item .accordion2__container .adresdiv .adres{
		width: 45%;
		border:1px solid #888;
		border-radius: 10px;
	}
	.urunlerdiv .urunler .urun-div .urun{
		width: 31%;
		border-radius: 10px;
		border:0.5px solid #888;
		padding: 10px;
		margin-bottom: 20px;
		position: relative;
	}
	.urunlerdiv .urunler .urun-detay-div .urun-detay-img{
		width: 40%;
	}
	.urunlerdiv .urunler .urun-detay-div .urun-detay-text{
		width: 55%;
	}
}
@media(max-width:1330px){
	.urunlerdiv .urunler .uruns form{
		width: 30%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .uruns form .urun{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 50px;
		overflow: hidden;
	}
	.urunlerdiv .urunler .left-sidebar{
		width: 25%;
	}
	.urunlerdiv .urunler .urun-div{
		width: 70%;
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .urun-div .urun{
		width: 45%;
		border-radius: 10px;
		border:0.5px solid #888;
		padding: 10px;
		margin-bottom: 20px;
		position: relative;
	}
}
@media(max-width:1250px){
	.footerdiv{
		width: 100%;
		background-color: #f7fafa !important;
		border-image: fill 0 linear-gradient(#f7fafa,#f7fafa);
		padding: 50px;
		padding-bottom: 10px;
	}
	.fixed-range-div .range-div .range .range-icon i{
		transform: scale(1.8);
	}
	.fixed-range-div .range-div .range label span{
		font-size:30px;
		font-weight: bolder;
	}
	.fixed-range-div .range-div .range label{
		width: 100%;
		font-size: 18px;
	}
	.aboutdiv .about{
		width: 90%;
		padding: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.haberlerdiv .haberler .haber{
		width: 40%;
		padding: 10px;
		border-radius: 10px;
		box-shadow: #888 3px 3px 10px;
		margin-bottom: 50px;
	}
	.haberlerdiv .haberler{
		width: 90%;
		padding: 30px;
	}
	.haberlerdiv .haberler .haberlertext img{
		width: 60%;
		border-radius: 10px;
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.hesabimdiv .hesap{
		width: 90%;
		padding: 30px;
		overflow-x: hidden;
		overflow-x: hidden;
	}
	.yedek-parca-ara-div .yedek-parca-ara .yedek-parca-populer label{
		width: 45%;
	}
	.yedek-parca-ara-div .yedek-parca-ara .yedek-parca-populer form{
		width: 45%;
	}
	.urunlerdiv .urunler .urun-detay-div .urun-detay-img{
		width: 47%;
	}
	.urunlerdiv .urunler .urun-detay-div .urun-detay-text{
		width: 50%;
	}
	.sepet-div .sepet-div-2 .sepet-left{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.sepet-div .sepet-div-2 .sepet-right{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		border:1px solid #888;
		padding: 20px;
		padding-top: 50px;
		padding-bottom: 50px;
		border-radius: 5px;
	}
}
@media(max-width:1160px){
	.urunlerdiv .urunler .left-sidebar{
		width: 28%;
	}
	.urunlerdiv .urunler .urun-div{
		width: 70%;
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .urun-div .urun{
		width: 47%;
		border-radius: 10px;
		border:0.5px solid #888;
		padding: 10px;
		margin-bottom: 20px;
		position: relative;
	}
}
@media(max-width:1150px){
	.footerdiv .footerup .footer{
		width: 50%;
		margin-bottom: 50px;
	}
	.giz{
		display: none;
		width: 0%;
	}
	.logodiv{
		width: 25%;
	}
	.usersdiv{
		width: 20%;
		float: right;
	}
	#bar{
		display: block;
	}
	#control:checked ~ .phonemenudiv {
		display: block;
	}
}
@media(max-width:1050px){
	.urunlerdiv .urunler{
		width: 90%;
		padding: 30px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
}
@media(max-width:1040px){
	.fixed-range-div .range-div .range{
		width:50%;
		text-align: center;
		padding: 30px;
		border-right: 1px solid #a57355;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.aboutdiv .about .aboutimgdiv .aboutimg{
		width: 100%;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 50px;
	}
	.aboutdiv .about .aboutimgdiv .aboutimg .imgright{
		background: #f8f9fa;
		display: flex;
		align-items: center;
		width: 450px;
		height: 100px;
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 10px;
		border-top-left-radius: 10px;
	}
	.aboutdiv .about .aboutimgdiv .abouttext{
		width: 100%;
	}
	.politikadiv .politika{
		width: 90%;
		background: #f5f5f5;
		color: #222;
		padding: 50px;
		border-radius: 5px;
	}
	.sssdiv .sss{
		width: 90%;
		padding: 30px;
		display: grid;
		place-content: center;
	}
	.accordion2 .accordion2__content .accordion2__item .accordion2__container .siparisdiv .siparisimg{
		width: 40%;
	}
	.accordion2 .accordion2__content .accordion2__item .accordion2__container .siparisdiv .siparistext{
		width: 55%;
	}
}
@media(max-width:972px){
	.urunlerdiv .urunler{
		width: 90%;
		padding: 20px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .left-sidebar{
		width:60%;
		margin-bottom: 20px;
	}
	.urunlerdiv .urunler .urun-div{
		width:100%;
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .urun-div .urun{
		width: 40%;
		border-radius: 10px;
		border:0.5px solid #888;
		padding: 10px;
		margin-bottom: 20px;
		position: relative;
	}
}
@media(max-width:970px){
	.aboutdiv .about .aboutimgdiv .aboutimg img{
		width: 100%;
		object-fit: cover;
		height: 100%;
	}
	.contactdiv .contact .contact-left{
		width: 100%;
	}
	.contactdiv .contact .contact-right{
		width: 100%;
		margin-top: 20px;
	}
	.markalarimizdiv .markalarimiz{
		width: 90%;
		padding: 40px;
	}
	.urunlerdiv .urunler{
		width: 80%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 50px;
	}
	.urunlerdiv .urunler .uruntitle{
		width: 50%;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .uruns{
		width: 100%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .uruns form{
		width: 23%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .uruns form .urun{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 50px;
		overflow: hidden;
	}
	.yedek-parca-ara-div .yedek-parca-ara{
		width: 90%;
		padding: 30px;
		background-color: #fff;
		border-radius: 10px;
	}
	.yedek-parca-ara-div .yedek-parca-ara .yedek-parca-populer label{
		width: 100%;
	}
	.yedek-parca-ara-div .yedek-parca-ara .yedek-parca-populer form{
		width: 1000%;
	}
	.urunlerdiv .urunler .urun-detay-div .urun-detay-img{
		width: 100%;
		margin-bottom: 50px;
	}
	.urunlerdiv .urunler .urun-detay-div .urun-detay-text{
		width: 100%;
	}
}
@media(max-width:870px){
	.accordion2 .accordion2__content .accordion2__item .accordion2__container .siparisozet label{
		width: 100%;
	} 
	.accordion2 .accordion2__content .accordion2__item .accordion2__container .siparisdiv .siparisimg{
		width: 100%;
	}
	.accordion2 .accordion2__content .accordion2__item .accordion2__container .siparisdiv .siparistext{
		width: 100%;
	}
	.accordion2 .accordion2__content .accordion2__item .accordion2__container .adresdiv .adres{
		width: 70%;
		border:1px solid #888;
		border-radius: 10px;
	}
	.sepet-div .sepet-div-2 .sepet-left .sepet .sepet-img{
		width: 20%;
		padding: 10px;
	}
	.sepet-div .sepet-div-2 .sepet-left .sepet .sepet-text{
		width: 80%;
		padding: 10px;
	}
	.sepet-div .sepet-div-2 .sepet-left .sepet .sepet-miktar{
		width: 55%;
	}
	.sepet-div .sepet-div-2 .sepet-left .sepet .sepet-fiyat{
		width: 35%;
	}
	.sepet-div .sepet-div-2 .sepet-left .sepet .sepet-fiyat label{
		font-size: 16px;
		float: left;
	}
	.sepet-div .sepet-div-2 .sepet-left .sepet .sepet-sil{
		width: 5%;
	}
	.sepet-left select{
		width: 100%;
		padding: 10px;
		border-radius: 10px;
		margin-bottom: 20px;
	}
	.sepet-left button{
		margin-bottom: 20px;
	}
}
@media(max-width:830px){
	.urunlerdiv .urunler{
		width: 100%;
		padding: 20px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .left-sidebar{
		width:60%;
		margin-bottom: 20px;
	}
	.urunlerdiv .urunler .urun-div{
		width:100%;
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .urun-div .urun{
		width: 40%;
		border-radius: 10px;
		border:0.5px solid #888;
		padding: 10px;
		margin-bottom: 20px;
		position: relative;
	}
}
@media(max-width:780px){
	.aboutdiv .about .aboutimgdiv .aboutimg img{
		width: 100%;
		object-fit: cover;
		height: 100%;
	}
	.aboutdiv .about .aboutimgdiv .aboutimg .imgright{
		background: #f8f9fa;
		display: flex;
		align-items: center;
		width: 250px;
		height: 100px;
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 10px;
		border-top-left-radius: 10px;
	}
	.haberlerdiv .haberler .haber{
		width: 48%;
		padding: 10px;
		border-radius: 10px;
		box-shadow: #888 3px 3px 10px;
		margin-bottom: 50px;
	}
	.haberlerdiv .haberler{
		width: 90%;
		padding: 10px;
	}
	.hesabimdiv .hesap{
		width: 100%;
		padding: 10px;
		overflow-x: hidden;
		overflow-x: hidden;
	}
	.urunlerdiv .urunler{
		width: 90%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.urunlerdiv .urunler .uruntitle{
		width: 60%;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 50px;
	}
	.urunlerdiv .urunler .uruns{
		width: 100%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .uruns form{
		width:50%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .uruns form .urun{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 50px;
		overflow: hidden;
	}
}
@media(max-width:715px){
	.urunlerdiv .urunler{
		width: 100%;
		padding: 20px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .left-sidebar{
		width:80%;
		margin-bottom: 20px;
	}
	.urunlerdiv .urunler .urun-div{
		width:100%;
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .urun-div .urun{
		width: 48%;
		border-radius: 10px;
		border:0.5px solid #888;
		padding: 10px;
		margin-bottom: 20px;
		position: relative;
	}
	.politikadiv .politika{
		width: 100%;
		background: #f5f5f5;
		color: #222;
		padding: 20px;
		border-radius: 5px;
	}
}
@media(max-width:700px){
	.logodiv{
		width:35%;
	}
	.usersdiv{
		width:38%;
		float: right;
	}
	.sssdiv .sss{
		width: 100%;
		display: grid;
		place-content: center;
	}
	.haberlerdiv .haberler .haberlertext img{
		width: 80%;
		border-radius: 10px;
		margin-bottom: 30px;
		margin-top: 30px;
	}
}
@media(max-width:630px){
	.footerdiv .footerup .footer .bultendiv input{
		width: 100%;
		border:none;
		border-bottom: 1px solid #888;
		background-color: #f7fafa;
		margin-bottom: 10px;
	}
	.footerdiv .footerup .footer .bultendiv button{
		width: 100%;
		border:none;
		border-radius: 10px;
		background-color: #222;
		color: #f7fafa;
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.footerdiv .footermiddle .footer .bankdiv img{
		object-fit: cover;
	}
	.footerdiv{
		width: 100%;
		background-color: #f7fafa !important;
		border-image: fill 0 linear-gradient(#f7fafa,#f7fafa);
		padding: 10px;
		padding-bottom: 10px;
	}
	.yedek-parca-ara-div .yedek-parca-ara .yedek-parca-search input{
		width: calc(100% - 100px);
		background-color: #fff;
		padding: 8px;
		border-bottom-left-radius: 10px;
		border-top-left-radius: 10px;
		border-right: none;
	}
	.yedek-parca-ara-div .yedek-parca-ara .yedek-parca-search button{
		width: 100px;
		border:none;
		padding: 10px;
		background-color: #222;
		color: #f8f9fa;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.usersdiv .login-page .form {
		position: relative;
		z-index: 1;
		background: #f8f9fa;
		max-width: 400px;
		margin: 200px auto 200px;
		padding: 40px;
		text-align: center;
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.2);
	}
}
@media(max-width:580px){
	.header-m .header-m-left{
		width: 100%;
	}
	.header-m .header-m-left label{
		font-weight: 500;
		margin-right: 10px;
		font-size: 14px;
	} 
	.header-m-right{
		width: 100%;
	}
	.contactdiv .contact{
		width: 90%;
		padding: 20px;
		display: flex;
		justify-content: space-between;
		align-content: center;
		flex-wrap: wrap;
	}
	.fixed-range-div .range-div .range{
		width:100%;
		text-align: center;
		color: #2e2928;
		padding: 30px;
		border-right: 1px solid #a57355;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	.haberlerdiv .haberler .haber{
		width: 80%;
		padding: 10px;
		border-radius: 10px;
		box-shadow: #888 3px 3px 10px;
		margin-bottom: 50px;
	}
	.haberlerdiv .haberler{
		width: 100%;
		padding: 10px;
	}
	.markalarimizdiv .markalarimiz{
		width: 100%;
		padding: 20px;
	}
}
@media(max-width:550px){
	.footerdiv .imza img{
		width: 150px;
		object-fit: cover;
	}
	.accordion2 .accordion2__content .accordion2__item .accordion2__container .adresdiv .adres{
		width: 100%;
		border:1px solid #888;
		border-radius: 10px;
	}
	.urunlerdiv .urunler{
		width: 100%;
		padding: 20px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .left-sidebar{
		width:100%;
		margin-bottom: 20px;
	}
	.urunlerdiv .urunler .urun-div{
		width:100%;
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.urunlerdiv .urunler .urun-div .urun{
		width: 80%;
		border-radius: 10px;
		border:0.5px solid #888;
		padding: 10px;
		margin-bottom: 20px;
		position: relative;
	}
}