.m-sidebar{
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: auto;
	background-color:#3ca0d3;	
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 50px;
	z-index: 9999;
}
.m-sidebar.on{
	width: 100%;
	left: 0;
	border-radius: 0;
}
.m-sidebar ul{
	padding: 0 25px;
	overflow: hidden;
}
.m-sidebar ul li{
	float: left;
	width: 25%;
	text-align: center;
	overflow: hidden;
}
.m-sidebar ul li a{
	display: block;
	width: 100%;
	padding: 6% 5% 5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.m-sidebar ul li .icon{
	width: 100%;
	overflow: hidden;
}
.m-sidebar ul li .icon img{
}
.m-sidebar ul li .icon .ic2{
	display: none;
}
.m-sidebar ul li:hover .icon .ic1, .m-sidebar ul li.on .icon .ic1{
	display: none;
}
.m-sidebar ul li:hover .icon .ic2, .m-sidebar ul li.on .icon .ic2{
	display: inline-block;
}
.m-sidebar ul li .txt{
	font-size: 16px;
	color: #fff;
	margin-top: 4px;
}
.m-sidebar ul li:hover .txt{
	color: #3d509f;
}

@media only screen and (max-width: 1024px){

	.m-sidebar{
		display: block;
	}
	.strength .box{
		display: none;
	}
	.strength .box.m-box{
		display: block;
	}
}
@media only screen and (max-width: 768px){
	.m-sidebar ul li{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.m-sidebar ul li .txt{
		font-size: 15px;
	}

}
@media only screen and (max-width: 576px){
	.m-sidebar ul li .txt{
		font-size: 13px;
	}
	
}