.social {
	position: fixed;
	left: 0;
	top: 220px;
	display: flex;
	z-index: 1000;
}
.social ul {
	list-style: none;
}
.social ul li img{
	display: inline-block;
	color: #fff;
	background: #000;
	padding: 8px 10px;
	text-decoration: none;
	border: 1px solid #fff;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: aak 500ms ease;
}

.social ul li .icon-tienda{background: rgba(11, 142, 223, 0.6);}
.social ul li .icon-facebook{background: rgba(11, 142, 223, 0.6);}
.social ul li .icon-whatsapp{background: rgba(11, 142, 223, 0.6);}
.social ul li .icon-tiktok{background: rgba(11, 142, 223, 0.6);}
.social ul li .icon-instagram{background: rgba(11, 142, 223, 0.6);}
.social ul li .icon-youtube{background: rgba(11, 142, 223, 0.6);}



.social ul li img:hover {
	padding: 10px 20px;
	;
}
.social ul li .icon-tienda:hover{background: #00abf0}
.social ul li .icon-facebook:hover{background: #002970}
.social ul li .icon-whatsapp:hover{background: #25d366}
.social ul li .icon-tiktok:hover{background: #50f7ff}
.social ul li .icon-instagram:hover{background: #a829ac}
.social ul li .icon-youtube:hover{background: #A93335}


.socials {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	z-index: 1000;
	list-style: none;
}
.socials ul{
	padding: 0;
	list-style: none;
	display: flex;
}
.socials ul li img{
	display: inline-block;
	color: #fff;
	background: #000;
	padding: 8px 10px;
	text-decoration: none;
	border: 1px solid #fff;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: aak 500ms ease;
}

.socials ul li .icon-tienda{background: rgba(11, 142, 223, 0.6);}
.socials ul li .icon-facebook{background: rgba(11, 142, 223, 0.6);}
.socials ul li .icon-whatsapp{background: rgba(11, 142, 223, 0.6);}
.social ul li .icon-tiktok{background: rgba(11, 142, 223, 0.6);}
.socials ul li .icon-instagram{background: rgba(11, 142, 223, 0.6);}
.socials ul li .icon-youtube{background: rgba(11, 142, 223, 0.6);}



.socials ul li img:hover {
	padding: 10px 20px;
	;
}
.socials ul li .icon-tienda:hover{background: #00abf0}
.socials ul li .icon-facebook:hover{background: #002970}
.socials ul li .icon-whatsapp:hover{background: #25d366}
.social ul li .icon-tiktok:hover{background: #50f7ff}
.socials ul li .icon-instagram:hover{background: #a829ac}
.socials ul li .icon-youtube:hover{background: #A93335}


@media (min-width:420px) and (max-width: 960px){


	.social {
		   position: fixed;
		   left: 0;
		   top: 220px;
		   display: flex;
		   z-index: 100;
	}
	.social ul {
		list-style: none;
	}
	.social ul li img{
		display: inline-block;
		color: #fff;
		background: #000;
		padding: 6px 8px;
		text-decoration: none;
		border: 1px solid #fff;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		-webkit-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: aak 500ms ease;
	}

	.social ul li .icon-tienda{background: rgba(11, 142, 223, 0.6);}
	.social ul li .icon-facebook{background: rgba(11, 142, 223, 0.6);}
	.social ul li .icon-whatsapp{background: rgba(11, 142, 223, 0.6);}
	.social ul li .icon-tiktok{background: rgba(11, 142, 223, 0.6);}
	.social ul li .icon-instagram{background: rgba(11, 142, 223, 0.6);}
	.social ul li .icon-youtube{background: rgba(11, 142, 223, 0.6);}



	.social ul li img:hover {
		padding: 6px 12px;
		background: #000;
	}

	.social ul li .icon-tienda:hover{background: #00abf0}
	.social ul li .icon-facebook:hover{background: #002970}
	.social ul li .icon-whatsapp:hover{background: #25d366}
	.social ul li .icon-tiktok:hover{background: #50f7ff}
	.social ul li .icon-instagram:hover{background: #a829ac}
	.social ul li .icon-youtube:hover{background: #A93335}

}
@media (min-width:0) and (max-width: 420px){

	.social {
		position: fixed;
		left: 0;
		top: 220px;
		display: flex;
		z-index: 100;
	}
	.social ul {
		list-style: none;
	}
	.social ul li img{
		display: inline-block;
		color: #fff;
		background: #000;
		padding: 4px 6px;
		text-decoration: none;
		border: 1px solid #fff;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		-webkit-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: aak 500ms ease;
	}
	.social ul li .icon-tienda{background: rgba(11, 142, 223, 0.6);}
	.social ul li .icon-facebook{background: rgba(11, 142, 223, 0.6);}
	.social ul li .icon-whatsapp{background: rgba(11, 142, 223, 0.6);}
	.social ul li .icon-tiktok{background: rgba(11, 142, 223, 0.6);}
	.social ul li .icon-instagram{background: rgba(11, 142, 223, 0.6);}
	.social ul li .icon-youtube{background: rgba(11, 142, 223, 0.6);}


	.social ul li img:hover {
		padding: 4px 10px;
		background: #000;
	}

	.social ul li .icon-tienda:hover{background: #00abf0}
	.social ul li .icon-facebook:hover{background: #002970}
	.social ul li .icon-whatsapp:hover{background: #25d366}
	.social ul li .icon-tiktok:hover{background: #50f7ff}
	.social ul li .icon-instagram:hover{background: #a829ac}
	.social ul li .icon-youtube:hover{background: #A93335}

}