img { max-width: 100%; }
ul { padding: 0px; }
a:hover, a { text-decoration: none; }
.navbar-header { float: left; margin: 0; padding: 0; text-align: center; width: 100%; }
.navbar-brand { float: none; font-family: Source Sans Pro,Helvetica,Arial,Microsoft Yahei,"微软雅黑",STXihei,"华文细黑",sans-serif; height: auto; }
.navbar-brand img { float: left; margin: 0 auto; }
.nav.navbar-nav li a { padding: 10px 33px; }
.nav.navbar-nav.navbar-right a { color: #fff; font-weight: 400; }
.nav.navbar-nav.navbar-right span { color: #fff; font-size: 20px; font-weight: bold; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { outline: medium none; }
.home-div { float: left; margin: 0 0 0 0; width: 100%; background-color: #0d0d34 }
.home-div .jumbotron h1 { font-size: 30px; position: relative; text-align: center; font-weight: 600; color: #000; text-transform: uppercase; font-family: 'Oswald', sans-serif; }
.home-div .jumbotron p { font-size: 18px; font-family: 'Slabo 27px', serif; text-align: center; }
.jumbotron span { margin: 20px; }
.back-img { background: url("../img/banner.jpg") top center no-repeat; background-size: cover; background-position: fixed; }
.home-div .jumbotron { float: left; width: 100%; }
.img-box { float: left; padding: 20px 0 0; width: 100%; }
.text-box { float: left; padding: 20px 0 0; width: 100%; }
.copyright { background: #0d0d34 none repeat scroll 0 0; float: left; margin: 0; padding: 20px 0; width: 100%; }
.copyright p { color: #fff; float: left; font-size: 12px; font-weight: 300; margin: 0; padding: 0; }
.footer_nav { float: right; margin: 0; padding: 0; }
.footer_nav ul { list-style: outside none none; margin: 0; padding: 0; }
.footer_nav ul li { border-right: 1px solid #404040; color: #929292; display: block; float: left; font-size: 12px; font-weight: 300; line-height: 15px; margin: 0; padding: 0 10px; }
.footer_nav ul li a { color: #fff; }
.home-div h1::before { background: #a9a9a9 none repeat scroll 0 0; content: ""; height: 0; left: 16%; position: absolute; top: 17px; width: 200px; }
.home-div h1::after { background: #a9a9a9 none repeat scroll 0 0; content: ""; height: 0; right: 16%; position: absolute; top: 17px; width: 200px; }
.text-box span { float: right; margin: 0 40px 0 0; }
.text-box li { list-style: outside none none; padding: 10px 0; }
.text-box > ul { padding: 0; }
.text-box ul li i { margin: 0 10px 0 0; }
.text-box .fare { font-size: 17px !important; margin: 0; }
.social_icon li { }
/*gallery*/
.our_portfolio .portfolio { float: left; margin: 0; padding: 20px 0 0 0; width: 100%; }
.our_portfolio .portfolio .p_thumb { float: left; margin: 0; padding: 0; width: 25%; position: relative; }
/* .our_portfolio .portfolio .p_thumb img { height: 240px; width: 240%; } */
.recent-work-wrap .overlay { background: rgba(141, 141, 141, 0.9) none repeat scroll 0 0; border-radius: 0; color: #fff; height: 100%; left: 0; opacity: 0; padding: 30px; position: absolute; top: 0; transition: opacity 500ms ease 0s; vertical-align: middle; width: 100%; }
.recent-work-wrap .recent-work-inner { background: transparent none repeat scroll 0 0; border-radius: 0; margin-bottom: 0; opacity: 0.8; top: 0; width: 100%; }
.recent-work-wrap .recent-work-inner h3 { color: #787878; font-size: 16px; text-align: center; font-weight: 400; line-height: 24px; margin: 10px 0; }
.recent-work-wrap .recent-work-inner p { color: #fff; float: left; font-size: 14px; line-height: normal; margin: 0; padding: 0; text-align: left; width: 100%; }
.recent-work-wrap .overlay .preview { background: transparent none repeat scroll 0 0; border-radius: 0; bottom: 30px; color: #fff; display: none; height: 35px; left: 40%; line-height: 35px; position: absolute; text-align: center; }
.recent-work-wrap:hover .overlay { opacity: 1; }
.recent-work-inner h3 a { color: #fff; display: inline-block; font-size: 20px; font-weight: 600; margin: 50px 0 0; }
.link-web { background: #e5e5e5 none repeat scroll 0 0; float: left; padding: 10px 0; text-align: center; width: 100%; }
.navbar-default { background-color: #0d0d34; }
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #b7b7b7; }

@media (max-width:639px) {
.our_portfolio .portfolio .p_thumb { margin: 0 0 5px; width: 100%; }
.our_portfolio .portfolio .p_thumb img { height: 240px; }
.home-div h1::before, .home-div h1::after { display: none; }
.home-div .jumbotron { padding-top: 0; }
.home-div { margin: 0 0 0 0; }
.footer_nav { float: left; text-align: center; width: 100%; }
.footer_nav ul { display: inline-block; }
.footer_nav { float: left; text-align: center; width: 100%; }
.footer_nav ul { display: inline-block; }
.copyright p { margin: 0 0 10px; text-align: center; width: 100%; }
.img-box { text-align: center;}
}

@media (min-width:640px) and (max-width:767px) {
.our_portfolio .portfolio .p_thumb { margin: 0 0 5px; width: 50%; }
.home-div h1::before, .home-div h1::after { display: none; }
.home-div .jumbotron { padding-top: 0; }
.home-div { margin: 0 0 0 0; }
.footer_nav { float: left; text-align: center; width: 100%; }
.footer_nav ul { display: inline-block; }
.copyright p { margin: 0 0 10px; text-align: center; width: 100%; }
.img-box {  text-align: center;}
}

@media (min-width:768px) and (max-width:991px) {
.our_portfolio .portfolio .p_thumb { float: left; margin: 0; padding: 0; position: relative; width: 50%; }
.home-div h1::before, .home-div h1::after { display: none; }
.home-div .jumbotron { padding-top: 0; }
}