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

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


   .slider ul li .kapsa {left: 50px;}


   .sliderWrap .hLink {left: 50px;}
   .sliderWrap .teklif { right: 50px}
   .slider ul li .kapsa strong {font-size: 42px;line-height: 42px;}


   .isler.genelListe li {width: calc(50% - 13px);margin: 0 0 30px 0;}


   .hizmet.genelListe li p {min-height: 118px;}
}


@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 .inner {transition: all .15s cubic-bezier(.645,.045,.355,1);}
   main section .yazi {font-size: 15px;line-height: 21px;text-align-last: initial;text-align: center;}



   .anaBaslik {margin: 0px 0 24px 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 { will-change: auto; }
   .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.koyu a.kmenu:before, header.koyu a.kmenu:after, header.koyu a.kmenu span { background: #47474c;}


   header {padding: 20px 0;transition: all .2s cubic-bezier(.645,.045,.355,1);}
   header.active { position: fixed; }
   header .logo {width: 120px;height: 42px;z-index: 99999;}
   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: #ddddddde;backdrop-filter: blur(14px);}
   header .menuBar ul.sag { margin: 0; }
   header .menuBar ul li a {font-size: 25px;line-height: 25px;color: #343434;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;}		
   header.active .logo img[data-role="disi"] { opacity: 0 }
   header.active .logo img[data-role="erkek"]  { opacity: 1 }



   .sliderWrap {transition: all .1s cubic-bezier(.645,.045,.355,1);}
   .sliderWrap .hLink {left: 20px;bottom: 20px;}
   .sliderWrap .hLink > div.instagram {border-radius: 50px;padding: 20px 12px 20px 12px;height: initial;align-items: self-start;margin: 0;}
   .sliderWrap .hLink > div.instagram a {width: 30px;float: left;position: relative;}
   .sliderWrap .hLink > div.iletisim {display: none;}
   .sliderWrap .teklif {right: 20px;bottom: 20px;}
   .sliderWrap .teklif a {font-size: 15px;line-height: 15px;font-weight: 600;padding: 16px 24px;background: #e8503e;}



   main[data-role="koyu"] .sliderWrap .hLink > div.instagram {margin-bottom: initial;height: initial;background: #3e52e8;}



   .sliderWrap.katWrap {border-bottom: solid 1px #e9e4d9;height: 240px;margin: 0 0 30px 0;}
   .sliderWrap.katWrap .katResim .kapsa h1, .sliderWrap.katWrap .katResim .kapsa strong {font-size: 21px;line-height: 21px;font-weight: 900;}


   .slider ul li .kapsa {width: 100%;left: 0;padding: 0 20px; flex-direction: column;align-items: center;justify-content: center;}
   .slider ul li .kapsa strong {font-size: 20px;line-height: 25px;font-weight: 400;text-align: center;}
   .slider ul li .kapsa a {font-size: 14px;line-height: 15px;font-weight: 400;padding: 15px 24px;margin: 17px 0 0 0;}
   .slider ul li .kapsa span {will-change: transform, opacity, left;}



   .hizmet.genelListe .yazi {width: 100%;margin: 0 0 30px 0;}
   .hizmet.genelListe li {width: calc(50% - 13px) !important;margin: 0 0 30px 0;padding: 75px 0 30px 0;}
   .hizmet.genelListe li .kapsul {height: auto;border-radius: 12px;}
   .hizmet.genelListe li .icon {width: 161px;height: 139px;}
   .hizmet.genelListe li .icon img {width: calc(100% - 40px);height: calc(100% - 78px);}
   .hizmet.genelListe li p {min-height: initial;}



   .isler.genelListe .yazi {width: 100%;margin: 0 0 30px 0;}
   .isler.genelListe li a {border-radius: 12px;}



   .sikcaSorulan.genelListe .yazi {width: 100%;margin: 0 0 30px 0;}
   .sikcaSorulan.genelListe li {margin: 0 0 30px 0;}
   .sikcaSorulan.genelListe li .ust h3 {font-size: 16px;line-height: 19px;padding: 20px 35px 20px 20px;font-weight: 600;}
   .sikcaSorulan.genelListe li .ust:before, .sikcaSorulan.genelListe li .ust:after { border-radius: 12px }
   .sikcaSorulan.genelListe li .ust h3:before {right: 20px;left: initial;width: 14px;}
   .sikcaSorulan.genelListe li .alt .kapsul {margin: 20px 0 0 0;}
   .sikcaSorulan.genelListe li .alt .yazi {padding: 0 20px;}



   .iletBari.genelListe {margin: 0;padding: 0 20px;}
   .iletBari.genelListe li {width: 100%;padding: 30px 0;border-radius: 12px !important;margin: 0 0 20px 0;}
   .iletBari.genelListe li:last-child { margin-bottom: 0}
   .iletBari.genelListe li .baslik img { height: 35px; }
   .iletBari.genelListe li .baslik strong {font-size: 19px;line-height: 19px;font-weight: bold;}
   .iletBari.genelListe li .telefon { font-size: 26px; line-height: 26px; }
   .iletBari.genelListe li .form { padding: 0; }
   .iletBari.genelListe li .form form { padding: 0 20px; }
   .iletBari.genelListe li .form .kps { width: 100%; margin: 0 0 30px 0; }
   .iletBari.genelListe li .form .kps:last-child { margin-bottom: 0; }
   .iletBari.genelListe li .form .kps.submit {position: relative;width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
   .iletBari.genelListe li .form .kps input[type="text"] {padding: 12px 0;border: solid 1px #ffffff63;font-size: 16px;line-height: 16px;border-radius: 12px;}



   footer {margin: 50px 0 0 0;}
   footer:before, footer:after { display: none; }
   footer section { padding: 40px 0; }
   footer .inner > div { margin: 0 0 26px 0; }
   footer .logo { width: 130px; }
   footer .iletisim ul { border-top: solid 1px #cbcbcb; padding: 29px 0 0 0; }
   footer .iletisim ul li { width: 100%; border: none; border-bottom: solid 1px #cbcbcb; padding: 0 0 20px 0; margin: 0 0 20px 0; }
   footer .iletisim ul li a { width: 100%; flex-direction: column; font-size: 15px; line-height: 21px; text-align: center; }
   footer .iletisim ul li a img { margin: 0 0 17px 0; }
   footer .altMenu { display: none; }
   footer .altMenu ul { flex-direction: row; }
   footer .altMenu ul li { padding: 0 0 14px 0; margin: 0 16px 14px 0; }
   footer .altMenu ul li:after { right: initial; top: initial; width: 14px; left: calc(50% - 7px); bottom: 0; }
   footer .altMenu ul li a { width: 100%; float: left; text-align: center; font-size: 14px; line-height: 16px; }



   .kurumsal .solK {width: 240px;}
   .kurumsal .solK .resmi img {border-radius: 12px;}
   .kurumsal .sagK {width: 100%;padding: 0;margin: 30px 0 0 0;}



   .isDetay .kapsa .detaylar .resmi {width: 100%;}
   .isDetay .kapsa .detaylar .liste {width: 100%;}
   .isDetay .kapsa .detaylar .liste ul {width: 100%;}
   .isDetay .kapsa .detaylar .liste ul li {width: 100%;margin: 0 0 23px 0;flex-direction: column;}
   .isDetay .kapsa .detaylar .liste ul li:last-child { margin: 0 }
   .isDetay .kapsa .detaylar .liste ul li .icon {margin: 0 0 8px 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; }

}


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

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

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

@media screen and (max-width: 768px) {
   .isler.genelListe li {width: 100% !important;margin-bottom: 30px}
   .isler.genelListe li:last-child { margin-bottom: 0}

   main section a.link {margin: 40px 0 0 0;}


   .hizmet.genelListe li {width: 100% !important;margin-bottom: 30px}
   .hizmet.genelListe li:last-child { margin-bottom: 0} }

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

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

	.kurumsal .solK { width: 100%; }

}


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

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


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