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

.menu li ul {display: none; position:absolute; z-index: 100; }
.menu li ul li {float:none; background:transparent none;}
.menu li ul li a {display:block; background:transparent url(../images/menu-bg.jpg) 0 0 repeat; white-space: nowrap;}
.menu li:hover ul {display: block;}

.logo {color: #afafaf;}

footer .list-services {text-align:center;}
footer .list-services li {display:inline-block; margin:0 10px; }
footer .p1 {text-align:center;}


@media (max-width: 768px) {
    #breadcrumb {padding-left:20px;}
    .navbar-toggle {display:block; border-color:#e3e3e3; margin-top:40px;}
    .navbar-toggle .icon-bar {background-color:#e3e3e3;}
    .indent-left {padding:0;}
    .menu {max-height: 480px; overflow: auto;margin-right:5px; display: none;}
    .menu li {float:none; margin:0;}
    .menu li a {display: block; width:auto;}
    .menu li ul {display: block; position: static;}
    .menu li a:hover {color:#000;}
    .p4 {padding-left:10px;}
}

@media (max-width: 620px) {
    .p3 {padding-left:20px;}
}