img {max-width: 100%;}
.clr {clear: both;}
.hr-10 {clear:both; margin:0 0 10px 0;}
.hr-20 {clear:both; margin:0 0 20px 0;}
.hr-30 {clear:both; margin:0 0 30px 0;}
.hr-40 {clear:both; margin:0 0 40px 0;}
.hr-50 {clear:both; margin:0 0 50px 0;}

.breadcrumb {margin-bottom:30px;}
.articleBox {margin:0 0 40px 0;}
.title {font-size:30px; margin:0 0 5px 0;}
.title h2 {font-size:30px; line-height:36px; 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;}

#banner h1 { color: #ffffff; font-size: 4em; line-height: 1.25em; margin: 0 0 0.5em; padding: 0;}
#header nav > ul > li {margin-left:0;}
#header nav > ul > li > a {margin:0 0.8em; display: block;}
#header nav > ul > li ul {display:none; position: absolute; z-index: 100; list-style-type: none; margin: 0; padding: 0; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
#header nav > ul > li ul li {display: block;}
#header nav > ul > li ul li a {white-space: nowrap; line-height: 36px; display: block; padding:5px 15px;}
#header nav > ul > li:hover ul {display: block;}

@media (max-width: 540px) {
    
}