@media (max-width: 1585px) {


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


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

	main {
		width:100vw;
	}
	body {
		padding-top:143px;
	}

	.container-fluid {
		max-width:calc(100vw - 0px);	
	}	
	.form-control {
		height: 40px;
	}
	

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

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

	#slider {
		position:relative;
	}
	#slider .item {
		position:relative;
	}
	#slider .item .anaresim {
		width:100%;
		max-height:100vh;
		min-height:70vh;
		object-fit:cover;
	}
	#slider .item .bilgi {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		display:flex;
		align-items:center;
		z-index:5;
	}
	#slider .item .bilgi .yazi1 {
		font-size: 20px;
		margin-bottom:0px;
	}
	#slider .item .bilgi .yazi2 {
		font-size: 86px;
		line-height: 60px;
	}
	#slider .item .bilgi .yazi3 {
		font-size: 50px;
	}
	#slider .slider-button-prev ,
	#slider .slider-button-next 
	{
		display:none;
	}
#slideralt .item {	padding:10px;	color: #000;	font-size: 12px;	line-height: 12px;	height:40px;}
	/*------------------kategoriler----------------------*/

	#kategoriler {
		padding:36px 0px;
	}
	#kategoriler .baslik {
		font-size: 25px;
		margin-bottom:11px;
	}
	#kategoriler .altbaslik {
		font-size: 14px;
		line-height: 22px;
		margin-bottom:25px;
	}
	#kategoriler .swiper {
		padding:0px 50px
	}

	.kategoriitem {
		position:relative;
		display:flex;
		flex-direction:column;
		grid-gap:20px;
	}
	.kategoriitem .resim {
		width:100%;
		aspect-ratio:380/285;
		border-radius:10px;
	}
	.kategoriitem .alt {
		display:flex;
		align-items:center;
	}
	.kategoriitem .alt .adi {
		font-size: 18px;
		line-height: 24px; 
	}

	/*------------------coksatanlar----------------------*/

	#coksatanlar {
		padding:36px 0px;
	}
	#coksatanlar .ust {
		margin-bottom:30px;
	}
	#coksatanlar .baslik {
		font-size: 25px;
	}
	#coksatanlar .butonlar {
		grid-gap:10px;
	}
	#coksatanlar .butonlar div {
		width:35px;
		height:35px;
		font-size:17px;
	}
	#coksatanlar .swiper {
		padding:0px 50px;
	}

	.urunitem {
		grid-gap:20px;
	}

	.urunitem .resim {
		width:100%;
		aspect-ratio:380/285;
		border-radius:10px;
	}
	.urunitem .resim img {
		max-width:90%;
		max-height:90%;
	}
	.urunitem .resim .indirim {
		bottom:-18px;
		right:18px;
		width:36px;
		height:36px;
		border-radius: 26px;
		font-size:12px;
	}
	.urunitem .alt {
		grid-gap:5px;
	}
	.urunitem .alt .adi {
		font-size: 14px;
		line-height: 22px; /* 154.839% */
		letter-spacing: 0.6px;
	}
	.urunitem .alt .gram {
		font-size: 14px;
		line-height: 22px; /* 154.839% */
		margin-bottom:10px;
	}
	.urunitem .alt .fiyat {
		font-size: 16px;
		line-height: 22.4px; /* 140% */
		letter-spacing: 1px;
	}
	
	/*------------------widget1----------------------*/

	#widget1 {
		padding:19px 0px;
	}
	#widget1 .yazi1 {
		font-size: 25px;
	}
	#widget1 .yazi2 {
		font-size: 13px;
		line-height: 22px;
		opacity: 1;
	}

	/*------------------hedefkategori----------------------*/

	#hedefkategori {
		padding:36px 0px;
	}
	#hedefkategori .ust {
		margin-bottom:30px;
	}
	#hedefkategori .baslik {
		font-size: 25px;
	}
	#hedefkategori .butonlar {
		grid-gap:10px;
	}
	#hedefkategori .butonlar div {
		width:35px;
		height:35px;
		font-size:17px;
	}
	#hedefkategori .swiper {
		padding:0px 50px;
	}

	.kategoriitem2 {
		padding:16px;
		border-radius: 20px;
	}
	.kategoriitem2 .sol {
		width:60%;
		grid-gap:20px;
		padding-right:15px;
	}
	.kategoriitem2 .sol .adi {
		font-size: 20px;
		line-height: 28px; /* 106.667% */
	}
	.kategoriitem2 .sol .desc {
		font-size: 14px;
		line-height: 21px; /* 140% */
		letter-spacing: 0.6px;
	}
	.kategoriitem2 .resim {
		width:40%;
		aspect-ratio:350/420;
	}
	.kategoriitem2 .resim img {
		max-width:100%;
		max-height:100%;
		mix-blend-mode: darken;
	}
	.kategoriitem2 .alt {
		width:100%;
	}

	/*------------------widget1----------------------*/

	#widget2 {
		position:relative;
		padding:35px 0px;
		background-size:cover !important;
	}
	#widget2 .yazi1 {
		font-size: 56.667px;
		line-height: 90%; /* 141px */
	}
	#widget2 .yazi2 {
		font-size: 29px;
		margin-bottom:30px;
	}	

	/*------------------instagram----------------------*/

	#instagram {
		padding:36px 0px;
	}
	#instagram .baslik {
		font-size: 25px;
		margin-bottom:31px;
	}

	.instaitem {
		position:relative;
	}
	.instaitem .resim {
		width:100%;
		aspect-ratio:350/500;
		border-radius:10px;
	}
	.instaitem .play {
		position:absolute;
		top:calc(50% - 40px);
		left:calc(50% - 40px);
		width:80px;
		height:80px;
		border-radius:50px;
		backdrop-filter: blur(14);
		font-size:40px;
	}
	.swiper-slide-active .instaitem .play {
		opacity:1;
	}	

	/*------------------blog----------------------*/

	#blog {
		padding:36px 0px;
	}
	#blog .ust {
		margin-bottom:30px;
	}
	#blog .baslik {
		font-size: 25px;
	}
	#blog .butonlar {
		grid-gap:10px;
	}
	#blog .butonlar div {
		width:35px;
		height:35px;
		border-radius:50%;
		font-size:17px;
	}
	#blog .swiper {
		padding:0px 50px;
	}
	.blogitem {
		position:relative;
		display:block;
	}
	.blogitem .resim {
		width:100%;
		aspect-ratio:380/450;
		border-radius:20px;
	}
	.blogitem .bilgi {
		width:100%;
		padding:15px;
		border-radius: 0px 0px 20px 20px;
	}
	.blogitem .bilgi .adi {
		font-size: 20px;
	}	
	

	/*------------------footer----------------------*/

	#footer {
		position:relative;
	}
	#footer .ust {
		padding:20px 0px;
	}
	#footer .logo {
		display:block;
		margin-bottom:20px;
		text-align:center;
	}
	#footer .logo img {
		height:50px;
	}
	#footer .footeryazi {
		text-align:center;
		font-size: 13px;
		line-height: 21px; /* 161.538% */
		margin-bottom:20px;
	}
	#footer .menubas {
		position:relative;
		font-size: 16px;
		text-align:left;
		padding-right:40px;
	}
	#footer .menubas:before {
		position:absolute;
		content:"\f105";
		top:0px;
		right:0px;
		height:100%;
		width:30px;
		font-size:20px;
		color:var(--pembe);
		font-family: 'Line Awesome Free';
		font-weight: 900;
	}
	#footer .menualan {
		display:none;
		padding-bottom:0px;
	}
	#footer .menulink {
		font-size: 12px;
		text-align:left;
	}
	#footer .orta {
		padding:20px 0px;
	}
	#footer .orta .sosyal {
		grid-gap:4px;
	}
	#footer .orta .sosyal a {
		width:35px;
		height:35px;
		border-radius:50%;
		font-size:17px;
	}
	#footer .orta .visamaster {
		height:13px;
	}
	#footer .alt {
		position:relative;
		padding:20px 0px;
		display:flex;
		align-items:center;
		flex-direction:column;
	}
	#footer .alt .copy {
		color: #000;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
		margin-right:0;
	}
	#footer .alt .fav {
		color: #000;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: 16px;
	}
	/*------------------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;
	}


	/*------------------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;
	}	
	
}