/* ETeam - Logo Link - Main CSS */
#logo-list-widget {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	float: left;
	justify-content: flex-start;
	width: 100%;
}

#logo-list-widget .logo-list {
	background-color: #ffffff;
	border: 1px solid #c2c2c2;
	margin: 0 10px 10px 0;
	overflow: hidden;
	width: calc(25% - 1 * 8px);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

#logo-list-widget .logo-list:nth-child(4n) {
	margin-right: 0;
}

#logo-list-widget .logo-list img {
	display: table;
	margin: 0 auto;
	max-width: 100;
	vertical-align: top;
	width: auto;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

#logo-list-widget .logo-list:hover img {
	opacity: 0.8;
	-moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}


@media only screen and (max-width: 1499px) {
	
}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1279px) {
	
}

@media only screen and (max-width: 1023px) {
	#logo-list-widget .logo-list {
		width: calc(33.33% - 1 * 8px);
	}

	#logo-list-widget .logo-list:nth-child(4n) {
		margin-right: 10px;
	}

	#logo-list-widget .logo-list:nth-child(3n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 992px) {
	
}

@media only screen and (max-width: 899px) {
	
}

@media only screen and (max-width: 799px) {
	
}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 734px) {
	
}

@media only screen and (max-width: 567px) {
	#logo-list-widget .logo-list {
	    width: calc(50% - 1 * 5px);
	}

	#logo-list-widget .logo-list:nth-child(4n) {
		margin-right: 0;
	}

	#logo-list-widget .logo-list:nth-child(3n) {
		margin-right: 8px;
	}

	#logo-list-widget .logo-list:nth-child(2n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 479px) {
	
}

@media only screen and (max-width: 413px) {
	#logo-list-widget {
	    justify-content: space-between;
	}

	#logo-list-widget .logo-list {
		margin: 0 0 6px 0;
		width: calc(50% - 1 * 3px);
	}

	#logo-list-widget .logo-list:nth-child(3n) {
	    margin-right: 0;
	}
}

@media only screen and (max-width: 374px) {
	#logo-list-widget .logo-list {
	    width: calc(100% - 1 * 0px);
	}
}