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-bottom:30px;}
.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;}
.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;}

.menu li ul {display: none; position: absolute; z-index: 1000; background-color:#efefef;min-width: 100%;}
.menu li ul li {float:none;}
.menu li ul li a {display: block; text-transform:none; font-size:14px; white-space: nowrap;}
.menu li:hover > a {background-color:#fff;}
.menu li:hover ul {display: block;}

@media (max-width: 768px) {
    nav {max-height: 400px; overflow: auto; background-color:#5d9cbb; margin-right:7px;}
    .navbar-toggle {border-color:#fff; display: block;}
    .navbar-toggle .icon-bar {background: #fff;}
    .menu {display:none; padding-top:50px;}
    .menu li a {display: block; color:#fff;}
    .menu {float:none;}
    .menu li {float:none;}
    .menu li ul {display: block;position: static; background-color: transparent;}
    .menu li ul li a {padding-left:40px;}
    .menu li:hover > a {background-color:transparent;}
}