.mfoot_box { display: none; }

@media screen and (max-width: 768px) {
.l-footer.layout_compact {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.mfoot_box{
	display:block;
	background:#f8f8f8;
	border:none;
	border-top:1px solid #e8e8e8;
	border-radius:0;
	min-height:50px;
	margin:0;
	box-shadow:none;
	z-index:1030;
}
.mfoot_box .navbar-collapse{display:none;}
.mfoot_inner{
	display:flex;
	align-items:stretch;
	height:50px;
}
.mfoot_nav{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	border-right:1px solid #e8e8e8;
	float:none;
	width:auto;
	background:transparent;
}
.mfoot_nav:last-child{border-right:none;}
.mfoot_nav a{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:#555;
	padding:5px 2px;
	height:100%;
	width:100%;
	text-decoration:none;
	-webkit-tap-highlight-color:transparent;
	transition:color 0.28s ease, background 0.28s ease;
}
.mfoot_box.navbar-default .mfoot_nav a{
	color:#555;
	background:transparent;
}
.mfoot_nav:not(.mfoot_nav_top) a:hover,
.mfoot_nav:not(.mfoot_nav_top) a:focus{
	color:#0c4d89;
	background:rgba(12,77,137,0.07);
	text-decoration:none;
}
.mfoot_box.navbar-default .mfoot_nav:not(.mfoot_nav_top) a:hover,
.mfoot_box.navbar-default .mfoot_nav:not(.mfoot_nav_top) a:focus{
	color:#0c4d89;
	background:rgba(12,77,137,0.07);
}
.mfoot_nav .fa{
	font-size:18px;
	line-height:1;
	margin-bottom:3px;
	transition:transform 0.28s ease, color 0.28s ease;
}
.mfoot_nav:not(.mfoot_nav_top) a:hover .fa,
.mfoot_nav:not(.mfoot_nav_top) a:focus .fa{
	transform:translateY(-2px);
}
.mfoot_label{
	font-size:10px;
	font-weight:700;
	line-height:1.2;
	display:block;
	letter-spacing:0.02em;
	transition:color 0.28s ease;
}
.mfoot_nav:first-child a:hover,
.mfoot_nav:first-child a:focus,
.mfoot_box.navbar-default .mfoot_nav:first-child a:hover,
.mfoot_box.navbar-default .mfoot_nav:first-child a:focus{
	color:#128C7E;
	background:rgba(18,140,126,0.08);
}
.mfoot_nav:first-child a:hover .fa,
.mfoot_nav:first-child a:focus .fa{
	color:#128C7E;
}
.mfoot_nav_top a{
	padding:0;
}
.mfoot_top_btn{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:50%;
	background:#555;
	color:#fff;
	transition:background 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease;
}
.mfoot_nav_top a:hover .mfoot_top_btn,
.mfoot_nav_top a:focus .mfoot_top_btn{
	background:linear-gradient(135deg, #FF9E16 0%, #e88a0a 100%);
	transform:translateY(-2px);
	box-shadow:0 4px 12px rgba(255,158,22,0.35);
}
.mfoot_top_btn .fa{
	margin-bottom:0;
	font-size:15px;
}
}