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

.links ul li {
	display: inline-block;
	width: 30%;
	margin: 0 .5%;
}

.links ul li a {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 5px 10px;
}



@media screen and (max-device-width : 1210px){
.links ul li:first-child:after {
	height: 200px;
	top: 0;
	left: 30%;
	
}


.links ul li:nth-child(2):after {
	height: 40px;
	top: 60px;
	left: 50%;
	
}


.links ul li:last-child:after {
	    height: 200px;
	    top: 0;
	    right: 30%;
	    
}


}

@media screen and (max-device-width : 1199px){
	.links {
		width: 100%;
		top: 100px;
	}

	.logo {
		top: 180px;
	}

	.links ul li:first-child:after {
		height: 180px;
		top: 15px;
		left: 25%;
		
	}


	.links ul li:nth-child(2):after {
		height: 40px;
		top: 60px;
		left: 50%;
		
	}


	.links ul li:last-child:after {
		    height: 180px;
		    top: 15px;
		    right:  25%;
		    
	}
}



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

.logo {
    top: 15px;
    position: absolute;
    left: 15px;
    text-align: left;
    width: 100%;
}

.logo img {
    max-width: 50px;
}


.links {
	top: 125px;
}

.links ul li {
	display: block;
	width: 90%;
	margin: 15px 5%;
}

.links ul li:first-child:after,
.links ul li:nth-child(2):after,
.links ul li:last-child:after {
	display: none;
}


}