﻿
@media screen and (max-width: 1720px) {

	.ortala { width: 1170px; margin-left: calc(50% - 585px)}

	.slider ul li .kapsa { left: calc(50% - 585px) }

	.sliderWrap .hMenu { left: calc(50% - 585px)}
	.sliderWrap .pages { right: calc(50% - 585px)}


	.kullanimAlani.genelListe:before, .kullanimAlani.genelListe:after, .urun.genelListe:after, .vizyon_misyon:after {width: calc(100% - 40px);left: 20px;}
}


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


	.ortala { width: 100% !important; max-width: none; display: block; float: left; padding: 0px 20px !important; box-sizing: border-box; position: relative; box-sizing: border-box; margin: 0 !important; }
	.ortala.sld { padding: 0px; }


	.genelBaslik .Vmenu { float: left; position: relative; display: initial; margin: 0 11px 0 0; }


	main section.icerik .solBar { width: 240px; position: absolute; -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.17); -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.17); box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.17); top: -30px; left: 30px; z-index: 9999; background: #fff; overflow: hidden; background: transparent; transition: all .3s cubic-bezier(.645,.045,.355,1); z-index: 9999; pointer-events: none; opacity: 0; background: none; border-radius: 20px; border-top-left-radius: 0; border-top-right-radius: 0; }
	.icerik .solBar.active { opacity: 1; pointer-events: auto; visibility: visible; /* background: #ffffffd4; */ /* backdrop-filter: blur(4px); */ }
	main section.icerik .sagBar { width: 100%; float: left; padding: 0; margin: 0; }
	.YanMenu.qbr { border-top-left-radius: 0; border-top-right-radius: 0; }


	.userControl { margin-top: 0px !important; }

	.bekle { background-position: center 7px; }
	.bekle:after { margin-top: 76px; }


	main section {width: 100%;margin: 0 0 40px 0;}
	main section .ortala, main section .inner { /* opacity: 1; */ top: 0px; flex-direction: column; }
	main section .yazi {font-size: 15px;line-height: 21px;text-align-last: center;}



	.anaBaslik {margin: 0 0 20px 0;flex-direction: column;align-items: center;justify-content: center;}
	.anaBaslik.genelBaslik { flex-direction: row; }
	.anaBaslik p { font-size: 18px; line-height: 26px; font-weight: 400; text-align-last: center; margin: 20px 0 0 0; }
	.anaBaslik *.none { display: initial; }
	.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong {padding: 0;}
	.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { font-size: 23px; line-height: 23px; text-align: center; }
	.anaBaslik h1:after, .anaBaslik h2:after, .anaBaslik h3:after, .anaBaslik h4:after, .anaBaslik h5:after, .anaBaslik h6:after, .anaBaslik strong:after { display: none; }


	.linkler { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin: 30px 0 0 0; }
	.linkler a { margin: 0 0 19px 0; }
	.linkler a:last-child { margin: 0; }


	main section.icerik .inner { flex-direction: column; align-items: center; justify-content: center; }



	header {top: 25px;}
	header.scActive { }
	header.active {position: fixed;}
	header .inner { }
	header .logo {width: 153px;z-index: 999999;}
	header .menuBar { }
   header .menuBar {width: 100%;height: 100%;float: left;color: #fff;position: fixed;left: 0;top: 0;overflow: hidden;background: #00aba8;transition: all .3s cubic-bezier(.645,.045,.355,1);z-index: 9999;pointer-events: none;opacity: 0;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;transform: initial;padding: 50px 0 0px 0;margin: 0;border-radius: 0;}
   header .menuBar.active {opacity: 1;pointer-events: auto;visibility: visible;background: #00aba8e6;backdrop-filter: blur(4px);}
   header .menuBar ul.sag { margin: 0; }
   header .menuBar ul li a {font-size: 22px;line-height: 22px;color: #ffffff;font-weight: 400;}      


	.sliderWrap { }
	.sliderWrap.scActive { }
	.sliderWrap .hMenu {display: none;}
	.sliderWrap .hMenu ul { }
	.sliderWrap .hMenu ul li { }
	.sliderWrap .hMenu ul li:after { }
	.sliderWrap .hMenu ul li:last-child { }
	.sliderWrap .hMenu ul li:last-child:after { }
	.sliderWrap .hMenu ul li a { }
	.sliderWrap .hMenu ul li a img { }
	.sliderWrap .hMenu ul > li > a { }
	.sliderWrap .hMenu ul > li > a:after { }
	.sliderWrap .hMenu ul > li.active > a:after { }
	.sliderWrap .hMenu ul > li > a:last-child { }
	.sliderWrap .hMenu ul > li > a img { }
	.sliderWrap .hMenu ul li a span { }
	.sliderWrap .hMenu ul li .hover { }
	.sliderWrap .hMenu ul li .hover .kapsa { }
	.sliderWrap .hMenu ul li .hover .kapsa .sosyal { }
	.sliderWrap .hMenu ul li .hover .kapsa .sosyal a { }
	.sliderWrap .hMenu ul li .hover .kapsa .sosyal a:last-child { }
	.sliderWrap .hMenu ul li.active .hover { }
	.sliderWrap .pages {right: initial;}
	.sliderWrap .pages span{width: 20px;height: 20px;margin: 0 10px 0 0;}
	.sliderWrap .pages span.swiper-pagination-bullet-active{width: 40px;}
	.sliderWrap .pages span:last-child { }


    .sliderWrap.katWrap {height: 230px;}
    .sliderWrap.katWrap .katResim .kapsa {margin: 60px 0 0 0;}
    .sliderWrap.katWrap .katResim .kapsa h1, .sliderWrap.katWrap .katResim .kapsa strong {font-size: 28px;line-height: 45px;letter-spacing: 3px;}




	.slider { }
	.slider ul, .slider ul li, .slider ul li img { }
	.slider ul li { }
	.slider ul li:after { }
	.slider ul li img { }
	.slider ul li .kapsa {width: 100%;left: 0;padding: 0 20px;align-items: center;}
	.slider ul li .kapsa strong {font-size: 20px;line-height: 26px;align-items: center;align-items: center;justify-content: center;text-align: center;}
	.slider ul li .kapsa strong u {padding: 0;font-size: 22px;}
	.slider ul li .kapsa strong u:after {display: none;}
	.slider ul li .kapsa p {font-size: 16px;line-height: 20px;margin: 10px 0 0 0;text-align: center;}
	.slider ul li .kapsa a {display: none;}



	.nasilCalisir.genelListe { }
	.nasilCalisir.genelListe .yazi {width: 100%;}
	.nasilCalisir.genelListe .kapsa { }
	.nasilCalisir.genelListe ul:not(.swiper-wrapper) { }
	.nasilCalisir.genelListe li {width: calc(50% - 15px);margin: 0 0 30px 0;}
	.nasilCalisir.genelListe li .kapsul {border-radius: 10px;}
	.nasilCalisir.genelListe li .icon { }
	.nasilCalisir.genelListe li .icon:after { }
	.nasilCalisir.genelListe li .icon img { }
	.nasilCalisir.genelListe li h6 {font-size: 17px;line-height: 18px;}
	.nasilCalisir.genelListe li p {font-size: 15px;line-height: 21px;}



	.kullanimAlani.genelListe { }
	.kullanimAlani.genelListe .anaBaslik { }
	.kullanimAlani.genelListe .yazi { }
	.kullanimAlani.genelListe:before, .kullanimAlani.genelListe:after {width: 100%;left: 0;border-radius: 0;}
	.kullanimAlani.genelListe.genelListe:before {}
	.kullanimAlani:after { }
	.kullanimAlani.genelListe .kapsa {margin: 30px 0 0 0;}
	.kullanimAlani.genelListe li:before {display: none;}
	.kullanimAlani.genelListe li:after {display: none;}
	.kullanimAlani.genelListe ul {flex-direction: column;align-items: center;justify-content: center;}
	.kullanimAlani.genelListe li {
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-align: center;
    margin: 0 0 30px 0;
}
	.kullanimAlani.genelListe li:last-child { margin: 0}
	.kullanimAlani.genelListe li h6 {  }
	.kullanimAlani.genelListe li p { }



	.digerUyg.genelListe { }
	.digerUyg.genelListe .yazi { }
	.digerUyg.genelListe .kapsa { }
	.digerUyg.genelListe li:before {display: none;}
	.digerUyg.genelListe li:after {display: none;}
	.digerUyg.genelListe ul { flex-direction: column; align-items: center; justify-content: center; }
	.digerUyg.genelListe li {width: 100%;align-items: center;justify-content: center;padding: 0;text-align: center;margin: 0 0 30px 0;}
	.digerUyg.genelListe li:last-child { margin: 0}
	.digerUyg.genelListe li h6 {font-size: 17px;}
	.digerUyg.genelListe li p { }




	.urun.genelListe { }
	.urun.genelListe:after {width: 100%;left: 0;border-radius: 0;}
	.urun.genelListe .ust { }
	.urun.genelListe .ust .yazi { }
	.urun.genelListe li {width: calc(50% - 15px);margin: 0 0 30px 0;}
	.urun.genelListe li a { }
	.urun.genelListe li .resim {aspect-ratio: 4 / 3;}
	.urun.genelListe li .resim img { }
	.urun.genelListe li .detayi { }
	.urun.genelListe li h5 { }
	.urun.genelListe li h6 { }
	.urun.genelListe li .devami { }
	.urun.genelListe li .devami:before, .urun.genelListe li .devami:after { }
	.urun.genelListe li .devami:before { } 
	.urun.genelListe li .devami:after { }
	.urun.genelListe li .devami span { }
	.urun.genelListe li .devami span:after { }
	.urun.genelListe li:hover .devami:after { }
	.urun.genelListe li:hover .devami:before { }
	.urun.genelListe li:hover .devami span:after { }
	.urun.genelListe li:hover .devami span { }


	.urun.genelListe.alt { }
	.urun.genelListe.alt:after { }



	footer {margin: 60px 0 0 0;}
	footer .cizgiler > div { }
	footer section { }
	footer section:last-child { }
	footer section .inner { }
	footer section.ust {padding: 60px 0;}
	footer section.ust:before, footer section.ust:after { }
	footer section.ust:before { }
	footer section.ust:after { }
	footer section .beniAra { }
	footer section .beniAra .bg img { }
	footer section .logo {width: 200px;margin: 0 0 30px 0;}
	footer section .logo a { }
	footer section .altMenu { }
	footer section .altMenu ul { }
	footer section .altMenu ul li { }
	footer section .altMenu ul li:last-child { }
	footer section .altMenu ul li a { }
	footer section .iletisim {width: 100%;margin: 0 0 30px 0;}
	footer section .iletisim ul {width: 100%;}
	footer section .iletisim ul.tam { }
	footer section .iletisim ul li {width: 100%;margin: 0 0 27px 0;padding: 0;}
	footer section .iletisim ul li:last-child { margin: 0 }
	footer section .iletisim ul li a {width: 100%;flex-direction: column;align-items: center;justify-content: center;}
	footer section .iletisim ul li a img {width: 20px;}
	footer section .iletisim ul.tam li a img { }
	footer section .iletisim ul.tam li a span { }
	footer section .iletisim ul li a span {width: 100%;padding: 0;text-align: center;margin: 12px 0 0 0;font-size: 14px;line-height: 18px;}
	footer section .sosyal { }
	footer section .sosyal a { }
	footer section .sosyal a:last-child { }
	footer section.alt { }
	footer section.alt .inner {flex-direction: column;align-items: center;justify-content: center;}
	footer section.alt .bilgi { }
	footer section.alt a.qBrand {margin: 13px 0 0 0;}
	footer section.alt a.qBrand img { }
	footer section.alt a.qBrand i { }



	.kurumsal { }
	.kurumsal .kapsa { }
	.kurumsal .slot { }
	.kurumsal .slot.bilgi {width: calc(50% - 10px);}
	.kurumsal .slot.resmi {width: calc(50% - 10px);}
	.kurumsal .slot.resmi img { }



	.vizyon_misyon { }
	.vizyon_misyon:after { }
	.vizyon_misyon .inner {flex-direction: column;align-items: center;justify-content: center;}
	.vizyon_misyon .slot {width: 100%;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;padding: 0 24px;margin: 0 0 40px 0;}
	.vizyon_misyon .slot:last-child { margin: 0}
	.vizyon_misyon .slot:nth-child(2n-1):after {display: none;}

	

	.bizeUlasin { flex-direction: column-reverse; }
	.bizeUlasin .solK { width: 100%; margin: 30px 0 0 0; }
	.bizeUlasin .solK iframe { height: 300px; }
	.bizeUlasin .sagK {width: 100%;padding: 0;text-align: center;}
	.bizeUlasin .sagK .sosyalBar a { display: inline-table; vertical-align: text-bottom; float: none; }
	.bizeUlasin .sagK .bilgi ul li { width: 100% !important; margin: 0 0 23px 0; }
	.bizeUlasin .sagK .bilgi ul li:last-child { margin-bottom: 0; }
	.bizeUlasin .sagK .bilgi ul li a { padding: 68px 0 0 0; }
	.bizeUlasin .sagK .bilgi ul li a:before, .bizeUlasin .sagK .bilgi ul li a:after { left: calc(50% - 27px); top: 0; }

}


@media screen and (max-width: 1024px) {
}

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

		.kurumsal { }
	.kurumsal .kapsa { }
	.kurumsal .slot { }
	.kurumsal .slot.bilgi {width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;padding: 0;}
	.kurumsal .slot.resmi {display: none;}
	.kurumsal .slot.resmi img { }
}

@media screen and (max-width: 900px) {
}

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

}

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

	.nasilCalisir.genelListe .yazi {}
	
.nasilCalisir.genelListe { }
	.nasilCalisir.genelListe .yazi {margin: 0 0 30px 0;}
	.nasilCalisir.genelListe .kapsa { }
	.nasilCalisir.genelListe ul:not(.swiper-wrapper) { }
	.nasilCalisir.genelListe li {width: 100%;}
	.nasilCalisir.genelListe li:last-child { margin: 0}
	.nasilCalisir.genelListe li .kapsul {box-shadow: none;border: solid 1px #e1e1e1;}
	.nasilCalisir.genelListe li .icon { }
	.nasilCalisir.genelListe li .icon:after { }
	.nasilCalisir.genelListe li .icon img { }
	.nasilCalisir.genelListe li h6 { }
	.nasilCalisir.genelListe li p { }


	.urun.genelListe { }
	.urun.genelListe:after { }
	.urun.genelListe .ust { }
	.urun.genelListe .ust .yazi {text-align: justify;}
	.urun.genelListe li {width: 100%;}
	.urun.genelListe li:last-child { margin: 0}
	.urun.genelListe li a {box-shadow: 0px 0px 9px rgb(0 0 0 / 7%);/* border: solid 1px #e1e1e1; */}
	.urun.genelListe li .resim { }
	.urun.genelListe li .resim img { }
	.urun.genelListe li .detayi { }
	.urun.genelListe li h5 { }
	.urun.genelListe li h6 { }
	.urun.genelListe li .devami { }
	.urun.genelListe li .devami:before, .urun.genelListe li .devami:after { }
	.urun.genelListe li .devami:before { } 
	.urun.genelListe li .devami:after { }
	.urun.genelListe li .devami span { }
	.urun.genelListe li .devami span:after { }
	.urun.genelListe li:hover .devami:after { }
	.urun.genelListe li:hover .devami:before { }
	.urun.genelListe li:hover .devami span:after { }
	.urun.genelListe li:hover .devami span { }

	
}

@media screen and (max-width: 714px) {
}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 640px) {
}

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

}

@media screen and (max-width: 568px) {
}

@media screen and (max-width: 530px) {
}

@media screen and (max-width: 510px) {
}

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

}


@media screen and (max-width: 470px) {
}

@media screen and (max-width: 420px) {
}


@media screen and (max-width: 370px) {
}
