/* Media Queries
-------------------------------------------------- */

@media only screen and (max-width: 30em) { /* max 480px */
	ul.grid li,
	ul.fivecol li {
		background: #fff;
		width: auto;
		margin: 0 0 0.625em 0;
		float: none;
		text-align: center;
	}
	ul.grid li img {
		width: 100%;
		height: auto;
	}
	ul.fivecol li img {
		width: auto;
		height: 100px !important;
	}
	.flex-direction-nav {
		display: none;
	}
	body .mobile {
		display: block !important;
	}
	ul.list2 li {
		width: 100%;
		float: none;
	}
	ul#files li {
		overflow: hidden;
		margin-bottom: 20px;
	}
	ul#files li img {
		width: 30%;
		margin: 0;
		float: left;
	}
	ul#files li .desc {
		width: 70%;
		text-align: left;
		padding-top: 0;
		float: left;
	}
	.text-white h1,
	.text-white h2,
	.text-white p {
		color: #000 !important;
		text-shadow: none !important;
	}
	
	.image {
		margin: -20px -20px 20px -20px !important;
	}
	
	.image img {
		width: auto;
		max-width: 100%;
		height: auto;
		display: block;
		
	}
	
}

@media only screen and (max-width: 49.9375em) { /* max 799px */

	html, body {
		background: #222;
	}

	/* apply a natural box layout model to all elements */
	*, *:before, *:after {
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}
	
	.searchbox {
		width: 100px;
		top: 25px !important;
		right: 85px !important;
	}
	
	.searchbox input {
		border-top: 1px solid #ddd;
	}
	
	.searchbox input:focus {
		border-top: 1px solid #d66e19;
	}
	
	#slides {
		display: none;
	}
	
	#homeslider {
		/*display: none;*/
	}
	
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .content .col-3 {
		width: auto;
		margin-right: 0;
		float: none;
	}
	
	.content {
		padding: 1.25em;
	}
	
	.header {
		margin-bottom: 0;
	}
	
	.header .inner .row {
		padding: 0.625em 1.25em;
	}
	
	a#logo {
		float: left;
	}
	
	a#nav-btn {
		background: url(../images/nav_btn_icon.png) no-repeat 0 0;
		width: 44px;
		height: 44px;
		text-indent: -9999em;
		display: block;
		opacity: 1;
		visibility: visible;
		margin-top: 10px;
		float: right;
	}
	
	a.nav-triggered {
		background-position: 0 -44px !important;
	}
	
	ul.nav {
		display: none;
		/*opacity: 0;
		visibility: hidden;*/
		clear: both;
		padding: 10px 0 20px 0;
	}

	ul.nav li:first-child {
		border-top: 1px solid #ddd;
	}
	
	ul.nav li {
		border-bottom: 1px solid #ddd;
		line-height: 24px;
		padding: 10px 0;
	}
	
	ul.nav li a {
		display: block;
	}
	
	/*a#subnav-btn {
		border-bottom: 1px solid #ddd;
		background: #fff;
		width: auto;
		font-size: 0.875em;
		font-weight: bold;
		line-height: 44px;
		text-transform: uppercase;
		text-decoration: none;
		opacity: 1;
		visibility: visible;
		margin-top: 10px;
		display: block;
		padding-left: 50px;
	}*/
	
	a#subnav-btn {
		border-bottom: 1px solid #ddd;
		background: #fff url(../images/select_arrow.png) no-repeat top right;
		font-size: 0.875em;
		font-weight: bold;
		color: #000;
		line-height: 36px;
		display: block;
		padding: 0 10px;
	}
	
	a#subnav-btn:hover {
		color: #d66e19;
		text-decoration: none;
	}
	
	a.subnav-triggered {
		background-position: bottom right !important;
		color: #d66e19;
	}
	
	ul.subnav {
		display: none;
	}
	
	ul.subnav li a.parent {
		background: none !important;
	}
	
	ul.subnav ul {
		border-top: 1px solid #ddd;
	}
	
	ul.subnav li {
		border-bottom: 1px solid #ddd;
	}
	
	ul.subnav ul > li {
		border-bottom: 1px solid #ddd;
	}
	
	ul.subnav li a {
		padding-left: 15px;
	}
	
	ul.subnav ul > li > a {
		padding-left: 30px;
	}
	
	ul.subnav ul > li > ul > li > a {
		padding-left: 45px;
	}
	
	ul.subnav li:last-child {
		border-bottom: 0;
	}
	
	a#logo img {
		height: 60px;
	}
	
	.box:last-child {
		margin-bottom: 0;
	}
	
	#homeslider .flex-control-paging li a.flex-active {
		background: #000;
	}
	
	#homeslider .flex-control-paging li a {
		border: 2px solid #000;
	}
	
	#homeslider,
	#staticslider {
		padding: 20px 20px 60px 20px;
	}
	
	#homeslider h1,
	#staticslider h1 {
		font-size: 2em !important;
	}
	
	#homeslider h2,
	#staticslider h2 {
		font-size: 1em !important;
	}
	
	#homeslider, #homeslider ul.slides li, .staticslider, staticslider ul.slides li,
	#staticslider {
		background: #fff !important;
		height: auto !important;
	}	
	
	#homeslider .intro,
	#staticslider .intro {
		width: auto;
		position: relative !important;
		top: 0;
		z-index: 100;
	}
	
	#staticslider .pos-left {
		left: 0 !important;
	}
	
	#staticslider .pos-right {
		right: 0 !important;
	}
	
	#staticslider .text-white h1,
	#staticslider .text-white h2,
	#staticslider .text-white p {
		color: #000 !important;
		text-shadow: none !important;
	}
	
	#staticslider .text-black h1,
	#staticslider .text-black h2,
	#staticslider .text-black p {
		color: #000 !important;
	}
	
	#staticslider, #staticslider ul.slides li {
		height: auto !important;
		position: relative;
	}
	
	#homeslider .flex-control-nav,
	#staticslider .flex-control-nav {
		right: 0 !important;
	}
	
	.text-white h1,
	.text-white h2,
	.text-white p {
		color: #000 !important;
		text-shadow: none !important;
	}
	
	.ask {
		background: #fff;
		width: auto;
		padding: 20px;
		position: relative !important;
		top: inherit;
		bottom: 0;
		right: 0;
		z-index: 100;
		font-size: 0.750em;
		line-height: 1.4;
	}
	
	.ask h3 {
	}
	
	.ask img {
		float: left;
		display: block;
		margin-right: 20px;
	}

	.action-header .dropdown {
		margin-bottom: 20px;
	}
	
	.form {
		border-bottom: 1px solid #ddd;
		margin: 20px 0;
		padding-bottom: 20px;
	}
	
	.map img {
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	
	#instagallery {
		height: auto;
	}

	#productcategories {
		padding: 20px 20px 10px 20px;
	}

	#productcategories h4 {
		color: #fff;
		display: block;
		margin-bottom: 10px;
	}

	ul.categories li:first-child {
		border-top: 0
	}
	
	ul.categories li {
		border-bottom: 1px solid #fff;
		line-height: 24px;
	}

	ul.categories li:last-child {
		border-bottom: 0
	}

	ul.categories li a {
		display: block;
		padding: 10px 0;
	}
	
	ul.categories li img {
		display: none;
	}
	
	.footer .address,
	.footer .social {
		text-align: center;
	}
	
	.content h1 {
		font-size: 1.25em;
	}
	
	.content h2 {
		font-size: 1em;
	}
	
	ul.list li {
		line-height: 18px;
		padding: 6px 0;
	}
	
	ul.sidenav {
		margin-bottom: 20px;
	}
	
	.filename {
		width: 100%;
		display: block;
	}
	
	.filetype {
		width: 50%;
		float: left;
	}
	
	.filesize {
		width: 50%;
		text-align: right;
		float: right;
	}
	
	body.page-template-tmpl-product-php h1 span {
		color: #000 !important;
	}
	
	.acf-map {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 63.9375em) { /* max 1023px */

	.wrapper {
		padding: 10px;
	}

}

@media only screen and (min-width: 50em) { /* min 800px */

	.header {
		overflow: hidden;
	}

	a#logo {
		float: left;
	}

	a#nav-btn,
	a#subnav-btn {
		display: none;
		/*opacity: 0;
		visibility: hidden;*/
	}
	
	ul.nav {
		margin-top: 62px;
		float: right;
	}
	
	ul.nav li {
		margin-left: 20px;
		float: left;
	}
	
	ul.subnav {
		padding: 0 30px;
	}
	
	ul.subnav > li {
		margin: 0 0.625em 0 0;
		/*float: left;*/
		display: inline-block;
	}
	
	ul.subnav > li li {
		border-bottom: 1px solid #ddd;
		position: relative;
		padding: 0 0.625em;
	}
	
	ul.subnav li a.parent {
		padding-right: 20px;
	}
	
	ul.subnav li > ul a,
	ul.subnav li > ul a:visited {
		padding: 0 !important;
	}
	
	ul.subnav > li > ul {
		border: 1px solid #ddd;
		border-bottom: 0;
		background: #fff;
		width: 200px;
		position: absolute;
		top: 36px;
		left: 0;
		z-index: 300;
		display: none;
	}
	
	ul.subnav ul ul {
		border: 1px solid #ddd;
		border-bottom: 0;
		background: #fff;
		width: 200px;
		position: absolute;
		top: -1px;
		left: 200px;
		z-index: 300;
		display: none;
	}
	
	ul.subnav li:hover > ul {
		display: block !important;
	}
	
	ul.subnav li ul li {
		float: none;
		display: block;
	}
	
	body.home #homeslider .intro,
	body.home #staticslider .intro {
		left: 90px;
	}
	
	body.page-template-tmpl-product-php .intro {
		top: 148px !important;
		left: 90px;
	}
	
	body.page-template-tmpl-product-php ul.subnav,
	body.single-employees ul.subnav {
		padding: 10px 30px;
	}
	
	body.page-template-tmpl-product-php ul.subnav li a,
	body.single-employees ul.subnav li a {
		line-height: 24px !important;
	}
	
	.flexslider img.mobile {
		display: none !important;
	}
	
	.cols {
		/*-webkit-column-count: 3;
		-webkit-column-gap: 20px;
		-moz-column-count: 3;
		-moz-column-gap: 20px;	
		column-count: 3;
		column-gap: 20px;*/
	}
	
	#suppliers,
	#newsletter,
	#videos,
	#productcategories,
	#rentals {
		height: 155px;
	}

	.footer .address {
		float: left;
	}
	
	.footer .social {
		float: right;
	}
	
	#sections {
		position: relative;
	}
	
	#instagallery {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.action-header {
		position: relative;
	}
	
	.action-header h1 {
		margin: 0;
	}
	
	.action-header .dropcats {
		width: 300px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
	}
	
	.action-header .dropdown.suppliers {
		width: 300px;
		position: absolute;
		top: 0;
		right: 320px;
		z-index: 100;
	}
	.action-header .dropdown.kategori {
		width: 300px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
	}
	ul.categories {
		padding: 30px 14px;
	}
	
	ul.categories li {
		width: 70px;
		font-size: 10px;
		text-align: center;
		float: left;
		margin-right: 6px;
	}
	
	ul.categories li img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto 12px auto;
	}

	ul#gform_fields_2 li {
		clear: none !important;
	}

	ul#gform_fields_2 #field_2_2,
	ul#gform_fields_2 #field_2_4,
	ul#gform_fields_2 #field_2_6 {
		width: 49%;
		float: left;
	}

	ul#gform_fields_2 #field_2_3,
	ul#gform_fields_2 #field_2_5,
	ul#gform_fields_2 #field_2_7 {
		width: 49%;
		float: right;
	}
	
	ul#gform_fields_2 #field_2_9,
	ul#gform_fields_2 #field_2_8 {
		clear: both !important;
	}
	
	ul#gform_fields_2 #field_2_8 .gchoice_8_0,
	ul#gform_fields_2 #field_2_8 .gchoice_8_1 {
		width: 33%;
		float: left;
	}
	
	.col-nav {
		width: 200px;
		margin-right: 20px;
		float: left;
	}
	
	.col-desc {
		width: 340px;
		margin-right: 20px;
		float: left;
	}
	
	.col-img {
		width: 340px;
		float: right;
	}
	
	.col-img img {
		max-width: 100%;
		height: auto;
		display: block;
	}
	
	.col-wide {
		width: 700px;
		float: right;
	}
	
	ul.sidenav {
		list-style: none;
		margin: 0;
		padding: ;
	}
	
	ul.sidenav li {
		font-size: 14px;
		line-height: 24px;
	}
	
	ul.sidenav li.current-cat > a {
		font-weight: bold;
		color: #d66e19 !important;
	}
	
	ul.sidenav li a,
	ul.sidenav li a:visited {
		color: #20385c;
	}
	
	ul.sidenav li a:hover {
		color: #d66e19;
		text-decoration: none;
	}
	
	ul.sidenav > ul {
		margin-left: 0 !important;
	}
	
	.filename {
		width: 500px;
		float: left;
	}
	
	.filetype {
		width: 100px;
		float: left;
	}
	
	.filesize {
		width: 100px;
		text-align: right;
		float: left;
	}
	
	ul#files li {
		height: 280px;
		margin-bottom: 20px;
		position: relative;
	}
	
	ul#files li .desc {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
	}
	
	ul.grid li .desc {
		/*min-height: 155px;*/
	}
	
	.image {
		display: none;
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

	.searchbox input,
	.searchbox input:focus {
		background: url(../images/icon_search@2x.png) no-repeat 4px 50%;
		background-size: 18px 18px;
	}

}