@media only screen and (min-width: 1920px){

}
@media only screen and (min-width: 1600px){
	.filtre_buton {
		bottom: 34.5%;
	}
}

@media only screen and (max-width: 1520px){
.container, .container-lg, .container-md, .container-sm, .container-xl { width:100%;  }

.headeralan .menu1 { left: 0px; }
}

@media only screen and (max-width: 1280px){
.header { padding: 0 !important; border-top: none !important; }
.mobiltopsearch { display: block; width: 100%; background: #000000;
background: -webkit-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: -moz-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#2E2E2E", GradientType=0); height: 46px; position: relative; z-index: 20; }
.mobiltopsearch .container { height: 100%; }
.mobiltopsearch form { position: relative; width: 100%; height: 46px; display: flex; align-items: center; margin: 0; padding: 0; }
.mobiltopsearch input { width: 100%; height: 46px; line-height: 46px; background: transparent; border: none; outline: none; padding: 0 40px 0 10px; font-size: 13.5px; font-weight: 300; color: #ffffff; box-sizing: border-box; display: block; }
.mobiltopsearch input::-webkit-input-placeholder { position: static; bottom: auto; line-height: normal; color: rgba(255, 255, 255, 0.7); font-weight: 200; font-size: 13px; text-align: left; }
.mobiltopsearch input::-moz-placeholder { color: rgba(255, 255, 255, 0.7); font-weight: 200; font-size: 13px; text-align: left; opacity: 1; }
.mobiltopsearch input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); font-weight: 200; font-size: 13px; text-align: left; }
.mobiltopsearch input::placeholder { position: static; bottom: auto; line-height: normal; color: rgba(255, 255, 255, 0.7); font-weight: 200; font-size: 13px; text-align: left; }
.mobiltopsearch button { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: transparent; border: none; padding: 0; margin: 0; color: #ffffff; font-size: 17px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.mobiltopsearch button:hover { color: #dddddd; }

.headeralan .ustalan { display:none; }
.mobilmenu { display:block }
.mobilmenu .dil a.active { display:none; }

.ortasagmenuler { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ortasagmenuler .ortamenu:nth-child(5) { display:none; }


.slider-content       { max-width:500px; left:10px; top:20%; }
.slider-content span  { font-size:12px;  margin:15px 0px;  }
.slider-content h1, .slider-content em     { line-height: 50px;font-size:50px;margin:15px 0; padding:0px; }
.slider-content p     {font-size:10px;  margin:0px; padding:0px; }
.slider-content a     { padding: 7px 26px;
        margin: 15px 0 0 0;
        font-size: 10px;
    }


.uygulamasag .uygulamabaslikalan:before { left: 10%; top: -22px; width: 350px; background-size: contain;}
.uygulamasag .uygulamabaslikalan:after { left: 10%; bottom: -30px; width: 350px; background-size: contain;}






}



@media only screen and (max-width: 1200px){
.yenislider .overlay .label1 { top: 36%; left: 1%;}
.yenislider .overlay .label2 { top: 58%; left: 15%;}
.yenislider .overlay .label3 { top: 20%; left: 20%;}
.yenislider .overlay .label4 { bottom: 16%; left: 44%;}
.yenislider .overlay .label5 { top: 34%; left: 59%;}
.yenislider .overlay .label6 { top: 40%; right: 11%;}
.yenislider .overlay .label7 { bottom: 30%; right: 7%;}
.yenislider .overlay .label8 { bottom: 14%; right: 18%;}
.urunler .urun-aciklama a { margin: 10px 0 0 0; }
.urunler .urun-aciklama h2, .urunler .urun-aciklama p { width:100%; }

.orta .resim .aciklama { width: 190px;  height: 105px;  padding: 20px 10px;}
.orta .resim .aciklama span { font-size:13px; }

.footeralt ul { padding:0px; }
.footeralt ul li { margin: 0 30px 0 0;}

.iletisimform .iradio label { line-height: 12px; }

}

@media only screen and (max-width: 990px){
.yenislider .overlay .label a:before { display:none; }
.yenislider .overlay { float:left; width:100%; height:auto; position:relative; left:auto; top:auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.yenislider .overlay .label { animation: none; float: left; position: relative; width:100%; top: auto; left: auto; transform: translate(0%, 0%); }

.yenislider .overlay .label:nth-child(2) a,
.yenislider .overlay .label:nth-child(4) a,
.yenislider .overlay .label:nth-child(5) a,
.yenislider .overlay .label:nth-child(7) a { background: #4a4c4d; }

.yenislider .overlay .label a { padding: 5px 15px; font-size:12px; line-height:13px; height: 100%; }
.yenislider .overlay .label:after { display:none; }
.yenislider .overlay .label1 { top: auto; left: auto; bottom: auto; right: auto;}
.yenislider .overlay .label2 { top: auto; left: auto; bottom: auto; right: auto;}
.yenislider .overlay .label3 { top: auto; left: auto; bottom: auto; right: auto;}
.yenislider .overlay .label4 { top: auto; left: auto; bottom: auto; right: auto;}
.yenislider .overlay .label5 { top: auto; left: auto; bottom: auto; right: auto;}
.yenislider .overlay .label6 { top: auto; left: auto; bottom: auto; right: auto;}
.yenislider .overlay .label7 { top: auto; left: auto; bottom: auto; right: auto;}
.yenislider .overlay .label8 { top: auto; left: auto; bottom: auto; right: auto;}
.yenislider .overlay .label:before, .yenislider .overlay .label:after { display:none; }
.anakutular .kutu:nth-child(3) { top:0px;}

.anakutular {  grid-template-columns: repeat(3, minmax(0, 1fr)); }

.urundetaykutular  {  grid-template-columns: repeat(3, minmax(0, 1fr)); }
.urundetaykutular .kutu:nth-child(3) { top:0px;}


.harita     { display:none !important; }

.ortasagmenuler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ortasagmenuler .ortamenu:nth-child(3), .ortasagmenuler .ortamenu:nth-child(4), .ortasagmenuler .ortamenu:nth-child(5) { display:none; }

.slider-content     { max-width: 385px; top: 20%; }
.slider-content h1, .slider-content em   { line-height: 39px; font-size: 30px; }
.slider-content p   { display:none; }

.haritaalan { margin-bottom:30px; }
.iletisimalan .itel {   float: left;    width: 48%; }
.iletisimalan .imail {   float: right;    width: 48%; }

.geneluygulamalar {  grid-template-columns: repeat(2, minmax(0, 1fr));}
.genelblog {  grid-template-columns: repeat(2, minmax(0, 1fr));}
.videolar {  grid-template-columns: repeat(2, minmax(0, 1fr));}

.kilavuz .kyazi { padding: 5% 30px; min-height: 200px; }

.teknik { padding:0; }

.urundetaysss { padding:30px; margin:50px 0 0 0; }








.menu1 { display:none !important; }


.timeline-item span { font-size:12px; }
.timeline-item p { font-size:11px; }



}

@media only screen and (max-width:768px){

.slider .myslider .item .container {  display: flex;    flex-direction: column;}
.slider-content        { order:2; padding: 30px 0 0 0; position: relative; width: 100%;    max-width: 100%; text-align: center; }
.owl-carousel .owl-item img.slidelogo {  display: block;  width: 110px;  margin: 0 auto;  min-height: auto;}
.slider-content a { float:none; display: inline-block; }
.owl-carousel .owl-item img.slide1 { min-height: 320px;  object-fit: cover;  object-position: right; }




.blogsag .uygulamabaslikalan ul { display:none; }
.blogsag .uygulamabaslikalan h1 { margin:0px; }
.blogsag .blogtarih { padding:30px 0; }
.blogsosyal { min-height: 110px; padding: 30px 0; }

.urundetaysss {     padding: 30px 15px; }
.urundetaysss .panel-default>.panel-heading h4 { width: calc(100% - 35px); }
.urundetaysss .panel-default>.panel-heading a  { padding:10px; font-size: 14px;}
.urundetaysss .panel-default .panel-body { font-size:14px; }
.urundetaysss .panel-default>.panel-heading span { width: 26px;  height: 26px;  line-height: 20px;  font-size: 15px; }
.urunler .urungorsel:before, .product-gallery .product-image:before {    left: 20px;    top: 20px; width: 34px;    height: 38px;    background-size: contain;}
.urunler .urun-aciklama p { padding:0px; }
.kurumsalgaleri { min-height:600px; height: 600px; margin:0px; gap:8px; grid-template-columns: 25% 19% 19% 28%; grid-template-rows: 20% 15% 20% 20%; overflow:hidden;}
.anakutular, .urunler, .kurumsalust, .kurumsalorta  { grid-template-columns:repeat(1, minmax(0, 1fr)); }
.kurumsalorta {padding: 20px 10px 0px 0;text-align: center;}
.kurumsalsertifika img { max-width: 280px;}
.markamiz {text-align: center;padding: 20px 0;}
.markamiz .markabaslik em { display:none; }
    .markamiz .markabaslik span {
        float: none;
        margin: 0 5px 0 0;
    }
	    .markamiz .markabaslik a i {
        float: none;
    }
.anakutular .kutu:nth-child(3) { top:0px; }
.urundetaykutular  { grid-template-columns:repeat(1, minmax(0, 1fr)); }
.urundetaykutular .kutu:nth-child(3) { background:#191919; top:0px; }

.urundetayorta {     margin:0 0 70px 0; padding: 50px 30px;}

.footerorta            { padding: 10px 0 30px  0; }
.footer .altsosyal     { float:none; left:auto; right:auto;  margin:0px auto 0px auto;  width:285px;  padding:10px 50px;  text-align: center;  position: relative; top: 0; }
.ortasol               { width:100%; margin-bottom:25px; }
.ortasol span.marka    { margin-bottom: 15px; }

.ortasag               { width:100%; text-align:center; margin: 30px 0;}
.ortasagmenuler        {  grid-template-columns: repeat(2, minmax(0, 1fr));  padding: 0px;  gap:2px;   row-gap:15px; }
.ortasagmenuler .ortamenu ul li a { float:none; }

.fortaalt              { padding:0px; }
.fortaalt .altlogolar  { display:flex; flex-direction:column; }
.fortaalt .iso         { float:left; margin:20px 0 25px 0; width:100%;}

.fortaalt .copyright p { text-align:center; }
.fortaalt a.birnc      { float:none;}

.fortaalt .msozlesmeler{ margin: 0px 0 0px 0; display: flex; flex-direction: column; gap: 10px;}
.ortasagmenuler .ortamenu:nth-child(3), .ortasagmenuler .ortamenu:nth-child(4) { display:block; }

.ortasagmenuler .ortamenu:nth-child(5) { display:none; }


.iletisimalan, .iletisimalan .adresalan { padding:15px; }
.iletisimalan .itel   { float: left;    width:100%; }
.iletisimalan .imail  { float: left;    width: 100%; margin-bottom:30px;}
.iletisimalan iframe  { height: 300px;}


.iletisimform .isaretle { flex-direction: column; gap: 2px; text-align: left; }

.geneluygulamalar, .hangisektor {  grid-template-columns: repeat(1, minmax(0, 1fr));}


.referanslar .referans { flex-direction:column; }
.referanslar .referans:nth-child(even) { flex-direction: column;}
.referanslar .referans .uygorsel img, .referanslar .referans .uygorsel, .referanslar .referans .uybox { min-height: 300px; max-height: 300px;}

.referanslar .referans .uybox .refyazi { padding:0 10px;}

.kilavuz .kyazi { width: 100%; padding:20px 30px; }

.videolar, .genelblog {  grid-template-columns: repeat(1, minmax(0, 1fr));}


.genelblog a .bloggorsel img, .genelblog a .bloggorsel, .blogfoto img { min-height: 230px; }

.urundetayust { grid-template-columns:100%; gap: 30px;}


.urundetaysss .kilavuzz { display:none; }
.urundetaysss h3 { width:100%; }
.hangisektor a .uygorsel img, .hangisektor a .uygorsel { min-height: 220px;    max-height: 220px;}

.footer .altsosyal { width:305px; margin: 70px auto 0px auto; }
.footer .altsosyal a {  font-size: 15px;}
.fortaalt .altlogolar a { margin: 0 auto 10px auto;}

a.scrollup { display:none !important; }
	.anaurunler a .ugorsel img {width:100% !important;height:auto !important;max-height:auto !important;min-height:auto !important;object-fit: contain;}

}





@media only screen and (max-width:480px){
.bloguygulamalar a .uygorsel, .bloguygulamalar a .uygorsel img {
    min-height: auto;
    max-height: auto;
    object-fit: contain;
}	
	
.uygulamasag  { padding: 40px 15px 30px 15px; }
	.secbaslik { padding:0 15px; }
.secbaslik h2, .secbaslik h1 { line-height: 28px; }

.uygulamaurunler { padding:40px 15px; }
.fortaalt .msozlesmeler a { border:0px; margin:0px; padding:0px; }
.uygulamafoto img {  max-height: 220px;    min-height: 220px;}
.uygulamabaslikalan2 .urunsayfalar.owl-carousel .owl-prev span { left: 0px; }
.uygulamabaslikalan2 .urunsayfalar.owl-carousel .owl-next span { right:0px; }


.urundetaysag .uygulamabaslikalan:before, .uygulamasag .uygulamabaslikalan:before { left:12%; top:-11px; width:200px; background-size:contain;  }
.urundetaysag .uygulamabaslikalan:after, .uygulamasag .uygulamabaslikalan:after { left:12%; bottom:-30px; width:200px; background-size:contain; }
.product-gallery .product-image img { height: 280px; }
.image-list li, .image-list li img {  max-height: 90px; min-height: 90px; }

.kvideo a, .kvideo a img { max-height: 220px; min-height: 220px; }


.slogan .sbox h4 { font-size:26px; }
.orta { margin: 35px 0; }
.orta .ortaaciklama { width:100%; margin:0px 0 35px 0; }
.orta .ortaaciklama h2 {    font-size: 20px; }
.slogan { margin: 30px 0 40px 0; }

.previous, .next { width:100%; margin-bottom:10px; }
.falani { margin: 10px 0 50px 0; }


.oncekisonraki { margin:30px 0 0 0; }
.previous { margin-bottom: 30px; }

}


@media only screen and (max-width: 399px){

	
	

	.iletisimform .yazialan {		display: none;	}
	.iletisimform textarea {		text-align: center;	}
	.iletisimform .text-right {		text-align: center !important;	}
	.tabmenu {		flex-direction: column;		width: 100%;	}
	.tabmenu li {		width: 100%;	}
	.tabmenu li a {		padding-top: 15px;		text-align: center;		padding-left: 0;	}
	.resimbox .tanitim {		top: 0;		right: 0;		font-size: 8px;	}
	.resimbox .ismi {		padding: 10px 15px;	}
	.resimbox .play {		left: 150px;		top: 63px;		width: 50px;	}
	.resimbox .play img {		width: 50px;	}
	.projeler {		width: 100%;	}

	
	.gonder {		margin-top: 25px;	}

	.myslider .owl-nav {	position: absolute;		top: 0;		width: 100%;}


	.kvkkbuton {
		text-align: left;
		margin-bottom: 30px;
	}

}
@media only screen and (max-width:1730px){ .ysection:before { right:0px; } }
@media only screen and (max-width:1650px){ .ysection:before { display: none;} }
@media only screen and (max-width:768px){ .urun-grup { padding: 35px 0px 30px 0px; } }

@media only screen and (max-width:480px){
.urunbaslikalan2 .urunsayfalar.owl-carousel .owl-prev span {left:5px}
.urunbaslikalan2 .urunsayfalar.owl-carousel .owl-next span {right:5px;}
}

@media only screen and (max-width:480px){
.urundetaysag .uygulamabaslikalan ul {padding:0 20px; display: ruby; }
.urundetaysag .uygulamabaslikalan ul li { line-height: 14px;}
.urundetaysag .uygulamabaslikalan h1 {  font-size: 18px; line-height: 20px;}
.uygulamasag .uygulamabaslikalan h1 {  font-size: 18px; line-height: 20px;}
.uygulamasag .uygulamabaslikalan ul {padding:0 20px; display: ruby; }
.uygulamasag .uygulamabaslikalan ul li { line-height: 14px;}
.slider-content       { left:0px;padding: 20px 0 0 0; }
	.secbaslik p {display:none}
	.secbaslik {    margin: 0 0 35px 0;}
	.anaurunler a .ugorsel img {width:100% !important;height:auto !important;max-height:auto !important;min-height:auto !important;object-fit: contain;}
	.anaurunler a .ugorsel {width:100% !important;height:auto !important;max-height:auto !important;min-height:auto !important;}
	.kright .ekonlogo {width:80%;}
	.kurumsalortadetay {padding:30px 0;background:#fff;}
	.kurumsalaciklamalar {padding:30px 0;background:#fff;}
	.markamiz .markabaslik a i {display:none}
}

@media only screen and (max-width: 768px) {
  .anaurunler { width: 100%; }
}
