@media (max-width: 1585px) {

#slider .slider-button-prev,
#slider .slider-button-next {
    width: 60px;
    height: 60px;
}
#slider .slider-button-next {
    left: 140px;
}
	
#urunlerpage.list .desc {
    width: 45%;
    font-size: 14px;
}
	
#urunlerpage .alt .item .desc {
	font-size: 15px;
	line-height: 25px;
}
	
}

@media (max-width: 1360px) {


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

	main {
		width:100vw;
	}
	
	body {
		padding-top:65px;
	}
	
	.container-fluid {
		max-width:calc(100vw - 0px);	
	}
		
	.btn {
		height:40px;
		border-radius:20px;
		padding:0px 20px;
	}
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}
	
	/*------------------slider----------------------*/

	#slider .item .anaresim {
		width:100%;
		height: 500px;
	}
	#slider video {
    object-fit: cover;
    width: 100%;
    height: 500px;
	}
	#slider .item {
    height: auto;
	}
	#slider .item .bilgi {
		padding:25px 0px;
		position: static;
	}
	#slider .item .bilgi .yazi1 {
        font-size: 17px;
        line-height: 25px;
		margin-bottom:20px;
		color: #000;
	}
	#slider .item .bilgi .kutu {
		position:relative;
		background: #e8e8e8;
		border-radius: 10px;
		padding:25px 25px 10px 20px;
	}
	#slider .item .bilgi .kutu:before {
		top:10px;
		right:10px;
		border-width: 18px;
	}
	#slider .item .bilgi .kutu .kutuyazi {
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        color: #000000;
        margin-bottom: 15px;
		max-width: 85%;
	}
	#slider .item .bilgi .kutu .kutulink {
		font-size: 14px;
		line-height: 22px;
	}
	#slider .slider-button-prev ,
	#slider .slider-button-next 
	{
		display:none;
	}
	
	/*------------------hakkimizda----------------------*/

	#hakkimizda {
		padding:20px 0px;
	}
	#hakkimizda:before {
		background-size: 100% auto;
		animation: arkaplanHareketi 4s linear infinite alternate;
	}

	@keyframes arkaplanHareketi {
		from {
			left:-50vw;
		}
		to {
			left:50vw;
		}
	}
	
	#hakkimizda .yazi0 {
    font-size: 27px;
    margin-bottom: 35px;
    height: 40px;
	}
	#hakkimizda .devam {
    font-size: 17px;
	}
	#hakkimizda .logo {
		margin-bottom:15px;
	}
	#hakkimizda .yazi1 {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		margin-bottom:20px;
	}
	#hakkimizda .devam {
		margin-bottom:20px;
	}
	#hakkimizda .devam span {
		width:30px;
		height:30px;
		border-radius:30px;
		font-size:15px;
		margin-left:10px;
	}
	#hakkimizda .resim {
		width:100%;
		margin-top:20px;
		height: 300px;
	}

	/*------------------rakamlar----------------------*/

		#rakamlar {
		position:relative;
		z-index:20;
	}
	#rakamlar .ust {
		padding:20px 0px;
	}
	#rakamlar .ust .yazi1 {
		font-size: 16px;
		line-height: 22px;
	}
	#rakamlar .alt {
		padding:20px 0px 0px 0px;
	}
	#rakamlar .rakam {
		padding: 10px;
		border-right:0px solid #000;
		border-bottom:1px solid #000;
		margin-bottom: 20px;
	}
	#rakamlar .col-md-4:last-child .rakam {
		border-right:0px solid #000;
		border-bottom:0px solid #000;
	}
	#rakamlar .rakam:before {
		top:10px;
		right:10px;
	}
	#rakamlar .sayi {
		font-weight: 700;
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 0;
	}
	#rakamlar .adi {
		font-weight: 400;
		font-size: 16px;
		line-height: 32px;
	}
		
	/*------------------hatlar----------------------*/

	#hatlar {
		position:relative;
		z-index:20;
		padding: 30px 0;
	}
	#hatlar .baslik {
		font-size: 25px;
		line-height: 29px;
		margin:20px 0px;
	}
	#hatlar .item {
	}
	#hatlar .item .desc {
    display: none;
	}
	
	#hatlar .anasayfa-slider {
    padding: 10px 0 35px 0;
	}
	#hatlar .item .sol {
		width:100%;
		min-height:200px;
		border-radius: 10px 10px 0px 0px;
	}
	#hatlar .item .sag {
		width:100%;
		border-radius: 0px 0px 10px 10px;
		padding:0px 0px;
	}
	#hatlar .item .sag .anaresim {
		width:100%;
		height:100%;
		object-fit:cover;
		border-radius: 0px 0px 10px 10px;
	}
	#hatlar .item .sag .kutu {
		border-radius: 10px;
		padding:15px;
		max-width:100%;
		right:20px;
	}
	#hatlar .item .sag .kutu .ust {
	}
	#hatlar .item .sag .kutu .ust .adi {
        font-size: 18px;
        line-height: 25px;
        margin-top: 50px;
	}
	#hatlar .item .sag .kutu .yazi1 {
		font-size: 16px;
		line-height: 22px;
		margin-bottom:15px;
	}
	#hatlar .item .sag .kutu .yazi2 {
		font-size: 14px;
		line-height: 20px;
	}
	
	/*------------------teknoloji----------------------*/

	#teknoloji {
		padding:0px 0px;
	}
	#teknoloji .alan .baslik {
        font-size: 25px;
        line-height: 29px;
        margin: 20px 0px;
		
	}
    #teknoloji .alan .all {
        top: auto;
        bottom: -30px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
    }
	#teknoloji .alan .all i {
    margin-left: 10px;
    padding: 3px;
		font-size: 25px;
	}
	
	#teknoloji .item {
		border-radius: 10px;
		padding:20px 15px;
		margin-bottom: 20px;
	}
	#teknoloji .item .icon {
		width:100px;
		height:100px;
	}
	#teknoloji .item .icon:before {
		width:120px;
		height:120px;
	}
	#teknoloji .item .adi {
		width:calc(100% - 100px);
		padding-left:20px;
		font-size: 20px;
		line-height: 29px;
	}
	#teknoloji .item .adi small {
		font-size: 14px;
		line-height: 22px;
	}
	#teknoloji .item .sira {
        font-size: 200px;
        height: 275px;
        -webkit-text-stroke: 0;
        color: #f8f7f7;
        top: 0;
        left: 0;
        font-weight: 900;
        transform: translate(0);
        display: flex;
        align-items: center;
        width: 50%;
        justify-content: center;
	}
	#teknoloji .item .logo {
    height: 275px;
    width: 50%;
    object-fit: contain;
    object-position: center;
    margin-bottom: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border: 10px solid #f8f7f7;
    border-radius: 10px;
	transform: translateY(0);
	}
	#teknoloji .item .yazi1 {
    font-size: 24px;
    bottom: 50px;
	}
	/*------------------haberler----------------------*/

	#haberler {
		padding:20px 0px;
	}
	#haberler .sol {
		padding:25px 15px;
		border-radius:10px;
		height:auto;
		margin-bottom:20px;
	}
	#haberler .sol .ust {
		margin-bottom:15px;
		font-size: 24px;
		line-height: 29px;
	}
	#haberler .sol .ust img {
		width:43px;
		height:43px;
		margin-right:10px;
	}
	#haberler .sol .item .tarih {
		display:block;
		font-size: 14px;
		line-height: 22px;
		margin-bottom:10px;
	}
	#haberler .sol .item .baslik {
		font-size: 18px;
		line-height: 22px;
		height:auto;
		margin-bottom:15px;
	}
	#haberler .sol .item .link {
		font-weight: 400;
		font-size: 16px;
		line-height: 27px;
	}
	#haberler .sol .butonlar {
		margin-top:20;
		grid-column-gap:10px;
	}
	#haberler .sol .butonlar div {
		width:34px;
		height:34px;
		border-radius:30px;
		font-size:20px;
	}
	#haberler .sag {
		border-radius:10px;
	}
	#haberler .sag .resim {
		width:100%;
		height:100%;
		object-fit:cover;
	}
	#haberler .sag .adi {
		padding:25px 15px;
		font-size: 25px;
		line-height: 29px;
	}

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

	#footer {
		padding:15px 0px 0px 0px;
	}
	#footer .bilgi {
		display:none;
	}
	#footer .ortala {
		display:flex;
		flex-direction:column;
		justify-content:center;
		height:100%;
	}
	#footer .sosyalbas {
		display:none;
	}
	#footer .sosyal {
		justify-content:center;
		margin-top:20px;
		grid-column-gap:5px;
	}
	#footer .sosyal a {
		width: 50px;
		height: 50px;
		font-size: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: 12px;
		text-align:left;
		margin-bottom: 5px;
	}
	#footer .alt {
		padding:20px 0px;
		margin-top:20px;
	}
	#footer .altic {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	#footer .altic .sol {
		width:100%;
		text-align:center;
		margin-bottom:10px;
	}
	#footer .altic .sol img {
		height:34px;
	}
	#footer .altic .copy {
		width:100%;
		font-weight: 700;
		font-size: 16px;
		line-height: 30px;
		text-align:center;
		color: #000;
		margin-bottom:10px;
	}
	#footer .altic .copy span {
		color: var(--anarenk);
	}
	#footer .altic .anatolfav {
		width:100%;
		text-align:center;
	}

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

	#bread {
		padding:15px 0px;
	}
	#bread .yazi1 {
		font-size: 24px;
		line-height: 30px;
		text-align:center;
	}
	/*------------------kurumsal----------------------*/

	#kurumsal {
		padding:15px 0px;
	}
	#kurumsal .bolum1 {
		padding:15px 0px;
	}
	#kurumsal .bolum1 .yazi1 h1 ,
	#kurumsal .bolum1 .yazi1 h2 ,
	#kurumsal .bolum1 .yazi1 h3 ,
	#kurumsal .bolum1 .yazi1 h4 , 
	#kurumsal .bolum1 .yazi1 h5  
	{
		font-size: 24px;
		line-height: 30px;
		margin-bottom:15px;
	}
	#kurumsal .bolum1 .yazi1 p  
	{
		font-size: 14px;
		line-height: 22px;
		margin-bottom:15px;
	}
	#kurumsal .bolum2 {
		padding:15px 0px;
	}
	#kurumsal .bolum3 {
		padding:15px 0px;
	}
	#kurumsal .bolum3 .yazi1 h1 ,
	#kurumsal .bolum3 .yazi1 h2 ,
	#kurumsal .bolum3 .yazi1 h3 ,
	#kurumsal .bolum3 .yazi1 h4 , 
	#kurumsal .bolum3 .yazi1 h5  
	{
		font-size: 24px;
		line-height: 30px;
		margin-bottom:15px;
	}
	#kurumsal .bolum3 .yazi1 p  
	{
		font-size: 14px;
		line-height: 22px;
		margin-bottom:15px;
	}
	
	/*------------------urunlerpage----------------------*/

	#urunlerpage .ust  {
		padding:25px 0px;
	}
	#urunlerpage .ust .item {
		padding:20px;
		border-radius: 10px;
		grid-row-gap:15px;
	}
	#urunlerpage .ust .item .icon {
		height:40px;
		text-align:right;
	}
	#urunlerpage .ust .item .adi {
		font-size: 15px;
		line-height: 20px;
		height: auto;
		width: 75%;
		min-height: 40px;
		display: flex;
		align-items: center;
	}
	#urunlerpage .alt  {
		padding:25px 0px;
	}
	#urunlerpage .alt .item {
		height:calc(100% - 4px);
		margin-bottom:4px;
		border-radius: 10px;
		padding:20px 15px;
	}
	#urunlerpage .alt .item .adi {
		font-size: 20px;
		line-height: 26px;
	}
	#urunlerpage .alt .item .desc {
		font-size: 14px;
		line-height: 22px;
		margin-bottom:20px;
	}
	#urunlerpage .alt .item .resim {
		max-height:300px;
	}
	
	#urunlerpage.list .ust .item .resim {
    width: 50%;
	}
	#urunlerpage.list .desc {
		font-size: 12px;
    }
	
	
	.kategoriSwiper > .swiper-wrapper{
		transform: none !important;
		display: flex;
		flex-direction: column;
}
	
	.kategoriSwiper > .swiper-wrapper > .swiper-slide{
	max-width: 100% !important;
	}

#urunlerpage .alt .item {
    transform: translateX(0);
}

	#urunlerpage .alt .alan .resim {
    width: 100%;
}


#urunlerpage .alan {
    flex-direction: column;
}
	
	table {
    width: 100% !important;
	}
	
	#urunlerpage .area {
		grid-template-columns: 1fr;
	}
	
	#urunlerpage .area .infobox {
    overflow: auto;
	}
	
	.resim-next,
	.resim-prev {
    font-size: 23px;
    width: 40px;
    height: 40px;
    }
	
	.resim-prev{
	  left: 0;
	}
	.resim-next{
	  right: 0;
	}
	
	/*------------------urundetay----------------------*/

	#urundetay .ust {
		padding:25px 0px;
	}
	#urundetay .ust .sol {
		height:100%;
	}
	#urundetay .ust .sol .adi {
		display:block;
		border-radius: 10px;
		font-size: 25px;
		line-height: 35px;
		padding:0px 10px;
		margin-bottom:10px;
		text-align:center;
	}
	#urundetay .ust .sol .desc {
		text-align:center;
		font-size: 20px;
		line-height: 30px;
		margin-bottom:10px;
	}
	#urundetay .ust .sol .katalog {
		margin-bottom:30px;
	}
	#urundetay .ust .sol .katalog img {
		width:46px;
		height:46px;
	}
	#urundetay .ust .sol .katalog div {
		width:calc(100% - 46px);
		padding-left:10px;
		font-size: 20px;
		line-height: 23px;
	}
	#urundetay .ust .sol .katalog div small {
		font-size: 16px;
		line-height: 23px;
	}
	#urundetay .ust .resim {
		aspect-ratio:1/1;
		max-height:700px;
	}
	#urundetay .alt  {
		position:relative;
		z-index:20;
		padding:25px 0px;
		background:#F6F6F6;
	}
	#urundetay .alt .yazi1 {
		font-size: 25px;
		line-height: 35px;
		margin-bottom:30px;
	}
	#urundetay .alt .yazi2 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom:30px;
	}
	
	
	#iletisimpage .alan_alt {
    flex-direction: column;
	}
	.form-control {
	font-size: 14px;
	}
	#iletisimpage form .form-control {
	height: 40px;
	}
	#iletisimpage form .baslik {
    font-size: 25px;
    margin-bottom: 20px;
	}
	
}