@media (max-width: 1585px) {


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


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

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

	/*------------------aciklama----------------------*/

	.aciklama {
		margin-bottom:15px;
	}
	.aciklama h1 {
		font-size: 20px;
		margin-bottom:15px;
	}
	.aciklama ul,ol {
		margin-bottom:15px;
	}
	.aciklama ul li ,
	.aciklama ol li 
	{
		font-size: 14px;
		line-height: 20px;
	}
	.aciklama img {
		margin-bottom:15px;
	}
	.aciklama h2 ,
	.aciklama h3 ,
	.aciklama h4 ,
	.aciklama h5 
	{
		font-size: 18px;
		margin-bottom:15px;
	}
	.aciklama p 
	{
		font-size: 14px;
		line-height: 22px;
		margin-bottom:15px;
	}	
		

	/*------------------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 {
		position:relative;
	}
	#slider .item {
		position:relative;
	}
	#slider .item .anaresim {
		width:100%;
		max-height:100vh;
		min-height:41vh;
		object-fit:cover;
	}
	#slider .item .bilgi {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		display:flex;
		align-items:flex-start;
		z-index:5;
	}
	#slider .item .bilgi .yazi1 {
		font-size: 25px;
        margin-bottom: 12px;
        font-weight: 400;
		margin-top: 10%;
	}
	#slider .item .bilgi .yazi2 {
		font-size: 14px;
		line-height: 22px;
		margin-bottom:22px;	
	}
	#slider .item .bilgi .logolar {
		display:flex;
		align-items:center;
		grid-gap:10px;
		margin-bottom:24px;
	}
	#slider .item .bilgi .logolar .logo {
		height:30px;
		padding:0px 10px;
	}
	#slider .item .bilgi .logolar .logo img {
		height:24px;
	}
	#slider .item .urunitem {
		display:none;
	}
	#slider .slider-button-prev ,
	#slider .slider-button-next 
	{
		display:none;
	}
	
	/*------------------kutular----------------------*/

	#kutular {
		margin-top:-20px;
	}
	#kutular .kutu {
		border-radius: 8px;
		padding:8px 8px 16px 8px;
		height:calc(100% - 8px);
	}
	#kutular .kutu .tam {
		width:100%;
	}
	#kutular .kutu .kutusol {
		width:100%;
	}
	#kutular .kutu .kutusag {
		width:100%;
		padding-left:0px;
		padding-top:8px;
	}
	#kutular .kutu .ust {
		position:relative;
		display:flex;
		flex-wrap:wrap;
		margin-bottom:8px;
	}
	#kutular .kutu .ust .resim {
		width:35%;
	}
	#kutular .kutu .ust .resim img {
		width:100%;
		height:200px;
		border-radius:8px;
	}
	#kutular .kutu .ust .resim div {
		font-size: 16px;
	}
	#kutular .kutu .alt {
		border-radius: 8px;
		padding:8px 8px;
		font-size: 12px;
		line-height: 18px;
	}
	
	/*------------------markaalan----------------------*/

	#markaalan {
		padding:20px 0px;
	}
	#markaalan .alan {
		padding:30px 15px;
		border-radius: 8px;
	}
	#markaalan .alan .markaadi {
		grid-gap: 10px;
        font-size: 18px;
        margin-bottom: 14px;
        font-weight: 500;
        letter-spacing: 0px;
        text-align: center;
	}
	#markaalan .alan .markaadi img {
		height:18px;
	}
	#markaalan .alan .markaadialt {
		font-size: 14px;
		margin-bottom:26px;
	}
	#markaalan .alan .ust {
		flex-wrap:wrap;
		grid-gap:8px;
		margin-bottom:16px;
	}
	#markaalan .alan .ust .buton {
		padding:8px;
		border-radius: 8px;
		height:52px;
		font-size: 10px;
	}
	#markaalan .alan .ust .buton b {
		font-size: 14px;
	}
	#markaalan .alan .ust .buton.active {
		border: 1px solid #005587;
	}
	#markaalan .alan .ust .git {
		font-size: 15px;
		margin-left:0px;
	}
	#markaalan .alan .slidealan {
		position:relative;
	}

	#markaalan .markaalan-button-next 
	{
		right:-26px;
	}
	#markaalan .markaalan-button-prev 
	{
		left:-26px;
	}
	/*------------------hakkimizda----------------------*/

	#hakkimizda {
		position:relative;
		z-index:30;
		padding:160px 0px 30px 0px;
		margin-top:-130px;
	}
	#hakkimizda .resim {
		width:100%;
		margin-bottom:20px;
	}
	#hakkimizda .yazi1 {
		font-size: 16px;
		margin-bottom:16px;
	}
	#hakkimizda .yazi2 {
		font-size: 20px;
		margin-bottom:24px;
	}
	#hakkimizda .yazi3 {
		font-size: 14px;
		margin-bottom:44px;
	}
	#hakkimizda .butonlar {
		grid-gap:20px;
	}
	#hakkimizda .butonlar .git {
		font-size: 15px;
	}
	#hakkimizda:before {
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	width:30%;
	height:100%;
	background: #001C2C;
	z-index:-1;
    }
    #hakkimizda:after {
	position:absolute;
	content:"";
	top:0px;
	right:0px;
	width:70%;
	height:100%;
	background: linear-gradient(73deg, #005587 0%, #0D75D4 100%), #005587;
	z-index:-1;
    }
	/*------------------bloglar----------------------*/

	#bloglar {
		padding:30px 0px 30px 0px;
	}
	#bloglar:before {
		background-size:auto 30%;
	}
	#bloglar .yazi1 {
		font-size: 16px;
		margin-bottom:9px;
	}
	#bloglar .yazi2 {
		font-size: 26px;
		margin-bottom:36px;
	}
	#bloglar .butonlar {
		grid-gap:20px;
		margin-bottom:26px;
	}
	#bloglar .butonlar div {
		font-size:30px;
	}
	#bloglar .git {
		font-size: 15px;
		margin-bottom:36px;
	}
	#bloglar .item {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	#bloglar .item .resim {
		width:40%;
	}
	#bloglar .item .resim img {
		aspect-ratio:505/687;
		max-height:490px;
	}
	#bloglar .item .bilgi {
		width:60%;
	}
	#bloglar .item .bilgi .tarih {
		padding:6px 12px;
		border-radius: 20px;
		margin-bottom:8px;
		font-size: 12px;
		line-height: 18px;
	}
	#bloglar .item .bilgi .adi {
		font-size: 16px;
		margin-bottom:8px;
		margin-left:0px;
		padding:3px 10px;
	}
	#bloglar .item .bilgi .adi:before {
		height:10px;
	}
	#bloglar .item .bilgi .desc {
		font-size: 12px;
		line-height: 18px;
		margin-bottom:8px;
	}
	

	/*------------------videolar----------------------*/

	#videolar {
		padding:20px 0px;
	}
	#videolar .alan {
		padding:30px 15px;
		border-radius:8px;
		margin-top:-30px;
	}
	#videolar .alan .ust {
		margin-bottom:20px;
	}
	#videolar .alan .ust .adi {
		font-size: 18px;
		margin-right:auto;
	}
	#videolar .alan .ust .git {
		font-size: 13px;
	}
	#videolar .basinlar {
		grid-gap:20px;
		border-radius: 8px;
		padding:5px;
	}

	.videoitem {
		border-radius: 8px;
		padding:8px;
		margin-bottom:15px;
	}
	.videoitem .resim {
		aspect-ratio:346/223;
		border-radius:8px;
	}
	.videoitem .adi {
		padding:0px 0px;
		margin-top:10px;
		margin-bottom:10px;
		font-size: 16px;
	}

	.basinitem {
		padding:10px 10px;
		border-radius: 8px;
	}
	.basinitem img {
		width:50px;
		height:50px;
		margin-right:10px;
	}
	.basinitem .adi {
		font-size: 14px;
		margin-right:auto;
	}
	.basinitem .adi b {
		font-size: 20px;
	}
	.basinitem .icon {
		font-size:24px;
	}	
	
	/*------------------sosyalalan----------------------*/

	#sosyalalan {
		padding:10px 0px;
	}
	.instagram {
		flex-wrap:wrap;
		border-radius: 0px;
		padding:10px 10px;
		grid-gap:10px;
	}
	.instagram .profil {
		width:61px;
		height:61px;
	}
	.instagram .bilgi small {
		font-size: 12px;
	}
	.instagram .bilgi b {
		font-size: 17px;
	}
	.instagram .sag {
		width:100%;
	}
	.instagram .sag img {
		width:48px;
		height:48px;
		margin-right:10px;
	}
	.instagram .sag .adi {
		font-size: 16px;
	}
	.instagram .sag .adi a {
		font-size: 14px;
	}
	.google {
		padding: 10px 10px;
		grid-gap:10px;
	}
	.google .profil {
		width:70px;
		height:70px;
	}
	.google .sag  {
		grid-gap:5px;
	}
	.google .sag .yazi1 {
		font-size: 18px;
		line-height: 18px; /* 100% */
	}
	.google .sag .puanlar {
		font-size: 20px;
		line-height: 20px; /* 100% */
		grid-gap:10px;
	}
	.google .sag .yazi2 {
		font-size: 13px;
	}
	
	/*------------------footer----------------------*/

	#footer {
		position:relative;
		z-index:40;
	}
	#footer .ust {
		padding:20px 0px;
	}
	#footer .ust .logo {
		margin-bottom:20px;
		text-align:center;
	}
	#footer .ust .logo img {
		height:49px;
	}
	#footer .ust .bilgi {
		font-size: 13px;
		margin-bottom:10px;
		text-align:center;
	}

	#footer .ust .sosyal {
		justify-content:center;
		margin-bottom:10px;
	}
	#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(--anarenk);
		font-family: 'Line Awesome Free';
		font-weight: 900;
	}
	#footer .menualan {
		display:none;
		padding-bottom:20px;
	}
	#footer .menulink {
		font-size: 12px;
		text-align:left;
	}
	#footer .basvuru {
		border-radius:8px;
		padding:15px;
	}
	#footer .basvuru .yazi1 {
		grid-gap:10px;
		font-size: 16px;
		margin-bottom:13px;
	}
	#footer .basvuru .yazi1 img {
		width:32px;
		height:32px;
	}
	#footer .basvuru .yazi2 {
		font-size: 13px;
		margin-bottom:13px;
	}
	#footer .basvuru .yazi3 {
		font-size: 14px;
	}
	#footer .orta {
		padding:20px 0px;
	}
	#footer .orta .logolar {
		margin-bottom:20px;
	}
	#footer .orta .logolar .sol {
		grid-gap:5px;
	}
	#footer .orta .logolar .sol img {
		max-height:14px;
	}
	#footer .orta .logolar .sag {
		grid-gap:10px;
	}
	#footer .orta .logolar .sag img {
		max-height:24px;
	}
	#footer .orta .uyari {
		font-size: 12px;
		line-height: 16px; 
	}
	#footer .alt {
		padding:10px 0px;
	}
	#footer .alt .copy {
		font-size: 8px;
		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%;
	}


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

	#sayfa {
		padding:25px 0px;
	}


	/*------------------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 !important;
		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:5px;
		border-radius:4px;
	}
	.sepetsatir .resim {
		width:100%;
	}
	.sepetsatir .resim img {
		aspect-ratio:2/4;
		max-height:170px;
	}

	.sepetsatir .adi {
		font-size:12px;
		line-height:16px;
		margin-bottom:3px;
	}
	.sepetsatir .fiyat {
		font-size: 16px;
		margin-bottom:5px;
	}
	.sepetsatir2 {
		padding: 5px 5px 5px 5px;
		border-radius: 4px;
	}
	.sepetsatir2 .resim {
		width:100%;
	}
	.sepetsatir2 .resim img {
		max-height:300px;
	}
	.sepetsatir2 .adi {
		font-size: 14px;
		margin-bottom:4px;
	}
	.sepetsatir2 .varyasyon {
		font-size: 14px;
		margin-bottom:4px;
	}
	.sepetsatir2 .fiyat {
		font-size: 14px;
		margin-bottom:4px;
	}
	.sepetsatir2 .number-group .form-control {
		padding: 0px 30px;
		height: 30px !important;
		line-height: 30px !important;
	}
	.sepetsatir2 .number-group .arti, .sepetsatir2 .number-group .eksi {
		width: 30px;
		height: 25px;
	}
	.sepetsatir2 .fiyatsagust {
		font-size: 14px;
	}
	.sepetsatir2 .fiyatsag {
		font-size: 14px;
		margin-bottom:auto;
	}
	.sepetsatir2 .silbuton {
		font-size: 10px;
	}
	.sepetsatir2 .silbuton i {
		font-size: 16px;
	}

	/*------------------sepettoplamalan----------------------*/
	.sepettoplamalan {
		border-radius: 4px;
	}
	.sepettoplamalan .bas {
		padding:15px 15px;
		font-size: 16px;
	}


	/*------------------sepetkuponalan----------------------*/
	.sepetkuponalan {
		padding:15px 15px;
	}
	.sepetkuponalan .btn {
		height:48px;
	}

	/*------------------sepetbilgialan----------------------*/
	.sepetbilgialan {
		padding:15px 15px;
	}
	.sepetbilgialan .bilgisatir {
		padding:5px 10px;
		border-radius:4px;
	}
	.sepetbilgialan .bilgisatir .sol {
		font-size: 14px;
	}
	.sepetbilgialan .bilgisatir .sag {
		font-size: 15px;
	}

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

	/*------------------bloglarpage----------------------*/

	#bloglarpage {
		padding:30px 0px;
	}

	#bloglarpage .ust {
		margin-bottom:20px;
	}
	#bloglarpage .ust .adi {
		font-size: 18px;
		margin-right:auto;
	}
	#bloglarpage .ust .git {
		font-size: 13px;
	}
	.blogitem {
		border-radius: 20px;
		border: 2px solid #F0F0EA;
		padding:10px;
		margin-bottom:10px;
	}
	.blogitem .resim {
		aspect-ratio:612/281;
		max-height:400px;
		margin-bottom:-20px;
	}

	.blogitem .tarih {
		padding:6px 12px;
		border-radius: 40px;
		margin-left:16px;
		margin-bottom:8px;
		font-size: 12px;
		line-height: 18px; /* 150% */
		letter-spacing: -0.28px;
	}
	.blogitem .adi {
		font-size: 20px;
		margin:22px 0px 0px 0px;
	}
	.blogitem .desc {
		font-size: 12px;
		line-height: 18px; /* 150% */
		letter-spacing: -0.28px;
	}	
		
	/*------------------blogdetay----------------------*/

	#blogdetay {
		padding:20px 0px 20px 0px;
	}
	#blogdetay .alan {
		position:relative;
		padding:10px 10px;
		z-index:40;
		border-radius: 8px;
		background: #FFF;
	}
	#blogdetay .ust {
		margin-bottom:20px;
		padding-bottom:10px;
	}
	#blogdetay .ust .tarih {
		padding:6px 12px;
		border-radius: 20px;
		font-size: 10px;
		line-height: 16px;
		margin-right:auto;
	}
	#blogdetay .ust .sosyal {
		grid-gap:5px;
	}
	#blogdetay .ust .sosyal div {
		font-size: 10px;
		line-height: 10px; /* 142.857% */
	}
	#blogdetay .ust .sosyal a {
		font-size:16px;
	}
		
	/*------------------medyaust----------------------*/

	#medyaust {
		padding:20px 0px 0px 0px;
	}
	#medyaust .adi {
		grid-gap:10px;
		font-size: 30px;
		margin-bottom:15px;
	}
	#medyaust .adi img {
		width:45px;
		height:45px;
	}
	#medyaust .desc {
		font-size: 14px;
		line-height: 21px; 
	}
	#medyaust .butonlar {
		margin-top:20px;
	}
	#medyaust .butonlar a {
		padding:15px 23px;
		font-size: 16px;
		border-radius: 8px 8px 0px 0px;
	}
	/*------------------medyapage----------------------*/

	#medyapage {
		padding:20px 0px;
	}
	#medyapage .videoitem {
		margin-bottom:10px;
	}
	

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

	#urundetay .urundetayust {
		padding:10px 0px;
	}
	#urundetay .urundetayust:before {
		width:100%;
	}
	#urundetay .resimler {
		display:flex;
		flex-wrap:wrap;
		height:100%;
	}
	#urundetay .resimler .sol {
		width:40px;
	}
	#urundetay .resimler .sol a {
		width:40px;
		height:40px;
		border-radius: 4px;
	}
	#urundetay .resimler .sag {
		width:calc(100% - 40px);
	}
	#urundetay .resimler .sag .anaresim {
		max-width:90%;
		max-height:90%;
	}
	#urundetay .bilgiler {
		padding:0px 0px;
	}
	#urundetay .bilgiler .ust {
		padding:10px 0px;
	}
	#urundetay .bilgiler .ust .linkler {
		grid-gap:5px;
		font-size: 12px;
		line-height: 20px;
	}
	#urundetay .bilgiler .ust .linkler a{
		font-size: 12px;
		line-height: 20px;
	}
	#urundetay .bilgiler .ust .sosyal {
		grid-gap:10px;
	}
	#urundetay .bilgiler .ust .sosyal div {
		font-size: 12px;
		line-height: 20px; /* 142.857% */
	}
	#urundetay .bilgiler .ust .sosyal a {
		font-size:16px;
	}

	#urundetay .bilgiler .urunbilgi {
		padding:20px 0px;
	}
	#urundetay .bilgiler .urunbilgi .sol {
		width:50%;
	}

	#urundetay .bilgiler .kisaaciklama p {
		font-size: 12px;
	}

	.nav-tabs {
		border-bottom: 1px solid #E2ECF0;
		margin-bottom:20px;
	}
	.nav-tabs .nav-link {
		font-size: 14px;
		line-height: 22px;
	}

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

	#iletisimpage {
		padding:30px 0px 0px 0px;
	}
	#iletisimpage:before {
		width:100%;
	}
	#iletisimpage:after {
		height:0%;
	}
	#iletisimpage iframe {
		height:250px;
		margin-top:20px;
		margin-bottom:-6px;
	}
	#iletisimpage .yazi1 {
		font-size: 24px;
		margin-top:16px;
	}
	#iletisimpage .yazi2 {
		font-size: 18px;
		margin-top:5px;
	}
	#iletisimpage .yazi3 {
		font-size: 30px;
		margin-top:15px;
	}
	#iletisimpage .yazi4 {
		font-size: 40px;
		margin-top:16px;
	}
	#iletisimpage .bilgi {
		font-size: 15px;
		margin-top:19px;
	}
	#iletisimpage .bilgi b {
		font-size: 28px;
	}
	#iletisimpage .formalan {
		padding:20px;
		border-radius: 16px;
		margin-top:20px;
	}
	#iletisimpage .formalan .icon {
		width:89px;
		height:89px;
		object-fit:contain;
		margin-bottom:23px;
	}
	#iletisimpage .yazi5 {
		font-size: 20px;
	}
	#iletisimpage .yazi6 {
		font-size: 40px;
		margin-bottom:23px;
	}

	.form-control {
		border-radius: 6px;
		height:48px;
		font-size: 14px;
	}
	textarea.form-control {
		height:119px;
	}	
	
	/*------------------girispage----------------------*/

	#girispage {
		padding:20px 0px 0px 0px;
	}
	#girispage .formalan {
		padding:20px;
		border-radius: 16px;
		margin-bottom:20px;
	}
	#girispage .formalan .ust {
		margin-bottom:20px;
	}
	#girispage .formalan .ust .icon {
		width:62px;
		font-size:60px;
	}
	#girispage .formalan .ust .yazi {
		width:calc(100% - 62px);
		padding-left:10px;
	}
	#girispage .formalan .ust .yazi b {
		font-size: 24px;
	}
	#girispage .formalan .ust .yazi small {
		font-size: 17px;
	}
	#girispage .git {
		font-size: 14px;
	}
	#girispage .sor {
		font-size: 16px;
	}
	#girispage .sor a {
		font-size: 16px;
	}	
	
		/*------------------sss----------------------*/

	#sss {
		padding:15px 0px 15px 0px;
	}
	#sss .baslik {
		font-size: 40px;
		line-height: 42px;
		margin-bottom:20px;
	}

	.accordion-item {
		margin-bottom:20px;
	}
	.accordion-button {
		font-size: 20px;
	}
		
	/*------------------tedaviust----------------------*/

	#tedaviust {
		position:relative;
		z-index:30;
	}
	#tedaviust .sol {
		padding:20px 0px;
	}
	#tedaviust .sol .baslik {
		font-size:28px;
		font-weight:700;
		line-height:35px;
		letter-spacing:-2%;
		margin-bottom:20px;
	}
	#tedaviust .sol .desc {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.32px;
	}
	#tedaviust .resim {
		display:none;
	}
}