@media (max-width:527px) {
.navbar-default .navbar-brand {font-size:16px}
.box {margin-left:-15px;margin-right:-15px}
.blog-post:not(:first-child) .post-thumbnail {width:64px;height:80px;float:right;margin:8px 0 0 8px}
.blog-post:not(:first-child) span[style*=no-thumbnail] {background-image:url(images/not-thumbnail.png) !important}
.post-meta2:not(.btn) {display:inline-block;margin:2px 0}
}
@media (max-width:767px) {
.navbar-default {background:#f5f5f5}
.navbar-default .navbar-header {background:#428bca url(images/header-grad.png) top repeat-x;border-bottom:1px solid #2a6496}
.navbar-default .navbar-brand {text-shadow:1px 1px 1px #428bca;color:#fff}
.navbar-default .navbar-brand:hover {color:#cdddeb}
.navbar-default .navbar-brand:after {content:' ';position:absolute;bottom:-7px;left:50%;z-index:1080;border-top:7px solid #428bca;border-right:7px solid transparent;border-left:7px solid transparent;margin-left:-7px}
.navbar-default .navbar-toggle {border:1px solid #cdddeb}
.navbar-default .navbar-toggle:hover:not(:focus) {background:#cdddeb;border:1px solid #428bca}
.navbar-default .navbar-toggle:focus {background:none}
.navbar-default .navbar-toggle .icon-bar {background:#fff}
.navbar-default .navbar-toggle:hover:not(:focus) .icon-bar {background-color:#428bca}
.navbar-nav li:nth-child(odd) {background-color:#fff}
.navbar-search {background-color:#fff;margin:0 -15px;padding:15px}
}
@media (min-width:528px) and (max-width:767px) {
.row.box {margin-left:0;margin-right:0}
.col-2 {width:16.66666667%;float:left}
.col-6 {width:50%;float:left}
}
@media (min-width:528px) {
body {padding-top:65px}
.blog-post-image {width:50%;float:left;margin:4px 8px 0 0}
.alert-dismissible {position:fixed;z-index:50;max-width:480px;top:45%;left:25%}
.blog-post:first-child {border-top-left-radius:6px}
.blog-post:nth-child(2) {border-top-right-radius:6px}
.blog-post:last-child {border-radius:0 0 6px 6px}
}
@media (min-width:768px) {
body {padding-top:95px}
#progress-bar {position:fixed;z-index:9999;top:0;left:0;width:0;height:2px;background-color:#428bca}
#progress-bar.sukses {left:45%;overflow:hidden;width:auto !important;height:auto !important;background-color:#5cb85c;border-radius:0 0 4px 4px;padding:4px 8px;font-size:11px;color:#fff}
.img-label {display:block;margin:auto}
.navbar-search {padding:20px 0 20px 20px}
.post-title,.title-label {display:block;white-space:nowrap;overflow:hidden}
.post-meta2 {position:absolute;bottom:15px;width:100%;background-color:#fff;white-space:nowrap;overflow:hidden}
.list-group:hover,.panel:hover,.fb-like-button:hover,.twitter-timeline:hover {border-radius:6px;box-shadow:0 0 15px #ccc}
img.media-object {width:64px;height:64px;box-shadow:5px 5px 5px #ddd}
.related-post-item {margin:0 -1px 0 0}
.related-post-item:first-child {border-radius:6px 0 0 6px}
.related-post-item:last-child {border-radius:0 6px 6px 0}
}
@media (min-width:992px) {
body:after {content:url(images/semutfuny.gif);z-index:100;position:fixed;top:50%;left:45%}
.blog-post:nth-child(2) {border-top-right-radius:0px}
.blog-post:nth-child(3) {border-top-right-radius:6px}
.blog-post:nth-last-child(3) {border-bottom-left-radius:6px}
.blog-post:last-child {border-bottom-left-radius:0px}
}