Improvement responsive.css

by adding this in the custom css area, the second widget has always the same left margin:

@media screen and (max-width: 767px) {
	/* Larger Smart Devices */		
	#secondary .widget {
		margin-left: 40px;
		width: 246px;
	}
}
@media screen and (max-width: 560px) {
	#secondary .widget {
		margin-left: -20px;
		padding: 10px 4%;
		width: 91%;
	}
}
@media screen and (max-width: 480px) {
	#secondary .widget {
		margin-left: -20px;
		padding: 10px 4%;
		width: 91%;
	}
}

Regards