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

   .ortala {width: 1170px;margin-left: calc(50% - 585px);}
	
	.kurumsal .slot .kapsa {width: 100%;/* margin: 0 -40px 0px 0; */padding: 30px 110px 0 0;}
	.kurumsal .imge {width: 170px;right: -40px;top: -120px;}

	
	header:before, footer .kapsa:before {width: calc(50% - 585px);}

	.sliderWrap.katWrap .katResim .kapsa { left: calc(50% - 585px)}

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

	
}


@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 50px 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: left;}



	.anaBaslik { margin: 0 0 30px 0; flex-direction: column; align-items: center; justify-content: center; }
	.anaBaslik.genelBaslik { flex-direction: row; }
	.anaBaslik p {font-size: 19px;line-height: 26px;font-weight: 600;text-align-last: center;margin: 9px 0 0 0;text-align: center;align-items: center;}
	.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: 25px;line-height: 25px;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; }

	main section a.link { padding: 0 0 0 50px; font-size: 16px; line-height: 18px; }
	main section a.link:before { width: 40px; }	

	.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.active {
    position: fixed;
}
   header:before {width: 20px;z-index: 99999;}
   header .logo {padding: 20px 0;z-index: 999999;}
   header .logo a {width: 135px;}


   header .menuBar {width: 100%;height: 100%;float: left;color: #fff;position: fixed;left: 0;top: 0;overflow: hidden;background: #ffffffab;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: 20px 0 0px 0;margin: 0;border-radius: 0;}
   header .menuBar.active {opacity: 1;pointer-events: auto;visibility: visible;background: rgb(33 37 64);backdrop-filter: blur(4px);}
   header .menuBar ul.sag { margin: 0; }
   header .menuBar ul li a {font-size: 17px;line-height: 22px;color: #ffffff;font-weight: 400;}      
	

	

   .sliderWrap.katWrap {height: 183px;}
   .sliderWrap.katWrap .katResim .kapsa {width: 100%;left: 0;}
   .sliderWrap.katWrap .katResim .kapsa h1, .sliderWrap.katWrap .katResim .kapsa strong {width: 100%;font-size: 28px;line-height: 34px;padding: 0 0 0 0;text-align: center;color: #0b2545;padding: 0 0 0 20px;font-weight: bold;}
   .sliderWrap.katWrap .katResim .kapsa h1:before, .sliderWrap.katWrap .katResim .kapsa strong:before {display: none;}
   .sliderWrap.katWrap .katResim .linkAgaci {display: none;}

   

   .slider ul li .kapsa {width: 100%;right: initial;justify-content: flex-end;padding: 0;display: initial;max-width: 100%;margin: 0;left: 0;}
   .slider ul li .kapsa strong {width: 100%;font-size: 25px;line-height: 35px;background: none;text-align: center;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;/* color: #0b2545; */}
   .slider ul li .kapsa strong span {background: no-repeat;font-size: 16px;line-height: 16px;}
   


   .kurumsal {margin-top: 30px;padding: 0 30px 50px 30px;border-bottom: solid 1px #d1d1d1;}
   .kurumsal .anaBaslik {align-items: center;justify-content: center;}
   .kurumsal .inner {flex-direction: row-reverse;justify-content: space-between;align-items: flex-start;}
   .kurumsal .slot {width: 98px;display: none;}
	.kurumsal .slot:first-child {width: 100%; display: initial;}
   .kurumsal .slot .resmi img {display: none;}
   .kurumsal .slot .resmi .icon {position: relative;float: left;left: initial;top: initial;}
   .kurumsal .slot .resmi .icon img {display: initial;max-width: initial;min-height: initial;width: calc(100% - 30px);height: calc(100% - 30px);}
   .kurumsal .slot .resmi:before {display: none;}
   .kurumsal .slot .kapsa {width: 100%;margin: 0;padding: 0;align-items: center;justify-content: center;}
   
   

   .vizyon-misyon .kapsa .slot {width: 100%;text-align: center;margin: 0 0 30px 0;}
   .vizyon-misyon .kapsa .slot:last-child { margin: 0}
   .vizyon-misyon .kapsa .slot h2 {font-size: 21px;line-height: 21px;}

   

   .hizmet.genelListe .arrow {display: none;}
   .hizmet.genelListe .ustKisim {flex-direction: column;align-items: center;}
   .hizmet.genelListe {border-bottom: solid 1px #e1e1e1;}
	.hizmet.genelListe li {width: calc(33.33% - 12px);margin: 0 0 30px 0;}
	.hizmet.genelListe li .baslik { width: 100%; margin: 0; background: #f5f5f5; }
	.hizmet.genelListe li .baslik span { width: 50px; height: 50px; }
	.hizmet.genelListe li .baslik h6 { font-size: 19px; line-height: 19px; width: calc(100% - 50px); }
	.hizmet.genelListe li .yazi { padding: 0; margin: 20px 0px 20px 0; }
	.hizmet.genelListe li a.link {padding: 0 0 0 50px;margin: 0;}
	.hizmet.genelListe li a.link:before { width: 40px; }
	.hizmet.genelListe .arrow { display: none; }
   


   .blogList.genelListe li { width: 50%; margin: 0; padding: 0 0px; }
	.blogList.genelListe.alt li { padding: 0 10px 30px 10px; margin-bottom: 30px; }
	.blogList.genelListe li .resim { width: 100%; }
	.blogList.genelListe li .sagK { width: 100%; }
	.blogList.genelListe li h6 {font-size: 20px;line-height: 24px;margin: 12px 0 0 0;padding: 0;text-align: center;}
	.blogList.genelListe li .yazi { padding: 0; }
	.blogList.genelListe li .tarih {font-size: 12px;display: none;}
	.blogList.genelListe .pages { margin: 30px 0 0 0; }
	.blogList.genelListe .pages span { width: 25px; height: 24px; }

   
   footer .qBrand {width: 70px;}


	footer{ text-align: center; }
	footer .kapsa {padding-top: 40px;}
	footer .kapsa:before { display: none; }
	footer .kapsa:after { display: none; }
	footer .ust { border-bottom: solid 1px #d8d8d8; padding: 0 0 20px 0; }
	footer .ust:before { display: none; }
	footer .ust .logo { background: none; width: 100%; display: none; }
	footer .ust .logo a { width: 100px; }
	footer .ust .sosyal { width: 100%; }
	footer .ust .sosyal a { margin: 0 20px 0px 0; display: inline-table; vertical-align: text-bottom; float: none; }
	footer .alt { margin: 24px 0 0 0; }
	footer .alt:before { display: none; }
	footer .alt .slot { width: 100% !important; float: left; padding: 0 !important; }
	footer .alt .slot h6 { font-size: 21px; line-height: 21px; }
	footer .alt .bilgi ul li a { padding: 44px 0 0 0 !important; }
	footer .alt .bilgi ul li a:before { width: 100%; height: 36px; }
	footer .alt .hizmet { text-align: center; margin: 20px 0 0 0; border-top: solid 1px #d8d8d8; padding: 20px 0 0 0 !important; }
	footer .alt .hizmet ul li { width: 100%; text-align: center; }
	footer .alt .hizmet ul li:last-child { margin-bottom: 0; }
	footer .alt .hizmet ul li a span { width: 100%; }
	footer .alt .hizmet ul li a img { display: inline-table; vertical-align: text-bottom; float: none; }
	footer .alt .hizmet ul li a i { width: 100%; margin: 10px 0 0 0; }
	footer .altKisim .bilgi { width: 100%; margin: 0; }
	footer .qBrand { display: inline-table; vertical-align: text-bottom; float: none; margin: 20px 0 0 0; }
   


	.calismaDetay .solK { width: 70px; height: 150px; }
	.calismaDetay .sagK {width: calc(100% - 90px);margin: 0;}



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


	.mBar {width: 100%;position: fixed;left: 0;bottom: 0;box-sizing: border-box;filter: drop-shadow(-0px -4px 7px rgba(0, 0, 0, 0.2));padding: 0 0;z-index: 999;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;box-shadow: none;}
	.mBar:after {content: "";width: calc(33.33%);height: 100%;position: absolute;left: 50%;top: -12px;clip-path: polygon(50% 0, 100% 50%, 100% 100%, 0% 100%, 0 50%);background: #1d213e;z-index: -1;transform: translate(-50%, 0);clip-path: polygon(50% 0, 100% 18%, 100% 100%, 0 100%, 0 18%); display: initial}
	.mBar ul {width: 100%;float: left;position: relative;background: rgb(29 33 62);padding: 0 0;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}

}


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

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

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

@media screen and (max-width: 768px) {
	.slider {background: url(../images/sldbgm.jpg) no-repeat top center;background-size: cover;}
	.sliderWrap .imge {display: initial;width: 120px;right: -35px;bottom: -22px;}
	.kurumsal .imge {display: none;}
	.slider ul li .kapsa strong  {color: #ffffff;text-shadow: 1px 1px 9px #000000ab;}
}

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

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

@media screen and (max-width: 700px) {
	.blogList.genelListe.alt li { width: 100% }
}

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

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

}

@media screen and (max-width: 568px) {
	.hizmet.genelListe li {width: calc(33.33% - 11px);margin: 0 0 20px 0;}
	.hizmet.genelListe li h6 {font-size: 14px;line-height: 18px;}
}

@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) {
}
