.pro-features {
	position: fixed;
	right: -230px;
	width: 230px;
	height: auto;
	
	font-size: 14px;
	background: #fff;
	text-align: left;
	color: #333;
	top:40%;
	transform:translateY(-50%);
	box-shadow: -4px 0px 5px #00000036;
	color: #fff;
	z-index: 99;
	padding:20px 30px 30px 30px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	box-sizing:border-box;
}
.pro-features.active{
	right:0;
}
.pro-features .big-title {
	font-weight: 600;
	color: #085f30;
	font-size: 20px;
}
.pro-features .title {
	font-weight: 600;
	color: #085f30;
	font-size: 15px;
	margin-bottom:10px;
}

.pro-features ul{display:flex;justify-content:center;}
.pro-features li {
	padding: 0;
	margin-bottom: 10px !important;	
}
.get-pro {
	position: absolute;
	left: -80px;
	width:80px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	border-radius: 5px 0 0 5px;
	background: #085f30;
	text-align: center;
	color: #fff;
	top: 0;
	cursor: pointer;
	box-shadow: -4px 0px 5px #00000036;
}

@media( max-width:430px ){
	.get-pro {
	left: -55px;
	width:55px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}
@media( max-width:380px ){
	.get-pro {
	left: -50px;
	width:50px;
	font-size: 11px;
}

.pro-features h3{color:#ff6600 !important}