﻿@media only screen and (max-width:570px) {

.header{min-height:100px;}
.header .logo{font-size:18px;height:80px; width:100%;text-align:center;float:none!important;line-height:80px;}
.header .logo img{height:80px;float:none}

.header .hamburger{padding:10px;color:#fff;font-size:25px;display:block;z-index: 999999;}

.slider{height:380px}
.slider .item{height:380px;background-size:auto 380px!important;}
.slider .item .item-content{margin-top:50px;font-size:13px;padding:20px}
.slider .item .item-content h3{font-size:16px!important;}
.slider .item .item-content .detail{font-size:14px;}
.slider .owl-theme .owl-nav{display:none}

.content{border-radius:0;padding:30px 15px}
.content .duyurular{border:0;margin-bottom:25px;padding-bottom:25px; border-bottom:solid 1px #ccc}
.content .duyuru{margin:0}
.content .duyuru .yeniduyuru{float:none!important;height:auto;border-radius:0;margin-right:15px;margin-top:10px}
.content .duyuru .yeniduyuru div{transform:none!important;text-align:center!important}
.content .duyuru .duyurutarih{float:none!important;width:auto;margin-right:15px;}
.content .duyuru a{margin-top:35px;color:#242c34;font-size: 14px;}
.content .duyuru a span{display:none}
.content .baslik{padding:6px 11px 4px 12px}

.tanitim-filmi{margin-bottom:40px}
.tanitim-filmi span{font-size:50px;left:43%;}
.tanitim-filmi .tanitim-yazi{font-size:16px}

.birim{font-size:15px;height: 155px;}
.header-bottom .img-birim{float:none;margin:0 auto;display:table;margin-bottom:20px;}
.header-bottom  h1{font-size:30px;}
.box{margin-bottom:20px;padding:0;line-height:105px;text-align:center}
.footer .fotmenu{padding:10px;}
.footer .fotmenu ul{border:0;padding:0;}
.footer-bottom{height:auto;line-height:35px;padding:10px 0;}
.footer-bottom div{text-align:center!important;}


.haber-duyuru .duyuru .duyuru-sag{width:65%;}
.haber-duyuru .duyuru .duyuru-sag span{display:none;}
.pagination a,.pagination span span{width:28px;margin:5px 1px;}
.treeview ul li{margin-right:5px;}

.duyurular-baslik{width:100%;padding:10px 20px;margin-bottom:0}
.altmenu{border:0;padding:0}
.altmenu .altmenu-item{display:none;background:#efefef;border-bottom:solid 1px #e6e6e6}
.altmenu .altmenu-item a{padding:15px 0}
.altmenu .altmenu-item.active{transition:none;border:none}

.haber-icerik ul li{margin-left:0!important}
.idari-birimler .ibirim{width:100%;float:none;}
}

@media only screen and (min-width:571px) and (max-width:767px){
.header .logo{font-size:25px;width:100%;text-align:center;}
.header .logo img{float:none}


.header .hamburger{padding:10px;color:#fff;font-size:25px;display:block}

.slider{height:380px}
.slider .item{height:380px;background-size:auto 380px!important;}
.slider .item .item-content{margin-top:70px;font-size:15px;padding:20px}
.slider .item .item-content h3{font-size:20px;}
.slider .item .item-content .detail{font-size:14px;}
.slider .owl-theme .owl-nav{display:none}

.content{border-radius:0;padding:30px 15px}
.content .duyurular{border:0;margin-bottom:25px;padding-bottom:25px; border-bottom:solid 1px #ccc}
.content .duyuru{margin:0}
.content .duyuru .yeniduyuru{float:none!important;height:auto;border-radius:0;margin-right:15px;margin-top:10px}
.content .duyuru .yeniduyuru div{transform:none!important;text-align:center!important}
.content .duyuru .duyurutarih{float:none!important;width:auto;margin-right:15px;}
.content .duyuru a{margin-top:40px;color:#242c34;font-size: 14px;}
.content .duyuru a span{display:none}

.tanitim-filmi{margin: 0 auto;  display: table;margin-bottom:40px}
.tanitim-filmi span{font-size:50px;left:43%;}
.tanitim-filmi .tanitim-yazi{font-size:16px}

.birim{font-size:15px;}
.header-bottom  h1{font-size:25px;}
.box{margin-bottom:20px;padding:0;line-height:105px;text-align:center}
.footer .fotmenu ul{border:0;min-height:initial;margin-bottom:20px}
.footer-bottom{height:auto;line-height:35px;padding:10px 0;}
.footer-bottom div{text-align:center!important;}

.haber-duyuru .duyuru .duyuru-sag{width:70%;}
.haber-duyuru .duyuru .duyuru-sag span{display:none;}

.duyurular-baslik{width:100%;padding:10px 20px;margin-bottom:0}
.altmenu{border:0;padding:0}
.altmenu .altmenu-item{display:none;background:#efefef;border-bottom:solid 1px #e6e6e6}
.altmenu .altmenu-item a{padding:15px 0}
.altmenu .altmenu-item.active{transition:none;border:none}
.idari-birimler .ibirim{width:50%;}
  .kitap-detay .kitap-detail .kitap-left{width:30%;float:left;font-weight:bold;}
    .kitap-detay .kitap-detail .kitap-right{width:65%;float:left;}
}

@media only screen and (min-width:768px) and (max-width:990px){
  

    
    .header .topmenu ul li{margin:0 0 0 20px;font-size:16px}
    .header .topmenu ul li a span{display:none}
    .header .menubar .menuler ul>li>a{padding: 19px 15px;font-size: 15px;}
    .header .baskan{display:none;}
    .cbp-hrmenu .cbp-hrsub-inner > div{width:28%}
    .header-birimler{width:100%!important}
    .header-birimler .header-birim{padding:5px;width:28%}
    .slider .owl-theme .owl-nav{display:none}
    .header-bottom  h1{font-size:35px;}
    .content .duyurular{border:0;margin-bottom:25px;padding-bottom:25px; border-bottom:solid 1px #ccc}

    .tanitim-filmi{margin:0 auto;display:table; margin-bottom:40px}
    .birim{min-height:140px}
    .tanitim-filmi span{left:43%;}
    .box{margin-bottom:20px;padding:0;line-height:105px;text-align:center}
    .footer .fotmenu ul{border:0;}
    .footer-bottom{height:auto;line-height:35px;padding:10px 0;}
    .footer-bottom div{text-align:center!important;}
    .content .haber-icerik img{max-height:300px}
    .header-birimler .header-birim img{max-height:80%;width:auto;}
    .idari-birimler .ibirim{min-height:280px;}
   
    .kitap-detay .kitap-detail .kitap-left{width:30%;float:left;font-weight:bold;}
    .kitap-detay .kitap-detail .kitap-right{width:65%;float:left;}
    
}


@media only screen and (min-width:991px) and (max-width:1200px){
    .header .topmenu ul li{margin:0 10px 0 10px}
    .header .menubar .menuler ul>li>a{padding:18px 15px;}
    .box{font-size:22px;padding:17px 0 0 50px}
    .birim{background-size: auto 80%;padding:25px 18px;}
    .footer .fotmenu ul{padding:0 5px;}
}