/* 
========================================================================
BIG SCREENS
========================================================================
*/
@media only screen and (min-width: 930px) {
  .row                      { max-width: 100%; }
  table tr td               { padding: 11px 16px 15px 10px; }
  }

/* 
========================================================================
MEDIUM SCREENS
========================================================================
*/
@media only screen and (max-width: 930px) {

	/* page layout */
	#centre_container               { padding: 5px 5px 5px 5px; }
	#pagecontent_pad                { min-height: 200px; padding: 5px; }

	/* header */
	#header                         { padding: 3px 10px; height: 50px; }
	.page-loading-container         { top: 50px; height: calc(100% - 50px); /* 51px = header height plus little for dropshadow */ }

	#header .row                    { padding: 5px; }
	#header .logo                   { width: 170px; margin-top: 3px; }
	#header.header--fixed           { height: 45px !important; padding: 3px 10px !important; }
	#header.header--fixed .row      { padding: 0 3px; }
	#header.header--fixed .row .logo
									{ width: 164px; margin-top: 5px;  }

	#loginstatus                    { margin: 1px 0 0 0; }
	#header #icons #menuSearchLink  { top: 6px; }
	#minibasket                     { margin: 2px 0 0 0; }
	#header .menuSpecial            { top: 49px; } 

	.breadcrumbtrail                { margin: 60px auto 0 auto; padding: 0 13px; }

	/* Products*/
	.products_tabular .item         { width: calc(25% - 20px); }
	.product div.imagecolumn .imageholder
									{ margin-left: 0; width: 100%; }

	/* General */
	h1 { font-size: 150%; }
	h2 { font-size: 110%; }

	/* Front page */
	#centre_container.page-default  { min-height: 0; display: block; margin: 30px auto 0 auto; } /* this page-default style is applied dynamically in Template.master, we can use it to make home page full width*/
	.orbit-content                  { min-height: 0; max-width: 100%; width: 1200px; margin: 0 auto; padding: 0px 15px; overflow: hidden; }
	.orbit-content	h1              { font-size: 150%; }
	.orbit-content	h2              { font-size: 110%; }
	.orbit-content .frontbutton {
		margin: 20px 0;
		width: 100%;
	}

	/* sections */
	.products_shortened .item { width: calc(50% - 20px); }
}

/* 
========================================================================
SMALL SCREENS
========================================================================
*/
@media only screen and (max-width: 530px) {

	.product div.imagecolumn { padding: 10px 0 0 0 !important; }

	/* Products*/
	.products_shortened .item,
	.subcategories_shortened .item          { width: 100%; max-width: 100%; }
	.products_tabular .item                 { width: calc(50% - 10px); }
	.versions td.info                       { max-width: 200px; overflow: hidden; }

	.Kartris-DetailsView-Value { width: 270px; }
	ul { max-width: 100%; }

	.versions td.info { max-width: 200px; overflow: hidden; }
	.basket td.quantity input { width: 32px; text-align: right; }
	select,
	input { width: 100%; }
	#footer_inside { margin: 0; }
}

/* 
========================================================================
GENERAL 
========================================================================
*/
table tr td                             { font-size: 100%; }