a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
table, table td { 
    padding:0;
    border:none;
    border-collapse:collapse;
}
img {
    vertical-align:top; 
}
embed { 
    vertical-align:top;
}
a {
    text-decoration: none;
}

/* Genel */
html, body {background: #f7f5f6;font-family: 'Open Sans', sans-serif;position: relative;}
.genel {width: 1170px;margin: 0 auto;}
.temiz {clear: both;}
.sol .slider {display: block;}
.sol .swiper-container {display: none;}
.mobilMenu {display: none;}
.alert {position: relative;padding: 0.75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 0.25rem;}
.alert-warning {color: #856404;background-color: #fff3cd;border-color: #ffeeba;}

/* Lang */
#goog-gt-tt {
    display: none !important;
}
.goog-te-banner-frame {
    display: none !important;
}
.goog-te-menu-value:hover {
    text-decoration: none !important;
}
.flagss {
    display: block;
    float: left;
    width: 26px;
    padding: 3px;
}
.flagss img {
    width: 100%;
}
body {
    top: 0 !important;
}
#google_translate_element2 {
    display: none !important;
}
.lang_bar span {
    display: block;
    float: left;
    /* padding: 5px; */
    font-family: "Rubik", sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 7px;
}
.lang_bar {
    position: fixed;
    bottom: 50px;
    right: 0;
    z-index: 9;
    background: #fff;
    /* padding: 4px; */
}

@media screen and (max-width: 900px) and (min-width: 100px) {
    .lang_bar {
        
        width: 100%;
        display: block;
        float: left;
    }
    .flagss img {
        width: 100%;
    }
    .lang_bar span {
        display: block;
        width: 100%;
        text-align: center;
    }
    .flagss {
    margin-left: 13px;
    }
}

/* Sözleşme  */
ul.sozlesme {height: auto;overflow: hidden;float: right;margin-top: 20px;}
ul.sozlesme > li {float: left;padding: 0 10px;font-size: 14px;font-weight: 400;}
ul.sozlesme > li > a {display: block;text-decoration: none;outline: none;color: #6c737b;transition: all 0.5s ease;}
ul.sozlesme > li:hover > a {color: #fff;}

/* metin */
div.metin {width: 400px;height: auto;overflow: hidden;background: rgba(0,0,0,.7);position: fixed;left: 20px;bottom: 20px;padding: 7px;/* border-radius: 20px; */z-index: 9;display: none;}
div.metin > p {display: block;font-size: 13px;font-weight: 400;color: #fff;line-height: 25px;}
div.metin a {display: inline-block;text-decoration: underline;outline: none;color: #fff;}
div.metin > span.kapats {display: block;float: right;font-size: 15px;color: #fff;cursor: pointer;}

/* Nav */
.nav {height: 96px;background: #ffffff;overflow: hidden;}
.nav span.bars {display: block;float: left;width: 50px;height: 50px;background: #0154db;text-align: center;margin-top: 23px;cursor: pointer;}
.nav span.bars > i {font-size: 20px;color: #fff;line-height: 50px;}
.nav h1.logo {display: block;float: left;width: 93px;height: 30px;overflow: hidden;margin-top: 33px;margin-left: 20px;}
.nav h1.logo > a {display: block;text-decoration: none;outline: none;}
.nav ul.menu {float: right;height: 20px;margin-top: 38px;}
.nav ul.menu > li {float: left;padding: 0 15px;font-size: 14px;font-weight: 400;}
.nav ul.menu > li > a {display: block;text-decoration: none;outline: none;color: #676e74;transition: all 0.5s ease;}
.nav ul.menu > li:hover > a {color: #fff;}
.nav span.arama {display: block;float: right;color: #5d6266;font-size: 18px;cursor: pointer;border-left: 1px solid #36373b;padding-left: 15px;margin-top: 39px;transition: all 0.5s ease;}
.nav span.arama:hover {color: #fff;}

/* Duyuru */
.duyuru {height: 60px;overflow: hidden;background: #0154db;}
.duyuru span.baslik {display: block;height: 60px;width: 122px;border-right: 1px solid #1b1c1e;line-height: 60px;font-size: 14px;font-weight: 400;color: #ffffff;line-height: 60px;float: left;}
.duyuru span.baslik > i {font-size: 22px;line-height: 60px;margin-right: 5px;}
.duyuru .kapsa {width: 1000px;height: 60px;overflow: hidden;float: left;}
.duyuru ul.liste {float: left;height: 60px;overflow: hidden;width: 980px;padding-left: 20px;}
.duyuru ul.liste > li {height: 60px;overflow: hidden;font-size: 13px;font-weight: 400;line-height: 60px;}
.duyuru ul.liste > li > a {display: block;text-decoration: none;outline: none;color: #ffffff;transition: all 0.5s ease;}
.duyuru ul.liste > li:hover > a, .duyuru ul.liste > li.aktif > a {color: #fff;}
.duyuru .yon {float: right;height: 60px;overflow: hidden;}
.duyuru .yon > span.onceki {display: block;float: left;font-size: 25px;color: #ffffff;cursor: pointer;margin-right: 10px;transition: all 0.5s ease;}
.duyuru .yon > span.onceki > i {line-height: 60px;}
.duyuru .yon > span.onceki:hover {color: #0154db;}
.duyuru .yon > span.sonraki {display: block;float: right;font-size: 25px;color: #ffffff;cursor: pointer;transition: all 0.5s ease;}
.duyuru .yon > span.sonraki > i {line-height: 60px;}
.duyuru .yon > span.sonraki:hover {color: #0154db;}

/* Content */
.content {height: auto;overflow: hidden;margin-top: 30px;margin-bottom: 50px;}
.content .sol {width: 770px;height: auto;overflow: hidden;float: left;}
.sol > span.bilgi {display: block;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;color: #1b1c1e;margin: 10px 0;height: 20px;line-height: 20px;}
.sol > span.bilgi i {line-height: 20px;}
.sol > span.bilgi > a {display: block;text-decoration: none;outline: none;color: #1b1c1e;}
.sol .slider {width: 730px;height: 434px;padding: 20px;background: #fff;}
.sol .slider > ul.buyukResim {width: 730px;height: 360px;overflow: hidden;}
.sol .slider > ul.buyukResim > li {width: 730px;height: 360px;overflow: hidden;float: left;position: relative;}
.sol .slider > ul.buyukResim > li > a {display: block;text-decoration: none;outline: none;}
.sol .slider > ul.buyukResim > li > a > img {-o-object-fit: cover;object-fit: cover;height: 360px;width:100%;}
.sol .slider > ul.buyukResim > li span.kategori {display: block;padding: 5px 15px;font-size: 14px;font-weight: 500;color: #fff;background: #c94edc;position: absolute;left: 40px;bottom: 138px;z-index: 2;border-radius: 2px;}
.sol .slider > ul.buyukResim > li span.baslik {display: block;width: 420px;height: 55px;font-size: 22px;color: #fff;font-weight: 400;position: absolute;left: 40px;bottom: 70px;z-index: 2;}
.sol .slider > ul.buyukResim > li span.tarih {display: block;width: 110px;height: 25px;font-size: 12px;font-weight: 600;color: #fff;position: absolute;left: 40px;bottom: 25px;z-index: 2;line-height: 25px;}
.sol .slider > ul.buyukResim > li span.tarih > i {line-height: 25px;}
.sol .slider > ul.buyukResim > li span.yorum {display: block;width: 110px;height: 25px;font-size: 12px;font-weight: 600;color: #fff;position: absolute;left: 160px;bottom: 25px;z-index: 2;line-height: 25px;}
.sol .slider > ul.buyukResim > li span.yorum > i {line-height: 25px;}
.sol .slider > ul.kucukResim {width: 730px;height: 60px;overflow: hidden;margin-top: 14.4px;}
.sol .slider > ul.kucukResim > li {float: left;width: 60px;height: 60px;margin-right: 14.4px;cursor: pointer;}
.sol .slider > ul.kucukResim > li:last-child {margin-right: 0;}
.sol .slider > ul.kucukResim > li > img {-o-object-fit: cover;object-fit: cover;height:60px;width:100%;}
.sol .box {width: 730px;height: 260px;padding: 20px;background: #fff;/* margin-top: 30px; */margin-bottom: 20px;}
.sol .box > .resim {width: 260px;height: 260px;overflow: hidden;float: left;position: relative;margin-right: 30px;}
.sol .box > .resim > img {
    height: 260px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.sol .box > .resim > span.kategori {display: block;position: absolute;left: 0;top: 24px;padding: 5px 10px;background: #e83a3c;font-size: 13px;font-weight: 400;color: #fff;}
.sol .box span.baslik > a {display: block;font-size: 18px;font-weight: 400;color: #000000;height: 48px;overflow: hidden;outline: none;text-decoration: none;}
.sol .box span.aciklama {display: block;font-size: 13px;font-weight: 400;color: #000000;line-height: 21px;margin-top: 10px;height: 126px;overflow: hidden;}
.sol .box a.devam {display: block;float: left;width: 130px;height: 44px;text-align: center;line-height: 44px;font-size: 13px;font-weight: 400;color: #fff;background: #0154db;margin-top: 20px;transition: all 0.5s ease;}
.sol .box a.devam:hover {opacity: .8;}
.sol .box span.yorum {display: block;float: left;font-size: 13px;font-weight: 300;color: #000000;margin: 0 20px;height: 20px;line-height: 20px;margin-top: 30px;}
.sol .box span.yorum > i {line-height: 20px;margin-right: 3px;transition: all 0.5s ease;}
.sol .box span.okunma {display: block;float: left;font-size: 13px;font-weight: 300;color: #000000;margin-right: 20px;height: 20px;line-height: 20px;margin-top: 30px;}
.sol .box span.okunma > i {line-height: 20px;margin-right: 3px;transition: all 0.5s ease;}
.sol .box span.tarih {display: block;float: left;font-size: 13px;font-weight: 300;color: #000000;height: 20px;line-height: 20px;margin-top: 30px;}
.sol .box span.tarih > i {line-height: 20px;margin-right: 3px;transition: all 0.5s ease;}
.sol .box span:hover i {color: #0154db;}
.sol ul.pager {width: 100%;height: 40px;overflow: hidden;margin: 30px 0;}
.sol ul.pager > li {width: 40px;height: 40px;float: left;background: #fff;text-align: center;font-size: 14px;font-weight: 600;line-height: 40px;margin-right: 10px;transition: all 0.5s ease;border-radius: 2px;}
.sol ul.pager > li:hover, .sol ul.pager > li.aktif {background: #0154db;}
.sol ul.pager > li > a {display: block;text-decoration: none;outline: none;color: #a1a1a1;transition: all 0.5s ease;}
.sol ul.pager > li:hover > a, .sol ul.pager > li.aktif > a {color: #fff;}
.sol .neredeyim {width: 750px;height: 50px;background: #fff;padding-left: 20px;}
.sol .neredeyim > a {display: block;text-decoration: none;outline: none;font-size: 13px;font-weight: 400;color: #d1d1d1;float: left;line-height: 50px;transition: all 0.5s ease;}
.sol .neredeyim > a:hover, .sol .neredeyim > a.aktif {color: #333;}
.sol .neredeyim > i {font-size: 17px;color: #d1d1d1;line-height: 50px;margin: 0 10px;float: left;}
.sol h2.kategoriTitle {display:block;width:100%;height:50px;line-height:50px;font-size: 22px;color: #333;margin: 10px 0;overflow: hidden;}
.sol .detay {width: 730px;padding: 20px;background: #fff;margin-top: 10px;overflow: hidden;}
.detay > .resim {width: 100%;height: auto;overflow: hidden;position: relative;}
.detay > .resim > span.kategori {display: block;padding: 5px 10px;font-size: 13px;font-weight: 400;color: #fff;background: #e83a39;position: absolute;left: 0;top: 20px;z-index: 2;}
.detay > span.baslik {display: block;width: 100%;font-size: 18px;font-weight: 500;color: #000000;margin: 7px 0;}
.detay > span.yorum {display: block;float: left;margin-right: 15px;font-size: 13px;font-weight: 300;color: #000000;height: 25px;line-height: 25px;}
.detay > span.yorum > i {font-size: 15px;line-height: 25px;color: #c2c2c2;}
.detay > span.okunma {display: block;float: left;margin-right: 15px;font-size: 13px;font-weight: 300;color: #494949;height: 25px;line-height: 25px;}
.detay > span.okunma > i {font-size: 15px;line-height: 25px;color: #c2c2c2;}
.detay > span.tarih {display: block;float: left;font-size: 13px;font-weight: 300;color: #222222;height: 25px;line-height: 25px;}
.detay > span.tarih > i {font-size: 15px;line-height: 25px;color: #c2c2c2;}
.detay > span.icerik {display: block;width: 100%;height: auto;overflow: hidden;line-height: 21px;font-size: 14px;font-weight: 400;color: #222222;margin-top: 10px;margin-bottom: 20px;}
.detay > span.etiket {display: block;width: 100%;}
.detay > span.etiket > a {display: block;text-decoration: none;outline: none;font-size: 13px;font-weight: 300;color: #fff;background: #1fd461;padding: 5px 10px;margin-right: 5px;float: left;transition: all 0.5s ease;}
.detay > span.etiket > a:hover {opacity: .8;}
.detay > .yorumlar {width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
.detay > .yorumlar > h3.yTitle {display: block;font-size: 20px;font-weight: 600;color: #545454;margin-bottom: 20px;}
.detay > .yorumlar > .yorum {width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #f3f3f3;padding-bottom: 15px;margin-bottom: 15px;}
.detay > .yorumlar > .yorum:last-child {border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}
.detay > .yorumlar > .yorum > span.avatar {display: block;width: 55px;height: 100%;float: left;margin-right: 15px;}
.detay > .yorumlar > .yorum > span.nick {display: block;font-size: 13px;font-weight: 600;color: #545454;}
.detay > .yorumlar > .yorum > span.metin {display: block;font-size: 13px;font-weight: 400;color: #8c8c8c;line-height: 18px;}
.detay > .yorumYap {width: 100%;height: auto;overflow: hidden;margin-top: 40px;}
.detay > .yorumYap h3.title {display: block;font-size: 20px;font-weight: 600;color: #545454;margin-bottom: 10px;}
.detay > .yorumYap span.yAciklama {display: block;font-size: 14px;font-weight: 400;color: #8c8c8c;line-height: 21px;margin-bottom: 10px;}
.detay > .yorumYap label.txt {display: block;width: 360px;height: 45px;float: left;}
.detay > .yorumYap label.txt:first-child {margin-right: 10px;}
.detay > .yorumYap input {display: block;outline: none;width: 348px;height: 43px;border: 1px solid #e1e1e1;padding-left: 10px;font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: 400;color: #cbcbcb;}
.detay > .yorumYap textarea {display: block;outline: none;width: 708px;height: 148px;border: 1px solid #e1e1e1;padding: 10px;font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: 400;color: #cbcbcb;resize: none;margin-top: 10px;float: left;}
.detay > .yorumYap button {display: block;outline: none;cursor: pointer;width: 123px;height: 44px;float: left;background: #1ed75f;text-align: center;line-height: 44px;font-size: 13px;font-weight: 400;border: 0;color: #fff;margin-top: 10px;transition: all 0.5s ease;}
.detay > .yorumYap button:hover {opacity: .8;}
.content .sag {width: 370px;height: auto;overflow: hidden;float: right;}
.sag .kategori {width: 310px;padding: 30px;background: #fff;}
.sag .kategori > h3 {display: block;width: 100%;height: 30px;line-height: 15px;font-size: 18px;font-weight: 400;color: #232524;border-bottom: 1px solid #ebebeb;}
.sag .kategori > ul.kList {width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
.sag .kategori > ul.kList > li {width: 140px;height: 30px;font-size: 13px;font-weight: 400;line-height: 30px;float: left;background: url('../images/dot.jpg') no-repeat;padding-left: 15px;background-position-y: 14px;}
.sag .kategori > ul.kList > li > a {display: block;text-decoration: none;outline: none;color: #717171;}
.sag .pYazilar {width: 310px;padding: 30px;background: #fff;margin-top: 30px;}
.sag .pYazilar > h3 {display: block;width: 100%;height: 30px;line-height: 15px;font-size: 18px;font-weight: 400;color: #232524;border-bottom: 1px solid #ebebeb;}
.sag .pYazilar > ul.pList {width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.sag .pYazilar > ul.pList > li {height: 60px;width: 100%;margin-bottom: 20px;overflow: hidden;}
.sag .pYazilar > ul.pList > li > a {display: block;text-decoration: none;outline: none;width: 100%;height: 100%;}
.sag .pYazilar > ul.pList > li span.resim {display: block;float: left;width: 80px;height: 60px;position: relative;margin-right: 20px;}
.sag .pYazilar > ul.pList > li span.pKategori {display: block;width: 66px;height: 24px;border-radius: 24px;font-size: 11px;font-weight: 300;color: #fff;background: #e9393b;position: absolute;left: 50%;top: 50%;z-index: 2;line-height: 24px;margin-left: -33px;margin-top: -12px;text-align: center;display: none;}
.sag .pYazilar > ul.pList > li span.baslik {display: block;font-size: 14px;font-weight: 400;color: #7c7c7c;transition: all 0.5s ease;height: 38px;overflow: hidden;}
.sag .pYazilar > ul.pList > li:hover span.baslik {color: #0154db;}
.sag .pYazilar > ul.pList > li span.yorum {display: block;float: left;font-size: 12px;font-weight: 300;color: #c2c2c2;margin-right: 10px;height: 17px;line-height: 17px;margin-top: 5px;}
.sag .pYazilar > ul.pList > li span.yorum > i {line-height: 17px;}
.sag .pYazilar > ul.pList > li span.okunma {display: block;float: left;font-size: 12px;font-weight: 300;color: #c2c2c2;margin-right: 10px;height: 17px;line-height: 17px;margin-top: 5px;}
.sag .pYazilar > ul.pList > li span.okunma > i {line-height: 17px;}
.sag .pYazilar > ul.pList > li span.tarih {display: block;float: left;font-size: 12px;font-weight: 300;color: #c2c2c2;height: 17px;line-height: 17px;margin-top: 5px;}
.sag .pYazilar > ul.pList > li span.tarih > i {line-height: 17px;}
.sag .pYazilar > ul.pList > li:hover span.pKategori, .sag .pYazilar > ul.pList > li.aktif span.pKategori {display: block;}
.sag .sYorumlar {width: 310px;padding: 30px;background: #fff;margin-top: 30px;}
.sag .sYorumlar > h3 {display: block;width: 100%;height: 30px;line-height: 15px;font-size: 18px;font-weight: 400;color: #232524;border-bottom: 1px solid #ebebeb;}
.sag .sYorumlar > ul.sList {width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.sag .sYorumlar > ul.sList > li {height: 60px;width: 100%;margin-bottom: 20px;overflow: hidden;}
.sag .sYorumlar > ul.sList > li > a {display: block;text-decoration: none;outline: none;width: 100%;height: 100%;}
.sag .sYorumlar > ul.sList > li span.resim {display: block;float: left;width: 80px;height: 60px;position: relative;margin-right: 20px;}
.sag .sYorumlar > ul.sList > li span.baslik {display: block;font-size: 14px;font-weight: 400;color: #7c7c7c;transition: all 0.5s ease;}
.sag .sYorumlar > ul.sList > li:hover span.baslik {color: #0154db;}
.sag .sYorumlar > ul.sList > li span.yorum {display: block;float: left;font-size: 12px;font-weight: 300;color: #c2c2c2;margin-right: 10px;height: 17px;line-height: 17px;margin-top: 5px;}
.sag .sYorumlar > ul.sList > li span.yorum > i {line-height: 17px;}
.sag form#iForm {width: 100%;height: auto;overflow: hidden;margin-top: 10px;}
.sag form#iForm input {width: 166px;height: 33px;outline: none;border: 1px solid #eae5e8;border-radius: 2px;font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: 400;float: left;padding-left: 10px;margin: 2px;}
.sag form#iForm textarea {width: 95%;height: 120px;outline: none;border: 1px solid #eae5e8;border-radius: 2px;font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: 400;float: left;padding-left: 10px;margin-top: 2px;resize: none;}
.sag form#iForm button {width: 365px;height: 35px;border-radius: 2px;outline: none;cursor: pointer;border: 0;text-align: center;line-height: 35px;background: #0154db;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;color: #fff;margin: 10px 0;}


/* Footer */
.footer {height: auto;overflow: hidden;background: #1b1c1e;}
.footer .boxes {width: 150px;height: auto;float: left;margin-top: 30px;margin-right: 15px;}
.footer .boxes > h3 {display: block;font-size: 14px;font-weight: 600;color: #fff;margin-bottom: 15px;}
.footer .boxes > ul.boxList {width: 100%;height: auto;overflow: hidden;}
.footer .boxes > ul.boxList > li {width: 100%;height: 37px;line-height: 21px;font-weight: 300;font-size: 13px;border-bottom: 1px solid #2c2c2c;padding-bottom: 10px;margin-bottom: 10px;overflow: hidden;}
.footer .boxes > ul.boxList > li > a {display: block;text-decoration: none;outline: none;color: #6c737b;transition: all 0.5s ease;}
.footer .boxes > ul.boxList > li:hover > a {color: #fff;}
.footer .ebulten {width: 490px;float: right;height: auto;overflow: hidden;margin-top: 30px;}
.footer .ebulten > span.baslik {display: block;font-size: 14px;font-weight: 600;color: #fff;margin-bottom: 4px;}
.footer .ebulten > span.aciklama {display: block;font-size: 13px;font-weight: 400;color: #656a70;margin-bottom: 10px;}
.footer .ebulten input {display: block;float: left;width: 369px;height: 58px;font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: 400;color: #6b727a;padding-left: 10px;padding-right: 10px;border-top: 1px solid #6c737b;border-left: 1px solid #6c737b;border-bottom: 1px solid #6c737b;background: transparent;outline: none;border-right: 0;}
.footer .ebulten button {display: block;outline: none;cursor: pointer;width: 100px;height: 62px;background: #0154db;text-align: center;line-height: 62px;font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: 500;color: #fff;transition: all 0.5s ease;border: 0;float: right;}
.footer .ebulten button:hover {opacity: .9;}

/* Copyright */
.copyright {height: 50px;overflow: hidden;background: #232426;}
.copyright .author {float: left;height: 50px;font-size: 13px;font-weight: 400;color: #ffffff;line-height: 50px;}
.copyright .author > a {color: #0154db;font-size: 13px;}
.copyright ul.sosyal {float: right;height: 50px;overflow: hidden;}
.copyright ul.sosyal > li {float: left;height: 50px;}
.copyright ul.sosyal > li > a {display: block;text-decoration: none;outline: none;padding: 0 10px;color: #6b727a;transition: all 0.5s ease;}
.copyright ul.sosyal > li i {font-size: 17px;line-height: 50px;}
.copyright ul.sosyal > li:hover > a {color: #0154db;}

/* Arama */
span.golge {display: none;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.7);left: 0;top: 0;z-index: 5;}
.search {width: 460px;height: 30px;background: #fff;padding: 20px;border-radius: 20px;position: fixed;left: 50%;top: 50%;margin-left: -250px;margin-top: -25px;z-index: 6;border: 20px solid #292929;display: none;}
.search input {display: block;outline: none;border: 1px solid #f2f2f2;width: 387px;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;padding-left: 10px;height: 30px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;float: left;border-right: 0;}
.search button {display: block;outline: none;cursor: pointer;float: right;width: 60px;height: 34px;background: #0154db;text-align: center;line-height: 34px;border-bottom-right-radius: 2px;border-bottom-right-radius: 2px;font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: 400;color: #fff;border: 0;}


/* Mobil */
@media only screen and (max-width: 320px) {
    html, body {position: relative;}
    .reklam {width: 100%;}
    div.metin {width: 97%;padding: 7px !important;bottom: 105px !important;}
    .sol h2.kategoriTitle {font-size: 15px;}
    .genel {width: 100%;}
    .sag form#iForm input {width: 92%;}
    .sag form#iForm button {width: 100%;}
    .nav ul.menu {display: none;}
    .nav span.bars {margin-left: 10px;}
    .nav span.arama {padding-left: 0;border-left: 0;margin-right: 10px;width: 30px;height: 30px;background: #0154db;color: #fff;text-align: center;margin-top: 32px;display: none;}
    .nav span.arama > i {line-height: 30px;}
    .mobilMenu {display:block;position: fixed;right: 0;top: 0;height: 100%;z-index: 99999;width: 0%;overflow: hidden;background: #232426;}
    .mobilMenu > span.mmKapat {width: 30px;height: 30px;text-align: center;background: #0154db;cursor: pointer;position: absolute;right: 5px;top: 5px;border-radius: 2px;}
    .mobilMenu > span.mmKapat > i {line-height: 30px;font-size: 16px;color: #fff;}
    .mobilMenu > h3 {width: 100%;font-size: 15px;color: #fff;font-weight: 600;height: 30px;line-height: 30px;text-indent: 10px;margin: 15px 0;}
    .mobilMenu > ul.mList {width: 100%;height: auto;overflow: hidden;}
    .mobilMenu > ul.mList > li {width: 100%;height: 30px;line-height: 30px;font-weight: 300;font-size: 15px;text-indent: 20px;border-bottom: 1px solid #2f2f2f;transition: all 0.5s ease;}
    .mobilMenu > ul.mList > li:hover {text-indent: 25px;}
    .mobilMenu > ul.mList > li:last-child {border-bottom: 0;}
    .mobilMenu > ul.mList > li > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > ul.mSosyal > li {width: 14.2%;}
    .mobilMenu > span.mail {display: block;float: left;width: 100%;text-align: center;font-size: 14px;font-weight: 400;height: 30px;line-height: 30px;margin-top: 20px;}
    .mobilMenu > span.mail > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > span.mail > a > i {color: #0154db;font-size: 17px;line-height: 30px;}
    .mobilMenu > span.telefon {display: block;float: left;width: 100%;text-align: center;font-size: 14px;font-weight: 400;height: 30px;line-height: 30px;margin-top: 20px;}
    .mobilMenu > span.telefon > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > span.telefon > a > i {color: #0154db;font-size: 17px;line-height: 30px;}
    .mobilMenu > span.copy {display: block;font-size: 13px;font-weight: 300;color: #fff;text-align: center;height: 40px;line-height: 40px;width: 100%;}
    .mobilMenu > span.copy > a {font-size: 13px;font-weight: 300;color: #fff;text-align: center;height: 40px;line-height: 40px;}
    .mobilMenu > span.copy > i {line-height: 40px;color: #0154db;}
    ul.mSosyal {width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
    ul.mSosyal > li {width: 83px;float: left;height: 45px;}
    ul.mSosyal > li > a {display: block;width: 37px;height: 37px;margin: 0 auto;border-radius: 50%;text-decoration: none;outline: none;color: #fff;text-align: center;transition: all 0.5s ease;}
    ul.mSosyal > li:nth-child(1) > a {background: #4e71a8;}
    ul.mSosyal > li:nth-child(2) > a {background: #1cb7eb;}
    ul.mSosyal > li:nth-child(3) > a {background: #444444;}
    ul.mSosyal > li:nth-child(4) > a {background: #e3411f;}
    ul.mSosyal > li:nth-child(5) > a {background: #ca3737;}
    ul.mSosyal > li:nth-child(6) > a {background: #1686b0;}
    ul.mSosyal > li > a > i {line-height: 37px;font-size: 20px;}
    ul.mSosyal > li:hover > a {opacity: .8;}
    .duyuru {display: none;}
    .content {margin-bottom: 15px;}
    .content .sol {width: 90%;height: auto;overflow: hidden;float: none;margin: 0 auto;}
    .sol .neredeyim {width: 100%;padding-left: 5px;overflow: hidden;}
    .sol .neredeyim > a {font-size: 12px;}
    .sol .neredeyim i {margin: 0 3px;}
    .sol .detay {width: 90%;padding: 15px;margin-bottom: 10px;}
    .detay > .resim img {width: 100%;height: auto;}
    .detay > span.etiket > a {margin-bottom: 5px;}
    .detay > .yorumYap label.txt {margin: 10px auto !important;float: none;}
    .detay > .yorumYap input {width: 66%;}
    .detay > .yorumYap textarea {width: 91%;}
    .sol .slider {display: none;}
    .sol .swiper-container {display: block;}
    .swiper-slide {position: relative;}
    .swiper-slide span.baslik {display: block;width: 100%;height: 50px;background: rgba(0,0,0,.7);font-size: 15px;font-weight: 400;color: #fff;position: absolute;left: 0;bottom: 0;z-index: 2;line-height: 50px;text-indent: 15px;}
    .swiper-slide span.kategori {display: block;font-size: 13px;font-weight: 400;color: #fff;padding: 5px 10px;position: absolute;left: 0;top: 15px;z-index: 2;background: #e83a3c;}
    .swiper-slide img {height: 400px;-o-object-fit: cover;object-fit: cover;width: 100%;}
    .sol .box {width: 90%;float: none;margin: 15px auto;height: auto;overflow: hidden;padding: 15px;}
    .sol .box > .resim {width: 100%;height: auto;overflow: hidden;float: none;margin-bottom: 10px;}
    .sol .box > .resim > img {display: block;width: 100%;height: auto;}
    .sol .box a.devam {float: none;margin: 10px auto;}
    .sol .box span.yorum {margin-top: 0;}
    .sol .box span.okunma {margin-top: 0;}
    .sol .box span.tarih {margin-top: 0;}
    .sol ul.pager {height: auto;width: 87%;margin: 0 auto;}
    .sol ul.pager > li {margin-bottom: 10px;}
    .content .sag {width: 90%;float: none;height: auto;overflow: hidden;margin: 0 auto;}
    .sag .kategori {width: 92%;padding: 15px;}
    .sag .kategori > ul.kList > li {width: 44%;}
    .sag .pYazilar {width: 90%;margin: 10px auto;float: none;padding: 15px;}
    .sag .pYazilar > ul.pList > li {height: auto;overflow: hidden;}
    .sag .pYazilar > ul.pList > li span.resim {display: block;margin: 10px auto;margin-right: 7px;}
    .sag .pYazilar > ul.pList > li span.baslik {width: 100%;float: none;}
    .sag .sYorumlar {width: 90%;margin: 10px auto;float: none;padding: 15px;}
    .sag .sYorumlar > ul.sList > li {height: auto;overflow: hidden;}
    .sag .sYorumlar > ul.sList > li span.resim {display: block;margin-right: 7px;}
    .sag .sYorumlar > ul.sList > li span.baslik {width: 100%;float: none;}
    .footer {height: auto;padding-bottom: 10px;}
    .footer .boxes {width: 50%;float: left;height: auto;overflow: hidden;text-indent: 10px;}
    .footer .ebulten {width: 100%;height: auto;overflow: hidden;float: left;margin-top: 15px;}
    .footer form {width: 90%;margin: 10px auto;}
    .footer .ebulten input {width: 48%;}
    .footer .ebulten button {width: 44%;height: 66px;}
    .footer .ebulten > span.aciklama {padding: 0 15px;}
    .footer .ebulten > span.baslik {text-indent: 15px;}
    .copyright {height: auto;width: 100%;}
    .copyright .author {height: auto;overflow: hidden;float: none;width: 100%;font-size: 12px;text-align: center;}
    .copyright ul.sosyal {float: none;width: 100%;}
    .copyright ul.sosyal > li {width: 14.2%;}
    .copyright ul.sosyal > li i {text-align: center;display: block;}
    .copyright ul.sosyal > li a {padding: 0;}
    .search {width: 76%;margin: 0 auto;left: 0px;}
    .search input {width: 66%;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    html, body {position: relative;}
    
    div.metin {
    width: 97% !important;
    left: 0;
}
    .genel {width: 100%;}
    .sag form#iForm input {width: 92%;}
    .sag form#iForm button {width: 100%;}
    .nav ul.menu {display: none;}
    .nav span.bars {margin-left: 10px;}
    .nav span.arama {padding-left: 0;border-left: 0;margin-right: 10px;width: 30px;height: 30px;background: #0154db;color: #fff;text-align: center;margin-top: 32px;display: none;}
    .nav span.arama > i {line-height: 30px;}
    .mobilMenu {display:block;position: fixed;right: 0;top: 0;height: 100%;z-index: 99999;width: 0%;overflow: hidden;background: #232426;}
    .mobilMenu > span.mmKapat {width: 30px;height: 30px;text-align: center;background: #0154db;cursor: pointer;position: absolute;right: 5px;top: 5px;border-radius: 2px;}
    .mobilMenu > span.mmKapat > i {line-height: 30px;font-size: 16px;color: #fff;}
    .mobilMenu > h3 {width: 100%;font-size: 15px;color: #fff;font-weight: 600;height: 30px;line-height: 30px;text-indent: 10px;margin: 15px 0;}
    .mobilMenu > ul.mList {width: 100%;height: auto;overflow: hidden;}
    .mobilMenu > ul.mList > li {width: 100%;height: 30px;line-height: 30px;font-weight: 300;font-size: 15px;text-indent: 20px;border-bottom: 1px solid #2f2f2f;transition: all 0.5s ease;}
    .mobilMenu > ul.mList > li:hover {text-indent: 25px;}
    .mobilMenu > ul.mList > li:last-child {border-bottom: 0;}
    .mobilMenu > ul.mList > li > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > ul.mSosyal > li {width: 14.2%;}
    .mobilMenu > span.mail {display: block;float: left;width: 100%;text-align: center;font-size: 14px;font-weight: 400;height: 30px;line-height: 30px;margin-top: 20px;}
    .mobilMenu > span.mail > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > span.mail > a > i {color: #0154db;font-size: 17px;line-height: 30px;}
    .mobilMenu > span.telefon {display: block;float: left;width: 100%;text-align: center;font-size: 14px;font-weight: 400;height: 30px;line-height: 30px;margin-top: 20px;}
    .mobilMenu > span.telefon > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > span.telefon > a > i {color: #0154db;font-size: 17px;line-height: 30px;}
    .mobilMenu > span.copy {display: block;font-size: 13px;font-weight: 300;color: #fff;text-align: center;height: 40px;line-height: 40px;width: 100%;}
    .mobilMenu > span.copy > a {font-size: 13px;font-weight: 300;color: #fff;text-align: center;height: 40px;line-height: 40px;}
    .mobilMenu > span.copy > i {line-height: 40px;color: #0154db;}
    ul.mSosyal {width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
    ul.mSosyal > li {width: 83px;float: left;height: 45px;}
    ul.mSosyal > li > a {display: block;width: 37px;height: 37px;margin: 0 auto;border-radius: 50%;text-decoration: none;outline: none;color: #fff;text-align: center;transition: all 0.5s ease;}
    ul.mSosyal > li:nth-child(1) > a {background: #4e71a8;}
    ul.mSosyal > li:nth-child(2) > a {background: #1cb7eb;}
    ul.mSosyal > li:nth-child(3) > a {background: #444444;}
    ul.mSosyal > li:nth-child(4) > a {background: #e3411f;}
    ul.mSosyal > li:nth-child(5) > a {background: #ca3737;}
    ul.mSosyal > li:nth-child(6) > a {background: #1686b0;}
    ul.mSosyal > li > a > i {line-height: 37px;font-size: 20px;}
    ul.mSosyal > li:hover > a {opacity: .8;}
    .duyuru {display: none;}
    .content {margin-bottom: 15px;}
    .content .sol {width: 90%;height: auto;overflow: hidden;float: none;margin: 0 auto;}
    .sol .neredeyim {width: 100%;padding-left: 5px;overflow: hidden;}
    .sol .neredeyim > a {font-size: 12px;}
    .sol .neredeyim i {margin: 0 3px;}
    .sol .detay {width: 90%;padding: 15px;margin-bottom: 10px;}
    .detay > .resim img {width: 100%;height: auto;}
    .detay > span.etiket > a {margin-bottom: 5px;}
    .detay > .yorumYap label.txt {margin: 10px auto !important;float: none;}
    .detay > .yorumYap input {width: 66%;}
    .detay > .yorumYap textarea {width: 91%;}
    .sol .slider {display: none;}
    .sol .swiper-container {display: block;}
    .swiper-slide {position: relative;}
    .swiper-slide span.baslik {display: block;width: 100%;height: 50px;background: rgba(0,0,0,.7);font-size: 15px;font-weight: 400;color: #fff;position: absolute;left: 0;bottom: 0;z-index: 2;line-height: 50px;text-indent: 15px;}
    .swiper-slide span.kategori {display: block;font-size: 13px;font-weight: 400;color: #fff;padding: 5px 10px;position: absolute;left: 0;top: 15px;z-index: 2;background: #e83a3c;}
    .swiper-slide img {height: 400px;-o-object-fit: cover;object-fit: cover;width: 100%;}
    .sol .box {width: 90%;float: none;margin: 15px auto;height: auto;overflow: hidden;padding: 15px;}
    .sol .box > .resim {width: 100%;height: auto;overflow: hidden;float: none;margin-bottom: 10px;}
    .sol .box > .resim > img {display: block;width: 100%;height: auto;}
    .sol .box a.devam {float: none;margin: 10px auto;}
    .sol .box span.yorum {margin-top: 0;}
    .sol .box span.okunma {margin-top: 0;}
    .sol .box span.tarih {margin-top: 0;}
    .sol ul.pager {height: auto;width: 87%;margin: 0 auto;}
    .sol ul.pager > li {margin-bottom: 10px;}
    .content .sag {width: 90%;float: none;height: auto;overflow: hidden;margin: 0 auto;}
    .sag .kategori {width: 92%;padding: 15px;}
    .sag .kategori > ul.kList > li {width: 44%;}
    .sag .pYazilar {width: 90%;margin: 10px auto;float: none;padding: 15px;}
    .sag .pYazilar > ul.pList > li {height: auto;overflow: hidden;}
    .sag .pYazilar > ul.pList > li span.resim {display: block;margin: 10px auto;margin-right: 7px;}
    .sag .pYazilar > ul.pList > li span.baslik {width: 100%;float: none;}
    .sag .sYorumlar {width: 90%;margin: 10px auto;float: none;padding: 15px;}
    .sag .sYorumlar > ul.sList > li {height: auto;overflow: hidden;}
    .sag .sYorumlar > ul.sList > li span.resim {display: block;margin-right: 7px;}
    .sag .sYorumlar > ul.sList > li span.baslik {width: 100%;float: none;}
    .footer {height: auto;padding-bottom: 10px;}
    .footer .boxes {width: 50%;float: left;height: auto;overflow: hidden;text-indent: 10px;}
    .footer .ebulten {width: 100%;height: auto;overflow: hidden;float: left;margin-top: 15px;}
    .footer form {width: 90%;margin: 10px auto;}
    .footer .ebulten input {width: 48%;}
    .footer .ebulten button {width: 44%;height: 66px;}
    .footer .ebulten > span.aciklama {padding: 0 15px;}
    .footer .ebulten > span.baslik {text-indent: 15px;}
    .copyright {height: auto;width: 100%;}
    .copyright .author {height: auto;overflow: hidden;float: none;width: 100%;font-size: 12px;text-align: center;}
    .copyright ul.sosyal {float: none;width: 100%;}
    .copyright ul.sosyal > li {width: 14.2%;}
    .copyright ul.sosyal > li i {text-align: center;display: block;}
    .copyright ul.sosyal > li a {padding: 0;}
    .search {width: 76%;margin: 0 auto;left: 0px;}
    .search input {width: 66%;}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
    html, body {position: relative;}
    .reklam {width: 100%;}
    div.metin {width: 97%;padding: 7px !important;left: 0;}
    .sol h2.kategoriTitle {font-size: 15px;}
    .genel {width: 100%;}
    .sag form#iForm input {width: 92%;}
    .sag form#iForm button {width: 100%;}
    .nav ul.menu {display: none;}
    .nav span.bars {margin-left: 10px;}
    .nav span.arama {padding-left: 0;border-left: 0;margin-right: 10px;width: 30px;height: 30px;background: #0154db;color: #fff;text-align: center;margin-top: 32px;display: none;}
    .nav span.arama > i {line-height: 30px;}
    .mobilMenu {display:block;position: fixed;right: 0;top: 0;height: 100%;z-index: 99999;width: 0%;overflow: hidden;background: #232426;}
    .mobilMenu > span.mmKapat {width: 30px;height: 30px;text-align: center;background: #0154db;cursor: pointer;position: absolute;right: 5px;top: 5px;border-radius: 2px;}
    .mobilMenu > span.mmKapat > i {line-height: 30px;font-size: 16px;color: #fff;}
    .mobilMenu > h3 {width: 100%;font-size: 15px;color: #fff;font-weight: 600;height: 30px;line-height: 30px;text-indent: 10px;margin: 15px 0;}
    .mobilMenu > ul.mList {width: 100%;height: auto;overflow: hidden;}
    .mobilMenu > ul.mList > li {width: 100%;height: 30px;line-height: 30px;font-weight: 300;font-size: 15px;text-indent: 20px;border-bottom: 1px solid #2f2f2f;transition: all 0.5s ease;}
    .mobilMenu > ul.mList > li:hover {text-indent: 25px;}
    .mobilMenu > ul.mList > li:last-child {border-bottom: 0;}
    .mobilMenu > ul.mList > li > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > ul.mSosyal > li {width: 14.2%;}
    .mobilMenu > span.mail {display: block;float: left;width: 100%;text-align: center;font-size: 14px;font-weight: 400;height: 30px;line-height: 30px;margin-top: 20px;}
    .mobilMenu > span.mail > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > span.mail > a > i {color: #0154db;font-size: 17px;line-height: 30px;}
    .mobilMenu > span.telefon {display: block;float: left;width: 100%;text-align: center;font-size: 14px;font-weight: 400;height: 30px;line-height: 30px;margin-top: 20px;}
    .mobilMenu > span.telefon > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > span.telefon > a > i {color: #0154db;font-size: 17px;line-height: 30px;}
    .mobilMenu > span.copy {display: block;font-size: 13px;font-weight: 300;color: #fff;text-align: center;height: 40px;line-height: 40px;width: 100%;}
    .mobilMenu > span.copy > a {font-size: 13px;font-weight: 300;color: #fff;text-align: center;height: 40px;line-height: 40px;}
    .mobilMenu > span.copy > i {line-height: 40px;color: #0154db;}
    ul.mSosyal {width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
    ul.mSosyal > li {width: 83px;float: left;height: 45px;}
    ul.mSosyal > li > a {display: block;width: 37px;height: 37px;margin: 0 auto;border-radius: 50%;text-decoration: none;outline: none;color: #fff;text-align: center;transition: all 0.5s ease;}
    ul.mSosyal > li:nth-child(1) > a {background: #4e71a8;}
    ul.mSosyal > li:nth-child(2) > a {background: #1cb7eb;}
    ul.mSosyal > li:nth-child(3) > a {background: #444444;}
    ul.mSosyal > li:nth-child(4) > a {background: #e3411f;}
    ul.mSosyal > li:nth-child(5) > a {background: #ca3737;}
    ul.mSosyal > li:nth-child(6) > a {background: #1686b0;}
    ul.mSosyal > li > a > i {line-height: 37px;font-size: 20px;}
    ul.mSosyal > li:hover > a {opacity: .8;}
    .duyuru {display: none;}
    .content {margin-bottom: 15px;}
    .content .sol {width: 90%;height: auto;overflow: hidden;float: none;margin: 0 auto;}
    .sol .neredeyim {width: 100%;padding-left: 5px;overflow: hidden;}
    .sol .neredeyim > a {font-size: 12px;}
    .sol .neredeyim i {margin: 0 3px;}
    .sol .detay {width: 90%;padding: 15px;margin-bottom: 10px;}
    .detay > .resim img {width: 100%;height: auto;}
    .detay > span.etiket > a {margin-bottom: 5px;}
    .detay > .yorumYap label.txt {margin: 10px auto !important;float: none;}
    .detay > .yorumYap input {width: 66%;}
    .detay > .yorumYap textarea {width: 91%;}
    .sol .slider {display: none;}
    .sol .swiper-container {display: block;}
    .swiper-slide {position: relative;}
    .swiper-slide span.baslik {display: block;width: 100%;height: 50px;background: rgba(0,0,0,.7);font-size: 15px;font-weight: 400;color: #fff;position: absolute;left: 0;bottom: 0;z-index: 2;line-height: 50px;text-indent: 15px;}
    .swiper-slide span.kategori {display: block;font-size: 13px;font-weight: 400;color: #fff;padding: 5px 10px;position: absolute;left: 0;top: 15px;z-index: 2;background: #e83a3c;}
    .swiper-slide img {height: 400px;-o-object-fit: cover;object-fit: cover;width: 100%;}
    .sol .box {width: 90%;float: none;margin: 15px auto;height: auto;overflow: hidden;padding: 15px;}
    .sol .box > .resim {width: 100%;height: auto;overflow: hidden;float: none;margin-bottom: 10px;}
    .sol .box > .resim > img {display: block;width: 100%;height: auto;}
    .sol .box a.devam {float: none;margin: 10px auto;}
    .sol .box span.yorum {margin-top: 0;}
    .sol .box span.okunma {margin-top: 0;}
    .sol .box span.tarih {margin-top: 0;}
    .sol ul.pager {height: auto;width: 87%;margin: 0 auto;}
    .sol ul.pager > li {margin-bottom: 10px;}
    .content .sag {width: 90%;float: none;height: auto;overflow: hidden;margin: 0 auto;}
    .sag .kategori {width: 92%;padding: 15px;}
    .sag .kategori > ul.kList > li {width: 44%;}
    .sag .pYazilar {width: 90%;margin: 10px auto;float: none;padding: 15px;}
    .sag .pYazilar > ul.pList > li {height: auto;overflow: hidden;}
    .sag .pYazilar > ul.pList > li span.resim {display: block;margin: 10px auto;margin-right: 7px;}
    .sag .pYazilar > ul.pList > li span.baslik {width: 100%;float: none;}
    .sag .sYorumlar {width: 90%;margin: 10px auto;float: none;padding: 15px;}
    .sag .sYorumlar > ul.sList > li {height: auto;overflow: hidden;}
    .sag .sYorumlar > ul.sList > li span.resim {display: block;margin-right: 7px;}
    .sag .sYorumlar > ul.sList > li span.baslik {width: 100%;float: none;}
    .footer {height: auto;padding-bottom: 10px;}
    .footer .boxes {width: 50%;float: left;height: auto;overflow: hidden;text-indent: 10px;}
    .footer .ebulten {width: 100%;height: auto;overflow: hidden;float: left;margin-top: 15px;}
    .footer form {width: 90%;margin: 10px auto;}
    .footer .ebulten input {width: 48%;}
    .footer .ebulten button {width: 44%;height: 66px;}
    .footer .ebulten > span.aciklama {padding: 0 15px;}
    .footer .ebulten > span.baslik {text-indent: 15px;}
    .copyright {height: auto;width: 100%;}
    .copyright .author {height: auto;overflow: hidden;float: none;width: 100%;font-size: 12px;text-align: center;}
    .copyright ul.sosyal {float: none;width: 100%;}
    .copyright ul.sosyal > li {width: 14.2%;}
    .copyright ul.sosyal > li i {text-align: center;display: block;}
    .copyright ul.sosyal > li a {padding: 0;}
    .search {width: 76%;margin: 0 auto;left: 0px;}
    .search input {width: 66%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    html, body {position: relative;}
    .reklam {width: 100%;}
    div.metin {width: 97%;padding: 7px !important;bottom: 105px !important;}
    .sol h2.kategoriTitle {font-size: 15px;}
    .genel {width: 100%;}
    .sag form#iForm input {width: 92%;}
    .sag form#iForm button {width: 100%;}
    .nav ul.menu {display: none;}
    .nav span.bars {margin-left: 10px;}
    .nav span.arama {padding-left: 0;border-left: 0;margin-right: 10px;width: 30px;height: 30px;background: #0154db;color: #fff;text-align: center;margin-top: 32px;display: none;}
    .nav span.arama > i {line-height: 30px;}
    .mobilMenu {display:block;position: fixed;right: 0;top: 0;height: 100%;z-index: 99999;width: 0%;overflow: hidden;background: #232426;}
    .mobilMenu > span.mmKapat {width: 30px;height: 30px;text-align: center;background: #0154db;cursor: pointer;position: absolute;right: 5px;top: 5px;border-radius: 2px;}
    .mobilMenu > span.mmKapat > i {line-height: 30px;font-size: 16px;color: #fff;}
    .mobilMenu > h3 {width: 100%;font-size: 15px;color: #fff;font-weight: 600;height: 30px;line-height: 30px;text-indent: 10px;margin: 15px 0;}
    .mobilMenu > ul.mList {width: 100%;height: auto;overflow: hidden;}
    .mobilMenu > ul.mList > li {width: 100%;height: 30px;line-height: 30px;font-weight: 300;font-size: 15px;text-indent: 20px;border-bottom: 1px solid #2f2f2f;transition: all 0.5s ease;}
    .mobilMenu > ul.mList > li:hover {text-indent: 25px;}
    .mobilMenu > ul.mList > li:last-child {border-bottom: 0;}
    .mobilMenu > ul.mList > li > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > ul.mSosyal > li {width: 14.2%;}
    .mobilMenu > span.mail {display: block;float: left;width: 100%;text-align: center;font-size: 14px;font-weight: 400;height: 30px;line-height: 30px;margin-top: 20px;}
    .mobilMenu > span.mail > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > span.mail > a > i {color: #0154db;font-size: 17px;line-height: 30px;}
    .mobilMenu > span.telefon {display: block;float: left;width: 100%;text-align: center;font-size: 14px;font-weight: 400;height: 30px;line-height: 30px;margin-top: 20px;}
    .mobilMenu > span.telefon > a {display: block;text-decoration: none;outline: none;color: #fff;}
    .mobilMenu > span.telefon > a > i {color: #0154db;font-size: 17px;line-height: 30px;}
    .mobilMenu > span.copy {display: block;font-size: 13px;font-weight: 300;color: #fff;text-align: center;height: 40px;line-height: 40px;width: 100%;}
    .mobilMenu > span.copy > a {font-size: 13px;font-weight: 300;color: #fff;text-align: center;height: 40px;line-height: 40px;}
    .mobilMenu > span.copy > i {line-height: 40px;color: #0154db;}
    ul.mSosyal {width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
    ul.mSosyal > li {width: 83px;float: left;height: 45px;}
    ul.mSosyal > li > a {display: block;width: 37px;height: 37px;margin: 0 auto;border-radius: 50%;text-decoration: none;outline: none;color: #fff;text-align: center;transition: all 0.5s ease;}
    ul.mSosyal > li:nth-child(1) > a {background: #4e71a8;}
    ul.mSosyal > li:nth-child(2) > a {background: #1cb7eb;}
    ul.mSosyal > li:nth-child(3) > a {background: #444444;}
    ul.mSosyal > li:nth-child(4) > a {background: #e3411f;}
    ul.mSosyal > li:nth-child(5) > a {background: #ca3737;}
    ul.mSosyal > li:nth-child(6) > a {background: #1686b0;}
    ul.mSosyal > li > a > i {line-height: 37px;font-size: 20px;}
    ul.mSosyal > li:hover > a {opacity: .8;}
    .duyuru {display: none;}
    .content {margin-bottom: 15px;}
    .content .sol {width: 90%;height: auto;overflow: hidden;float: none;margin: 0 auto;}
    .sol .neredeyim {width: 100%;padding-left: 5px;overflow: hidden;}
    .sol .neredeyim > a {font-size: 12px;}
    .sol .neredeyim i {margin: 0 3px;}
    .sol .detay {width: 90%;padding: 15px;margin-bottom: 10px;}
    .detay > .resim img {width: 100%;height: auto;}
    .detay > span.etiket > a {margin-bottom: 5px;}
    .detay > .yorumYap label.txt {margin: 10px auto !important;float: none;}
    .detay > .yorumYap input {width: 66%;}
    .detay > .yorumYap textarea {width: 91%;}
    .sol .slider {display: none;}
    .sol .swiper-container {display: block;}
    .swiper-slide {position: relative;}
    .swiper-slide span.baslik {display: block;width: 100%;height: 50px;background: rgba(0,0,0,.7);font-size: 15px;font-weight: 400;color: #fff;position: absolute;left: 0;bottom: 0;z-index: 2;line-height: 50px;text-indent: 15px;}
    .swiper-slide span.kategori {display: block;font-size: 13px;font-weight: 400;color: #fff;padding: 5px 10px;position: absolute;left: 0;top: 15px;z-index: 2;background: #e83a3c;}
    .swiper-slide img {height: 400px;-o-object-fit: cover;object-fit: cover;width: 100%;}
    .sol .box {width: 90%;float: none;margin: 15px auto;height: auto;overflow: hidden;padding: 15px;}
    .sol .box > .resim {width: 100%;height: auto;overflow: hidden;float: none;margin-bottom: 10px;}
    .sol .box > .resim > img {display: block;width: 100%;height: auto;}
    .sol .box a.devam {float: none;margin: 10px auto;}
    .sol .box span.yorum {margin-top: 0;}
    .sol .box span.okunma {margin-top: 0;}
    .sol .box span.tarih {margin-top: 0;}
    .sol ul.pager {height: auto;width: 87%;margin: 0 auto;}
    .sol ul.pager > li {margin-bottom: 10px;}
    .content .sag {width: 90%;float: none;height: auto;overflow: hidden;margin: 0 auto;}
    .sag .kategori {width: 92%;padding: 15px;}
    .sag .kategori > ul.kList > li {width: 44%;}
    .sag .pYazilar {width: 90%;margin: 10px auto;float: none;padding: 15px;}
    .sag .pYazilar > ul.pList > li {height: auto;overflow: hidden;}
    .sag .pYazilar > ul.pList > li span.resim {display: block;margin: 10px auto;margin-right: 7px;}
    .sag .pYazilar > ul.pList > li span.baslik {width: 100%;float: none;}
    .sag .sYorumlar {width: 90%;margin: 10px auto;float: none;padding: 15px;}
    .sag .sYorumlar > ul.sList > li {height: auto;overflow: hidden;}
    .sag .sYorumlar > ul.sList > li span.resim {display: block;margin-right: 7px;}
    .sag .sYorumlar > ul.sList > li span.baslik {width: 100%;float: none;}
    .footer {height: auto;padding-bottom: 10px;}
    .footer .boxes {width: 50%;float: left;height: auto;overflow: hidden;text-indent: 10px;}
    .footer .ebulten {width: 100%;height: auto;overflow: hidden;float: left;margin-top: 15px;}
    .footer form {width: 90%;margin: 10px auto;}
    .footer .ebulten input {width: 48%;}
    .footer .ebulten button {width: 44%;height: 66px;}
    .footer .ebulten > span.aciklama {padding: 0 15px;}
    .footer .ebulten > span.baslik {text-indent: 15px;}
    .copyright {height: auto;width: 100%;}
    .copyright .author {height: auto;overflow: hidden;float: none;width: 100%;font-size: 12px;text-align: center;}
    .copyright ul.sosyal {float: none;width: 100%;}
    .copyright ul.sosyal > li {width: 14.2%;}
    .copyright ul.sosyal > li i {text-align: center;display: block;}
    .copyright ul.sosyal > li a {padding: 0;}
    .search {width: 76%;margin: 0 auto;left: 0px;}
    .search input {width: 66%;}
}