#Sidenavphone{background-color:#0d6efd;text-align:center}
#Sidenavmail{background-color:#4460ae;text-align:center}
#Sidenavwhatsapp{background-color:green;text-align:center}

@media screen and (min-width:577px) {
	#mySidenavr{
		width:175px;
		right:25px;
		font-size:16px;
		font-family:arial!important;
		font-weight:500;
		padding-top:5px;
		position:fixed;
		top:25%;
		transform:translateY(-50%);
		z-index:9999;
	}

	#mySidenavr a{
		position:fixed;
		min-width:175px;
		height:35px;
		transition:.3s;
		text-decoration:none;
		color:#fff;
		border-radius:5px;
		cursor:pointer;
	}

	#mySidenavr a div{padding:4px;}

	#mySidenavr a:hover{
		right:-30px;
		opacity:.9;
	}

	#mySidenavr a:hover img{
		transform:rotate(720deg);
		transition:all .3s ease-in-out 0s;
	}

	#mySidenavr a:nth-child(1){top:0;}
	#mySidenavr a:nth-child(2){top:40px;}
	#mySidenavr a:nth-child(3){top:80px;}

	#mySidenavr .nofixed{right:-170px;}
	#mySidenavr .fixed{right:-30px;}

	#mySidenavr a p{
		margin:0 0 0 42px;
		color:#fff;
		text-align:left;
	}

	#mySidenavr .vertical-center{
		height:100%;
		width:180px;
		display:table;
		vertical-align:middle;
	}

	#mySidenavr img{margin:4px;}
	.iconcta{float:left;filter:invert(100%);}
}

@media screen and (max-width:576px) {
	#mySidenavr{
		left:0;
		bottom:0;
		width:100%;
		height:40px;
		position:fixed;
		display:flex;
		z-index:999999;
	}

	#mySidenavr a{
		display:flex;
		align-items:center;
		justify-content:center;
		transition:.3s;
		text-decoration:none;
		color:#fff;
		padding:0;
		box-sizing:border-box;
		height:40px;
		cursor:pointer;
	}

	#mySidenavr a.col-1{width:100%!important;}
	#mySidenavr a.col-2{width:50%!important;}
	#mySidenavr a.col-3{width:33.3333333%!important;}

	#mySidenavr img{
		margin:0;
		transform:rotate(720deg);
		transition:all .3s ease-in-out 0s;
	}

	#mySidenavr p{display:none;}
	.iconcta{padding:0;filter:invert(100%);}
}