/*
480px - small
640px - medium
1024px - large

*/

/*hide for small*/
@media only screen and (max-width: 480px){
	.hfs{
		display: none !important;
	}
}

/*hide for medium and below*/
@media only screen and (max-width: 640px){
	.hfm{
		display: none !important;
	}
}

/*hide for large and below*/
@media only screen and (max-width: 1025px){
	.hfl{
		display: none !important;
	}
}

/*show for medium and below*/
@media only screen and (min-width: 641px){
	.sfm{
		display: none !important;
	}
}

/*show for large and below*/
@media only screen and (min-width: 1024px){
	.sfl{
		display: none !important;
	}
}