@media (min-width: 576px) and (max-width: 768px) { 
.side-menu-perfil{
		/* width: 10% !important; */

	}
	.side-menu-perfil-ul{
		display: block;
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 60px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 100%;
		margin: 0;
		text-align: center;
		vertical-align: middle;
	}
	.side-menu-perfil-ul a{
	
		margin:0;
		display: none;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}

}

@media (min-width: 1px) { 
	.datos-container{
		width: 75%;
	}
	.side-menu-perfil{
		/* width: 25%; */
		background-color:#FFFFFF;
		padding-left: 1%;
		height: 72.6vh;
	}
	.side-menu-perfil-ul{
		display: block;
	}
	.item-menu{
		padding-left: 5%;
		padding-top: 10%;
		padding-bottom: 10%;
		border-bottom: 1px solid #C5C5C5;
	}
	/*
	.item-menu i{
		margin-left: 10%;
	}*/
	.side-menu{
		width: 50%;
		float: right;
		margin-right: 30%;
		padding:0;
		color: black;
	}
	.side-menu:hover{
		color:rgb(230,60,46);
	}

	#expand-button-div{
		display: none;
	}
	.expand-button i{
		display: none;
	}
}


@media (min-width: 768px) and (max-width: 992px) { 
.side-menu-perfil{
		/* width: 25%; */

	}
	.side-menu-perfil-ul{
		display: block;
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 20%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 80%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}
}

@media (min-width: 992px) and (max-width: 1200px) { 
.side-menu-perfil{
		/* width: 25%; */
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 15%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 85%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}
}

@media (min-width: 1200px) and (max-width: 1300px) { 
	.side-menu-perfil{
		/* width: 20%; */
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 15%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 85%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}
}

@media (min-width: 1300px) and (max-width: 1500px) { 
	.side-menu-perfil{
		/* width: 20%; */
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 15%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 85%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}

}

@media (min-width: 1500px) and (max-width: 1700px) { 
	.side-menu-perfil{
		/* width: 20%; */
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 15%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 85%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}

}

@media (min-width: 1700px) and (max-width: 1800px) { 
	.side-menu-perfil{
		/* width: 20%; */
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 15%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 85%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}

}

@media (min-width: 1800px) and (max-width: 2000px) { 
	.side-menu-perfil{
		/* width: 20%; */
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 15%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 85%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}

}

@media (min-width: 2000px) and (max-width: 2700px) { 
	.side-menu-perfil{
		/* width: 20%; */
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 15%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 85%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}

}

@media (min-width: 2700px) and (max-width: 3000px) { 
	.side-menu-perfil{
		/* width: 20%; */
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 15%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 85%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}

}

@media (min-width: 3000px) and (max-width: 4000px) { 
	.side-menu-perfil{
		/* width: 20%; */
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 15%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 85%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}

}

@media (min-width: 4000px) and (max-width: 5000px) { 
	.side-menu-perfil{
		/* width: 20%; */
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 15%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 85%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}

}

@media (min-width: 5000px) { 
	.side-menu-perfil{
		/* width: 20%; */
	}
	.side-menu-perfil-ul li{
		width: 100%;
		padding: 0;
		height: 75px;
		cursor: pointer;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.side-menu-perfil-ul i{
		width: 15%;
		margin: 0;
		text-align: center;
	}
	.side-menu-perfil-ul a{
		width: 85%;
		margin:0;
	}


	.menu-perfil-option:hover{
		border-right: 3px solid red;
	}

	.side-menu-opcion-active{
		border-right: 3px solid red;
	}

}