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

.headertop ul li:last-child { display:none; }

}
@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: 1520px){
.container, .container-lg, .container-md, .container-sm, .container-xl { width:100%;  }
.headeralan .headerright {  gap: 30px; }
.headeralan .menu1    { left: -25px; }
}

@media only screen and (max-width: 1380px){
.headeralan .ustalan { padding: 0 35px;}
.headeralan .menu1 { margin:55px 0 0 70px; }



}

@media only screen and (max-width: 1280px){
.product-gallery .tab-content { width:100%; }
ul.tabs { flex-direction: row;gap: 15px;    margin: 15px 0 0 0;    float: left; width: auto;}
ul.tabs li img { min-height: 90px; }
ul.tabs li { min-height: 100px; }
.headertop ul, .headertop .diller { display:none; }

.anaurunler { width:100%; }
.homepro.blogdetay2 .blogdetaykategori{ padding: 60px 20px; }

.headertop { height: 10px; }


.yedekparcalar .yedek .yebox { width: calc(100% - 75px); }


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

.footeralt .msozlesmeler {  margin: 24px 10px 0px 0; }
a.scrollup { bottom: 10px;  right: 32px;}

.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; top: 7%;  right: 10px; }
.slider-content span  { font-size:15px;  margin:15px 0px;  }
.slider-content h1    { line-height: 50px;font-size:50px;margin:15px 0; padding:0px; }
.slider-content p     {font-size:14px;  margin:0px; padding:0px; }
.slider-content a     { padding:10px 35px; margin:15px 0 0 0; font-size:12px; }


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

.urundetaysag .uygulamabaslikalan:before, .urundetaysag .uygulamabaslikalan:after { width:100%;left:0px; background-size: contain;}




}



@media only screen and (max-width: 1200px){
.slider-content em { font-size: 45px; line-height: 45px; }
.slider-content i {  font-size: 44px; line-height: 38px; }


.filterbutonlar { padding:0px; }
.refeicerikler .reftek .reftekicerik { padding: 15px 10px 15px 10px; }
.refeicerikler .reftek .reftekicerik p { left:10px; bottom:30px; }
.refeicerikler .reftek .reftekicerik h3 { margin: 40% 0 0 0;}
.refeicerikler .reftek .reftekicerik em { top: 20px;  position: relative; }

.slider-content h1 { line-height: 40px;  font-size: 36px;  margin: 15px 0;  padding: 0px; }
.slider .owl-dots {  bottom: 18%; }
.homepro { margin: -75px 0 0 0; }

.iletisimalan, .iletisimform {  padding: 35px; }

.footeralt .footeraltsol {  width: 100%;  text-align: center;}
.footeralt .footeraltsol p { text-align:center; }
.footeralt a.birnc {    float: none;     margin: 17px auto 0 auto;    width: 65px;    display: table;}
.footeralt .msozlesmeler {    margin: 15px auto;    float: none;    width: 100%;    text-align: center;}
.footeralt .msozlesmeler a { float:none; }
a.scrollup { bottom: 65px; right: 40px; }


.sagsosyal { max-width:100%; left:0px; width:100%; display: grid;   grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kategorilerdetaysag .kategoribaslikalan:before {  top: -17px;    }

.yedekparcalar .yedek a { float: right; margin: 65px 0 0 0;}
.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; }
.urundetaysag .uygulamabaslikalan:before { top:-22px; }
}



@media only screen and (max-width: 990px){
.fortaalt { width: 100%;text-align: center;  display: ruby; }
.fortaalt a { margin:15px 0 10px 0; }
.iletisimalan, .iletisimform {  padding: 25px;    }
.iletisimalan .itel i { width:60px; }
.iletisimalan .itel span, .iletisimalan .itel p { width: calc(100% - 60px); }
.gonder { font-size:14px; }

.sonhaber,  a#scrollButton { display:none; }

.fortaalt .iso img {  top: 0px; }
.footer:after { display:none; }

.slider-content { max-width: 390px; }
.owl-carousel .owl-item .slider-content img { width: 140px; height: 35px; } 
.slider-content h1 { line-height: 34px; font-size: 30px; }

.headsayfalar { min-height:auto; margin:30px 0 0 0; }


.tab-contentt .urundetaybol { display:flex; flex-direction:column; }






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

.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; }


.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));}








.menu1 { display:none !important; }


.kategorilerdetaysol { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
.urunliste a h2 { font-size: 16px;   margin: 15px 0 0 0; }
.kategorilerdetaysag h5 {  font-size: 18px; }
.sagkategorilerliste .panel-heading a { font-size:16px; }

.secbaslik p {  padding: 0 70px; }

}

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

.slider-content em { float: none; }
.slider-content i {  float: none; }


.iletisimform .formbaslik { margin: 10px 0 40px 0; text-align: center; }
.iletisimform h3 { font-size: 24px; line-height: 30px; }







.ortasagmenuler .ortamenu { padding:0px; }
.ortasol span.mesai {margin-left:0; }
.ortasol span.uzman {  margin: 0 0 15px 0px;}

.filterbutonlar { padding:10px 0; grid-template-columns: repeat(1, minmax(150px, 1fr)); gap: 10px; border: 1px solid #ebebeb;    padding: 10px 0;}


.homepro { margin: 15px 0 0 0; }
.refeicerikler {  grid-template-columns: repeat(1, minmax(150px, 1fr)); }

.slider .myslider .item   {  display: flex;    flex-direction: column;}
.slider-content           { order: 2;  padding: 30px 15px 30px 15px; position: relative; width: 100%; max-width: 100%; text-align: center; right: 0;   top: 0; border-bottom: 1px solid #f3f3f3; }
.slider-content span      { font-size: 14px; margin: 7px 0px; display: none; }
.slider-content h1        { line-height: 22px; font-size:18px; margin: 7px 0;   }
.slider-content p         { font-size: 13px;  display: none;  }
.owl-carousel .owl-item img.slidelogo {  display: block;  width: 100px;  margin: 0 auto;  min-height: auto;}
.slider-content a         { float:none; display: inline-block; padding: 5px 30px;    margin: 11px 0 0 0;    font-size: 11px;}
.owl-carousel .owl-item img.slide1 { min-height: 320px;  object-fit: cover;  object-position: left; }

.slider .owl-dots         { bottom: 1%; display:none !important }

.homekategoriler { margin: 35px 0 30px 0; }
.anaaktuel { margin: 35px 0 70px 0; }

.secbaslik { margin: 0 0 30px 0; }

.fortaalt { border:none; margin: 30px 0 0px 0; }
.fortaalt p { display:none; }

.footeralt { display: flex; flex-direction: column;     margin: 0px 0 20px 0; }

.footeralt .footeraltsol { order:2 }
.footeralt a.birnc { order:3; }


.urundetayslogan          { padding: 0px 0; }
.urundetayslogan em       { font-size: 50px; }
.urundetayslogan p        { margin-bottom:30px;  font-size: 14px; }



.fortaalt i            { display: none; }
.fortaalt p            { width: 100%; }
.mb100                 { margin-bottom: 30px; }
.iletisim-header a.geri{ display: none; }
.belgeler img.sertifika{ min-height: 350px; }

.genelblog a .blogbox h3 { width: calc(100% - 90px); }

.iletisim-header ul   { margin: 3px 0 0 0; display: flex;  justify-content: center; }

.blog-header                  { padding: 30px 0; }
.blog-header h1               { margin: 20px 0 20px 0; font-size: 40px; }
.blog-header h1:before, 
.blog-header h1:after         { height: 50px; }
.blog-header h1:before        { width: 180%; }
.blog-header h1:after         { left: 80%; }
.blog-header h2               { margin: 10px 0 15px 0; }
.blog-header-detay            { padding: 0 15px 0 0; }
.blog-header-detay strong, 
.blog-header-detay b          { font-size: 18px; }

.blogdetayust                 { padding: 0px; }
.blogdetayorta                { text-align: center; }

.once, .sonra                 { width: 100%; }
.blog-detay-header h1         { font-size: 18px; }



.ssssayfa { padding: 40px 10px; }
.ssssayfa .panel-default>.panel-heading a { font-size: 14px; padding: 10px 25px 10px 20px;  align-items: center;    display: flex;}
.ssssayfa .panel-default>.panel-heading a:after {  position: absolute; top: 30px; right: 10px; }
.ssssayfa .panel-default .panel-body { padding: 0px 20px; font-size: 14px; }

.katalogform, .ikform { padding: 65px 15px; }
.headkataloglar { margin: 30px auto 0 auto; }
.ikform .gonder { margin: 20px 0 0 0px; }



 .kategorilerdetaysag .kategoribaslikalan:before { top: -28px; }
.kurumsalust, .kurumsalortadetay { padding: 20px; }

.markamiz, .kurumsalorta {  padding: 50px 10px; }
.markamiz .markabaslik  { margin:0 0 30px 0; }
.markamiz .markabaslik em { font-size: 15px;  letter-spacing: 2px; }
.markamiz .markabaslik span { margin:0 5px 0 0; }

.referanslar.hizmetler .referans .uybox .refyazi { max-width:100%; }


.yedekparcalar .yedek .yebox { width: calc(100% - 45px); padding:0; }
.kategoriler .kategori { margin: 0 0 20px 0; }
.urun-grup { padding: 35px 0px 30px 0px; }
.kategorilerdetaysol .kategori { margin: 0 0 20px 0; }
.kategorilerdetaysol { padding:30px 0px; }

.urundetaysag .uygulamabaslikalan:before { top: -28px; }



.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 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)); }
.anakutular { gap: 15px; padding: 35px 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               { text-align: center; width:100%; margin:25px 0 40px 0; }
.ortasol span.marka    { margin-bottom: 15px; }

.ortasag               { width:100%; text-align:center; }
.ortasagmenuler        {  grid-template-columns: repeat(2, minmax(0, 1fr));  padding: 0px;  gap: 15px;   row-gap: 30px; }
.ortasagmenuler .ortamenu ul li a { float:none; }
 
.footeralt .msozlesmeler {   margin: 15px auto;        float: left;        width: 100%;        text-align: center;  order: 1;  }
.footeralt .msozlesmeler a { float: left; width: 100%; margin: 0 0 10px 0; border-right:0px; padding:0px; }
.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  { min-height: 300px; max-height: 300px;}

.referanslar .referans .uybox .refyazi { padding:0 10px;}
.referanslar.hizmetler .referans .uygorsel:before { top: 36%; }


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

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


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

.urundetayust { flex-direction: column; }


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

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

a.scrollup { display:none !important; }
  .product-gallery .tab-content:before{        left: 20px;        top: 20px;        width: 34px;        height: 38px;        background-size: contain;    }

.cv { margin-bottom: 20px; }
.mb150 { margin-bottom:60px }
.filterbutonlar .item.aktif:after { bottom:-5px; }
.genelblog { margin-bottom: 0px; }

.iletisim-header h1 { font-size: 21px; margin-bottom: 10px;  line-height: 24px;}


}
@media only screen and (max-width:760px){
.order1                { order: 1; }
.order2                { order: 2; }
.order3                { order: 3; }

}

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

.secbaslik p {  padding: 0 30px; }


.ortasagmenuler        {  grid-template-columns: repeat(1, minmax(0, 1fr)); }
.ikform form .radiolar label { margin-top: 0px; }
.ikform form .radiolar .checkmark { top: 4px; }

.kategorilerdetaysol { grid-template-columns: repeat(1, minmax(250px, 1fr)); }

.headsayfalar { grid-template-columns: repeat(2, 170px); padding: 0px; }
.tab-contentt .uruntabssol { padding: 0px;}
	.kaynaklar .caticerik { display:flex; flex-direction:column; }
ul.urundetaytabs {  flex-direction: column; }
.referanshead { min-height: 240px; }
.refeicerikler .reftek { grid-template-columns: repeat(1, minmax(150px, 1fr));flex-direction: column;}
.refeicerikler .reftek .reftekicerik { text-align: center; padding: 20px; }
.refeicerikler .reftek .reftekicerik h3 { margin: 30px 0 0 0; }
.refeicerikler .reftek .reftekicerik p { float: left; width: 100%; margin:30px 0 0 0; position: relative;left: auto;  bottom: auto;    }

 .kategorilerdetaysag .kategoribaslikalan:before { top: -18px; }
.yedekparcalar { padding:15px; }
.uygulamasag  { padding: 40px 15px 30px 15px; }
.secbaslik h2 { 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: 30px; }
.uygulamabaslikalan2 .urunsayfalar.owl-carousel .owl-next span { right:30px; }


.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; }

.product-gallery .tab-content img { height: 280px; }
ul.tabs li, ul.tabs 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;
	}

}