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 {padding:10px 25px;}
.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 span {margin:0 5px 0 0;}
.tab-pane {text-align: left; padding:10px 20px;}
.social {text-align: left; padding:10px 20px;}
.similar {text-align: left; padding:10px 20px;}
.similar  h5 {font-size:20px;}
.contact {text-align: left;}
.articleContent {padding: 20px;}
.articleContent .image {padding-right:20px;}
.articleContent .title {font-size:25px;}
.articleContent .title h2 {font-size:25px;}

header {position: relative; z-index: 10000;}
nav .wrap-nav {float:none; margin:0 -6px 0 -20px; background-color:#2ecc71;}

.menu ul li ul {display:none; position:absolute; z-index: 100000; min-width: 100%;}
.menu ul li ul li {float:none;}
.menu ul li:hover ul {display:block;}

#main-content article .info {padding:10px; color:#878787; font-size:12px;}

#main-content article .articleList .heading {padding:20px 25px;}
#main-content article .heading .title2 h2 { font-size: 16px; line-height: 20px;}

@media (max-width: 768px) {
    nav .wrap-nav {margin:0;}
}