@media (max-width: 1585px) {


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


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

	main {
		width:100vw;
	}
	body {
		padding-top:96px;
	}
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}

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

	#slider {
		position:relative;
	}
	#slider .item {
		position:relative;
	}
	#slider .item .anaresim {
		max-height:100vh;
		min-height:50vh;
	}
	#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: 45px;
		line-height: 56px; /* 114.667% */
		margin-bottom:22px;
	}
	#slider .item .bilgi .git {
		height:44px;
		padding:0px 33px;
		font-size: 18px;
	}
	#slider .altkutular {
		Display:none;
	}


	/*------------------kategoriler----------------------*/

	#kategoriler {
		padding:14px 0px 20px 0px;
	}
	#kategoriler .alan .tablar {
		margin-bottom:20px;
	}
	#kategoriler .alan .tablar a {
		height:38px;
		padding:0px 17px;
		font-size: 18px;
		border-left:7px solid transparent;
	}
	#kategoriler .alan .tabsol {
		margin-bottom:20px;
	}
	#kategoriler .alan .tabsol .adi {
		font-size: 35px;
		line-height: 36px;
		margin-bottom:9px;
	}
	#kategoriler .alan .tabsol .desc {
		font-size: 16px;
		line-height: 28.8px;
		margin-bottom:30px;
	}
	#kategoriler .alan .tabsol .git {
		height:44px;
		padding:0px 33px;
		font-size: 18px;
	}
	#kategoriler .alan .tabsag {
		position:relative;
		width:100%;
		height:100%;
	}
	#kategoriler .alan .tabsag .ozellikler {
		bottom:30px;
		left:30px;
		grid-gap:20px;
	}
	#kategoriler .alan .tabsag .ozellikler .ozellik {
		grid-gap:10px;
	}
	#kategoriler .alan .tabsag .ozellikler .ozellik img {
		height:21px;
		filter: brightness(100);
		opacity:1;
	}
	#kategoriler .alan .tabsag .ozellikler .ozellik span {
		color: rgba(255, 255, 255, 1);
		font-size: 18px;
		line-height: 30px; /* 166.667% */
	}	


	/*------------------kategoritur1----------------------*/

	#kategoritur1 {
		position:relative;
		padding:0px 0px 0px 0px;
	}
	#kategoritur1 .alan {
		position:relative;
		background-size:100% auto !important;
		background-repeat:no-repeat !important;
	}
	#kategoritur1 .alan .sol {
		padding:90px 0px;
	}
	#kategoritur1 .alan .sol .logo img {
		height:57px;
	}
	#kategoritur1 .alan .sol .adi {
		font-size: 38px;
	}
	#kategoritur1 .alan .sag {
		padding:30px 0px;
	}
	#kategoritur1 .alan .sag .adi {
		font-size: 36px;
		margin-bottom:19px;
	}
	#kategoritur1 .alan .sag .desc {
		font-size: 14px;
		margin-bottom:29px;
	}
	#kategoritur1 .alan .sag .ozellikler {
		grid-gap:20px;
		margin-bottom:30px;
	}
	#kategoritur1 .alan .sag .ozellikler .ozellik {
		grid-gap:10px;
	}
	#kategoritur1 .alan .sag .git {
		height:44px;
		padding:0px 33px;
		font-size: 18px;
	}
	#kategoritur1 .alan .sag .git:hover {
		background:var(--anarenk);
		color: #fff;
	}

	/*------------------kategoritur2----------------------*/

	#kategoritur2 {
		position:relative;
		padding:0px 0px 0px 0px;
	}
	#kategoritur2 .alan {
		position:relative;
		background-size:100% auto !important;
		background-repeat:no-repeat !important;
		background-position:right top !important;
	}
	#kategoritur2 .alan .sol {
		padding:90px 0px;
	}
	#kategoritur2 .alan .sol .logo img {
		height:57px;
	}
	#kategoritur2 .alan .sol .adi {
		font-size: 38px;
	}
	#kategoritur2 .alan .sag {
		position:relative;
		padding:30px 0px;
	}
	#kategoritur2 .alan .sag .adi {
		font-size: 36px;
		margin-bottom:19px;
	}
	#kategoritur2 .alan .sag .desc {
		font-size: 14px;
		margin-bottom:29px;
	}
	#kategoritur2 .alan .sag .ozellikler {
		grid-gap:20px;
		margin-bottom:30px;
	}
	#kategoritur2 .alan .sag .ozellikler .ozellik {
		grid-gap:10px;
	}
	#kategoritur2 .alan .sag .ozellikler .ozellik img {
		height:21px;
	}
	#kategoritur2 .alan .sag .ozellikler .ozellik span {
		font-size: 18px;
		line-height: 30px; /* 166.667% */
	}
	#kategoritur2 .alan .sag .git {
		height:44px;
		padding:0px 33px;
		font-size: 18px;
	}
	
	/*------------------beforeafter----------------------*/

	#beforeafter {
		padding:28px 0px 28px 0px;
	}
	#beforeafter .ust {
		position:relative;
		Display:flex;
		align-items:flex-start;
		flex-direction:column;
		grid-gap:20px;
		margin-bottom:40px;
	}
	#beforeafter .ust .baslik {
		font-size: 28px;
	}
	#beforeafter .ust .butonlar {
		Display:flex;
		flex-wrap:wrap;
		grid-gap:10px;
	}
	#beforeafter .ust .butonlar .btn {
		height:30px;
		padding:0px 10px;
	}
	#beforeafter .swiper {
		padding:0px 40px;
	}
	#beforeafter .bfitem {
		grid-gap:2px;
	}
	
	/*------------------ozellikler----------------------*/

	#ozellikler {
		position:relative;
	}
	#ozellikler .arka {
		position:relative;
		width:100%;
	}
	#ozellikler .sag {
		padding:26px 0px 26px 0px;
	}
	#ozellikler .yazi1 {
		font-size: 36px;
		margin-bottom:14px;
	}
	#ozellikler .yazi2 {
		font-size: 14px;
		line-height: 23px; /* 183.333% */
		margin-bottom:34px;
	}
	#ozellikler .ozellikler {
		Display:flex;
		flex-wrap:wrap;
		grid-gap:24px;
	}
	#ozellikler .ozellikler .ozellik {
		grid-gap:14px;
		width:calc(50% - 12px);
		padding:0px 10px;
	}
	#ozellikler .ozellikler .ozellik img {
		height:34px;
	}
	#ozellikler .ozellikler .ozellik span {
		font-size: 14.859px;
		line-height: 27.861px;
	}


	/*------------------bloglar----------------------*/

	#bloglar {
		padding:50px 0px;
	}
	#bloglar .ust {
		margin-bottom:44px;
	}
	#bloglar .ust .baslik {
		margin-right:auto;
	}
	#bloglar .ust .baslik small {
		font-size: 20px;
	}
	#bloglar .ust .baslik b {
		font-size: 28px;
	}
	#bloglar .swiper {
		padding:0px 40px;
	}
	#bloglar .blogitem {
		padding:11px;
	}
	#bloglar .blogitem .sol {
		width:100%;
	}
	#bloglar .blogitem .sol img {
		width:100%;
		aspect-ratio:464/306;
	}
	#bloglar .blogitem .sag {
		width:100%;
		padding:16px 0px 16px 0px;
	}
	#bloglar .blogitem .sag .sag1 {
		margin-bottom:10px;
	}
	#bloglar .blogitem .sag .sag1 .tarih {
		font-size: 14px;
		margin-right:auto;
	}
	#bloglar .blogitem .sag .sag1 .oneri {
		padding:7px 15px;
		font-size: 14px;
	}
	#bloglar .blogitem .sag .adi {
		font-size: 18px;
		margin-bottom:14px;
	}
	#bloglar .blogitem .sag .desc {
		font-size: 14px;
		margin-bottom:14px;
	}
	#bloglar .blogitem .sag .oku {
		Display:inline-flex;
		align-items:center;
		grid-gap:15px;
		color: #A5A8A9;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	#bloglar .blogitem .sag .oku i {
		font-size: 24px;
	}
	
	/*------------------videolar----------------------*/

	#videolar {
		padding:38px 0px 38px 0px;
	}
	#videolar .ust {
		margin-bottom:40px;
	}
	#videolar .ust .baslik {
		font-size: 28px;
		margin-right:auto;
	}
	#videolar .videoitem {
		position:relative;
		Display:block;
	}
	#videolar .videoitem .resim {
		width:100%;
		aspect-ratio:430/248;
	}
	#videolar .videoitem .bilgi {
		padding:20px;
	}
	#videolar .videoitem .bilgi .play {
		width:48px;
		height:48px;
		font-size:22px;
	}
	#videolar .videoitem .bilgi .adi {
		width:calc(100% - 48px);
		padding-left:10px;
		font-size: 18px;
		line-height: 24px; /* 144.444% */
		height:48px;
	}
	
	/*------------------footer----------------------*/

	#footer {
		position:relative;
	}
	#footer .ust {
		padding:30px 0px;
	}
	#footer .ust .logo {
		margin-right:auto;
	}
	#footer .ust .logo img {
		height:38px;
	}
	#footer .ust .sosyal {
		grid-gap:5px;
	}
	#footer .ust .sosyal a {
		width: 42px;
		height: 42px;
		font-size:19px;
	}
	#footer .orta {
		position:relative;
		padding:30px 0px;
	}

	#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;
		margin-bottom:20px;
	}
	#footer .menulink {
		font-size: 12px;
		text-align:left;
	}
	#footer .alt {
		flex-direction:column;
		padding:30px 0px;
		grid-gap:20px;
	}
	#footer .alt .copy {
		font-size: 16px;
		margin-right:0px;
	}
	#footer .alt .visa {
		height:22px;
	}

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

	#bread {
		position:relative;
		background-size:cover !important;
	}
	#bread .alan {
		Display:flex;
		flex-direction:column;
		padding:40px 0px 0px 0px;
	}
	#bread .alan .title {
		font-size: 38px;
	}
	#bread .alan .desc {
		font-size: 16px;
	}
	#bread .alan .linkler {
		font-size: 14px;
		margin-top:40px;
		margin-bottom:20px; 
	}
	#bread .kampanya {
		font-size: 16px;
		padding:7px 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;
	}	
	
	/*------------------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:0px;
	}
	.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 {
		flex-direction:column;
		grid-gap:10px;
		height:auto;
		padding-bottom:20px;
	}
	.urunitem .fiyat b {
		font-size: 14px;
	}
	.urunitem .fiyat del {
		font-size: 14px;
	}
	.urunitem .indirim {
		font-size: 14px;
		margin-bottom:10px;
	}
	
	#urundetay .resslider {
		margin-bottom:20px;
	}

	#urundetay .adi {
		font-size: 26px;
	}


	/*------------------populerurunler----------------------*/

	#populerurunler {
		position:relative;
		padding:30px 0px;
	}
	#populerurunler .ust {
		margin-bottom:30px;
	}
	#populerurunler .ust .baslik {
		font-size: 22px;
	}
	#populerurunler .ust .butonlar {
		Display:flex;
		align-items:center;
		grid-gap:10px;
	}
	#populerurunler .ust .butonlar div {
		height:41px;
		border-radius:25px;
		padding:0px 20px;
		font-size:22px;
	}
	/*------------------urunsss----------------------*/

	#urunsss {
		padding:40px 0px;
	}
	#urunsss .yazi1 {
		font-size: 30px;
		line-height: 34px;
		text-align:center;
	}
	
	/*------------------urunbas----------------------*/

	#urunbas {
		padding:40px 0px;
	}
	#urunbas .yazi1 {
		font-size: 30px;
		line-height: 34px;
		text-align:center;
	}
	
	/*------------------urunbas2----------------------*/

	#urunbas2 {
		padding:40px 0px;
	}
	#urunbas2 .yazi1 {
		font-size: 30px;
		line-height: 34px;
		text-align:center;
	}
	
	/*------------------urunebulten----------------------*/

	#urunebulten {
		padding:30px 0px;
	}
	#urunebulten .yazi1 {
		font-size: 24px;
		text-align:center;
		margin-bottom:15px;
	}
	
	/*------------------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;
	}

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

	/*------------------hakkimizda----------------------*/

	#hakkimizda {
		position:relative;
		z-index:20;
	}
	#hakkimizda .bolum1 {
		padding:0px 0px 32px 0px;
	}
	#hakkimizda .bolum1 .resim {
		position:relative;
		width:100%;
		height:100%;
		margin-bottom:13px;
	}
	#hakkimizda .bolum1 .yazi1 {
		font-size: 36px;
		margin-bottom:19px;
	}

	#hakkimizda .bolum1 .yazi2 p {
		font-size: 15px;
		line-height: 22px; /* 140% */
		margin-bottom:13px;
	}
	#hakkimizda .bolum2 {
		padding:32px 0px;
	}
	#hakkimizda .bolum2 .resim {
		width:100%;
		margin-bottom:13px;
	}

	#hakkimizda .bolum2 .yazi1 {
		font-size: 36px;
		margin-bottom:19px;
		margin-left:0px;
	}

	#hakkimizda .bolum2 .yazi2 p {
		font-size: 16px;
		line-height: 22px; /* 140% */
		margin-bottom:13px;
	}
	#hakkimizda .bolum3 {
		position:relative;
		z-index:20;
	}
	#hakkimizda .bolum3 .resim {
		width:100%;
	}
	#hakkimizda .bolum4 {
		padding:32px 0px;
	}
	#hakkimizda .bolum4 .resim {
		width:100%;
	}


	#hakkimizda .bolum4 .yazi1 p {
		font-size: 16px;
		line-height: 22px; /* 140% */
		margin-bottom:13px;
	}
	#hakkimizda .bolum5 {
		position:relative;
		z-index:20;
	}
	#hakkimizda .bolum5 .resim {
		width:100%;
	}	
		
	/*------------------sss----------------------*/

	#sss {
		padding:40px 0px;
	}
	#sss .baslik {
		font-size: 46px;
		margin-bottom:27px;
	}
	#sss .altbaslik {
		font-size: 16px;
		margin-bottom:31px;
	}
	#sss .arama {
		grid-gap:15px;
		margin-bottom:31px;
	}
	#sss .arama .form-control {
		width:calc(100% - 170px);
		height:56px;
		border-radius: 47px;
	}
	#sss .arama .btn {
		width:155px;
		grid-gap:10px;
	}
	#sss .arama .btn i {
		font-size:20px;
	}
	
	/*------------------iletisimpage----------------------*/

	#iletisimpage {
		padding:40px 0px;
	}
	#iletisimpage .baslik {
		font-size: 36px;
		margin-bottom:12px;
	}
	#iletisimpage .altbaslik {
		font-size: 20px;
		line-height: 28px; /* 140% */
		margin-bottom:32px;
	}
	#iletisimpage .form-control {
		height:61px;
	}
	#iletisimpage .sagalan {
		padding:30px;
		background: #A5A8A9;
	}
	
	/*------------------medya----------------------*/

	#medya {
		position:relative;
		z-index:20;
		padding:30px 0px;
	}

	#medya .ust {
		position:relative;
		Display:flex;
		align-items:flex-start;
		flex-direction:column;
		grid-gap:20px;
		margin-bottom:40px;
	}
	#medya .ust .baslik {
		font-size: 28px;
	}
	#medya .ust .butonlar {
		Display:flex;
		flex-wrap:wrap;
		grid-gap:10px;
	}
	#medya .ust .butonlar .btn {
		height:30px;
		padding:0px 10px;
	}
}