/**
 * Contao Open Source CMS, Copyright (C) 2005-2014 Leo Feyer
 *
 * Percent Grid with 1140 pixel, responsive part
 * @copyright  Glen Langer (BugBuster) 2012..2014
 * @author     BugBuster
 * @package    contaogrid-1140-16
 * @license    LGPL
 */

/**
 * Reduce the overall width and the width of the grid columns if the screen
 * width is less than 1160px
 */
@media (min-width:980px) and (max-width:1160px) {

	/**
	 * Reduce the overall width
	 */
	#wrapper .xl-parallax>*, #wrapper .inside > [class*="mod_"] {
		width: 960px;
	}

}

/**
 * Reduce the overall width and the width of the grid columns if the screen
 * width is less than 980px (e.g. on a portrait tablet)
 */
@media (min-width:768px) and (max-width:979px) {

	/**
	 * Reduce the overall width
	 */
	#wrapper .xl-parallax>*, #wrapper .inside > [class*="mod_"] {
		width: 768px;
	}

}

/**
 * Remove all floats and fixed widths if the screen width is less than 768
 * pixel (e.g. on a mobile phone)
 */
@media (max-width:767px) {

	/**
	 * Remove the overall width
	 */
	#wrapper .xl-parallax>*, #wrapper .inside > [class*="mod_"] {
		width: auto;
	}

	/**
	 * Show all columns underneath each other
	 * #3, #5
	 */
	*[class*="grid"] {
		float: none !important;
		display: block !important;
		width: auto !important;
	}

	/**
	 * Reduce the offset widths
	 */
	*[class*="offset"] {
		margin-left: 1% !important;
	}
}