/**
 * CSS Grid
 *
 * @author miWebb <info@miwebb.com>
 * @license https://opensource.org/licenses/MIT The MIT License
 * @version 1.0.0
 */

/**
 * Column
 */

[class*='column-']
{
	float: left;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.column-12
{
	width: 100%
}

.column-11
{
	width: 91.66666667%
}

.column-10
{
	width: 83.33333333%
}

.column-9
{
	width: 75%
}

.column-8
{
	width: 66.66666667%
}

.column-7
{
	width: 58.33333333%
}

.column-6
{
	width: 50%
}

.column-5
{
	width: 41.66666667%
}

.column-4
{
	width: 33.33333333%
}

.column-3
{
	width: 25%
}

.column-2
{
	width: 16.66666667%
}

.column-1
{
	width: 8.33333333%
}

/**
 * Desktop
 */

@media (max-width: 1440px)
{
	.column-desktop-12
	{
		width: 100%
	}

	.column-desktop-11
	{
		width: 91.66666667%
	}

	.column-desktop-10
	{
		width: 83.33333333%
	}

	.column-desktop-9
	{
		width: 75%
	}

	.column-desktop-8
	{
		width: 66.66666667%
	}

	.column-desktop-7
	{
		width: 58.33333333%
	}

	.column-desktop-6
	{
		width: 50%
	}

	.column-desktop-5
	{
		width: 41.66666667%
	}

	.column-desktop-4
	{
		width: 33.33333333%
	}

	.column-desktop-3
	{
		width: 25%
	}

	.column-desktop-2
	{
		width: 16.66666667%
	}

	.column-desktop-1
	{
		width: 8.33333333%
	}
}

/**
 * Tablet
 */

@media (max-width: 1024px)
{
	.column-tablet-12
	{
		width: 100%
	}

	.column-tablet-11
	{
		width: 91.66666667%
	}

	.column-tablet-10
	{
		width: 83.33333333%
	}

	.column-tablet-9
	{
		width: 75%
	}

	.column-tablet-8
	{
		width: 66.66666667%
	}

	.column-tablet-7
	{
		width: 58.33333333%
	}

	.column-tablet-6
	{
		width: 50%
	}

	.column-tablet-5
	{
		width: 41.66666667%
	}

	.column-tablet-4
	{
		width: 33.33333333%
	}

	.column-tablet-3
	{
		width: 25%
	}

	.column-tablet-2
	{
		width: 16.66666667%
	}

	.column-tablet-1
	{
		width: 8.33333333%
	}
}

/**
 * Mobile
 */

@media (max-width: 640px)
{
	.column-mobile-12
	{
		width: 100%
	}

	.column-mobile-11
	{
		width: 91.66666667%
	}

	.column-mobile-10
	{
		width: 83.33333333%
	}

	.column-mobile-9
	{
		width: 75%
	}

	.column-mobile-8
	{
		width: 66.66666667%
	}

	.column-mobile-7
	{
		width: 58.33333333%
	}

	.column-mobile-6
	{
		width: 50%
	}

	.column-mobile-5
	{
		width: 41.66666667%
	}

	.column-mobile-4
	{
		width: 33.33333333%
	}

	.column-mobile-3
	{
		width: 25%
	}

	.column-mobile-2
	{
		width: 16.66666667%
	}

	.column-mobile-1
	{
		width: 8.33333333%
	}
}

/**
 * Options
 */

.grid-no-gutter [class*='column-']
{
	padding-left: 0;
	padding-right: 0;
}

.grid-swap [class*='column-']
{
	float: right;
}