#logo{width:130px;margin-top:10px;}
#logo>img{height:auto;width:100%;}
.online2 ul{margin:0;padding:0;}
.online2 ul li{list-style:none;}
#portfolio .portfolio-item{height:462px;}
#portfolio .portfolio-item .portfolio-info{padding: 12px 30px 10px;height:auto;}
#portfolio .portfolio-item .portfolio-info p{height:44px;overflow:hidden;}
#portfolio .portfolio-item figure:hover .link-details{right:calc(50% - 22px);}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .wap-navbar-collapse{position:absolute;left:0;width:100vw;left:-15px;top:95px;z-index:999;background:#fff;border-top:1px solid #dedede;}
.navbar-default .wap-navbar-collapse ul li{border-bottom:1px solid #dedede;line-height:34px;padding-left:20px;}

@media all and (min-width:1200px){
	.hidden-lg{display:none !important;}
}

@media all and (max-width:1200px) and (min-width:992px){
	.hidden-md{display:none !important;}
}

@media all and (max-width:992px) and (min-width:768px){
	.hidden-sm{display:none !important;}
}

@media all and (max-width:768px){
	.hidden-xs{display:none !important;}
	#header .navbar{background:none;}
	#logo{margin-top:0;}
	#logo>img{display:block;top:0;bottom:0;margin:auto;}
	#inner_main .bcbox .stit{display:none;}
}