img {max-width: 100%;}
.clr {clear: both;}
.hr10 {clear:both; margin:0 0 10px 0;}
.hr20 {clear:both; margin:0 0 20px 0;}
.hr30 {clear:both; margin:0 0 30px 0;}
.hr40 {clear:both; margin:0 0 40px 0;}
.hr50 {clear:both; margin:0 0 50px 0;}

#breadcrumb {margin:-50px 0 50px 0; text-align: center;}
.articleBox {margin:0 0 40px 0;}
.title {font-size:24px; margin:0 0 5px 0;}
.title h2 {font-size:24px; line-height:30px; margin-top:0;}
.title strong {font-weight: normal; color:#b878b5;}
.info {margin:0 0 15px 0; color:#878787;}
.info span {margin:0 5px 0 0;}
.tab-pane {text-align: left;}
.social {text-align: left;}
.similar {text-align: left;}
.similar  h5 {font-size:20px;}
.contact {text-align: left;}

.navbar-default {border:none; background-color:transparent;}
.sf-menu li a {display:block; padding: 0 34px; white-space: nowrap;}
.sf-menu li ul {display:none; position: absolute; z-index: 100; background-color:#fff;}
.sf-menu li ul li {float:none;}
.sf-menu li:hover ul {display: block;}

@media (max-width: 768px) {
    .navigation .navbar-header {padding-right:5px;}
    .navigation .sf-menu {max-height: 340px; overflow: auto; margin-right:10px; text-align: center; display: none;}
    .navigation .sf-menu li {float:none; margin:0;}
    .navigation .sf-menu li ul {display: block; position: static; background-color:transparent;}
}