#blog-listing-medium{
    margin-top: 40px;
}
#blog-listing-medium .post{
    margin-bottom:40px
}
#blog-listing-medium .post span.h2{
    text-transform:uppercase;
    margin:0 0 10px;
    font-size:24px;
    letter-spacing:.08em
}
#blog-listing-medium .post span.h2 a{
    color:#555
}
#blog-listing-medium .post span.h2 a:hover{
     color:#38a7bb
}
#blog-listing-medium .post .author-category{
    float:left;
    color:#999;
    text-transform:uppercase;
    font-weight:300;
    font-size:12px;
    letter-spacing:.08em
}

.btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active {
    background: #38a7bb;
    color: #fff;
    border-color: #38a7bb;
}

.nav-pills>li>a {
    border-radius: 0;
}

.nav>li>a {
    padding: 10px 15px;
}

.nav>li>a:hover {
    font-weight: bold;
    color: #fff;
    background-color: #38a7bb;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #38a7bb;
}

#sdbr{
    margin-top:40px !important;
}

.panel.sidebar-menu {
    background: #fff;
    margin: 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.panel.sidebar-menu .panel-heading {
    text-transform: uppercase;
    margin-bottom: 10px;
    background: none;
    padding: 0;
    letter-spacing: .08em;
    border-bottom: none;
}

.panel.sidebar-menu .panel-heading h1, .panel.sidebar-menu .panel-heading h2, .panel.sidebar-menu .panel-heading h3, .panel.sidebar-menu .panel-heading h4, .panel.sidebar-menu .panel-heading h5 {
    display: inline-block;
    border-bottom: solid 5px #38a7bb;
    line-height: 1.1;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.panel.sidebar-menu h3 {
    padding: 5px 0;
    margin: 0;
}

.panel.sidebar-menu .panel-body {
    padding: 0;
}

#blog-listing-medium .post .author-category a{
    font-weight:500
}
#blog-listing-medium .post .date-comments{
    float:right;font-size:12px
}
#blog-listing-medium .post .date-comments a{
    color:#999;margin-right:20px
}
#blog-listing-medium .post .date-comments a:hover{
    color:#38a7bb
}
@media (min-width:768px){
    #blog-listing-medium .post .date-comments{
        text-align:right
    }
}
#blog-listing-medium .post .intro{
    text-align:left
}

#blog-listing-medium .post .clearfix:before,
#blog-listing-medium .post .clearfix:after,
#blog-listing-medium .post .navbar:before,
#blog-listing-medium .post .navbar:after,
#blog-listing-medium .post .navbar-header:before,
#blog-listing-medium .post .navbar-header:after{
    content:" ";
    display:table
}
#blog-listing-medium .post .clearfix:after,
#blog-listing-medium .post .navbar:after,
#blog-listing-medium .post .navbar-header:after{
    clear:both
}
#blog-listing-medium .post .clearfix:before,
#blog-listing-medium .post .clearfix:after,
#blog-listing-medium .post .navbar:before,
#blog-listing-medium .post .navbar:after,
#blog-listing-medium .post .navbar-header:before,
#blog-listing-medium .post .navbar-header:after{
    content:" ";display:table
}
#blog-listing-medium .post .clearfix:after,
#blog-listing-medium .post .navbar:after,
#blog-listing-medium .post .navbar-header:after{
    clear:both
}
#blog-listing-medium .post .image{
    margin-bottom:10px;
    overflow:hidden
}
#blog-listing-medium .post .image img{
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    transition:all .2s ease-out
}
@media (max-width:767px){
    #blog-listing-medium .post .image img.img-responsive{
        min-width:100%
    }
}
#blog-listing-medium .post .video{
    margin-bottom:10px
}
#blog-listing-medium .post .read-more{
    text-align:right
}
.box-image-text.blog .author-category{
     color:#999;
     text-transform:uppercase;
     letter-spacing:.08em;
     font-weight:300;
     font-size:12px
 }
.box-image-text.blog .author-category a{
    font-weight:500
}
.box-image-text.blog .intro{
    text-align:left;
    margin-bottom:20px
}
#blog-homepage .post{
    margin-bottom:30px
}
#blog-homepage .post h2,#blog-homepage .post h4,#blog-homepage .post .author-category,#blog-homepage .post .read-more{
    text-align:center
}
#blog-homepage .post .read-more{
    margin-top:20px
}
#blog-post #post-content{
    margin-bottom:20px
}
#blog-post .comment{
    margin-bottom:25px
}
#blog-post .comment:before,#blog-post .comment:after{
    content:" ";display:table
}
#blog-post .comment:after{
    clear:both
}
#blog-post .comment:before,#blog-post .comment:after{
    content:" ";display:table
}#blog-post .comment:after{
     clear:both
 }
#blog-post .comment .posted{
    color:#999;font-size:12px
}
#blog-post .comment .reply{
    font-family:"Roboto",Helvetica,Arial,sans-serif
}
#blog-post .comment.last{
    margin-bottom:0
}
#blog-post #comments,#blog-post #comment-form{
    padding:20px 0;
    margin-top:20px;
    border-top:solid 1px #eee
}
#blog-post #comments:before,#blog-post #comment-form:before,#blog-post #comments:after,#blog-post #comment-form:after{
    content:" ";
    display:table
}
#blog-post #comments:after,#blog-post #comment-form:after{
     clear:both
}
#blog-post #comments:before,#blog-post #comment-form:before,#blog-post #comments:after,#blog-post #comment-form:after{
    content:" ";
    display:table
}
#blog-post #comments:after,#blog-post #comment-form:after{
    clear:both
}
#blog-post #comments h4,#blog-post #comment-form h4{
    margin-bottom:20px
}
#blog-post #comment-form{
    margin-bottom:20px
}

.btn {
    font-weight: 700;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 0;
}

.btn-template-main {
    color: #38a7bb;
    background-color: #fff;
    border-color: #38a7bb;
}


.mb-small {
    margin-bottom: 20px !important;
}

.text-uppercase {
    text-transform: uppercase;
    letter-spacing: .08em;
}
.text-muted {
    color: #777;
}

#blog-post{
    margin-top:30px;
}

#blog-post span.h3{
    font-weight: 500;
    font-size: 24px;
    color: #38a7bb;
}