﻿
/**************
        YAN MENÜ
    ******************************************************************************************************************************************/

    .YanMenu { width: 235px; min-height: 1px; height: auto; float: left; box-sizing: border-box; position: relative; }

    .YanMenu ul { width: 100%; min-height: 1px; height: auto; float: left; box-sizing: border-box; background: none; padding: 0px 8px 0px 0px; }
    
    .YanMenu ul:first-child { padding: 2px; position: relative; z-index: 5; border-right: solid 1px #E6E6E6; }
    
    .YanMenu ul li, .YanMenu ul li a { width: 100%; min-height: 1px; height: auto; float: left; position: relative; box-sizing: border-box; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
    .YanMenu ul li > a { font-size: 14px; color: #9C9C9C; padding: 4px 2px; font-weight: 400; }
    .YanMenu ul li a.acildi { color: #FFFFFF; }
    
    .YanMenu ul li a:hover { color: #A37CAF; }
    
    .YanMenu ul li ul { padding-left: 20px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; display: none; }
    .YanMenu ul li ul a { padding: 2px 2px; word-break: break-all; }
    .YanMenu ul li ul li ul { padding-left: 8px; padding-top: 4px; padding-bottom: 2px; }
    .YanMenu ul li ul li a { padding-left: 15px; font-size: 13px; color: #9A9A9A; }
    
    .YanMenu ul li.active > ul { display: block; }
    .YanMenu .baslik strong, .YanMenu .baslik { width: 100%; float: left; font-size: 18px; color: #555; box-sizing: border-box; }
    
    /***************
                                                TEMALAR background:#456d99
                                                ***************/
    
    
    
    
    .YanMenu.qbr { width: 100%; box-sizing: border-box; position: relative; margin-top: 0; }
    .YanMenu.qbr ul { border-right: none; padding: 0px; }
    .YanMenu.qbr ul li { margin-bottom: 0; }
    .YanMenu.qbr > ul > li:last-child { border-bottom: 0px; }
    .YanMenu.qbr ul:first-child { padding-left: 0px; padding-right: 0px; }
    .YanMenu.qbr ul li > a { font-size: 15px; line-height: 15px; color: #4a4a4a; padding: 8px 0px; text-align: left; display: block; }
    .YanMenu.qbr.ters ul li > a { color: #000; font-size: 14px; padding: 11px 0; }
    .YanMenu.qbr.ters ul li > a.acildi { color: #589933; }
    .YanMenu.qbr.ters ul li > a:hover { color: #589933; }
    .YanMenu.qbr.ters ul li ul li a { font-size: 12px; }
    .YanMenu.qbr ul li:last-child > a { border-bottom: none; }
    .YanMenu.qbr ul li a span.ynAc { width: 12px; height: 100%; position: absolute; left: -18px; top: 0px; background: url(../images/yac.svg) no-repeat center center; }
    .YanMenu.qbr ul li a.acildi span.ynAc { transform: rotate(180deg); }
    .YanMenu.qbr ul li.acildi > a { color: #589933; }
    .YanMenu.qbr.ters ul li.acildi > a { color: #589933; }
    .YanMenu.qbr ul li ul { background: none; padding: 0px 11px 0px 21px; margin-top: 5px; margin-bottom: 5px; border-left: solid 1px #c6c6c6; }
    .YanMenu.qbr ul li ul li { border-left: none; background: none; margin-bottom: 0; }
    .YanMenu.qbr ul li ul li:last-child { margin-bottom: 0px; }
    .YanMenu.qbr ul li ul li a { word-break: break-all; border: none; background: none; font-size: 13px; color: #151515; padding: 6px 0; }
    
    .YanMenu.qbr ul li ul li a span.ynAc { left: inherit; position: relative; display: inline-table; float: none; height: 12px; margin-left: 10px; }
    .YanMenu.qbr ul li ul li ul li a { font-size: 12px; line-height: 19px; font-weight: 500; padding: 3px 0; }
    
    .YanMenu.qbr ul li ul li a:hover { color: #589933; }
    .YanMenu.qbr.ters ul li ul li a:hover { color: #589933; }
    .YanMenu.qbr ul li ul ul { margin-top: 0px; padding-top: 0px; padding-left: 18px; border: none; }
    .YanMenu.qbr ul li ul li a.acildi { color: #589933; }
    .YanMenu.qbr.ters ul li ul li a.acildi { color: #589933; }
    .YanMenu.qbr ul li.active > a { color: #589933; }
    .YanMenu.qbr ul li > a:hover, .YanMenu.qbr ul li > a.acildi { color: #589933; }
    .YanMenu.qbr > ul > li.active > a { color: #589933; }
    .YanMenu.qbr.ters > ul > li.active > a, .YanMenu.qbr.ters > ul > li.acildi > a { color: #589933; }
    .YanMenu.qbr .baslik { margin-top: 0; margin-bottom: 10px; }
    .YanMenu.qbr .baslik strong { width: auto; font-size: 16px; line-height: 17px; color: #fff; font-weight: 800; background: #589933; padding: 21px 29px; }
    
    
    
    .YanMenu.svst2 { width: 100%; box-sizing: border-box; position: relative; background: #fff; margin-top: 0; }
    .YanMenu.svst2 ul { border-right: none; padding: 0px 0px 0px 12px; }
    .YanMenu.svst2 ul li { margin-bottom: 0; }
    .YanMenu.svst2 > ul > li:last-child { border-bottom: 0px; }
    .YanMenu.svst2 ul:first-child { padding-left: 0px; padding-right: 0px; }
    .YanMenu.svst2 ul:first-child li > a { border-bottom: solid 1px #eeeeee; }
    .YanMenu.svst2 ul li > a { font-size: 14px; color: #656565; padding: 9px 19px 9px 9px; font-weight: 400; text-align: left; display: block; line-height: 14px; }
    .YanMenu.svst2 ul li:last-child > a { border-bottom: none; }
    .YanMenu.svst2 ul li a span { color: #a49e9e; font-size: 14px; margin-left: 8px; }
    .YanMenu.svst2 ul li a span.ynAc { width: 13px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../images/ynac.png) no-repeat center center; }
    .YanMenu.svst2 ul li ul li a span.ynAc { background-image: url(../images/ynac3.png); }
    .YanMenu.svst2 ul li a.acildi span.ynAc { transform: rotate(180deg); }
    .YanMenu.svst2 ul li.acildi > a { color: #000000; }
    .YanMenu.svst2 ul li ul { background: none; padding: 0px 11px 0px 20px; margin-bottom: 5px; }
    .YanMenu.svst2 ul li ul li { border-left: none; background: none; margin-bottom: 7px; }
    .YanMenu.svst2 ul li ul li:last-child { margin-bottom: 0px; }
    .YanMenu.svst2 ul li ul li a { word-break: break-all; font-weight: 400; border: none; background: none; font-size: 13px; color: #888686; padding: 5px 0px; }
    .YanMenu.svst2 ul li ul li a:hover { color: #000000; }
    .YanMenu.svst2 ul li ul ul { margin-top: 0px; padding-top: 0px; padding-left: 5px; }
    .YanMenu.svst2 ul li ul li a.acildi { color: #6f6a60; }
    .YanMenu.svst2 ul li > a:hover, .YanMenu.svst2 ul li > a.acildi { color: #6f6a60; }
    .YanMenu.svst2 > ul > li.active > a, .YanMenu.svst2 > ul > li.acildi > a { color: #000000; }
    .YanMenu.svst2 .baslik { margin-top: 0; margin-bottom: 16px; }
    .YanMenu.svst2 .baslik strong { background: #eee; font-size: 17px; line-height: 17px; font-weight: 400; padding: 21px 17px; color: #555; }
    
    
    
    
    /********************************************************************************************************************************************************/
    
    /***********
                                                GENEL LİSTELEMELE
                                                ****************************/
    .genelListe { width: 100%; min-height: 1px; height: auto; float: left; position: relative; box-sizing: border-box; }
    .genelListe ul, .genelListe ul a, .genelListe ul img { width: 100%; min-height: 1px; height: auto; float: left; position: relative; margin: 0; box-sizing: border-box; }
    .genelListe ul:not(.swiper-wrapper) { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
    .genelListe ul li { min-width: 1px; min-height: 1px; height: auto; float: left; box-sizing: border-box; padding: 10px; }
    .genelListe ul li h5, .genelListe ul li h6, .genelListe ul li p { width: 100%; height: auto; float: left; box-sizing: border-box; }
    .genelListe ul li p { line-height: 20px; }
    .genelListe .resim { width: 100%; float: left; position: relative; }
    .genelListe ul li, .genelListe ul li a, .genelListe ul li h5, .genelListe ul li h6, .genelListe ul li p, .genelListe .devam, .genelListe ul li .resim { transition: all .4s; box-sizing: border-box; position: relative; }
    .genelListe .caroufredsel_wrapper li { transition: none; }
    
    
    /****************************************************/
    
    
    .flexList ul { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; }
    .flexList ul li { position: relative; box-sizing: border-box; }
    .flexList ul li img, .flexList ul li .resim { width: 100%; float: left; }
    .flexList ul li h5, .flexList ul li h6, .flexList ul li p { width: 100%; float: left; position: relative; box-sizing: border-box; }
    
    .flex { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; }
    
    /*********************************************************************************************************************************************************************************/
    
    .genelBaslik { width: 100%; float: left; position: relative; margin-bottom: 20px; box-sizing: border-box; }
    .genelBaslik.tarih:after { height: 200px; }
    .genelBaslik h1, .genelBaslik h2, .genelBaslik h3, .genelBaslik h4, .genelBaslik h5, .genelBaslik h6, .genelBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; float: none; position: relative; z-index: 5; display: inline-table; vertical-align: text-bottom; }
    .genelBaslik h1 a, .genelBaslik h2 a, .genelBaslik h3 a, .genelBaslik h4 a, .genelBaslik h5 a, .genelBaslik h6 a, .genelBaslik strong a { width: 100%; text-align: left; float: left; }
    .genelBaslik h1 a, .genelBaslik h2 a, .genelBaslik h3 a, .genelBaslik h4 a, .genelBaslik h5 a, .genelBaslik h6 a, .genelBaslik strong a, .genelBaslik h1, .genelBaslik h2, .genelBaslik h3, .genelBaslik h4, .genelBaslik h5, .genelBaslik h6, .genelBaslik strong { font-family: 'zil'; font-size: 25px; line-height: 25px; font-weight: 400; color: #ba9765; }
    .genelBaslik .gSayi { width: auto; float: right; font-size: 12px; color: #000; margin-top: 6px; }
    
    /********************************************/
    
    
    
    
    
    a.Vmenu { width: 17px !important; height: 20px !important; float: left; top: 0px; background: url(../images/mobile/mbktic4.svg) no-repeat center center; display: none; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; position: relative; }
    
    a.fAra { width: 41px !important; height: 40px !important; float: left; top: 0px; background: url(../images/arabg2.png) no-repeat center center #339f91; display: none; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; position: relative; }
    a.fAra.active { background: url(../images/arabg2.png) no-repeat center center #51565b; margin-right: 0; }
    
    
    .icerik .yazi h1, .icerik .yazi h2, .icerik .yazi h3, .icerik .yazi h4, .icerik .yazi h5, .icerik .yazi h6 { margin-bottom: 5px; }
    .icerik .yazi h1 { font-size: 18px; font-weight: 400; color: #000; }
    .icerik .yazi h2 { font-size: 18px; color: #000; }
    .icerik .yazi h3 { font-size: 18px; font-weight: 600; color: #000; }
    .icerik .yazi h4, .icerik .yazi h5, .icerik .yazi h6 { font-size: 17px; font-weight: 400; color: #000; }
    
    .icerik .yazi img { max-width: 100%; width: auto; height: auto; }
    
    .icerik .yazi table { width: 100%; float: left; table-layout: fixed; font-size: 15px; color: #6f6a60; line-height: 18px; margin-bottom: 30px; }
    .icerik .yazi table:last-child { margin-bottom: 0; }
    .icerik .yazi table .resim { width: 100%; float: left; }
    .icerik .yazi table .yazi { width: 100%; float: left; }
    .icerik .yazi table .resim a, .icerik .yazi table .resim img { width: 100%; float: left; }
    .icerik .yazi thead, .icerik .yazi tbody, .icerik .yazi th, .icerik .yazi td, .icerik .yazi tr { box-sizing: border-box; position: relative; }
    .icerik .yazi table thead th { background: #f58321; color: #fff; font-size: 16px; line-height: 18px; font-weight: 600; padding: 20px 0 !important; }
    .icerik .yazi table thead th, .icerik .yazi table tbody td { padding: 10px 20px; margin: 0; }
    .icerik .yazi table tr:last-child { border-bottom: 0px; }
    .icerik .yazi table tr td { text-align: center; font-size: 17px; line-height: 22px; color: #404040; border-right: solid 1px #00000036; border-bottom: solid 1px #00000036; align-items: center; justify-content: center; text-align: center; }
    .icerik .yazi table tr td[rowspan] { border-left: solid 1px #00000036; }
    .icerik .yazi table tr td:last-child { border-right-color: transparent; }
    .icerik .yazi table a { width: 100%; float: left; color: #454545; }
    .icerik .yazi table td:before { content: attr(data-baslik)""; display: none; }
    
    
    
    
    
    .icerik .yazi ul, .icerik .yazi ol, .anaSayfa .yazi ul, .anaSayfa .yazi ol { margin: 20px 0px; padding: 0px 40px; }
    .icerik .yazi ul { margin: 0 0 20px 0; }
    .icerik .yazi ul, .icerik .yazi ul li, .anaSayfa .yazi ul, .anaSayfa .yazi ul li { list-style: disc; }
    .icerik .yazi ol li, .icerik .yazi ol, .anaSayfa .yazi ol li, .anaSayfa .yazi ol { list-style: decimal; }
    .icerik .yazi ol li, .anaSayfa .yazi ol li { padding: 0px 3px; }
    .icerik .yazi ul li, .anaSayfa .yazi ul li { padding: 0px 3px; margin: 0; }
    .icerik .yazi a { font-weight: 600; }
    
    
    
    .genelListe.media { margin-bottom: 20px; }
    .genelListe.media ul { display: inherit; }
    .genelListe.media h6 { width: 100%; float: left; font-size: 20px; line-height: 20px; color: #3c3c3c; margin-bottom: 10px; }
    .genelListe.media li { width: 25%; padding: 4px; }
    .genelListe.media li .resim { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; padding: 10px 0px; background: #efefef; }
    .genelListe.media li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #0c335ab3; z-index: 440; opacity: 0; }
    .genelListe.media li .resim:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-position: center; background-repeat: no-repeat; background-size: 60px; z-index: 441; opacity: 0; }
    /*.genelListe.media li .resim:hover:before, .genelListe.media li .resim:hover:after { opacity: 1; }*/
    .genelListe.media li:hover img { opacity: 0.4; }
    .genelListe.media.belge li .resim:before, .genelListe.media.belge li .resim:after { display: none; }
    .genelListe.media li a { display: table; box-sizing: border-box; position: relative; overflow: hidden; /* background: #e1e1e1; */ /* padding: 1px; */ }
    .genelListe.media a .byt { width: calc(100% - 4px); height: calc(100% - 4px); display: table-cell; display: none; background: url(../images/byt.png) no-repeat center center rgba(51, 66, 77, 0.67); position: absolute; border-radius: 4px; }
    .genelListe.media li a img { margin: 0px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
    .genelListe.media li h6 { font-size: 14px !important; color: #4e4e4e; padding: 6px; text-align: center; }
    .genelListe.media.sosyal li { width: 33.33%; padding: 4px; }
    .genelListe.media.foto li .resim:before { background-image: url(../images/buyut.svg); }
    .genelListe.media.video li .resim:before { background-image: url(../images/oynat.svg); }
    
    .genelListe.media.belge li a { background: #fff; padding: 20px 10px; }
    
    .genelListe.media.belge li .resim { background: none; text-align: center; }
    .genelListe.media.belge li .resim img { width: 45px; max-width: 100%; float: none; display: inline-table; vertical-align: text-bottom; }
    
    .genelListe.media li .resim img.rky { position: absolute; top: 0px; right: -100%; }
    .genelListe.media li .resim img.rky { z-index: -1; }
    .genelListe.media li .resim img.rke { z-index: -2; }
    .genelListe.media li .resim img.rky.sag { right: -100%; }
    .genelListe.media li .resim img.rky.sol { left: -100%; }
    .genelListe.media li .resim.load:before { content: "Fotoğraf Yükleniyor.."; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; background: url(../images/495.gif) no-repeat center 60px; z-index: 105; text-align: center; line-height: 78px; font-size: 12px; opacity: 1; color: #000; }
    .genelListe.media li.utekendi .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(255, 255, 255, 0.82); display: inline-block; z-index: 30; }
    .genelListe.media li .resim.load.lActive:before { opacity: 0; z-index: -1; }
    
    .genelListe.media.ucLu li { width: calc(33.33% - 12px); margin-right: 18px; margin-bottom: 18px; }
    .genelListe.media.ucLu li:nth-child(3n) { margin-right: 0px; }
    
    .genelListe.media.dortLu li { width: calc(25% - 15px); margin-right: 20px; margin-bottom: 20px; }
    .genelListe.media.dortLu li:nth-child(4n) { margin-right: 0px; }
    
    .genelListe.media.besLi li { width: calc(20% - 16px); margin-right: 20px; margin-bottom: 20px; }
    .genelListe.media.besLi li:nth-child(5n) { margin-right: 0; }
    
    .genelListe.media.altiLi li { width: calc(16.66% - 15px); margin-right: 18px; margin-bottom: 18px; }
    .genelListe.media.altiLi li:nth-child(6n) { margin-right: 0; }
    
    .genelListe.media.yediLi li { width: calc(14.285% - 18px); margin-right: 21px; margin-bottom: 21px; }
    .genelListe.media.yediLi li:nth-child(7n) { margin-right: 0; }
    
    .genelListe.media.sekizLi li { width: calc(12.5% - 21px); margin-right: 24px; margin-bottom: 24px; }
    .genelListe.media.sekizLi li:nth-child(8n) { margin-right: 0; }
    
    .genelListe.media.dokuzLu li { width: calc(11.111% - 16px); margin-right: 18px; margin-bottom: 18px; }
    .genelListe.media.dokuzLu li:nth-child(9n) { margin-right: 0; }
    
    .genelListe.media.onLu li { width: calc(10% - 18px); margin-right: 20px; margin-bottom: 20px; }
    .genelListe.media.onLu li:nth-child(10n) { margin-right: 0; }
    
    
    
    .caroufredsel_wrapper { cursor: inherit !important; }
    
    
    .soruCevap.genelListe { margin-top: 0; margin-bottom: 14px; }
    .soruCevap.genelListe li { width: 100%; float: left; padding: 16px 8px 3px 50px; position: relative; cursor: pointer; margin-bottom: 10px; border-top: solid 2px #e1e1e1; background: #fff; }
    .soruCevap.genelListe li:first-child { border-top: 0px; }
    .soruCevap.genelListe li:last-child { margin-bottom: 0px; }
    .soruCevap.genelListe li:after { content: ""; width: 22px; height: 22px; left: 10px; top: 14px; position: absolute; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sart.png); transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; background-color: #676767; }
    .soruCevap.genelListe li.active:after { background-image: url(../images/sart2.png); }
    .soruCevap.genelListe li h6 { width: 100%; float: left; margin-bottom: 3px; margin-top: 1px; border: none; font-size: 15px; color: #545454; line-height: 16px; font-weight: 600; }
    .soruCevap.genelListe li .yazi { width: 100%; float: left; display: none; transition: none; font-size: 13px; color: #6a6a6a; line-height: 17px; }
    
    
    
    
    a.kmenu { width: 50px; height: 40px; float: right; position: relative; right: 0; top: 0; margin: 0; z-index: 10001; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: column; align-items: end; justify-content: center; }
    a.kmenu:before, a.kmenu:after, a.kmenu span { content: ""; width: 100%; float: left; height: 4px; position: relative; left: 0; top: 0; margin: 0 0 12px 0; background: #ffffff; transition: all .8s cubic-bezier(0.49, 0.09, 0.27, 1.55) 0s; }
    a.kmenu:before { width: calc(100% - 12px); }
    a.kmenu.active:before, a.kmenu.active:after, a.kmenu.active span { background: #e84f3d; }
    a.kmenu.active:before { transform: rotate(45deg); top: 15px; left: 5px; width: 100%; }
    a.kmenu.active span { transform: rotate(-45deg); top: 0; width: 100%; }
    a.kmenu span { margin-bottom: 0; }
    a.kmenu:after { width: 60%; float: right; margin-bottom: 0; display: none; }
    
    
    .popUp { width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; background: rgba(96, 96, 96, 0.83); padding: 20px; box-sizing: border-box; z-index: 990; display: none; }
    .popUp .popWrap { width: 1170px; float: none; background: #fff; left: 50%; top: 50%; /* border: solid 6px rgba(144, 144, 144, 0.74); */ box-sizing: border-box; padding: 26px 30px; overflow-x: auto; position: absolute; transform: translate(-50%, -50%); max-height: calc(100% - 30px); box-sizing: border-box; /* z-index: 45; */ }
    .popUp .popWrap.popAc { display: none; }
    .popUp .popWrap .baslik { width: 100%; float: left; margin-bottom: 30px; position: relative; }
    .popUp .popWrap .yazi { width: 100%; float: left; font-size: 12px; line-height: 18px; }
    .popUp .popWrap .baslik strong { width: auto; float: left; font-size: 25px; color: #3a3a3a; font-style: italic; line-height: 28px; font-weight: 300; border-bottom: solid 2px; }
    .popUp .popWrap .baslik span { width: 100%; float: left; display: none; }
    .popUp .popWrap .baslik .kpt { width: 22px; height: 22px; position: absolute; right: 0px; top: 0px; background: url(../images/kptic.png) no-repeat; }
    .popUp .popWrap .harita { width: 100%; float: left; position: relative; }
    .popUp .popWrap .harita iframe { width: 100%; height: 377px; float: left; }
    .popUp .popWrap .harita img, .popUp .icerik .harita a { width: 100%; float: left; }
    .popUp .popWrap .form ul li { width: calc(50% - 10px); margin-right: 20px; margin-top: 17px; }
    .popUp .popWrap .form ul li:nth-child(2n) { margin-right: 0px; }
    .popUp .popWrap .form ul li:last-child { margin-right: 0px; width: 100%; }
    .popUp .popWrap .form input[type="text"] { position: relative; }
    
    .popUp .popWrap .form.isKalem ul li { width: calc(25% - 18px); float: left; margin: 0px; margin-right: 24px; margin-bottom: 25px; }
    .popUp .popWrap .form.isKalem ul li:nth-child(1) { width: 100%; margin-right: 0px; margin-bottom: 27px; }
    .popUp .popWrap .form.isKalem ul li:nth-child(5) { margin-right: 0px; }
    .popUp .popWrap .form.isKalem ul li:nth-child(6) { margin-right: 0px; float: right; }
    .popUp .popWrap .form.isKalem .butons { width: auto; float: right; margin-top: 35px; }
    .popUp .popWrap .form.isKalem .butons a { width: auto; float: left; }
    .popUp .popWrap .form.isKalem .butons a.ony { width: 30px; height: 22px; background: url(../images/ony.png) no-repeat center center; }
    
    .popUp .popWrap.ozelForm { width: 700px; }
    
    .popUp .popWrap.girisYap { width: 500px; }
    
    
    .kayitOls { width: 100%; float: left; }
    .kayitOls .solKisim { width: calc(100% - 430px ); float: left; }
    .kayitOls .sagKisim { width: 380px; float: right; }
    
    .popUp .popWrap.modal { width: 1000px; padding: 0; height: calc(100% - 40px); overflow: hidden; max-height: inherit; position: absolute; background: none; }
    .popUp .popWrap.modal a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
    .popUp .popWrap.modal img { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .popUp .kpt.mdl { width: auto; height: auto; position: absolute; right: 20px; top: 20px; font-size: 20px; z-index: 45; font-size: 34px; color: #fff; }
    .popUp .kpt.mdl:after { content: "X"; }
    
    
    
    
    
    .genelForm { width: 100%; float: left; position: relative; box-sizing: border-box; padding-top: 10px; }
    .genelForm.mesajYaz { margin-bottom: 40px; position: fixed; width: 1170px; left: calc(50% - 585px); bottom: 45px; z-index: 99; }
    .genelForm ul { width: 100%; float: left; position: relative; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; }
    .genelForm ul li { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 20px 0; }
    .genelForm ul li:last-child { margin-bottom: 0; }
    .genelForm ul li.nB { margin-bottom: 0; }
    .genelForm ul li .kps > label { width: auto; float: left; position: relative; font-size: 14px; line-height: 16px; font-weight: 500; color: #4c4d4f; margin: 0 0 8px 10px; z-index: 45; }
    .genelForm ul li .kps > label span { font-size: 12px; line-height: 12px; color: #589933; }
    .genelForm ul li input, .genelForm ul li select, .genelForm ul li textarea { width: 100%; float: left; position: relative; box-sizing: border-box; background: none; border-radius: 0; border: solid 1px #dedede; }
    .genelForm ul li select { width: calc(100% + 2px); left: -1px; }
    .genelForm ul li input[type="text"], .genelForm ul li input[type="password"], .genelForm ul li input[type="email"], .genelForm ul li input[type="date"], .genelForm ul li input[type="month"], .genelForm ul li input[type="number"],
    .genelForm ul li input[type="tel"], .genelForm ul li input[type="time"], .genelForm ul li input[type="week"] { height: 32px; }
    .genelForm ul li input[type="submit"], .genelForm ul li input[type="button"], .genelForm ul li button { font-size: 17px; line-height: 17px; font-weight: 300; color: #fff; background: #4d4d4d; border-radius: 0; padding: 15px 43px; cursor: pointer; box-sizing: border-box; float: none; display: inline-table; border: none; }
    .genelForm ul li input[type="submit"].tam, .genelForm ul li input[type="button"].tam, .genelForm ul li button.tam { padding: 19px 0; }
    .genelForm ul li input[type="submit"].yesil, .genelForm ul li input[type="button"].yesil, .genelForm ul li button.yesil { background-color: #9cc15c; }
    .genelForm ul li textarea { resize: none; height: 130px; }
    .genelForm ul li input[type="submit"].auto, .genelForm ul li input[type="button"].auto, .genelForm ul li button.auto { width: auto; }
    .genelForm ul li input[type="submit"].sag, .genelForm ul li input[type="button"].sag, .genelForm ul li button.sag { float: right; }
    
    .genelForm ul li input[type="text"], .genelForm ul li input[type="email"], .genelForm ul li input[type="date"], .genelForm ul li input[type="month"], .genelForm ul li input[type="number"],
    .genelForm ul li input[type="tel"], .genelForm ul li input[type="time"], .genelForm ul li input[type="week"],
    .genelForm ul li input[type="password"] { height: 47px; }
    
    .genelForm ul li input[type="text"], .genelForm ul li input[type="email"], .genelForm ul li input[type="date"], .genelForm ul li input[type="month"], .genelForm ul li input[type="number"],
    .genelForm ul li input[type="tel"], .genelForm ul li input[type="time"], .genelForm ul li input[type="week"],
    .genelForm ul li input[type="password"], .genelForm ul li textarea { font-size: 15px; line-height: 15px; color: #303030; padding: 12px 13px 14px 13px; }
    
    
    .genelForm ul li input[type="file"] { cursor: pointer !Important; font-size: 14px; line-height: 14px; }
    .genelForm ul li input[type="file"]::-webkit-file-upload-button { background: #589933; border: 0; padding: 16px 25px; cursor: pointer; color: #fff; text-transform: uppercase; }
    
    .genelForm ul li input[type="file"]::-ms-browse { background: #589933; border: 0; padding: 16px 25px; cursor: pointer; color: #fff; text-transform: uppercase; }
    
    
    .genelForm.istek { padding: 26px 14px 0px 14px; margin: 11px 0 0 0; border-top: solid 1px #d0d0d0; }
    .genelForm.istek h2 { width: 100%; float: left; font-size: 18px; line-height: 18px; font-weight: 400; color: #585858; margin: 0 0 20px 0; }
    
    
    
    .genelForm ul li input[type="checkbox"] { opacity: 0; position: absolute !important; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; }
    .genelForm ul li input[type="checkbox"]:disabled { cursor: not-allowed; }
    .genelForm ul li input[type="checkbox"]:disabled:checked + label:after { color: #999; }
    .genelForm ul li input[type="checkbox"]:disabled + label { cursor: not-allowed; }
    .genelForm ul li input[type="checkbox"]:disabled + label:before { background-color: #eee; }
    .genelForm ul li input[type="checkbox"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 5px 0 5px 33px !important; margin-top: 0; font-size: 15px; line-height: 14px; font-weight: 300; color: #525252; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin: 0px 0 0 0; }
    .genelForm ul li input[type="checkbox"] + label a { text-decoration: underline; color: #828282; }
    .genelForm ul li input[type="checkbox"] + label:before { content: ''; position: absolute; top: calc(50% - 12px); left: 0; width: 24px; height: 24px; display: inline-block; background-size: auto auto; box-sizing: border-box; border-radius: 3px; background: #e4e3e3; }
    .genelForm ul li input[type="checkbox"] + label:after { content: ''; position: absolute; top: calc(50% - 12px); left: 0; width: 24px; height: 24px; display: inline-block; background: url(../images/chc1.png) no-repeat center center #757575; background-size: auto auto; box-sizing: border-box; border-radius: 7px; opacity: 0; }
    .genelForm ul li input[type="checkbox"]:checked + label:after { opacity: 1; }
    .genelForm ul li input[type="checkbox"] + label + label.error { display: block; }
    .genelForm ul li input[type="checkbox"].mini + label { font-size: 12px; line-height: 12px; font-weight: 500; padding: 3px 0 0px 22px !important; }
    .genelForm ul li input[type="checkbox"].mini + label a { margin-top: -1px; display: inline-table; vertical-align: top; }
    .genelForm ul li input[type="checkbox"].opak + label:before { border-color: #dddddd; }
    
    
    
    .genelForm ul li input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; }
    .genelForm ul li input[type="radio"]:checked + label:after { opacity: 1; }
    .genelForm ul li input[type="radio"]:disabled { cursor: not-allowed; }
    .genelForm ul li input[type="radio"]:disabled:checked + label:after { color: #999; }
    .genelForm ul li input[type="radio"]:disabled + label { cursor: not-allowed; }
    .genelForm ul li input[type="radio"]:disabled + label:before { background-color: #eee; }
    .genelForm ul li input[type="radio"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 5px 0 5px 33px !important; margin-top: 0; font-size: 17px; line-height: 17px; font-weight: 300; color: #525252; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin: 0; }
    .genelForm ul li input[type="radio"] + label:before { content: ''; position: absolute; top: calc(50% - 12px); left: 0; width: 24px; height: 24px; display: inline-block; background-color: #dbdedc; box-sizing: border-box; border-radius: 100%; }
    .genelForm ul li input[type="radio"] + label:after { content: ''; position: absolute; top: calc(50% - 6px); left: 6px; width: 12px; height: 12px; display: inline-block; background-color: #9a9a9a; box-sizing: border-box; border-radius: 100%; opacity: 0; }
    .genelForm ul li input[type="radio"] + label + label.error { display: block; }
    
    
    
    .genelForm ul li .select2 > .selection { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0; background: none; border-radius: 0; border: solid 1px #d4d4d4; }
    .genelForm ul li .select2-container--default .select2-selection--single { border: none; padding: 0; background: none; border-radius: inherit; }
    .genelForm ul li .select2-container--default .select2-selection--single .select2-selection__rendered { text-align: left; font-size: 16px; line-height: 16px; font-weight: 400; color: #656565; padding: 14px 18px 13px 18px; background: none; border-radius: 0; }
    .genelForm ul li .select2-container--default .select2-selection--single .select2-selection__arrow { width: 11px; height: 100%; right: 20px; top: 0; }
    .genelForm ul li .select2-container--default .select2-selection--single .select2-selection__arrow b { right: 0; background: url(../images/sl.svg) no-repeat center; }
    
    
    .genelForm ul li .sifreUnuttum { width: auto; float: left; text-decoration: underline; margin-top: 8px; font-size: 14px; line-height: 14px; font-weight: 300; color: #525252; }
    .genelForm ul li .uyeOl { width: 100%; float: left; font-size: 17px; line-height: 17px; font-weight: 300; color: #fff; background: #4e4e4e; border-radius: 61px; padding: 15px 43px; cursor: pointer; box-sizing: border-box; text-align: center; }
    
    
    .genelForm ul li .kps { width: 100%; float: left; position: relative; box-sizing: border-box; }
    .genelForm ul li .kps.dashed { border: dashed 1px #dddddd; border-radius: 5px; padding: 0 0px 10px 0px; }
    
    
    .genelForm ul li .kps.dashed.hata { border-color: #c00; }
    .genelForm ul li .kps.dashed.hata label { color: #c00; }
    .genelForm ul li .kps.dashed label.hatasi { width: auto; max-width: 100%; position: absolute; left: 0; bottom: -7px; background: #fff; font-size: 15px; line-height: 15px; color: #c00; padding: 0 15px; margin-left: 15px; }
    .genelForm ul li .kps.dashed.onay { border-color: #9cc15c; }
    .genelForm ul li .kps.dashed.onay label { color: #9cc15c; }
    .genelForm ul li .kps.dashed.onay .hatasi { color: #9cc15c; }
    
    
    .genelForm ul li .serbest .kps { width: auto !important; margin: 0 20px 0px 0 !important; }
    .genelForm ul li .serbest .kps:last-child { margin-right: 0 !important; }
    
    .genelForm ul li.tekLi { width: 100% !important; margin-right: 0 !important; }
    
    .genelForm ul li.ikiLi .kps, .genelForm ul li .ikiLi .kps { width: calc(50% - 10px); margin-right: 20px; }
    .genelForm ul li.ikiLi > .kps:nth-child(2n), .genelForm ul li .ikiLi > .kps:nth-child(2n) { margin-right: 0; }
    
    .genelForm ul li .ikiLi.noMr .kps { width: 50%; margin-right: 0; }
    
    .genelForm ul li.ucLu .kps, .genelForm ul li .ucLu .kps { width: calc(33.33% - 14px); margin-right: 21px; }
    .genelForm ul li.ucLu .kps:nth-child(3n), .genelForm ul li .ucLu .kps:nth-child(3n) { margin-right: 0; }
    
    .genelForm ul li.dortLu .kps, .genelForm ul li .dortLu .kps { width: calc(25% - 15px); margin-right: 20px; }
    .genelForm ul li.dortLu .kps:nth-child(4n), .genelForm ul li .dortLu .kps:nth-child(4n) { margin-right: 0; }
    
    .genelForm ul li.uceBir > .kps { width: calc(33.34% - 7px); margin-right: 21px; }
    .genelForm ul li.uceBir > .kps:nth-child(2) { width: calc(66.66% - 14px); margin-right: 0; }
    
    .genelForm ul li.ozelDort > .kps { width: calc(100% - 107px) !important; margin-right: 21px !important; }
    .genelForm ul li.ozelDort > .kps:nth-child(2) { width: 86px !important; margin-right: 0 !important; }
    
    .genelForm ul li button { width: auto; display: inline-table; position: relative; font-family: 'zil'; font-size: 18px; line-height: 18px; font-weight: 400; color: #303030; margin: 0; padding: 0 0 0 140px; background: none; }
    .genelForm ul li button:before { content: ""; width: 120px; height: 2px; position: absolute; left: 0px; top: 9px; background: #ba9765; }
    
    .genelForm ul li button.mGonder:hover:before { opacity: 0; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); }
    .genelForm ul li button:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid #f68b1f; -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); border-radius: 25px; box-sizing: border-box; }
    .genelForm ul li button:hover:after { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
    
    .genelForm ul li .kps .slt { width: 100%; float: left; position: relative; box-sizing: border-box; }
    
    .genelForm.ikiLi ul li { width: calc(50% - 12px); margin-right: 24px; }
    .genelForm.ikiLi ul li:nth-child(2n) { margin-right: 0px; }
    
    .genelForm.ucLu ul li { width: calc(33.33% - 16px); margin-right: 24px; }
    .genelForm.ucLu ul li:nth-child(3n) { margin-right: 0px; }
    
    .genelForm.dortLu ul li { width: calc(25% -18px ); margin-right: 24px; }
    .genelForm.dortLu ul li:nth-child(4n) { margin-right: 0px; }
    
    .genelForm.besLi ul li { width: calc(20% - 20px); margin-right: 25px; }
    .genelForm.besLi ul li:nth-child(5n) { margin-right: 0px; }
    
    
    
    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill,
    select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: none; -webkit-text-fill-color: #828282; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s; font-size: 22px; line-height: 22px; font-weight: 300; color: #828282; border: solid 1px #b9b9b9; }
    
    
    
    .sade .checkbox { position: relative; text-align: left; }
    .sade .checkbox.sade .checkbox-inline { display: inline-block; vertical-align: middle; }
    .sade .checkbox.sade .checkbox-inline { margin-top: 7px; padding-top: 0; }
    .sade .checkbox:last-child, .sade .checkbox:last-of-type { margin-bottom: 0; }
    .sade .checkbox input[type="checkbox"] { opacity: 0; position: absolute !important; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; }
    .sade .checkbox input[type="checkbox"]:checked + label:after { content: ""; position: absolute; width: 19px; height: 17px; left: 0px; top: 1px; background: url(../images/chc1.png) no-repeat center center; z-index: 4; box-sizing: border-box; }
    .sade .checkbox input[type="checkbox"]:disabled { cursor: not-allowed; }
    .sade .checkbox input[type="checkbox"]:disabled:checked + label:after { color: #999; }
    .sade .checkbox input[type="checkbox"]:disabled + label { cursor: not-allowed; }
    .sade .checkbox input[type="checkbox"]:disabled + label:before { background-color: #eee; }
    .sade .checkbox label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 2px 0px 2px 26px !important; margin-top: 0; font-size: 15px; line-height: 15px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; cursor: pointer; }
    .sade .checkbox label:before { content: ''; position: absolute; top: 0; left: 0; width: 19px; height: 19px; display: inline-block; background-color: #FFFFFF; border: solid 1px #dedcdc; box-sizing: border-box; border-radius: 2px; }
    .sade .checkbox label + label.error { display: block; }
    
    
    .genelListe.swip, .genelListe .swip { position: relative; overflow: hidden; list-style: none; padding: 0; }
    .uKapsul.swip { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
    
    
    
    .blogDetay { width: 100%; float: left; padding: 0px; background: none; }
    .blogDetay .solKisim { width: calc(100% - 384px); float: left; padding: 0; box-sizing: border-box; }
    .blogDetay .sagKisim { width: 364px; float: right; background: #ececec; padding: 20px 20px; box-sizing: border-box; }
    .blogDetay .solKisim .yazi { width: 100%; float: left; font-size: 14px; line-height: 22px; margin-bottom: 10px; }
    .blogDetay .solKisim .genelBaslik .tarih { width: auto; float: right; margin-top: 10px; font-size: 10px; color: #777773; }
    .blogDetay .solKisim .resmi { width: 100%; float: left; box-sizing: border-box; padding: 20px 20px; margin: 0 0 30px 0; background: #ececec; }
    .blogDetay .solKisim .resmi img, .blogDetay .solKisim .resmi a { width: 100%; height: auto; float: left; }
    .blogDetay .paylas { width: 100%; float: left; position: relative; box-sizing: border-box; border-top: solid 1px #d0d0d0; padding: 13px 0 0 0; margin: 10px 0 0 0; }
    .blogDetay .paylas:before { content: attr(data-text) ":"; width: auto; float: left; margin: 4px 0 0 0; }
    .blogDetay .sosyalMediam { width: auto; float: left; position: relative; box-sizing: border-box; padding: 0 0 0 0; margin: 0 0 0 10px; }
    .blogDetay .sosyalMediam a { width: auto; float: left; margin: 0 10px 0 0; }
    .blogDetay .sosyalMediam a i { width: 30px; height: 30px; float: left; background: #f1f1f1; font-size: 17px; line-height: 29px; color: #848484; text-align: center; border-radius: 100%; }
    
    
    
    .blogListe.genelListe li { width: calc(33% - 20px); padding: 0px; margin-right: 30px; margin-bottom: 30px; }
    .blogListe.genelListe li:nth-child(3n) { margin-right: 0px; }
    .blogListe.genelListe li a { background: #ffffff; padding: 0px 0px 20px 0px; border: solid 1px #e8e8e8; }
    .blogListe.genelListe li .resim { padding: 4px; }
    .blogListe.genelListe li .tarih { width: 100%; float: left; text-align: center; font-size: 10px; font-style: italic; margin-top: 0; color: #505050; }
    .blogListe.genelListe li .resim:after { content: ""; position: absolute; left: calc(50% - 15px); bottom: -14px; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #ffffff transparent; }
    .blogListe.genelListe li h6:after { content: ""; width: 70px; height: 1px; background: #b3b3b3; position: absolute; left: 50%; top: 0px; transform: translate(-50%, -0px); }
    .blogListe.genelListe li h6 { font-size: 17px; line-height: 22px; color: #484848; font-weight: 500; text-align: justify; min-height: 30px; position: relative; padding: 10px 20px 0 20px; margin: 12px 0 0 0; }
    .blogListe.genelListe li p { text-align: justify; padding: 0px 35px; margin-top: 9px; color: #3e3e3e; font-size: 13px; line-height: 17px; font-weight: 400; }
    .blogListe.genelListe li p:before { content: ""; width: 1px; height: 100%; position: absolute; top: 0px; left: 25px; background: #0c4068; }
    .blogListe.genelListe li a:hover .resim:before { border: solid 3px rgba(250, 184, 53, 0.52); }
    
    
    
    .blogListe.genelListe.tekil li { width: 100%; margin: 0px; border-bottom: solid 1px #e0e0df; padding-bottom: 11px; margin-bottom: 11px; }
    .blogListe.genelListe.tekil li a { padding: 0px; background: none; border: none; }
    .blogListe.genelListe.tekil li .resim { width: 71px; }
    .blogListe.genelListe.tekil li .resim:after { display: none; }
    .blogListe.genelListe.tekil li h6 { width: calc(100% - 71px); float: right; text-align: left; font-size: 12px; line-height: 19px; padding: 0px; margin-top: -3px; padding-left: 10px; font-size: 13px; color: #6d6d6d; font-weight: 400; }
    .blogListe.genelListe.tekil li h6:after { display: none; }
    .blogListe.genelListe.tekil li .tarih { width: auto; margin-left: 12px; font-size: 10px; margin: 5px 0 0 12px; }
    .blogListe.genelListe.tekil li:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }
    .cookiBar { width: 100%; position: fixed; box-sizing: border-box; left: 0px; bottom: 0px; padding: 0 25px; background: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); box-shadow: 0 0 20px rgba(0,0,0,0.3); z-index: 99999; -webkit-transition: bottom .7s, opacity .8s; transition: bottom .7s, opacity .8s; padding: 28px 0px; }
    .cookiBar .ortala { display: table; table-layout: fixed; padding: 0 0; }
    .cookiBar .ortala .solK { width: 100%; display: table-cell; vertical-align: middle; color: #535353; }
    .cookiBar .ortala .solK strong { width: 100%; float: left; font-size: 18px; line-height: 18px; }
    .cookiBar .ortala .solK .yazi { width: 100%; float: left; position: relative; margin: 8px 0 0 0; font-size: 14px; line-height: 18px; }
    .cookiBar .ortala .sagK { width: 120px; display: table-cell; vertical-align: middle; }
    .cookiBar .ortala .sagK button { width: 100%; float: left; font-size: 16px; line-height: 16px; border: none; color: #fff; background: #00548e; padding: 14px 0; cursor: pointer; }
    
    
    
    
    
    @media screen and (max-width: 1170px) {
    
       .genelListe.media:not(.caro) li { width: 25% !important; margin: 0; padding: 8px; }
    
       .genelListe.media li h6 { font-size: 13px; line-height: 18px; }
       .icerik .yazi ul, .icerik .yazi ol { margin: 15px 0px; padding: 0px 36px; }
       .genelListe.media:not(.caro) li { padding: 0 10px; margin-bottom: 20px; }
    
    
       .popUp .popWrap { width: calc(100% - 30px) !important; }
    
    
    
       .genelForm ul li input[type="text"], .genelForm ul li input[type="email"], .genelForm ul li input[type="date"], .genelForm ul li input[type="month"], .genelForm ul li input[type="number"], .genelForm ul li input[type="tel"], .genelForm ul li input[type="time"], .genelForm ul li input[type="week"], .genelForm ul li input[type="password"], .genelForm ul li textarea { font-size: 14px; line-height: 15px; /* padding: 4px 15px; */ }
    
    
       .genelForm ul li .kps > label { font-size: 14px; line-height: 16px; margin: -7.5px 0 7px 0px; padding: 0 10px; width: 100%; }
    
    
    
       .genelForm ul li .select2 > .selection { padding: 0 15px; }
       .genelForm ul li .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 14px; line-height: 14px; font-weight: 400; padding: 14px 15px 15px 0; }
       .genelForm ul li .select2-container--default .select2-selection--single .select2-selection__arrow b { right: 15px; }
    
    
       .genelForm ul li input[type="submit"].tam, .genelForm ul li input[type="button"].tam, .genelForm ul li button.tam { padding: 18px 0; }
       .genelForm ul li input[type="submit"], .genelForm ul li input[type="button"], .genelForm ul li button { font-size: 15px; line-height: 15px; font-weight: 400; }
    
    
       .genelForm.mesajYaz { width: calc(100% - 40px); left: 20px; margin: 0; background: #fff; bottom: 70px; }
       .genelForm ul li.ozelDort > .kps { margin-bottom: 0 !important; width: calc(100% - 36px) !important; margin-right: 0 !important; }
       .genelForm ul li.ozelDort > .kps:nth-child(2) { width: 47px !important; margin-left: -11px !important; }
    
       .genelForm ul li button.mGonder { background-color: #e74c3c; border: solid 3px #fff; }
       .genelForm ul li button.mGonder:after, .genelForm ul li button.mGonder:before { display: none; }
    
    
       .blogDetay .solKisim { width: 100%; padding: 0px 2px; }
       .blogDetay .sagKisim, .blogDetay .solKisim .genelBaslik .tarih { display: none; }
       .blogDetay { background: #fff; }
    
    
    
       .cookiBar { padding: 15px 0px; }
       .cookiBar .ortala { display: inherit; padding: 0 20px; }
       .cookiBar .ortala .solK { width: 100%; float: left; display: inherit; }
       .cookiBar .ortala .solK strong { font-size: 17px; line-height: 18px; }
       .cookiBar .ortala .solK .yazi { font-size: 13px; line-height: 18px; }
       .cookiBar .ortala .sagK { width: 100%; display: inherit; float: left; margin: 10px 0 0 0; }
       .cookiBar .ortala .sagK button { width: auto; padding: 7px 15px; font-size: 14px; line-height: 14px; }
    
    
       .blogListe.genelListe li { width: 33.33%; margin: 0 0 12px 0; padding: 0 8px; }
    }
    
    @media screen and (max-width: 1024px) {
    
       .genelForm ul li { width: 100% !important; margin: 0 0 25px 0 !important; }
       .genelForm ul li .sifreUnuttum { float: left; margin: 0; }
       .genelForm ul li:last-child { margin-bottom: 0 !important; }
       .genelForm ul li .kps, .genelForm ul li .serbest .kps { width: 100% !important; margin: 0 0 25px 0 !important; }
       .genelForm ul li .kps.dashed .serbest .kps { padding-left: 10px !important; }
       .genelForm ul li .kps.dashed .kps { border-bottom: dashed 1px #d3d4d1; padding: 0 0 9px 0 !important; margin: 0 0 10px 0 !important; }
       .genelForm ul li .kps.dashed .kps:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
    
       .genelForm ul li .kps:last-child { margin-bottom: 0 !important; }
       .genelForm ul li textarea { height: 80px; }
    
       .genelForm ul li input[type="submit"].auto, .genelForm ul li input[type="button"].auto, .genelForm ul li button.auto { width: 100%; }
    }
    
    @media screen and (max-width: 980px) {
       .popUp .popWrap.girisYap { width: calc(100% - 40px); }
    }
    
    @media screen and (max-width: 800px) {
       .wrapTable { overflow-y: scroll; }
       .icerik .wrapTable table { width: 800px !important; }
    }
    
    @media screen and (max-width: 768px) {
       .blogListe.genelListe li { width: 50%; }
    }
    
    @media screen and (max-width: 720px) {
       .genelListe.media:not(.caro) li { width: 33.33% !important; }
    }
    
    
    @media screen and (max-width: 480px) {
    
       .genelListe.media:not(.caro) li { width: 50% !important; }
    
    
       .genelForm ul li .serbest .kps { width: 100% !important; margin: 0 0px 5px 0px !important; padding: 0 15px; }
       .genelForm ul li .serbest .kps:last-child { margin-bottom: 0 !important; }
    
    
       .blogDetay .solKisim .resmi { width: 100%; margin: 0 0 20px 0; }
    
    
       .blogListe.genelListe li { width: 100%; padding: 0; margin-bottom: 30px; }
    }
    
    @media screen and (max-width:440px) {
    
       .genelListe.media:not(.caro) li { width: 100% !important; }
    }
    