@media (max-width: 1585px) {


}
@media (max-width: 1360px) {


}
@media (max-width: 960px) {

	main {
		width:100vw;
	}
	body {
		padding-top:103px;
	}
	.container-fluid {
		max-width:calc(100vw - 0px);	
	}
	.btn {
		padding: 0px 10px;
		height: 40px;
		border-radius: 4px;
	}
	.form-control {
		height: 40px;
	}
	

	/*------------------number-group----------------------*/
	.number-group {    
		position:relative;
	}
	.number-group .form-control{    
		padding:0px 30px;
		height: 40px !important;
		line-height: 40px !important;
	}
	.number-group .arti,
	.number-group .eksi
	{   
		width:30px;
		height:40px;
	}
	
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}


	/*------------------slider----------------------*/


	#slider .item .anaresim {
		width:100%;
		max-height:100vh;
		object-fit:cover;
	}
	#slider .slider-button-prev ,
	#slider .slider-button-next 
	{
		display:none;
	}

	/*------------------bannerlar----------------------*/

	#bannerlar {
		position:relative;
		padding:15px 0px;
	}
	#bannerlar .item {
		position:relative;
		display:block;
		margin-bottom:15px;
	}
	#bannerlar .colitem:last-child .item {
		margin-bottom:0px;
	}
	#bannerlar .item .resim {
		width:100%;
	}
	/*------------------urunitem----------------------*/

	.urunitem {
		margin-bottom:4px;
		height:calc(100% - 4px);
	}
	.urunitem .resimler {
		width:100%;
		margin-bottom:10px;
	}
	.urunitem .resimler .item img {
		padding: 0px;
	}
	.urunitem .kategori {
		letter-spacing:0.6px;
	}
	.urunitem .adi {
		letter-spacing:0.6px;
	}

	.urunitem .adi {
		font-size: 12px;
		line-height: 17px;
		height:34px;
		padding-bottom:8px;
		margin-bottom:8px;
	}
	.urunitem .avantajlar {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		grid-gap: 2.5px;
		margin-bottom:10px;
	}
	.urunitem .avantajlar span {
		width:calc(50% - 2px);
	}
	.urunitem .fiyat {
		grid-gap:10px;
		padding-bottom:0px;
	}
	.urunitem .fiyat b {
		font-size: 16px;
	}
	.urunitem .fiyat del {
		font-size: 16px;
	}
	.urunitem .indirim {
		font-size: 14px;
		margin-bottom:10px;
	}
	

	/*------------------urundetay----------------------*/

	#urundetay .item .anaresim {
		width:100%;
		height:300px;
		object-fit:contain;
	}
	
	#urundetay .urundetay2 {
		padding-right:80px;
	}
	#urundetay .adi {
		font-size:16px;
		font-weight:500;
		line-height:22px;
		margin-bottom:8px;
	}
	#urundetay .degerlendirme {
		margin-bottom:8px;
	}
	#urundetay .kod {
		font-size:13px;
		line-height:20px;
		margin-bottom:8px;
	}
	#urundetay .fiyat {
		display:flex;
		align-items:center;
		justify-content:flex-start;
		grid-gap:10px;
	}
	#urundetay .fiyat b {
		font-size: 30px;
		line-height: 34px;
	}
	#urundetay .fiyat del {
		font-size: 30px;
		line-height: 34px;
	}
			
	#urundetay .avantajlar2 {
		display: flex;
		align-items: center;
		justify-content:flex-start;
		flex-wrap: wrap;
		grid-gap: 2.5px;
		margin-bottom:10px;
	}
	#urundetay .avantajlar2 span {
		width:calc(20% - 2px);
	}
	#urundetay .kisaaciklama {
		font-size:12px;
		line-height:18px;
		margin-bottom:8px;
	}

	#urundetay .avantajlar {
		display:flex;
		flex-wrap:wrap;
		justify-content: space-around;
		grid-gap:4px;
		margin-bottom:20px;
	}
	#urundetay .avantajlar .avantaj {
		width:calc(25% - 3px);
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		align-items:center;
	}
	#urundetay .avantajlar .avantaj div {
		display:flex;
		align-items:center;
		justify-content:center;
		width:50px;
		height:50px;
		border-radius:50%;
		background:var(--anarenk);
		font-size:24px;
		color:#fff;
		margin-bottom:8px;
	}
	#urundetay .avantajlar .avantaj span {
		width:calc(100% - 0px);
		padding-left:0px;
		font-size: 10px;
		font-weight: 400;
		line-height: 16px;
		color: rgba(0,0,0,0.8);
		text-align:center;
	}

	#urundetay .item {
		padding:4px;
		border-radius:8px;
	}
	#urundetay .item .anaresim {
		border-radius:8px;
	}
	#urundetay .item .altresim {
		border-radius:4px;
	}
	
	/*------------------footer----------------------*/

	#footer {
		padding:20px 0px;
	}

	#footer .yazilar {
		display:flex;
		flex-direction:column;
		height:auto;
		justify-content:center;
		align-items:center;
		margin-bottom:20px;
	}
	#footer .logo {
		margin-bottom:15px;
		padding-left:0px;
	}

	#footer .sosyal {
		margin-bottom:15px;
	}

	#footer .bulten {
		display:flex;
		flex-wrap:wrap;
		border:2px solid #fff;
		border-radius:2px;
		width:100%;
	}
	#footer .bulten .form-control {
		width:70%;
		height:50px;
		border-radius:0px;
		border:0px;
		border-right:2px solid #fff;
		background:#000;
	}
	#footer .bulten .btn {
		width:calc(30% - 2px );
		height:50px;
		border-radius:0px;
		border:0px;
		font-size:10px;
		font-weight:500;
		color:#fff;
		padding:0px 10px;
	}


	#footer .menubas {
		position:relative;
		display:block;
		color:rgba(251,251,251,1);
		font-size: 14px;
		font-weight: 600;
		letter-spacing:1.4px;
		line-height: 30px;
		margin-bottom:17px;
		cursor:pointer;
	}
	#footer .menubas:after {
		position:absolute;
		content:"\f105";
		top:0px;
		right:0px;
		height:100%;
		width:30px;
		font-size:20px;
		color:#fff;
		font-family: 'Line Awesome Free';
		font-weight: 900;
	}
	#footer .menubas:before {
		position:absolute;
		content:"";
		top:100%;
		left:0px;
		width:15px;
		height:1px;
		background:rgba(251,251,251,1);
	}
	#footer .menualan {
		display:none;
		margin-bottom:20px;
	}
	#footer .menualan.active {
		display:block;
	}
	#footer .menulink {
		position:relative;
		display:block;
		color: rgba(252,252,249,1);
		font-size: 12px;
		font-weight: 400;
		line-height: 25px;
		letter-spacing:1.2px;
	}
	#footer .menulink:before {
		position:absolute;
		content:"";
		top:100%;
		left:0px;
		width:0px;
		height:1px;
		background:#fff;
		transition:all 0.3s ease;
	}
	#footer .menulink:hover:before {
		width:100%;
	}

	#footer .alt {
		flex-direction:column;
		justify-content:center;
	}
	#footer .alt  .copy {
		margin-right:0px;
		text-align:center;
	}


	/*------------------sepetpopup----------------------*/

	#girispopup .modal-lg, 
	#girispopup .modal-xl {
		max-width: 100%;
	}

	/*------------------urunpopup----------------------*/

	#urunpopup .modal-lg, 
	#urunpopup .modal-xl {
		max-width: 100%;
	}

	/*------------------urundetay----------------------*/

	/*------------------sepetpopup----------------------*/

	#sepetpopup .modal-lg, 
	#sepetpopup .modal-xl {
		max-width: 100%;
	}

	/*------------------bread----------------------*/

	#bread {
		padding:15px 0px;
	}

	#bread .baslik {
		font-size: 20px;
		line-height: 26px;
	}


	/*------------------sayfa----------------------*/

	#sayfa {
		padding:25px 0px;
	}


	.aciklama {
	}
	.aciklama h1 {
		font-size: 20px;
		line-height: 24px;
		margin-bottom:10px;
	}
	.aciklama ol {
		padding: 15px 15px 15px 25px;
		border-radius: 4px;
		margin-bottom: 10px;
	}
	.aciklama ol li {
		padding-left:5px;
		font-size: 16px;
		line-height: 26px;
	}
	.aciklama ul {
		padding: 15px 15px 15px 0px;
		margin-bottom:15px;
	}
	.aciklama ul li {
		padding-left:24px;
		font-size: 16px;
		line-height: 26px;
	}
	.aciklama ul li:before {
		top:10px;
		left:8px;
		width:5px;
		height:5px;
		border-radius:4px;
	}
	.aciklama img {
		width:100% !important;
		border-radius:20px;
		max-height:300px;
		object-fit:cover;
		margin-bottom:10px;
	}
	.aciklama h2 ,
	.aciklama h3 ,
	.aciklama h4 ,
	.aciklama h5 
	{
		font-size: 18px;
		line-height: 24px;
		margin-bottom:10px;
	}
	.aciklama p 
	{
		font-size: 14px;
		line-height: 22px;
		margin-bottom:10px;
	}

	/*------------------iletisimpage----------------------*/

	.hesapmenu {
		display:flex;
		flex-wrap:wrap;
		grid-gap:10px;
		margin-bottom:25px;
	}
	.hesapmenu a {
		width:calc(50% - 5px);
		padding:6px 20px 6px 20px;
		font-size:14px;
		border-radius: 25px;
		margin-bottom:0px;
	}

	/*------------------urunler----------------------*/

	#urunler {
		padding:25px 0px;
	}

	.filtrebar {
		display:flex;
		align-items:center;
		margin-bottom:25px;
	}
	.filtrebar .form-control {
		width:auto;
	}

	.solfiltre {
		position:fixed;
		top:0px;
		left:-200vw;
		width:100%;
		height:100vh;
		overflow-y:scroll;
		z-index:1000;
		background:#fff;
		padding:10px;
		transition:all 0.3s ease;
	}

	/*------------------sepetsatir----------------------*/
	.sepeturunalan {
		margin-bottom:0px;
	}
	.sepetsatir {
		padding:10px;
		border-radius:4px;
	}
	.sepetsatir .resim {
		width:100px;
	}
	.sepetsatir .resim img {
		aspect-ratio:2/4;
		max-height:170px;
	}
	.sepetsatir .sag {
		width:calc(100% - 100px);
		padding-left:10px;
	}

	.sepetsatir .adi {
		font-size:14px;
		line-height:22px;
		margin-bottom:5px;
	}
	.sepetsatir .varyasyon {
		font-size:16px;
		line-height:22px;
		margin-bottom:10px;
	}
	.sepetsatir .fiyat {
		font-size: 30px;
		margin-bottom:10px;
	}
	.sepetsatir2 {
		padding:10px;
		border-radius:4px;
		border:1px solid rgba(245,245,245,1);
	}
	.sepetsatir2 .resim {
		width:100%;
	}
	.sepetsatir2 .resim img {
		width:100%;
		aspect-ratio:1/1;
		object-fit:cover;
		object-position:center;
		max-height:300px;
	}

	.sepetsatir2 .adi {
		font-size:14px;
		line-height:22px;
	}
	.sepetsatir2 .varyasyon {
		font-size:16px;
		line-height:22px;
	}
	.sepetsatir2 .fiyat {
		font-size: 20px;
	}

	/*------------------sepetkuponalan----------------------*/
	.sepetkuponalan {
		margin-top:auto;
		margin-bottom:20px;
	}

	/*------------------sepetbilgialan----------------------*/
	.sepetbilgialan {
		border-radius:4px;
	}
	.sepetbilgialan .bilgisatir {
		padding:3px 10px;
		border-radius:4px;
	}
	.sepetbilgialan .bilgisatir .sol {
		margin-right:auto;
		font-size:16px;
		font-weight:700;
	}
	.sepetbilgialan .bilgisatir .sol.text-success {
		font-size:20px;
	}
	.sepetbilgialan .bilgisatir .sag {
		font-size:16px;
		font-weight:500;
	}
	.sepetbilgialan .bilgisatir .sag.text-success {
		font-size:20px;
	}
	/*------------------paylas----------------------*/

	.paylas {
		grid-column-gap:6px;
		margin-bottom:15px;
	}
	.paylas .link {
		width:calc(33.33% - 4px);
	}
	.paylas .link .icon {
		width:40px;
		height:40px;
		font-size:22px;
	}
	.paylas .link .ad {
		width:calc(100% - 40px);
		font-size:14px;
		font-weight:500;
		padding-left:10px;
	}
}