@media (max-width: 1585px) {


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


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

	main {
		width:100vw;
	}
	
	#header {
		display:none;
	}
	#acilanmenu {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}
	#mobilmenu .menu {
    padding: 0;
	}
	.buton1 {
		height: 40px;
		padding: 0px 5px;
		font-size: 12px;
	}
	/*------------------slider----------------------*/

	#slider .item .anaresim {
		width:100%;
		max-height:100vh;
		filter: brightness(0.6);
	}
	#slider .item .bilgi {
	}
	#slider .item .bilgi .yazi1 {
		font-weight: 400;
		font-size: 24px;
		line-height: 24px;
		margin-bottom:10px;
	}
	#slider .item .bilgi .yazi2 {
		font-weight: 500;
		font-size: 32px;
		line-height: 34px;
		margin-bottom:10px;
	}
	#slider .item .bilgi .yazi3 {
		font-weight: 400;
        font-size: 12px;
        line-height: 15px;
		text-align: right;
		color: #FFFFFF;
	}
	#slider .butonlar {
		bottom:-40px;
		height:80px;
	}
	#slider .butonlar div {
		width:36px;
		height:36px;
		font-size:20px;
	}
	#slider .kaydir {
		bottom:20px;
		left:20px;
		grid-column-gap:10px;
		font-weight: 400;
		font-size: 12px;
		line-height: 20px;
	}
	#slider .kaydir span {
		width:36px;
		height:36px;
		font-size:20px;
	}

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

	#hakkimizda {
		position:relative;
		padding:20px 0px;
	}
	@keyframes hareket {
		0%   {transform: translateY(-25px);}
		50%   {transform: translateY(0);}
		100%   {transform: translateY(-25px);}
	}
	#hakkimizda .resim {
		width:100%;
		margin-bottom:10px;
	}
	#hakkimizda .yazi1 {
		font-size: 25px;
		line-height: 32px;
		margin-bottom:15px;
	}
	#hakkimizda .yazi2 {
		font-size: 14px;
		line-height: 20px;
		margin-bottom:25px;
	}


	/*------------------urunlerhome----------------------*/

	#urunlerhome {
		padding:25px 0px;
	}
	#urunlerhome .ust {
		margin-bottom: 0;
        justify-content: space-around;
	}
	#urunlerhome .ust .baslik {
        font-size: 25px;
        line-height: 48px;
        margin-right: 0;
        margin-bottom: 0;
	}
	#urunlerhome .ust .baslik small{
		display:none;
		font-size: 14px;
		line-height: 20px;
	}
	#urunler .urunitem {
		padding: 0 10px;
	}
	.urunitem:hover {
	}
	.urunitem .anaresim {
		margin-top:22px;
		margin-bottom:22px;
	}
	.urunitem .adi {
		font-size: 20px;
		line-height: 20px;
		margin-bottom:5px;
	}
	.urunitem .desc {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		margin-bottom:15px;
	}
	.urunitem .icon {
        width: 30px;
        height: 30px;
        font-size: 17px;
		opacity:1;
	}

	/*------------------banner----------------------*/

	#banner {
		padding:25px 0px 0 0;
	}
	#banner .kutu {
		margin-bottom:15px;
	}
	#banner .kutu .adi {
		font-size: 22px;
		line-height: 28px;
		margin-bottom:10px;
	}
	#banner .kutu .resim .yazi {
		padding:20px 30% 20px 20px;
		font-size: 20px;
		line-height: 23px;
	}

	/*------------------katalog----------------------*/

	#katalog {
		padding: 0 0 25px 0px;
	}
	#katalog .resim {
		width:100%;
		margin-bottom:15px;
	}
	#katalog .yazi1 {
		font-size: 25px;
		line-height: 28px;
		margin-bottom:4px;
	}
	#katalog .yazi2 {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		margin-bottom:20px;
	}
	#katalog .buton {
		text-align: center;
	}

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

	#footer .ust {
		padding:20px 0px;
	}
	#footer .logo {
		height:auto;
		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(--anarenk);
		font-family: 'Line Awesome Free';
		font-weight: 900;
	}
	#footer .menualan {
		display:none;
		padding-bottom:20px;
	}
	#footer .menulink {
        font-size: 14px;
        text-align: left;
        letter-spacing: 0.4px;
	}
	#footer .adres {
		font-weight: 400;
		font-size: 14px;
		line-height: 27px;
		margin-bottom:10px;
	}
	#footer .wp .yazi {
		font-weight: 500;
		font-size: 18px;
		line-height: 23px;
	}
	#footer .wp {
		align-items:center;
		justify-content:center;
	}
	#footer .wp .icon {
		text-align: center;
		margin-bottom:10px;
	}
	#footer .wp .yazi {
		text-align: center;
	}
	#footer .sosyal {
		justify-content:center;
	}
	#footer .altic {
        height: auto;
        padding: 25px 0px;
        flex-direction: column;
        gap: 15px;
	}
	#footer .altic .copy {
		margin-right:0px;
		text-align:center;
		margin-bottom:10px;
	}
	
	#footer .logo img {
		max-height: 85px;
		margin: 25px 0;
	}

	/*------------------kurumsal1----------------------*/

	#kurumsal1 {
		padding:108px 0px 15px 0px;
		background-size:150% auto;
	}
	#kurumsal1:before {
		position:absolute;
		content:"";
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:url('../img/kurumsalback-2.png');
		background-repeat:no-repeat;
		background-size:100% auto;
		background-position:top center;
		z-index:5;
	}
	#kurumsal1 .yazi1 {
		font-size: 50px;
		line-height: 54px;
		margin-bottom:25px;
	}
	#kurumsal1 .yazi2 {
		font-size: 30px;
		line-height: 38px;
		margin-bottom:13px;
	}
	#kurumsal1 .yazi3 {
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
	}

	/*------------------kurumsal2----------------------*/

	#kurumsal2 {
		padding:15px 0px 15px 0px;
	}
	#kurumsal2 .resim {
		width:100%;
		border-radius:15px;
		margin-bottom:15px;
	}
	#kurumsal2 .yazilar {
		height:auto;
	}
	#kurumsal2 .yazi1 h1 ,
	#kurumsal2 .yazi1 h2 ,
	#kurumsal2 .yazi1 h3 ,
	#kurumsal2 .yazi1 h4 ,
	#kurumsal2 .yazi1 h5 
	{
		font-size: 25px;
		line-height: 38px;
		margin-bottom:15px;
		text-align:center;
	}
	#kurumsal2 .yazi1 p 
	{
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		margin-bottom:10px;
		text-align:center;
	}

	/*------------------urunler & kategoriler----------------------*/
    #kategoriler {
        padding: 30px 0px;
        margin-top: 80px;
    }
	#kategoriler .item {
		height: 35px;
		font-size: 17px;
		line-height: 30px;
	}
	
	#urunler {
		padding:10px 0px 15px 0px;
	}
	#urunler .baslik {
	line-height: 40px;
	}
	#urunler .baslik2 {
		margin-bottom: 10px;}
	#urunler .yazi1 {
		font-size: 50px;
		line-height: 54px;
		margin-bottom:25px;
	}
	#urunler .baslik {
    font-size: 30px;
    margin: 50px 0 0 0;
	}
	


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

	#urundetay {
		padding:108px 0px 25px 0px;
	}
	#urundetay .resim {
		width:100%;
	}
	#urundetay .yazilar {
		padding:20px 0px;
	}
	#urundetay .yazi1 {
		font-size: 30px;
		line-height: 40px;
		text-align:center;
		margin-bottom:10px;
	}
	#urundetay .yazi2 {
		font-size: 20px;
		text-align:center;
		line-height: 23px;
	}
	#urundetay .ozellikler {
		margin-top:20px;
		grid-gap:10px;
	}
	#urundetay .ozellikler .ozellik {
		width:calc(50% - 5px);
		padding:0px;
	}
	#urundetay .ozellikler .ozellik .ust {
		font-weight: 500;
		font-size: 16px;
		line-height: 18px;
		padding:10px 20px;
		border-bottom:1px solid var(--anarenk);
	}
	#urundetay .ozellikler .ozellik .alt {
		font-weight: 600;
		font-size: 18px;
		line-height: 18px;
		color: #000000;
		padding:10px 20px;
		text-align:center;
	}	
	

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

	#iletisimpage {
		padding:108px 0px 15px 0px;
		background-size:150% auto;
	}
	#iletisimpage:before {
		position:absolute;
		content:"";
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:url('../img/kurumsalback-2.png');
		background-repeat:no-repeat;
		background-size:100% auto;
		background-position:top center;
		z-index:5;
	}
	#iletisimpage .yazi1 {
		font-size: 30px;
		line-height: 34px;
		margin-bottom:25px;
	}
	#iletisimpage .adres {
		font-size: 14px;
		line-height: 27px;
		margin-bottom:10px;
	}

	#iletisimpage .bilgi .yazi {
		font-size: 12px;
		line-height: 20px;
	}
	#iletisimpage iframe {
		margin:20px 0px;
	}
	#iletisimpage .form-control {
		height: 56px;
		border-radius: 15px;
		padding: 0px 20px;
		line-height: 50px;
	}
	#iletisimpage textarea.form-control {
		height: 166px;
		border-radius: 15px;
		background: #f8f8f8;
		border: 1px solid #f8f8f8;
		padding: 20px 20px;
		line-height: 24px;
	}
	#iletisimpage .btn-kirmizi {
		background: #f8f8f8;
		border: 1px solid #f8f8f8;
		height:56px;
		border-radius:15px;
		color:#000;
		padding:0px 30px;
	}
}