/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet 
   480-less    - phone landscape & smaller
--------------------------------------------*/


@media all and (min-width: 1024px) and (max-width: 1280px) { }

@media all and (min-width: 768px) and (max-width: 1024px) { }

@media all and (max-width: 959px) { 
	.nav { display:none; }
	.mobile-nav { display:block; }
}

@media all and (min-width: 768px) and (max-width: 959px) { 
	.trigger { display:block; }
	.header { padding:0 20px; }
	.logo { width: 200px; height:39px; margin-top:15px; }

	.case-studies-module ul li { width:33%; }

	.blue-bar, .case-studies-module ul, .product-loop, .products-used, .technology-page, .contact-page, .case-studies-single, .linea-light-page { padding:40px 20px; }
	.light-blue { padding:40px; }

	.title h1 { padding:0 20px; }
	.title .bg_colour { min-width:150px; }

	.application_repeater li { width:32%; vertical-align:top; }
	.latest-products-slider .image { width:50%; }
	.latest-products-slider .right { width:50%; }

	.footer .footer-logo { margin:10px auto; float:none; }
	.footer .copyright { float:none; margin:10px auto; text-align:center; padding:0 20px; }
	.links { margin-top:6px !important; padding-left:20px;}
	.footer .linked-in { margin-top:0; margin-right:20px; } 

	.product-loop article { width:50%; }
	.product-loop .image { width:100%; height:auto; }
	.product-loop .content {   max-width: 100%; }

	.wrapper-dropdown-5 { position:relative; margin:35px auto 0; width:100%; }
	.pre-text  { width:100%; text-align:center; }
	.products-used ul li { width:50%; }
	.products-used .content { max-width:none; }
	.products-used .image { width:100%; height:auto; }

	.case-studies-loop { padding:40px 20px; margin:0 -20px; }
	.case-studies-loop .pindex { margin:0 20px 40px; width:50%; }

	.contact-page ul li { width:100%; padding-right:0; margin-bottom:30px; }
	.contact-page .left { margin-top:0; width:100%; }

	.case-studies-single .left { width:100%; padding-right:0; }
	.case-studies-single .right { width:100%; padding-left:0; }
	.case-studies-single .right ul { padding: 8px 0 0 20px; }

	.single-products .case-studies-single  .blue-btn { text-align:center !important; float:none !important; margin:20px auto !important; }

	.tp-caption.banner-text { width:auto !important; max-width:none !important; margin:20px 20px 0 !important; padding:8px !important; }
	.black {   bottom: 80px !important;height: 0px !important;left: 0 !important;margin: 0 auto !important;right: 0 !important;top: initial !important; }

	.product-text { font-size:13px !important; line-height: 16px !important; }
	.product-text h1 { margin-top: 0 !important; font-weight: 400 !important; color: #333333 !important; line-height: 26px !important; font-size: 20px !important; }
	.banner-text { font-size:13px !important; line-height: 16px !important; }
	.banner-text h2 { margin-top: 0 !important; font-weight: 400 !important; color: #333333 !important; line-height: 26px !important; font-size: 20px !important; }

	.down-arrow { bottom:20px !important; margin-bottom:0 !important;  }

	.mobile-menu ul.top-level li.col img {
		display: none;
	}

	.mobile-menu ul.top-level li.col p {
		display: none;
	}

	.mobile-menu li.view_all_link {
		background: #1279c6;
		color: #fff;
	}
}

@media all and (min-width: 480px) and (max-width: 768px) { 

.trigger { display:block; }
.header { padding:0 20px; }
.logo { width: 200px; height:39px; margin-top:15px; }

.case-studies-module ul li { width:33%; }

.blue-bar, .case-studies-module ul, .product-loop, .products-used, .technology-page, .contact-page, .case-studies-single, .linea-light-page { padding:40px 20px; }
.light-blue { padding:40px; }

.title h1 { padding:0 20px; }
.title .bg_colour { min-width:150px; }

.application_repeater li { width:32%; vertical-align:top; }
.latest-products-slider .image { width:50%; }
.latest-products-slider .right { width:50%; }

.footer .footer-logo { margin:10px auto; float:none; }
.footer .copyright { float:none; margin:10px auto; text-align:center; padding:0 20px; }
.links { margin-top:6px !important; padding-left:20px;}
.footer .linked-in { margin-top:0; margin-right:20px; } 

.product-loop article { width:50%; }
.product-loop .image { width:100%; height:auto; }
.product-loop .content {   max-width: 100%; }

.wrapper-dropdown-5 { position:relative; margin:35px auto 0; width:100%; }
.pre-text  { width:100%; text-align:center; }
.products-used ul li { width:50%; }
.products-used .content { max-width:none; }
.products-used .image { width:100%; height:auto; }

.case-studies-loop { padding:40px 20px; margin:0 -20px; }
.case-studies-loop .pindex { margin:0 20px 40px; width:50%; }

.contact-page ul li { width:100%; padding-right:0; margin-bottom:30px; }
.contact-page .left { margin-top:0; width:100%; }

.case-studies-single .left { width:100%; padding-right:0; }
.case-studies-single .right { width:100%; padding-left:0; }
.case-studies-single .right ul { padding: 8px 0 0 20px; }

.single-products .case-studies-single  .blue-btn { text-align:center !important; float:none !important; margin:20px auto !important; }

.tp-caption.banner-text { width:auto !important; max-width:none !important; margin:20px 20px 0 !important; padding:8px !important; }
.black {   bottom: 80px !important;height: 0px !important;left: 0 !important;margin: 0 auto !important;right: 0 !important;top: initial !important; }

.product-text { font-size:13px !important; line-height: 16px !important; }
.product-text h1 { margin-top: 0 !important; font-weight: 400 !important; color: #333333 !important; line-height: 26px !important; font-size: 20px !important; }
.banner-text { font-size:13px !important; line-height: 16px !important; }
.banner-text h2 { margin-top: 0 !important; font-weight: 400 !important; color: #333333 !important; line-height: 26px !important; font-size: 20px !important; }

.down-arrow { bottom:20px !important; margin-bottom:0 !important;  }

.mobile-menu ul.top-level li.col img {
	display: none;
}

.mobile-menu ul.top-level li.col p {
	display: none;
}

.mobile-menu li.view_all_link {
	background: #1279c6;
	color: #fff;
}

}

@media all and (max-width: 480px) { 

.trigger { display:block; }
.header { padding:0 20px; }
.logo { width: 200px; height:39px; margin-top:15px; }

.blue-bar, .case-studies-module ul, .product-loop, .products-used, .technology-page, .contact-page, .case-studies-single, .linea-light-page { padding:40px 20px; }
.light-blue { padding:40px; }

.title h1 { padding:0 20px; }
.title .bg_colour { min-width:150px; }

.application_repeater li { width:42%; vertical-align:top; }
.latest-products-slider .image { width:100%; }
.latest-products-slider .right { width:100%; }

.footer .footer-logo { margin:10px auto; float:none; }
.footer .copyright { float:none; margin:10px auto; text-align:center; padding:0 20px; }
.links { margin-top:6px !important; padding-left:20px;}
.footer .linked-in { margin-top:0; margin-right:20px; } 

.product-loop article { width:100%; }
.product-loop .image { width:100%; height:auto; }
.product-loop .content {   max-width: 100%; }

.wrapper-dropdown-5 { position:relative; margin:35px auto 0; width:100%; }
.pre-text  { width:100%; text-align:center; }
.products-used ul li { width:100%; }
.products-used .content { max-width:none; }
.products-used .image { width:100%; height:auto; }

.case-studies-loop { padding:40px 20px; margin:0; }
.case-studies-loop .pindex { margin:0 0 40px; }

.contact-page ul li { width:100%; padding-right:0; margin-bottom:30px; }
.contact-page .left { margin-top:0; width:100%; }

.case-studies-single .left { width:100%; padding-right:0; }
.case-studies-single .right { width:100%; padding-left:0; }
.case-studies-single .right ul { padding: 8px 0 0 20px; }

.down-arrow { bottom:20px !important; margin-bottom:0 !important;  }

.single-products .case-studies-single  .blue-btn { text-align:center !important; float:none !important; margin:20px auto !important; }

.tp-caption.banner-text { width:auto !important; max-width:none !important; margin:20px 20px 0 !important; padding:8px !important; }
.black {   bottom: 80px !important;height: 0px !important;left: 0 !important;margin: 0 auto !important;right: 0 !important;top: initial !important; }

.product-text { font-size:13px !important; line-height: 16px !important; }
.product-text h1 { margin-top: 0 !important; font-weight: 400 !important; color: #333333 !important; line-height: 26px !important; font-size: 20px !important; }
.banner-text { font-size:13px !important; line-height: 16px !important; }
.banner-text h2 { margin-top: 0 !important; font-weight: 400 !important; color: #333333 !important; line-height: 26px !important; font-size: 20px !important; }

.mobile-menu ul.top-level li.col img {
	display: none;
}

.mobile-menu ul.top-level li.col p {
	display: none;
}

.mobile-menu li.view_all_link {
	background: #1279c6;
	color: #fff;
}

 }


/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }


/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
}