/*
	volkan sağlık / abdurrahman çetin
*/

@import url("https://cdn.comu.edu.tr/web//css/font-awesome.min.css") screen;
@import url("https://fonts.googleapis.com/css?family=Roboto") screen;
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600") screen;
@import url("https://fonts.googleapis.com/css?family=Raleway:400,600,700") screen;


body {background: url(../img/bg.jpg) no-repeat center center fixed;
background-size: cover;
font-family: 'Roboto';font-style: normal; font-size:14px;position:relative}

body a{color:#333;text-decoration:none;}
body a:hover {text-decoration:none}
.ayar {padding:0}
.solpadding {padding-left:0}
.sagpadding {padding-right:0}
.siyah {background-color:rgba(0, 0, 0, 0.50);position:fixed;top:0;width:100%;height:100%}
.cervece {position:relative;margin-bottom:120px}

	
/******** 
	header alani ********/

.header{margin-top:10px;float:left;width:100%}
.dergiadi{font-family:'Raleway';font-weight:700;color:#fff;text-align:center;margin-top:25px;text-shadow:2px 2px 3px #333}
.dergiadi p{font-size:25px;margin:0}
.dergiadi span{font-size:28px}
.dergiadi .issn{font-size: 15px;font-family: 'Roboto';}
.comulogo img{float:right}
.menu{float:left;width:100%;margin-top:20px}
.navbar{border-radius:0;margin:0}
.navbar-nav{padding-top:5px!important}
.navbar-default{background-color:#113F67;    border: none;}
.navbar-default .navbar-nav>li {border-right: 1px solid #124a7b;}
.navbar-default .navbar-nav>li:last-child {border: none}
.navbar-default .navbar-nav>li>a{color:#fff;font-size:16px}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:transparent}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:transparent}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#65C6C4}
.makalegonder{background:#65C6C4;color:#fff;padding:5px 0;margin-right:-30px}
.makalegonder:hover{background:#ad2828;transition:all .6s}
.makalegonder li a:hover{color:#fff!important}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#65C6C4;background-color:transparent}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:#65C6C4}
.navbar-nav>li>.dropdown-menu{margin-top:-1px}
.navbar-brand {color:#fff;display:none}
.navbar-default .navbar-nav.makalegonder>li>a:focus, .navbar-default .navbar-nav.makalegonder>li>a:hover {color:#fff}
/******** 
	kapsayici alani ********/
	
@mixin ellipsis(){
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: 100%;
}

@mixin icon-styles(){
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@mixin transform($transform){
	-webkit-transform: $transform;
	-moz-transform: $transform;
	-ms-transform: $transform;
	-o-transform: $transform;
	transform: $transform;
}

.kapsa{background:#f5f5f5;float:left;width:100%}
.dergilist{background:#fff;margin-bottom:35px}
.dergibaslik p{background:#f5f5f5;font-family:'Raleway';text-align:center;font-weight:700;color:#113F67;font-size:20px;padding:10px 0;margin-top:20px}
.dergimiz{background:#f5f5f5;margin-top:20px}
.dergimiz a{color:#555}
.dergimiz a:hover{color:#408ab4}
.dergimiz a img{width:100%}
.dergimiz a img:hover{opacity:.7;transition:all .7s}
.dergimiz a p{text-align:center;padding:10px 10px;font-size:15px;font-weight:600}
.sidebarlink {float: left;width: 100%;}
.sidebarlink ul{margin:0;padding:0}
.sidebarlink ul li{list-style:none;background:#34699A;margin:10px 0;padding:15px 0;text-align:center}
.sidebarlink ul li:hover{background:#65C6C4;transition:all .7s}
.sidebarlink ul li a{color:#fff;font-size:16px}
.slider{float:left;width:100%;margin-top:20px}
.anadetay{float:left;width:100%;margin-top:20px;background:#fff;border:1px solid #eee}
.anadetay p{padding:15px 15px 10px;line-height:1.7;margin-bottom:15px;color:#535353;font-size:15px;max-height:165px;text-align:justify;overflow:hidden}
.anadetay span a{float:right;background:#65C6C4;color:#fff;padding:7px 10px}
.anadetay span a:hover{background:#B31313;transition:all .7s}
.tabalani{float:left;width:100%;margin-top:20px;background:#fff}
.bs-example-tabs .nav-tabs{margin-bottom:5px;background:#f5f5f5;width:98%;margin-left:1%;padding-top:10px;margin-top:1%;    border-bottom: none;}
#myTabContent{width:99%;margin-left:1%}
.tabalani .bs-example-tabs .nav-tabs>li{margin-left:1%}
.tabalani #myTabContent ul{margin:0;padding:0 0 0 30px}
.tabalani #myTabContent ul li{list-style-image:url(../img/list1.png);line-height:1.7;padding:9px 0;border-bottom:1px solid #eee;width:98%}
.tabalani #myTabContent ul li:last-child{border-bottom:0}
.tabalani #myTabContent ul li span{color:#999}
.tabalani #myTabContent ul li a{color:#444}
.tabalani #myTabContent ul li:hover a{color:#65C6C4;transition:all .3s}
.tabalani #myTabContent ul li:hover span{color:#B31313;transition:all .3s}
.tabalani .nav-tabs>li.active>a,.tabalani .nav-tabs>li.active>a:focus,.tabalani .nav-tabs>li.active>a:hover{border:1px solid transparent;color:#000}

.linkler {float:left;width:100%;margin-top:20px;background:#fff;    padding-bottom: 10px;}

.linklerbaslik {
	width: 98%;
    background: #f5f5f5;
    margin: 1%;
    padding: 10px;
    margin-top: 1%;
    margin-bottom: 1%;}
	
.linklerbaslik h3 {margin:0;padding:0;font-size:16px;font-family:'Raleway';font-weight:600}

.linklistesi {}
.linklistesi ul {margin:0}
.linklistesi ul li {width: 50%;padding: 7px 0;float:left;list-style-image:url(../img/list2.png);}
.linklistesi ul li a {color:#666;font-size:13px}
.linklistesi ul li a:hover{color:#65c6c4}


.tabalani .nav>li>a:focus, .nav>li>a:hover {
    background-color: #fff;
    color: #000;
	    border-color: transparent;
}

#dil-bar{padding: 5px 0;position: relative;width:100%}
#dil-bar a{color:#fff;background-color: rgba(1, 44, 82, 0.52); padding: 10px;}

/********
	footer alani ********/

footer{float:left;width:100%; border-color:#d5d5d5;padding:15px 0;background:#113F67  url(../img/siluet.png) no-repeat bottom;color:#fff;margin-top: 90px;}
footer a{color:#fff}
footer .footer-logo h2{margin-top:0;font-weight:400;color:#FFF}
footer .footer-logo h2 small{margin-top:5px;display:block;font-weight:300;color:#FFF}
.bottom-footer{border-color:#003a6a}
.container .bottom-footer .row p{color: #fff;width:100%;text-align:center;margin:0}
.container .bottom-footer .row p a:hover{color:#a0b5ce}
.bottom-footer{border-top:1px solid #214b7b;display:block;margin-bottom:10px;margin-top:15px;padding-top:25px}
.footer-baslik{font-size:13px;font-weight:700;margin:0 0 20px;text-transform:uppercase;color:#FFF}
.list-links{color:#FFF;line-height:1.8;list-style-image:url(../img/listimg.png)}
ul.list-links li.listyok{list-style:none}
ul.list-links li.listyok span{float:left;margin-left:-20px}
ul.list-links li a:hover{color:#a2b7e0}
.list-links->li{color:#FFF}
.foobar{border-top:5px solid #CA1D24}
#footerlogo{z-index: 10;background-image:url(../img/footerlogo.png);width:85px;height:78px;position:absolute;margin:-69px auto 15px;position:relative}
ul.footersocial{margin:0 auto;display:block}
.footersocial li{width:34px;height:34px;float:left;margin-right:15px;list-style:none}
.footersocial li a{width:30px;height:30px;float:left;border-radius:30px;border:2px solid #fff;margin:1px 0 0 1px}
.footersocial li a.facebook{background:url(../img/facebookIco2.png) no-repeat center}
.footersocial li a.facebook:hover{background-color:#004a85;border:2px solid #004a85}
.footersocial li a.twitter{background:url(../img/twitterIco2.png) no-repeat center}
.footersocial li a.twitter:hover{background-color:#18a5ba;border:2px solid #18a5ba}
.footersocial li a.youtube{background:url(../img/youtubeIco1.png) no-repeat center}
.footersocial li a.youtube:hover{background-color:#cf3638;border:2px solid #cf3638}
.footersocial li a.gplus{background:url(../img/gplus.png) no-repeat center}
.footersocial li a.gplus:hover{background-color:#DF4931;border:2px solid #DF4931}
.footersocial li a:hover{box-shadow:inset 0 0 10px rgba(0,0,0,0.3)}
.footer-widget a:focus, a:hover {color: #acc1ea;text-decoration: underline}



/********
	altsayfa ********/


.bread {float:left;width:100%;margin-top:20px}
.bread .btn {border-radius:0}
.btn-breadcrumb .btn:not(:last-child):after{content:" ";display:block;width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:10px solid #fff;position:absolute;top:50%;margin-top:-17px;left:100%;z-index:3}
.btn-breadcrumb .btn:not(:last-child):before{content:" ";display:block;width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:10px solid #adadad;position:absolute;top:50%;margin-top:-17px;margin-left:1px;left:100%;z-index:3}
.btn-breadcrumb .btn{padding:6px 12px 6px 24px}
.btn-breadcrumb .btn:first-child{padding:6px 6px 6px 10px}
.btn-breadcrumb .btn:last-child{padding:6px 18px 6px 24px}
.btn-breadcrumb .btn.btn-default:not(:last-child):after{border-left:10px solid #fff}
.btn-breadcrumb .btn.btn-default:not(:last-child):before{border-left:10px solid #ccc}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after{border-left:10px solid #ebebeb}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before{border-left:10px solid #adadad}
.btn-breadcrumb > * > div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-breadcrumb > :nth-child(n+2){display:none}

.altsayfa {float:left;width:100%;margin-top:20px;padding: 10px 10px 20px;background:#fff}

.altsayfa h2 {    margin: 0 0 10px 0;
    padding: 10px 10px;
    font-size: 17px;
    font-family: 'Raleway';
    font-weight: 600;
    background: #65c6c4;
    color: #fff;}
.altsayfa h3 {margin:0 0 10px 0;padding:0;font-size:16px;font-family:'Raleway';font-weight:600}
.altsayfa p {color:#555;line-height:1.7;margin-bottom:10px}
.altsayfa td p {color:unset;line-height:unset;margin:unset}
.altsayfa a {color:#65C6C4}
.altsayfa a:hover {color:#B31313}
.altsayfa img {max-width: 100% !important;height: auto !important;}

.altsayfa .panel-default>.panel-heading {font-size:15px;font-family:'Raleway';font-weight:600}
.altsayfa .list-group-item{color:#777;font-size:13px;line-height:1.5}
.altsayfa .list-group-item a {color:#444;font-size:13px;line-height:1.5}
.altsayfa ul {}
.altsayfa ul li {list-style-image:url(../img/list1.png);line-height:2;color:#444}
.altsayfa ul li a {}
.altsayfa .harita img{max-width:none !important}
.zebra a {color:#337ab7}
.zebra a i{padding-right:4px}
.zebra li {border-color:#ededed;}
.panel-default{border-color:#ededed}
.zebra li:nth-child(even){background-color:#fdfdfd;}
.zebra li:nth-child(even) a{color:#000}

ul#index_list {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    margin: .5rem 0;
    padding: .5rem;
    flex-wrap: wrap;
}

ul#index_list li {
    list-style: none;
    position: relative;
    margin-bottom: 3rem;
    max-width: 23%;
    width:182px;
    height: 118px;
}
ul#index_list li img{max-height: 118px}
#index_list figure {
    osition: relative;
    border: 1px solid #eaeaea;
    padding: 1rem;
    border-radius: .25rem;
    width: 182px;
    height: 118px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#index_list figcaption {
    color: white;
    background: rgba(0,0,0,.8);
    padding: .5rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    border-radius: .25rem;
    opacity: 0;
    transition: all .2s linear;
}
#index_list div:hover {
    color: #f5f5f5;
}
#index_list li:hover figcaption {
    opacity: 1;
}

.sosyal-medya a{color:#fff}
.sosyal-medya a:hover{color:#f5f5f5}
.makalebutonalani {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px 15px;
    margin: 10px 0;
    float: left;
    border-radius: 4px;
    width: 100%;

}

.makalebutonalani span {float:left;margin-top:10px}

.altsayfa .makalebutonalani a.btn-makale {padding:10px;color:#fff; background:#113F67}
.altsayfa .makalebutonalani a.btn-makale:hover {background:#B31313;transition:all 0.5s}


.formlar {float:left;width:96%;margin:10px 0 10px 2%}
.formlar .form-control {height:40px}
.formlar label {font-size:15px;font-family:'Raleway';font-weight:600}
.formlar .btn-makale {padding:10px;color:#fff; background:#65C6C4}
.formlar .btn-makale:hover {background:#B31313;transition:all 0.5s}
.input-group{width:100%}
span.error{color: red;position: absolute;right: 43px;top: 10px;z-index: 99;}

.ilet {float:left;width:100%;margin-bottom:20px}
.ilet .btn-makale {padding:10px;color:#fff; background:#65C6C4}
.ilet .btn-makale:hover {background:#B31313;transition:all 0.5s}
.ilet .form-control {height:40px}
.borderpen { padding: 15px}
.ilet .msj {height:100px}

.harita {float:left;width:100%}

/* loading
****************************************** */
.loading{height:100%;width:100%;background:rgba(255,255,255,0.8) url(../img/loader.gif) no-repeat center center;opacity:1;position:fixed;z-index:99999;top:0;left:0}
.mesaj{position:absolute;z-index:999999;font-size:18px;font-weight:700;width:400px;left:50%;top:50%;margin-left:-200px;margin-top:-130px;text-align:center}
.formSonuc {text-align: center; margin: 55px 0;display:none}


/* hizli menu
*********************/
.hizlimenu {margin-top:20px}
.nav-side-menu{ background-color:#1b4e8d;color:#232323;font-size:13.5px;   box-shadow: 0 3px 3px 0 rgba(207,207,207,.65); }
.nav-side-menu .brand{ font-size:14px;font-weight:600;line-height:40px;display:block;border-bottom:3px solid #e9e9e9; color:#fff; padding-left:10px;}
.nav-side-menu .toggle-btn{display:none}
.nav-side-menu ul,.nav-side-menu li{background:#FAFAFA;list-style:none;padding:0;margin:0;cursor:pointer;
/*-webkit-box-shadow:0 3px 3px 0 rgba(207,207,207,0.45);-moz-box-shadow:0 3px 3px 0 rgba(207,207,207,0.45);box-shadow:0 3px 3px 0 rgba(207,207,207,0.45);*/
border-bottom: 2px solid #D4D4D4;
}
.nav-side-menu ul :not(collapsed) .arrow:before,.nav-side-menu li :not(collapsed) .arrow:before{font-family:FontAwesome;content:"\f078";display:inline-block;
/*padding-left:10px;padding-right:10px;*/vertical-align:middle;float:left; padding-left:3px;}
.nav-side-menu ul li a{ color:#444; display:block; text-decoration:none; padding-right: 8px;}
.nav-side-menu li{padding-left:0;position:relative;display:inline-block;width:100%;line-height:40px;border-bottom:1px solid #ededed}
.nav-side-menu li:before{background-color:#1c1c1c;webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.nav-side-menu li:hover{background-color:#fff;}
.nav-side-menu li a i{padding-left:10px;width:20px;padding-right:5px}
.nav-side-menu ul.sub-menu{ background:#fff;}
.nav-side-menu ul.sub-menu li.active,.nav-side-menu li .sub-menu li.active{color:#CA1C23}
.nav-side-menu ul.sub-menu li.active a,.nav-side-menu li .sub-menu li.active a{ color:#CA1C23; padding-right:10px;}
.nav-side-menu ul.sub-menu li,.nav-side-menu li.sub-menu li{border:none;border-bottom:1px solid #eee;margin-left:0;box-shadow:none;background:#fff; 
  padding:6px 0;
}
.nav-side-menu ul.sub-menu li a,.nav-side-menu li.sub-menu li a{color:#444; /*line-height: 30px;*/
    line-height: 24px;
    width: 86%;

}
.nav-side-menu ul li ul.sub-menu li a{ color:#444; display:block;}
.nav-side-menu ul.sub-menu li:hover,.nav-side-menu li.sub-menu li:hover{background-color:#F6F6F6;}
.nav-side-menu ul.sub-menu li:before,.nav-side-menu li.sub-menu li:before{display:inline-block;padding-left:10px;padding-right:10px;vertical-align:middle;
}
.nav-side-menu .sub-menu li.active { border-left: 0px!important;  background:rgba(0,0,0,0) url(../../ortak/img/aktifmenuok.png) no-repeat!important; 
  background-position:right!important; 
  right:-2px;
}

.nav-side-menu ul.target-active li.active {
    box-shadow: 0 3px 3px 0 rgba(207,207,207,.85);
    -webkit-box-shadow:0 3px 3px 0 rgba(207,207,207,.85); -moz-box-shadow:0 3px 3px 0 rgba(207,207,207,.85);
   }
   
.nav-side-menu ul.target-active li.active .arrow, .nav-side-menu ul.target-active li.active .hmenu_ok_ana { 
  color:#fff;
}
.nav-side-menu span.arrow{float:right}
.hmenu_ana_a { 
    width: 76%;
    float: left;
    line-height: 1.6;
    margin-top: 8px;
    margin-bottom: 7px;
} 

i.hmenu_ok { float: left;
    margin-top: 5px;
    margin-left: 10px;
    width: 8%;
    height:20px;
    }
    
i.hmenu_ok_ana { float: left;
    margin-top: 13px;
    margin-left: 10px;
    width: 8%;
    height:20px;
    }  
	
table { 
  margin: 0 auto;
  border-collapse: collapse;
  font-family: Agenda-Light, sans-serif;
  font-weight: 100; 
  color: #444;
  width:100%;
  text-rendering: optimizeLegibility;
  border-radius: 5px; 
}
table caption { 
  font-size: 2rem; color: #444;
  margin: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left, center right; 
}
table thead th { font-weight: 600;background: #333;color:#fff }
table thead th, table tbody td { 
  padding: .8rem; font-size: 1.4rem;
}
table tbody td { 
  padding: .8rem; font-size: 1.4rem;
  color: #444; 
}
table tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
table tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}
.makaleler {}
.makaleler .list-group-item a {padding: 5px 12px;background: #65c6c4;border-radius: 4px; margin-right: 0;color: #fff;transition: all .3s;}.makaleler .list-group-item a:hover {background: #113f67;}
.makaleler .aciklama {padding:10px 15px}
.makaleler .aciklama a {background-color: transparent;
    color: #65C6C4;}
.yazar {color: #179d96;}
.form-group{position: relative;}

@media (max-width:1200px) {
	.navbar-default .navbar-nav>li>a {font-size: 14px}
	.container {width:100%}
}

@media (min-width: 992px) {
    .btn-breadcrumb > *:nth-last-child(-n+6) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 170px;
    }
}


@media (max-width:991px) {
	.dergiadi span {font-size: 24px}
	.dergiadi p {font-size: 22px}
	.comulogo img {width:100%}
	.logo img {width:100%}
	.navbar-default .navbar-nav>li {border-bottom:1px solid #124a7b; border-right:none }
	.makalegonder {margin-right:10px;margin-bottom: 10px}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fff}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#65c6c4}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: #113f67}
	.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:rgba(101, 198, 196, 0.38);border:0;-webkit-box-shadow:none;box-shadow:none}
	.navbar-nav .open .dropdown-menu > li > a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px;color:#fff}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff}
	.navbar-default .navbar-brand,.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{display:block;color:#fff}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #fff;background-color: #fff;display:block}
	
	  .btn-breadcrumb > *:nth-last-child(-n+4) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 100px;
    }
	
}

@media (max-width:767px) {
	.solBlok{float:left}
	.dergilist{background:none}
	.hizlimenu{float: left;width: 100%;position: fixed;z-index: 9999;bottom: 0;right: 0px;}
	.nav-side-menu{position:relative;width:100%;margin-bottom:0;box-shadow:none}
	.nav-side-menu .toggle-btn{display:block;cursor:pointer;position:absolute;right:10px;top:10px;z-index:10!important;padding:3px;background-color:#fff;color:#000;width:40px;text-align:center}
	.brand{text-align:left!important;font-size:22px;padding-left:20px;line-height:50px!important;}
	.nav-side-menu .brand{border:none}
	.nav-side-menu ul{z-index:991}
	.nav-side-menu ul.sub-menu{position:relative}
	.nav-side-menu ul{z-index:991}
	.nav-side-menu{position:relative;width:100%;margin-bottom:0}
	.nav-side-menu .toggle-btn{display: block;cursor: pointer;position: absolute;right: 10px;top: 10px;z-index: 1!important;padding: 3px;background-color: #EAEFF4;color: #113f67;width: 40px; text-align: center;}
	.hmenu_ana_a {width: 88%;} 
	i.hmenu_ok {width: 3%;}
	i.hmenu_ok_ana {width: 4%;} 
	.dergimiz {width: 96%;float: left;margin:0 0 0 1%;background: #fff}
	.sidebarlink {float: left;width: 100%;}
	.dergibaslik {float: left;width: 100%;}
	.dergibaslik p {background: #fff}
	.dergimiz a p {font-weight:normal;font-size:14px}
	.dergiadi span {font-size: 20px}
	.dergiadi p {font-size: 18px}
	.navbar-nav {margin:0 0 10px 15px}
	.btn-breadcrumb > *:nth-last-child(-n+2) {display:block;} 
    .btn-breadcrumb > * div {max-width: 60px;}
	
	
	table caption { background-image: none; }
  table thead { display: none; }
  table tbody td { 
    display: block; padding: .6rem; 
  }
  table tbody tr td:first-child { 
    background: #666; color: #fff; 
  }
	table tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 12rem;  
  }
}




@media (min-width: 767px) {
	.nav-side-menu .menu-list .menu-content {display: block;margin-bottom: 5px; }
}

@media (max-width:600px) {
	.dergiadi span {font-size: 17px}
	.dergiadi p {font-size: 15px}
	.logo {margin-top:15px}
	.comulogo {margin-top:15px}
}


@media (min-width: 768px) and (max-width: 991px) {
	/*mobil 991 den itibaren */
	
	.navbar-nav .open .dropdown-menu > li > a{line-height:20px}
	.dropdown-menu > li > a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
	.navbar-header{float:none}
	.navbar-toggle{display:block}
	.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}
	.navbar-collapse.collapse{display:none!important}
	.navbar-nav{float:none!important}
	.navbar-nav>li{float:none}
	.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
	.navbar-text{float:none;margin:15px 0}
	.navbar-collapse.collapse.in{display:block!important}
	.collapsing{overflow:hidden!important}	
}

@media screen and (max-width:400px) {
	.container {padding-left:0;padding-right:0}
}

@media screen and (max-width: 479px) {
	
	.comulogo {display:none}
	.logo {display:none}
	.dergiadi {width:100%;margin-top:0;margin-bottom:10px}
	.menu {margin-top:0}
	.dergiadi span {font-size: 19px}
	.dergiadi p {font-size: 17px}
	.linklistesi ul li {width:100%}
	#narrow-browser-alert {
		display: none;
	}  
  
  .nav-tabs-responsive {
    > li {
      display: none;
      width: 23%;
      > a {
        @include ellipsis();
        width: 100%;
        text-align: center;
        vertical-align: top;
      }
      &.active {
        width: 54%;
        &:first-child {
          margin-left: 23%;
        }
      }
      &.active,
      &.prev,
      &.next {
        display: block;
      }
      &.prev,
      &.next {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
      }
      &.next > a,
      &.prev > a {
        -webkit-transition: none;
        transition: none;
        .text {
          display: none;
        }
        &:after,
        &:after {
          @include icon-styles();
        }
      }
      &.prev > a:after {
        content: "\e079";
      }
      &.next > a:after {
        content: "\e080";
      }
      &.dropdown {
        > a > .caret {
          display: none;
        }
        > a:after {
          content: "\e114";
        }
        &.active > a {
          &:after {
            display: none;
          }
          > .caret {
            display: inline-block;
          }
        }

        .dropdown-menu {
          &.pull-xs-left {
            left: 0;
            right: auto;
          }
          &.pull-xs-center {
            right: auto;
            left: 50%;
            @include transform(translateX(-50%));
          }
          &.pull-xs-right {
            left: auto;
            right: 0;
          }
        }
      }
    }

