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;}

#page1 h1 {font-size:50px;}
h4 {color: #151515;}

.navbar {border-radius: 0;}
.navbar-default {background-color:transparent; border:none;}

.menu li a {padding:10px 20px; width:auto; font-size:16px;}
.menu li ul {display: none; position: absolute; z-index: 1000; background-color: #171717; box-shadow: 0px 0px 4px rgba(0,0,0,0.20);-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,9);}
.menu li ul li {float:none;background:none;}
.menu li ul li a {display: block; white-space: nowrap; color:#fff;}
.menu li:hover {background: #171717 none; box-shadow: 0px 0px 4px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,9)}
.menu li:hover a {color:#fff;}
.menu li:hover ul {display:block;}

@media (max-width: 768px) {
    .navbar-header {padding:10px 20px 10px 0;}
    .menu {background-color:#F7F7F7; margin-right:10px; max-height: 450px; overflow:auto; width:auto; display: none;}
    .menu li {float:none;}
    .menu li ul {display: block; position: static; background-color:transparent; box-shadow: none;-moz-box-shadow:none; -webkit-box-shadow: none;}
    .menu li ul li a {color:#151515;}
    .menu li:hover {background-color:transparent; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow: none;}
    .menu li:hover a {color:#151515;}
    .menu li a:hover {color:#fff;}
}