@charset "UTF-8";


 

  
@media screen and (min-width: 960px) {
.mobilmenu,.mobilmanset{display:none}
}

  
@media only screen and (min-width:1199px){
#banner .kutu09 .bx-wrapper .bx-viewport{margin: 20px 0;}
}

  

 

  
@media screen and (max-width: 959px) {
#anamenu {display:none;}

#menubar nav ul#anamenu{margin: 0;}
#menubar nav ul#anamenu li{float: left;width: 25%;}
#menubar nav ul#anamenu li a{display: block;  color: #fff;border:0;  font-size: 14px;font-weight: 400;width: 100%;  text-align: center; padding: 10px 0px 12px 0px;text-shadow: 1px 1px 1px #333;}
#menubar nav ul#anamenu li:hover{position:relative;}
#menubar nav ul#anamenu li:hover a{border:0;}

#menubar nav ul#anamenu li ul{display:none;margin: 0;width: 160px;}
#menubar nav ul#anamenu li:hover ul{display: none;position: relative;width: 100%;}
#menubar nav ul#anamenu li:hover ul li{position:relative;width: 100%;}
#menubar nav ul#anamenu li:hover ul li a{font-size: 12px;line-height: 12px;border-top: 1px solid #960000;border-bottom: 0;padding: 10px 0;}
#menubar nav ul#anamenu li:hover ul li:hover{}
#menubar nav ul#anamenu li:hover ul li:hover a{background:#506da8;}

#menubar nav ul#anamenu li:hover ul li ul{display:none;margin: 0;width: 160px;}
#menubar nav ul#anamenu li:hover ul li:hover ul{display:block;position: relative;top: 0;right: 0;width: 100%;}
#menubar nav ul#anamenu li:hover ul li:hover ul li{position:relative;width: 100%;}
#menubar nav ul#anamenu li:hover ul li:hover ul li a{font-size: 12px;line-height: 12px;}
#menubar nav ul#anamenu li:hover ul li:hover ul li:hover{}
#menubar nav ul#anamenu li:hover ul li:hover ul li:hover a{background:#5572ad;}

#menubar nav ul#ucunculmenu li {width: 16.6%;}
#menubar nav ul#ikincilmenu li a {padding: 5px 10px;font-size: 10px;}

#banner .ust_yazar img{display:none}

.fotogaleri_yatay ul li a h3 {
padding: 5px;
margin: 0;
border-radius: 5px;
font-size: 12px;
line-height: 14px;
}
.fotogaleri_yatay .fotogaleri_yatay_dis .bx-wrapper .bx-viewport img{max-height: 66px;}
 
}


  
@media only screen and (min-width: 768px) and (max-width: 959px) {
#onemlihaber {margin-bottom: 0;margin-top: 10px;}

.haberarama {margin: 22px 0;}

.mobilmanset{display:none}

#logoyazisi {margin: 10px 0;}
#logo a img {width: 100%;}
#logoyazisi a h1 {font-size: 20px;padding-bottom: 4px;line-height: 22px;}
#logoyazisi a h2 {font-size: 11px;}

.weatherv4 .icon,#doviz{display:none;}
.weather .weather-list {width: 125px!important;}
.weather .weather-list li .weatherv4 .text {padding-left:0!important;}

#sondk {height: 48px;}

.reklam.r468x60 {height: 40px;margin: 10px 0;}
.reklam img {width:100%}

.ustmansetler ul li .listeresmi {width: 104px;}
.ustmansetler ul li .listeresmi {padding: 5px;width:auto;float:none;}
.ustmansetler ul li .listeresmi .golge::before {border-radius: 5px 5px 0 0;}
.ustmansetler ul li .listeresmi img {border-radius: 5px 5px 0 0;}
.ustmansetler ul li .listesag {width:auto;float:none;}
.ustmansetler ul li .listesag h3.kirmizi {border-radius: 0;margin-bottom: 0;}
.ustmansetler ul li .listesag .listebaslik {border-radius: 0 0 5px 5px;}

#menubar nav ul#altkategoriler li {margin-bottom: 5px;}
#menubar nav ul#altkategoriler li a {padding: 5px;}

#uyelik .panelgirisi ul li.uyeol:before {display: none;}
#uyelik .panelgirisi ul li.uyegirisi:before {display: none;}
#uyelik .panelgirisi ul li a {color: #fff;font-size: 11px;padding: 10px 3px;text-align: center;}

#menubar nav ul#anamenu li ul {z-index: 9;}

#baskan .baskansol h3 a {font-size: 12px;}
#baskan {text-align: center;}
#baskan .baskansag {float: none;width: auto;}
#baskan .baskansol {width: 100%;}
#baskan .baskansol ul li {width: 100%;}

.acilirlisteler h3 a {font-size: 12px;}
.acilirlisteler ul li .listeresmi {width: 100%;}
.acilirlisteler ul li .listesag {width: 100%;}

.acilirlisteler:hover ul li ul li .listeresmi {display:none;}
.acilirlisteler:hover ul li ul li .listesag {width: 100%;}
.acilirlisteler:hover ul li ul {top: 200px;}

#manset {height: 410px;}
#manset ul li.manset-1 {margin-bottom: 10px;}

#manset ul li.manset-2 {width: 176px;height: 270px;margin-right: 10px;margin-bottom: 10px;}
#manset ul li.manset-2 img{width: 176px;height: 270px;}
#manset ul li.manset-2 .mhaberbaslik h6 {width:auto;}

#manset ul li.manset-3 {width: 182px;height: 130px;margin-bottom: 10px;margin-right: 0;}
#manset ul li.manset-3 img{width: 182px;height: 130px;}
#manset ul li.manset-3 .mhaberbaslik h6 {width:auto;}

#manset ul li.manset-4 {width: 182px;height: 130px;}
#manset ul li.manset-4 img{width: 182px;height: 130px;}
#manset ul li.manset-4 .mhaberbaslik h6 {width:auto;}

#manset ul li.manset-5 {width: 350px;height: 130px;}
#manset ul li.manset-5 img{width: 350px;height: 130px;}

#manset ul li.manset-6 {width: 368px;height: 130px;}
#manset ul li.manset-6 img{width: 368px;height: 130px;}

#manset2 ul li {height: 200px;}
#manset2 ul li img {height: 200px;}

.kathaber h3 {background-position: 128px;}
.kathaber h3 a {font-size: 12px;}

.kathaber-img {height: 90px;}
.kathaber-img a img {height: 90px;width: 152px;}

.kathaber-list ul li {height: 30px;overflow: hidden;line-height: 20px;}
.kathaber-list ul li a {font-size: 10px;height: 20px;overflow: hidden;}


#manset3 .manset3_butonlar li:first-child a {padding-left: 3px;}
#manset3 .manset3_butonlar li a {width: 28px;}

#manset3 #manset3_sag ul li {width: 172px;height: 163px;overflow: hidden;}
#manset3 #manset3_sag ul li img{height: 163px;left: -30px;}
#manset3 #manset3_sag ul li:last-child {margin-bottom: 15px;}
#manset3 #manset3_sag ul li a {display:block;}
#manset3 #manset3_sag ul li .mhaberbaslik h6 {width:auto}
#manset3 #manset3_sag ul li .mhaberbaslik h4 {border-radius: 0 0 5px 5px;}
#manset3 .manset3_resimler {border-radius: 5px 5px 0 0;}
#manset3 .manset3_resimler li {height: 223px;}
#manset3 .manset3_resimler li a img {height: 223px;position: absolute;}
#manset3 .anamanset_title {height:auto;right: 10px;border-radius: 5px;}
#manset3 .anamanset_cat {height: 20px;top: -37px;border-radius: 5px;}
#manset3 #manset3_sag .bx-wrapper{width: 172px!important;margin: 0 0 15px 0!important;}
#manset3 #manset3_sag .bx-wrapper .bx-viewport{width: 172px!important;}
#manset3 #manset3_sag .bx-wrapper img{max-width:170%}

#manset3_yan ul li {padding: 5px 0;}
#manset3_yan ul li:first-child {padding: 0 0 5px 0;}
#manset3_yan ul li .mhaberbaslik h4 {font-size: 12px;line-height: 15px;margin-bottom: 0;}
#manset3_yan ul li .kathaberres {display:none}

#manset4{margin-bottom: 20px;}
#manset4 .kutu03{display:none;}
#manset4 .kutu10{width: 748px;margin:0}
#manset4 .manset4_resimler li a img{width:748px;}
#manset4 .manset4_butonlar li a {width: 47.5px;}

.fotogaleri_yatay .fotogaleri_yatay_dis {padding: 14px 10px;}
.kathaberindex.reklam_280x280 .reklam_280x280_bileseni {float: none;margin: 0 auto 10px!important;}

#kategoritablet{}
#kategoritablet{}

.yazarlarimiz h3 {background-position: 128px;}
.yazarlarimiz h3 a {font-size: 12px;}
.yazarlarimiz h2 a {display:none;}
.yazarlarimiz h2 b {font-size: 14px;}
.yazarlarimiz ul li a h5 {line-height: 12px;padding-left:0;background:none;float:none;}
.yazarlarimiz ul li a h4 {line-height: 14px;font-size: 10px;font-weight: 400;float:none;width:auto}
.yazarlarimiz ul li a img {width: 40px;}
.yazarlarimiz .yazarlarlist {overflow: auto;max-height: 281px;}

#onemlihaber .onemlihaber {height: 80px;}
#onemlihaber .onemlihaber a img {height: 60px;width: 60px;}
#onemlihaber .onemlihaber a h2 {font-size: 14px;padding:0}

#menubar .menualti .dovizkurlari {text-align: center;}
#menubar .menualti ul {display: inline-block}
#menubar .menualti .namazvakitleri {float: none;text-align: center;}

#menubar nav ul#altkategoriler li {float: none;display: inline-block;}
#menubar nav ul#altkategoriler {text-align: center;}

.flashhaberhaber_baslikli {height: 56px;padding: 20px;}
.flashhaberhaber_baslikli a h1 {text-align: center;font-size: 24px;}

.ziyaretcidef h3{background-position: 128px;}
.ziyaretcidef h3 a {font-size: 10px;}
.yorumekle span {font-size: 10px;}
.yorumekle_form input[type="text"] {width: 92%;}
.yorumekle_yorum {width: 92%;}
.yorumekle_gonder {width: 50%;font-size: 11px;}

.kaybettiklerimiz h3{background-position: 128px;}
.kaybettiklerimiz h3 a {font-size: 12px;}
.kaybettiklerimiz ul li a h5 {line-height: 12px;}
.kaybettiklerimiz ul li a h4 {line-height: 14px;font-size: 10px;font-weight: 400;}
.kaybettiklerimiz .kaybettiklerimizlist {overflow: auto;}

.facebookkutusu h3 {background-position: 128px;}
.facebookkutusu h3 a {font-size: 12px;}

.fotogaleri h3 a {font-size: 12px;}

#kategorisayfasi ul li{height: 111px;}
#kategorisayfasi ul li img{width:100%;height: 111px;}
#kategorisayfasi ul li .mhaberbaslik h6 {width: 80%;}

#kategorisayfasi #manset3 .manset3_butonlar li a {width: 50px;}
#kategorisayfasi #manset3 .anamanset_ozet {display:none;}
#kategorisayfasi #manset3 .manset3_butonlar_dis {height: 30px;}
#kategorisayfasi #manset3 .manset3_resimler li a img {left: 0;}
#kategorisayfasi #manset3 .manset3_butonlar li:nth-child(9) a {border-right: 1px ;}
#kategorisayfasi #manset3 .manset3_butonlar li:nth-child(10) a {border-left: 1px;padding-left: 3px;padding-right: 7px;border-radius: 0 0 6px 0;}

#kategorisayfasi ul.fotogaleri li {height: 180px;width: 263px;}
#kategorisayfasi ul.fotogaleri li a img{height: 180px;}
#kategorisayfasi #manset3 .manset3_resimler li .yazarresmi {right: 10px;}

.havadurumu .hdurum{display:none;}

#baskan .baskansag img {margin-top: 20px;}

.reklam.r300x250{height: 150px;width:100%;}
.reklam.r300x250 a img{max-height:150px;max-width:280px}
.reklam.r460x68{height: 50px;width: 100%;}
.reklam.r460x68 a img{max-height: 50px;max-width:100%;}

.panelgirisim{padding: 15px 0;}
.panelgirisim a {padding: 0;text-align: center;width:45%;}

.kathaberindex .sol0 ul li a img {width: 100%;height: 80px;}
.kathaberindex .sag0 ul li a img {float:none;}
.kathaberindex .sag0 ul li a h3 {padding: 0;float: left;}

.yazarlarimizdan h2 {display:none}
.yazarlarimizdan .yazarlarimizdan_list ul.yazarlarimizdan_yazilar li .yazarres {display: none;}
.yazarlarimizdan .yazarlarimizdan_list ul.yazarlarimizdan_yazilar li {min-height: 90px;}

.digergaleriler ul li {height: 115px;}
.digergaleriler ul li .mhaberbaslik {position: relative;}
.digergaleriler ul li .mhaberbaslik h6 {display:none}
.digergaleriler ul li img {width: 100%;height: auto;}
}


  
@media only screen  and (max-width:767px){
#ustmenu .ustbar {text-align: center;}
.ustsaat {float: none;}
#ustmenu .sosyalmedya {float: none;display: inline-block;}
.ustmenu {float: none;margin-right: 0;display: inline-block;}

#onemlihaber {margin-bottom: 0;text-align:center;}

.flashhaberhaber_baslikli {height: 77px;padding: 10px 40px 10px 10px;}
.flashhaberhaber_baslikli a h1 {font-size: 18px;line-height: 24px;}

#banner {background:none;}
header[role="banner"] {background: url(/wp-content/themes/dernekvemte/images/noktali_dunya.png) no-repeat center center fixed;}

.mobilmanset{display:block;}
.normalmanset,
.reklam{display:none}

#banner {margin-bottom: 0;}
#logoyazisi {margin: 10px 0;}
#logoyazisi a h1 {font-size: 36px;text-align: center;line-height: 30px;}
#logoyazisi a h2 {font-size: 20px;text-align: center;}

.weather ul.weather-list {width: 300px;}
.weather ul.weather-list li{margin-left: 40px;}
.havadurumu {margin: 10px 0;}
.dovizdurumu {margin: 10px 0;}
#doviz {margin: 0 auto;width: 210px;height:40px}

#ustmenu{}
#ustmenu .sosyalmedya {float: left;padding: 10px;}

#ustmenu nav ul {margin-left: 10px;}
#ustmenu nav ul li {width: 50%;list-style-type: disc;color: #FFFFFF;margin-top: 5px;}
#ustmenu nav ul li a{border:0!important;}

.zaman {text-align: center;margin-left: 55px;}
#sayfaSaati {padding-left: 40%;}

#banner .kutu09 .bx-wrapper .bx-viewport {margin: 25px 0;}
#menubar nav ul#anamenu li{float: left;width:50%;}
#menubar nav:nth-child(1) {border-radius: 5px 5px 0 0;-moz-border-radius:  5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}
#menubar nav:nth-child(2) {border-radius: 0;-moz-border-radius:  0;-webkit-border-radius: 0;padding: 0;}
#menubar nav:nth-child(2) ul li{width: 50%;border-right: 0!important;}
#menubar nav:nth-child(3) {border-radius: 0;-moz-border-radius:0;-webkit-border-radius:0;padding: 0;}
#menubar nav:nth-child(3) #sondk {height: 48px;}
#menubar nav:nth-child(4) {padding: 0;border-radius: 0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;padding: 0;}

#altkategoriler{padding: 5px;margin:0;}
#altkategoriler:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#uyelik .panelgirisi ul li a {font-size: 13px;}
#uyelik .panelgirisi ul li.uyeol:before {margin: 4px 20px;}
#uyelik .panelgirisi ul li.uyegirisi:before {margin: 4px 20px;}

.reklam img {width: 100%;margin-bottom: 5px;}

#manset {background: none;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 0;height: auto;margin-bottom: 15px;}
#manset:hover {background: none;}
#manset ul li.manset-1{width:300px; height:230px; margin-right:0; margin-bottom:10px}
#manset ul li.manset-2{width:300px; height:230px; margin-right:0; margin-bottom:10px}
#manset ul li.manset-3{width:300px; height:150px; margin-right:0; margin-bottom:10px}
#manset ul li.manset-3 img{height:150px;}
#manset ul li.manset-4{width:300px; height:150px; margin-right:0; margin-bottom:10px}
#manset ul li.manset-4 img{height:150px;}
#manset ul li.manset-5{width:300px; height:150px; margin-right:0; margin-bottom:10px}
#manset ul li.manset-5 img{height:150px;}
#manset ul li.manset-6{width:300px; height:150px; margin-right:0; margin-bottom:10px}
#manset ul li.manset-6 img{height:150px;}
#manset ul li img{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:absolute; z-index:1; width:100%; height:auto}

#manset4 .manset4_resimler {height: 285px;}
#manset4 .manset4_resimler li a img {height: 170px;}
#manset4 .manset4_resimler li {height: 285px;}

#manset4 .manset4_butonlar_dis {height: 92px;}
#manset4 .manset4_butonlar li a {width: 58px;}
#manset4 .manset4_butonlar li:first-child a {padding-left: 1px;}
#manset4 .manset4_butonlar li:last-child a {padding-right: 1px;}

.kathaber-img a img {width: 280px;}

#kategorisayfasi ul li .mhaberbaslik {width: 90%;}

#kategorisayfasi #manset3 .manset3_butonlar li{margin-bottom:0}
#kategorisayfasi #manset3 .manset3_butonlar li a {width: 54px;}
#kategorisayfasi #manset3 .anamanset_ozet {display:none;}
#kategorisayfasi #manset3 .manset3_butonlar_dis {height: 60px;}
#kategorisayfasi #manset3 .manset3_resimler li a img {left: 0;}
#kategorisayfasi #manset3 .manset3_butonlar li:nth-child(9) a {border-right: 1px solid #7C0B11;}
#kategorisayfasi #manset3 .manset3_butonlar li:nth-child(10) a {border-left: 1px;padding-left: 0;padding-right: 0;border-radius: 0 0 6px 0;}

#kategorisayfasi ul.fotogaleri li {height:180px;width: 280px;}
#kategorisayfasi ul.fotogaleri li a img{height: 180px;}
#kategorisayfasi #manset3 .manset3_resimler li .yazarresmi {right: 10px;}

.acilirlisteler:hover ul li ul {display: block;position: relative;left: 0;top: 0;background:none;padding: 0;width: 100%;border-radius: 0 0 5px 5px;}
.acilirlisteler:hover ul li ul li {margin-top: 10px;}
#manset ul li img {height: 230px;}
.fotogaleri h3 {width:auto;}

.fotogalerisi .bx-pager,.fotogalerisi .bx-controls-auto{display:none}
.digergaleriler ul li{margin-bottom:10px!important;}
.digergaleriler ul li img {width: 100%;}

.reklam.r300x250{height: 250px;width:300px;}
.reklam.r300x250 a img{max-height:250px;max-width:300px}
.reklam.r460x68{height: 50px;width: 100%;}
.reklam.r460x68 a img{max-height: 50px;max-width:100%;}
.kathaberindex.reklam_280x280 .reklam_280x280_bileseni {float: none;margin: 0 auto 10px!important;}

.panelgirisi{display:none!important;}
.panelgirisim a {padding: 5px 0;text-align: center;width: 100%;}
.kathaberindexsol {margin: 10px;}
.kathaberindex .sol0 {height: auto;}
.kathaberindex .sol0 ul li {padding: 10px;}
.kathaberindex .sol0 ul li a h4 {margin-bottom:0}

#manset3 .manset3_butonlar_dis {height: 60px;}
#manset3 .manset3_butonlar li:first-child a {padding-left: 1px;}
#manset3 .manset3_butonlar li a {width: 31px;}
#manset3 .manset3_butonlar li:nth-child(9) a {border-right:0}
#manset3 .manset3_butonlar li:nth-child(10) a {border-left:0;padding-left: 1px;}
#manset3 #manset3_sag ul li {width: 300px;}
#manset3 #manset3_sag ul li img{width: 300px;}
#manset3 #manset3_sag ul li:last-child {margin-bottom: 15px;}
#manset3 .manset3_resimler {border-radius: 5px 5px 0 0;}
#manset3 .anamanset_title {height:auto;right: 10px;border-radius: 5px;}
#manset3 .anamanset_cat {height: 20px;top: 10px;border-radius: 5px;}
#manset3 #manset3_sag .bx-wrapper{width: 300px!important;margin: 0 0 15px 0!important;}
#manset3 #manset3_sag .bx-wrapper .bx-viewport{width: 300px!important;}
#manset3 #manset3_sag .bx-wrapper .bx-viewport img{width: 300px!important;}

#f_sosyalmedya h3 {width: 100%;text-align: center;}
#f_sosyalmedya .s_ikonlar {width: 100%;text-align: center;}
#f_sosyalmedya .s_ikonlar ul li {display: inline-block;float: none;}

#footer .copyright {float: left;width: 100%;text-align: center;padding: 10px 0;}
#footer .designedby{width: 100%;float: right;padding: 10px 0;text-align: center;}
#footer .designedby a {width: 100%;display: inline-block;float: none;margin: 0;}
}