@media screen and (min-width: 1200px) {

}

@media screen and (max-width: 1200px) {
	
	#usps {
		position: relative;
		background: #084e7c;
		color: #fff; font-size: 12px !important; font-weight: 200; text-align: center;
		padding: 5px 15px !important;
	}
	
	#wrapper {
		padding-top: 240px;
	}
		#wrapper.index {
			padding-top: 450px;
		}
		
	#header {
		top: 110px;
	}
	
	#header-content {
		top: 100px;
	}
	
	.header-content {
		top: 100px;
	}
	
	.content-col {
		padding: 30px 20px;		
	}
		.content-col.grey {
			padding: 30px 20px;	
		}
	
	.message {
		font-size: 16px !important;
	}
	
	big {
		font-size: 22px !important;
	}
	
	#content {
		/* padding: 0 30px; */
	}
	
	.product-info .btn {
		font-size: 14px;
	}
	
	.solution a {
		height: 200px;
	}
	
	.product.list a {
		height: 160px;
	}
		.product.list img {
			display: inline-block;
		}
	
	.product.more a {
		font-size: 18px;
		height: 160px;
	}
	
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (max-width: 992px) {
	
	#usps {
		position: relative;
		background: #084e7c;
		color: #fff; font-size: 11px !important; font-weight: 200; text-align: center;
		padding: 5px 15px !important;
	}
	
		#usps .container {
			padding-top: 0;
		}
			#usps .container p {
				margin: 0;
			}
			
		#usps a {
			text-decoration: underline;
		}
		
		#usps li {
			display: inline-block;
			background: transparent !important;
			padding: 5px 0 5px 0 !important; 
			margin-left: 10px;
		}
		
			#usps li:first-child {
				background: transparent;
				margin-left: 0;
				padding-left: 0;
			}

	
	#logo {
		margin-top: 20px;
	}
	
	#wrapper {
		padding-top: 240px;	
	}
	
	#wrapper.index {
		padding-top: 360px;
	}
	
	#top {
		height: auto;
	}
	
	#menu {
		margin-bottom: 15px;
	}
	
		#menu li a {
			font-size: 14px !important; margin: 0 10px;
		}
	
	.trimble {
		/* position: relative !important; top: 0 !important; left: 0 !important; */
	}
	
	#header {
		top: 110px;
	}
	
	.header-content {
		top: 70px;
	}
		.header-content h1 {
			font-size: 32px;
		}
		.header-content .btn {
			font-size: 14px;
			padding: 15px 50px 15px 15px;
		}
			.header-content .btn span {
				top: 15px;
			}
	
	.list-wrapper.news {
		height: 200px !important;
		overflow: auto !important;
	}
	
	.solution {
		overflow: hidden;
	}
		.solution a {
			height: auto;
		}
		
		.solution-image {
			height: 150px; 
			overflow: hidden;
		}
		
		
	.tablet-margin {
		margin-bottom: 10px !important;
	}
	
}

@media screen and (max-width: 768px) {
		
	#top {
		position: relative;
	}
	
	h1.title {
		font-size: 28px;
	}
	
	#menu {
		z-index: 9999;
		background: #f2f2f2;
		padding: 2px 0;
		position: fixed; top: 0; left: 0; z-index: 9999;
		width: 100%;
		margin: 0;
		-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2) !important; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2) !important; box-shadow: 0px 2px 2px rgba(0,0,0,0.2) !important;
		/* margin: 0; */
	}
		#megaMenu #megaMenuToggle {
			padding: 10px !important;
		}
		
		#topmenu {
			top: 40px;
		}
	
	#logo {
		/* margin-left: 20px; */
	}
		
	#header {
		position: relative; top: 0;
		height: auto !important;
		/* top: 80px; */
	}
		.header-content {
			position: relative; top: 0px; left: auto;
			padding-top: 20px;
			text-align: center;
			background: #fff;
		}
			.header-content h1 {
				font-size: 26px;
				margin-bottom: 10px;
				display: block;
				text-align: center;
			}
			
			.header-content .btn {
				margin-bottom: 15px;
			}
	
	#wrapper,
	#wrapper.noheader {
		padding: 0 !important;
	}			
	#wrapper.index {
		/* padding-top: 100px; */
	}
	
		#index {
			margin-top: 30px;
		}
		
		.header-tabs {
			display: none;
		}
		
	#cta .message {
		text-align: center; line-height: 1.2 !important;
		margin-bottom: 20px;
	}
		#cta .message big {
			font-size: 16px !important;
			margin: 0;
		}
		
	#content-bottom .content-col-inner {
		height: auto;
	}
	
	.btn {
		font-size: 14px;
	}
		.btn span {
			top: 15px;
		}
		
	.featured {
		margin-bottom: 30px;
	}
		.featured:last-child {
			margin-bottom: 0;
		}
		
	.product.more a {
		display: block;
		width: auto;
		height: auto;
		padding: 20px !important;
	}
	
	#content-bottom .list-wrapper {
		height: auto;
	}
	
	.solution a {
		height: auto;
	}
	
	.content-row h2 {
		font-size: 20px;
	}
	
	.solution a {
		height: auto;
	}
		.solution-image {
			height: auto;
			overflow: hidden;
		}
		
	/*
#top .trimble {
		position: absolute; top: 20px; right: 0;
	}
*/

	.woocommerce #content table.cart td.actions .button, .woocommerce #content table.cart td.actions .input-text, .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input {
		width: auto;
	}
	
	.woocommerce #content table.cart td.actions .button.alt, .woocommerce #content table.cart td.actions .input-text+.button, .woocommerce table.cart td.actions .button.alt, .woocommerce table.cart td.actions .input-text+.button, .woocommerce-page #content table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .input-text+.button, .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page table.cart td.actions .input-text+.button {
		float: left;
		margin-right: 10px;
	}

	.coupon {
		width: 100%;
	}
	
}

@media screen and (max-width: 400px) {
	
	.article {
		/* padding-top: 0; */
	}
	
	#wrapper.campaign #content {
        margin-left: -15px;
        margin-right: -15px;
	}
	
	#top {
		height: auto;
	}
	
		#topmenu {
			position: relative; height: auto; margin-top: 40px; top: 0;
			text-align: right;
		}
		
			#topmenu ul li {
				padding: 10px 5px;
			}
		
			#topmenu li.trimble img {
				max-height: 30px;
			}
		
		#top .container {
			padding-top: 0;
		}
		
		#logo {
			text-align: center;
			/* padding-top: 10px; */
		}
		
			#logo a {
				display: inline-block;
				text-align: center;
			}
			
	#wrapper {
		top: 0;
		padding-top: 125px;
	}
	
	#wrapper.index {
		padding-top: 130px;
		top: 0;
	}
	
		#wrapper.index #header {
			position: relative;
		}
			#wrapper.index .header-content {
				padding: 20px;
			}
		
		#wrapper.index #header .container {
			padding: 0;
		}
			
		.header-content h1 {
			font-size: 22px;
			margin-bottom: 10px;
			display: block;
			text-align: center;
		}
			#header-image {
				height: auto;
			}
			
			.header-content .btn {
				padding-right: 40px !important;
				font-size: 14px;
			}
			
	#menu {
		margin-top: 0;
	}
	
	#index {
		margin-top: 20px;
	}
	
	#content-bottom .list-wrapper {
		height: auto;
	}
	
	.featured {
		margin-bottom: 20px !important;
	}
	
	#main {}
	#content-top {
		position: relative; top: 0; left: 0; margin-top: 0;
		text-align: center;
		display: block; float: none;
	}
	
	#products {
		padding: 20px 0;
	}
	
	#sidebar {
		/* padding-top: 0; */
	}
	
	.product-info {
		padding: 20px;
	}
		#product-moreinfo-content.article {
			padding-top: 20px;
		}
	
	#footer {
		padding: 30px 0;
	}
		ul.arrow-list {
			margin-bottom: 20px;
		}
			
}