.cdx-social
{
	background-color: #1F0738;
	color: #FFF;
	z-index: 99;
	
}

.cdx-social .item
{
	padding: 15px;
	transition: 0.5s;
}

.cdx-social .item:hover
{
	background-color: #4DC6B6;
}



.cdx-social .item img
{
	max-height: 20px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px)
, screen and (min-width: 600px){
	.cdx-social
	{
		position: fixed;
		bottom: 0px;
		width: 100%;
		-webkit-box-shadow: -2px -2px 13px 1px rgba(0,0,0,0.75);
		-moz-box-shadow: -2px -2px 13px 1px rgba(0,0,0,0.75);
		box-shadow: -2px -2px 13px 1px rgba(0,0,0,0.75);
	}
	.cdx-social .item
	{
		width: 32%;
		float: left;
	}
	.cdx-social .border
	{
		border-right: 1px solid #FFF;
	}
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.cdx-social
	{
		bottom: initial;
		width: initial;
		top: 35%;
		position: fixed;
		right: 0px;
		-webkit-box-shadow: -2px 4px 13px 1px rgba(0,0,0,0.75);
		-moz-box-shadow: -2px 4px 13px 1px rgba(0,0,0,0.75);
		box-shadow: -2px 4px 13px 1px rgba(0,0,0,0.75);
	}
	.cdx-social .item
	{
		width: 100%;
		float: none;
	}
	.cdx-social .border
	{
		border-bottom: 1px solid #FFF;
	}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}