.footer { width: 100%; background-color: #333333; color: #999;/*margin-top: 100px;*/
}
.footer .footerlogo { width: 124px; margin: 40px auto; }
.footer .footerlogo img { width: 100%; }
.footer .footermenu { padding: 0px 15px 30px 15px; text-align: center; width: 80%; margin: 0 auto; }
.footer .footermenu > ul > li { float: left; width: 10.5%; list-style: none; }
.footer .footermenu a { color: #999; display: inline-block; }
.footer .footermenu a:hover { color: #b89162; }
.footer .footermenu .nav>li>a:focus, .footer .footermenu .nav>li>a:hover { color: #b89162; background: none; }
.footer .footermenu a.list-group-item { width: 100%; background: none; border: none; border-bottom: 1px solid #666666; text-align: left; }
.footer .footermenu a.list-group-item span { float: right; font-size: 12px; margin-top: 5px; }
.footer .footerabout { width: 60%; margin: 20px auto; margin-bottom: 60px; }
.footer .footerabout .footer-address { float: left; width: 40%; line-height: 30px; }
.footer .footerabout .footer-address p:first-child { font-size: 20px; }
.footer .footerabout .footer-qr { float: right; }
.footer .footerabout .footer-qr p { text-align: center; float: left; width: 128px; padding: 0 15px; line-height: 30px; }
.footer .footerabout .footer-qr p img { display: block; width: 100%; padding-top: 2px; }
.footer .footerabout .footer-qr p span { display: block; padding-top: 10px; }
.footer .copyright { width: 100%; background-color: #222222; line-height: 60px; }
.footer .copyright p { text-align: center; margin-bottom: 0; }
@media (max-width: 767px) {
.footer .container { padding: 0; }
.footer .footerlogo { width: 80px; margin: 20px auto; }
.footer .footermenu { width: 100%; padding: 0; }
.footer .footermenu a { padding: 20px; width: 100%; }
.footer .footermenu > ul > li { float: none; text-align: left; background-color: #222222; border-bottom: 1px solid #000000; width: 100%; }
.footer .footermenu > ul > li > a { color: #666666; padding-left: 40px; padding-right: 40px; }
.footer .footermenu .nav>li>a:focus, .footer .footermenu .nav>li>a:hover { background: #333333; }
.footer .footerabout { margin-bottom: 20px; }
.footer .footerabout, .footer .footerabout .footer-address { width: 100%; }
.footer .footerabout .footer-address { padding: 20px 10%; }
.footer .footerabout .footer-qr { width: 90%; float: none; margin: 0 auto; }
.footer .footerabout .footer-qr p { width: 33%; padding: 0 4%; font-size: 13px; }
.footer .copyright { line-height: 40px; font-size: 12px; }
}
@media (min-width:768px) {
.footer .footermenu { width: 100%; }
.footer .footermenu a { padding: 8px; }
.footer .footerabout { width: 90%; margin-bottom: 20px; }
.footer .footerabout .footer-address { width: 49%; }
}
@media (min-width:992px) {
.footer .footerabout { width: 66%; margin-bottom: 20px; }
}
@media (min-width:1200px) {
.footer .footerabout { width: 65%; }
.footer .footermenu { width: 80%; }
.footer .footermenu a { padding: 20px 12px;; }
}