.demo-links_4column{
	
	.demo-link{	 
	
		width: 23.5%;
		margin-top: 1.9vw;
		
		&:nth-of-type(1), &:nth-of-type(2), &:nth-of-type(3), &:nth-of-type(4){
			margin-top: 0;
		}	
		
		&:nth-of-type(4n+2){
			margin-left: 2%;
			margin-right: 1%;
		}
		
		&:nth-of-type(4n+3){
			margin-right: 2%;
			margin-left: 1%;
		}
	}
}

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

	.demo-links_4column{
		
		.demo-link{
			
			width: 32.5%; 
			margin-top: 1vw;
			
			&:nth-of-type(4){
				margin-top: 1vw;
			}		
			
			&:nth-of-type(4n+2), &:nth-of-type(4n+3){
				margin-left: 0;
				margin-right: 0;
			}
			
			&:nth-of-type(3n+2){
				margin-right: 1%;
				margin-left: 1%;
			}		
		}		
	} 
}

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

	.demo-links_4column{
		
		.demo-link{
			
			width: 49%; 
			margin-top: 1.8vw;

			&:nth-of-type(3), &:nth-of-type(4){
				margin-top: 1.8vw;
			}		
			
			&:nth-of-type(3n+2){
				margin-right: 0;
				margin-left: 0;
			}
			
			&:nth-of-type(2n+1){
				margin-right: 1%;
				margin-left: 0;
			}
			
			&:nth-of-type(2n+2){
				margin-right: 0;
				margin-left: 1%;
			}
		}
	}
}