.element
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.component
{
	padding-top: 15px;
	padding-bottom: 15px;
}

.fluid
{
	width: 100% !important;
}

.only-desktop
{
	display: block !important;
}

.only-tablet
{
	display: none !important;
}

.only-mobile
{
	display: none !important;
}

.hide-desktop
{
	display: none !important;
}

.hide-mobile
{
	display: block !important;
}

@media only screen and (min-width : 768px) and (max-width : 992px) {
	.only-desktop
	{
		display: none !important;
	}

	.only-tablet
	{
		display: block !important;
	}

	.only-mobile
	{
		display: none !important;
	}

	.hide-desktop
	{
		display: block !important;
	}

	.hide-mobile
	{
		display: block !important;
	}

}
@media only screen and (max-width : 768px) {
	.only-desktop
	{
		display: none !important;
	}

	.only-tablet
	{
		display: none !important;
	}

	.only-mobile
	{
		display: block !important;
	}

	.hide-desktop
	{
		display: block !important;
	}

	.hide-mobile
	{
		display: none !important;
	}

	.fluidOnMobile{
		width: 100%;
	}
}