@media screen and (max-width: 600px) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.1em;}
tbody td {display: block; text-align:center;}
tbody td:before {
content: attr(data-th);
display: block;
text-align:center;
}
}
@media only screen and (max-width: 685px) {
#sidebar {
width: 100%;
}
#pre-header-links-inner,
#intro #breadcrumbs,
#sidebar,
#footer-menu,
.meta-author {
display: block !important;
}
}
@media only screen and (max-width: 768px) {
#logo {
border-left: 0px solid #EEE !important;
border-right: 0px solid #EEE !important;
}
#header-nav {
border-left: 0px solid #EEE;
border-right: 0px solid #EEE
}
.btn-navbar .icon-bar {
background-color: #FFFFFF;
}
#header-responsive {
background: #224B77;
}
#header-responsive li a {
color: #FFFFFF;
}
}
