@media
( max-width :991px),
only screen
	and (max-width: 760px),
only screen
	and (max-device-width: 768px),
only screen
	and (max-device-width: 768px)
	and (orientation: portrait),
	( min-device-width : 320px)
		and (max-device-width : 480px),
	(max-device-width : 280px)
{
	.space-s-1{
		margin: 0.5em;
	}

	.space-s-2{
		margin: 1.5em;
	}

	.space-s-3{
		margin: 2em;
	}

	.space-s-4{
		margin: 2.5em;
	}

	.space-s-5{
		margin: 3em;
	}

	.spacepd-s-1{
		padding: 0.5em;
	}

	.spacepd-s-2{
		padding: 1.5em;
	}

	.spacepd-s-3{
		padding: 2em;
	}

	.spacepd-s-4{
		padding: 2.5em;
	}

	.spacepd-s-5{
		padding: 3em;
	}

	.spacepd-s-5{
		padding: 2em!important;
	}

	.littlespace{
		margin-left: unset;
	}
}

@media only screen and (min-width: 991px) {
  /* For desktop: */

	.space1{
		margin: 0.5em;
	}

	.space2{
		margin: 1.5em;
	}

	.space3{
		margin: 2em;
	}

	.space4{
		margin: 2.5em;
	}

	.space5{
		margin: 3em;
	}

	.space6{
		margin: 12em;
	}
		
	.spacepd1{
		padding: 0.75em;
	}
	
	.spacepd2{
		padding: 1.0em;
	}
	
	.spacepd3{
		padding: 2em;
	}
	
	.spacepd4{
		padding: 2.5em;
	}
	
	.spacepd5{
		padding: 3em;
	}

	.littlespace{
		margin-left: 0.5em;
	}
}