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

header #logo {color:#fff; font-size:40px; font-family:'Times New Roman', serif; max-width:65%;}
header #logo a {color:#fff;}
.main-content .row {margin:0;}
.main-content .image {padding-left:5px;}

nav ul li ul {background-color:#8064a2;}
nav ul li ul li:hover > a {background: url('../images/menu-bg-act.jpg') repeat-x; color:#000; text-decoration:none;}

@media (max-width: 768px) {
    header {height:auto; padding-bottom:20px;}
    header #logo {max-width:90%;}
    header #search {display: none;}
    nav ul li ul {background-color:transparent; display:block; position: static;}
    nav ul li:hover a {background: #8064a2 none;}
    nav ul li a:hover {background: transparent url('../images/menu-bg-act.jpg') repeat-x;}
}