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 {font-size:16px; padding: 0 15px;}
.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;}
.similar {text-align: left;}
.similar  h5 {font-size:20px;}
.contact {text-align: left;}
.articleContent .heading {padding:0;}
.articleContent .info {margin:5px 0; font-size:12px; }
.social {text-align: left;}
.socialIcons a {display: inline-block; width:52px;}
.socialIcons {text-align: right;}

#logo {font-size:46px; font-weight:600; padding:0 0 30px 0; line-height:1em;}
header nav ul li ul {display:none; position:absolute; z-index: 100; background-color:#E36C0A; min-width:100%;}
header nav ul li ul li {float:none; display: block; border:none;}
header nav ul li ul li a {display: block; white-space: nowrap;}
header nav ul li:hover {background-color:#E36C0A;}
header nav ul li:hover ul {display: block;}
header nav ul li ul li a:hover {background-color:#e3b48d;}

@media (max-width: 768px) {
    header {height:auto;}
    header nav {max-height: 320px; overflow: auto; margin-right:6px;}
    header nav ul li {float:none;}
    header nav ul li ul {display:block; position:static; background-color:transparent;}
    header nav ul li ul li a {padding-left:40px;}
    header nav ul li:hover {background-color:transparent;}
    header nav ul li ul li a:hover {background-color:transparent;}
}