/*======================================================
  Tablet Screen Style Sheet
  Destaco
------------------------------------------------------
  Author(s): Diana Le
  Created: 12/17/2015
======================================================*/



@media only screen and (max-width: 1199px) {
	
	.desktop { display: none !important; }
	.tablet-hidden { display: none; }
	.tablet,
	.tablet-only  { display: block; }
	.smallsite { display: block !important; }
	
	.constraint,
	body.home #content,
	#content-header {
		width: 94%;
	}
	body.noscroll {
		overflow: hidden;
	}
	
	#content-header {
		margin-left:-48%;
	}
	
	/* Two column layout */
	#content-inner {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	
	/* Typography */
	h1 {
		font-size: 2.2em;
	}
	
	#main-content table {
		width: 100% !important;
	}
	
	#main-content .Content-Table {
		width: 100% !important;
	}
	
	/* Global Nav */
	
	#top-nav-left {
	    float: right;
	    width: auto;
	}
	

	/* Header */
	#logo {
		max-width: 339px;
		margin-top: 10px;
	}
	
	#logo img {
		width: 100%;
		height: auto;
	}
	
	#menu-search {
/* 		width: 380px; */
		width: auto;
	}
	
	#telephone {
		border-left: none;
		margin-right:20px;
		padding: 0 20px 0 0;
	}
	
	#mobile-telephone a {
		border-left: 0;
	}
	
	#search-container {
		border-right: 1px solid #c9d3d3;
		width: 164px;
		padding-right: 6px;
		display: none;
	}
	

	/* Start Mobile Nav */
	#primary-toggle {
		color:#000;
		font-family: 'Roboto Condensed', Arial, sans-serif;		
	    font-size: 15px;
		line-height: 28px;
		letter-spacing: 0.05em;
		height:30px;
		margin:42px 0 0;
		padding-left:30px;
		float: left;
		position: relative;
	}
	#primary-toggle:before {
		font-size: 30px;
		font-weight: bold;
		position: absolute;
		top:0;
		left:0;
	}
	#primary-toggle.active:before {
		content:"\f129";
		color:#a00;
	}

	#primary-nav {
		text-align: left;
		background: #fff;
		height: 100%;
		width: 75%;
		min-width: 140px;
		position: absolute;
		top:0;
		    padding: 0;
		    right:-999px;
		left:auto;
		z-index: 999;
		overflow: hidden;
/* 		overflow-y: scroll; */
		transition:all 0.2s;
		-ms-transition:all 0.2s;
		-moz-transition:all 0.2s;
		-webkit-transition:all 0.2s;
		-o-transition:all 0.2s;
		display: none;
	}
	#primary-nav.open {
		box-shadow: 20px 0 60px rgba(0,0,0,0.6);
		-moz-box-shadow: 20px 0 60px rgba(0,0,0,0.6);
		-webkit-box-shadow: 20px 0 60px rgba(0,0,0,0.6);
	    width: 75%;
	    position: fixed;
	    top: 0;
	    right: 0;
	    left: auto;
	    display: block;
	}
	
	#primary-nav li {
		font-size: 1em !important;
		line-height: 1 !important;
		border-bottom: 1px solid #ddd;
		width: 100%;
		padding: 10px 0;
		display: block;
	}
	#primary-nav a {
		color:#000 !important;	
		font-family: 'Roboto Condensed', Arial, sans-serif;		
		font-size: 14px !important;
		text-decoration: none !important;
		text-transform: uppercase;
		line-height: 1.2;
		width: 75%;
		padding: 10px;
		display: inline-block;	
	}
	#primary-nav a:hover,
	#primary-nav a:focus,
	#primary-nav > li i.smallsite:hover {
		color:#aaa !important;
	}
	
	#primary-nav > li i.smallsite {
		color:#fff;
		font-size: 20px;
		text-align: center;
		line-height: 36px;
		background: #4F5858;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		height:34px;
		width: 34px;
		padding-left:2px;
		display: inline-block !important;
		cursor: pointer;
		        floaT: right;
    margin-right: 10px;
	}
	
	#primary-nav ul .back {
		color:#a00;
		font-weight: bold;
		padding: 10px 10px 20px 30px;
		cursor: pointer;
	}
	#primary-nav ul .back i {
		font-size: 20px;
		vertical-align: middle;
		margin:-1px 10px 0 0;
		display: inline-block;
	}
	
	#primary-nav .menu-dropdown {
		background: #fff;
		height: 100%;
		width: 100%;
		padding:30px 0;
		position: absolute;
		top:0;
		right:-9999px;
		z-index: 1;
		transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
	}
	
/*
	#primary-nav .menu-dropdown.active {
		right:0;
	}
*/
	
	#primary-nav #primary-close {
		font-size: 1em !important;
		margin:40px auto 0;
		padding:10px 0 13px; 
		cursor: pointer;
	}
	#primary-nav #primary-close i {
		font-size: 0.8em;
		margin-right:5px;
	    display: inline-block;
	    position: relative;
	    top: -1px;		
	}
	
	#primary-nav .nav-search {
		background: #000;
		margin:0;
		padding: 0px;
	}
	#searchWrap {
		background: #000;
		height: 48px;
	}
	.simpleSearch_input-wrapper {
		line-height: 50px;
		background: none;
		height: 50px;
		width: 82%;
		margin: 0;
		padding: 0;
	}
	#search {
		color:#fff;
		font-family: 'Roboto Condensed', Arial, sans-serif;		
		font-size: 2.2em;
		font-weight: normal;
	}
	#simpleSearch_submit {
		color:#fff;
		font-size: 26px;
		width: 18%;
		padding-left:10px;
		height: 50px;
	}
	
	#sisea-form-search1 {
	    width: 100%;
	}
	
	.form-search input[type=text] {
		width: 90%;
	}
	
	/* Responsive Dropdown */
	#responsive-dropdown {
		width: 300px;
		margin: 20px auto;
	}
	
	.responsive-dropdown-toggle {
		position: relative;
	}
	
	#responsive-dropdown a {
		color: #fff;
	}
	
	#responsive-dropdown ul {
		display: none;
		background-color: #4f5858;
		padding: 10px;
	}
	
	.responsive-dropdown-toggle h2 a {
		font-size: 18px;
	}
	
	.responsive-dropdown-toggle h2 {
		background-color: #4f5858;
		font-family: Arial, sans-serif;
		font-size: 16px;
		padding: 5px;
		position: relative;
		float: left;
		width: 68%;
		margin-bottom: 0;
		height: 42px;
	}
	
/*
	.responsive-dropdown-toggle h2:after {
		border-top: 42px solid transparent;
		border-left: 24px solid #4f5858;
		right: -24px;
		content: '';
		width: 0px;
		height: 0px;
		top: 0px;
		position: absolute;
	}
*/
	
	#responsive-dropdown .dropdown-arrow {
		display: block;
		width: 20%;
		float: right;
		height: 42px;
		position: relative;
		background: #1d2222;
	}
	
	#responsive-dropdown .dropdown-arrow span {
		background: url(/images/template/sprite.png) -506px -331px no-repeat #1d2222;
		height: 30px;
		width: 38px;
		display: block;
	}
	
	#responsive-dropdown .dropdown-arrow.collapsed span {
		background-position: -33px -428px;
	}
	
/*
	#responsive-dropdown .dropdown-arrow:before {
		border-bottom: 42px solid transparent;
		border-right: 24px solid #1d2222;
		left: -24px;
		content: '';
		width: 0px;
		height: 0px;
		top: 0px;
		position: absolute;
	}
*/
	
	#responsive-dropdown ul a {
		display: block;
		padding: 5px 0;
	}
	
		/* Active */
	#responsive-dropdown li.current a {
		background: #B2282D;
	}
	
	
	
	
	/* End Mobile Nav */

	
	/* Home Banner */
	#home-banner h2 {
		font-size: 42px;
		text-transform: none;
	}
	
	#home-banner .flex-prev {
		left: 2% !important;
	}
	
	#home-banner .flex-next {
		right: 2% !important;
	}
	
	
	#video-banner-text  {
		font-size: 28px;
	}

	
	/* Home page */
	body.home #main-content,
	#home-featured-products {
	    width: 100%;
	}
		
	#home-buckets-container {
		height: 358px;
	}
	
	.bucket-home {
		height: 275px;
		padding: 15px 10px;
	}
	
	.bucket-home h3 {
		font-size: 1.8em;
	}
	
	.bucket-home-alternate h3 {
		font-size: 16px;
		line-height: 1.2;
		min-height: 0;
	}
	
	.bucket-home img {
		max-width: 100%;
	}
	
	.bucket-home .learn-more {
		text-transform: uppercase;
		color: #909c9c;
		font-size: 16px;
		font-family: 'Roboto Condensed', Arial, sans-serif;
		position: absolute;
	    bottom: 10px;
	    width: 91%;
	}
	
	.bucket-home:hover .bucket-home-arrow {
		display: none;
	}
	
	/* Redesign buckets */
	
	.bucket-home-alternate .bucket-image {
		height: auto;
	}
	
	
	/* Home Banner */
	#home-banner {
		height: auto;
	}
	
	
	/* ***************************************** Home Page Featured / Trade Shows */

	#trade-show-wrapper, #press-release-wrapper {
		width: 47%;
	}
	
	#home-upcoming-events {
		width: 100%;
	}
	
	#home-featured-products img,
	#home-upcoming-events img {
		max-width: 100%;
/* 		width: 100%; */
		height: auto;
		max-height: 180px;
	}
	
	.bucket-featured-home .featured-text {
		width: 100%;
	}
	
	.trade-location {
		float: none;
		width: 100%;
		border: 0;
	}
	
	.trade-date {
		float: none;
	}
	
	.trade-date .month {
		display: inline;
	}
	

	/* Landing Buckets */
	#featured-products {
	    padding: 20px 40px;
	    width: 620px;
	}
	
	.bucket-landing,
	.bucket-intermediate {
		width: 48%;
		padding: 30px 25px;
	}
	
	.bucket-landing:nth-child(odd) {
		margin-right: 4%;
	}
	
	.bucket-landing-text,
	.bucket-intermediate-text {
		float: none;
		max-width: 100%;
	}
	
	.bucket-landing h3 {
		font-size: 1.428571429em;
	}
	
	.bucket-landing .learn-more, 
	.bucket-intermediate .learn-more {
		position: absolute;
		right: 11px;
		bottom: 10px;
		
	}
	
	/* Intermediate Buckets */
	#product-landing-buckets-wrapper {
    	padding: 0px 0 0;
	}
	
	#navigation-buckets-wrapper {
		background: #EEE;
	}
	
	#navigation-buckets {
		width: 94%;
	}
	
	#content-inner #intermediate-buckets,
	#intermediate-buckets,
	.bucket-intermediate.featured,
	#blog-buckets,
	#locations,
	#literature-library,
	#press_releases,
	#case-studies-listing,
	#case-study {
		width: 100%;
		margin-bottom: 20px;
	}
	
	#content-inner .bucket-intermediate.featured {
		width: 97%;
	}
	
	#blog-buckets,
	#locations,
	#literature-library,
	#press_releases,
	#case-studies-listing,
	#case-study {
		margin-left: 0;
	}
	
	#content-inner .bucket-intermediate,
	.bucket-intermediate {
		margin-left: 11px;
	}
	
	.bucket-intermediate .learn-more {
	    position: absolute;
	    right: 10px;
	    bottom: 4px;
    }
    .bucket-landing-product {
    	width: 47%;
	}
    
    /* ***************************************** Locations */
    #locations img {
		width: 100%;
		height: auto;
	}
    
    
    /* ***************************************** Features Table */
    #features {
	    width: 100%;
	    float: none;
    }
    
    #markets-applications {
	    width: 100%;
	    float: none;
    }
    
    #markets,
    #applications {
	    width: 100%;
	    float: none;
	    margin-bottom: 20px;
    }
    
    #markets div,
    #applications div {
	    float: left;
    }
    
    
    /* ***************************************** Content Styling */
    #content-tabs,
    .post-content-text,
    #features-table {
	    width: 100%;
	    float: none;
    }
    
    .post-content-text img,
    table.full-width img {
	    max-width: 100% !important;
	    height: auto !important;
	    margin: 0 auto;
    }
    
    .post-content-text table,
    #post-content-two-column table {
	    max-width: 100% !important;
	    width: 100% !important;
    }
    
    .post-content-text table img,
    #post-content-two-column img {
	    max-width: 100% !important;
	    width: 100% !important;
	    height: auto !important;
    }
    
    #post-content-two-column .product-display img {
	    width: auto !important;
    }
    
    #content-tabs {
	    margin-bottom: 20px;
    }
    
    .post-content-text {
	    margin-top: 10px;
    }
    
    
    /* Contact page */
    #contact,
    #contact-information {
	    float: none;
	    margin: 0 auto;
	    width: 600px;
    }
    
    #contact {
	    margin-bottom: 20px;
    }
    
    #contact-map-wrapper {
	    height: auto;
	    padding-bottom: 20px;
    }
    
    .contact-map img {
	    max-width: 100%;
    }
    
    
    /* ***************************************** Video Library */
	#video-grid{
		display:block;
		width:100%;
	}
	
	#video-grid .video {
	    margin: 0 0 25px 3%;
	    width: 30%;
	}
	
	/* Footer */
	
	.footer-block-01, .footer-block-02, .footer-block-03, .footer-block-04 {
		width: 33%;
		padding: 30px 20px;
	}
	
	.footer-logo,
	.footer-backtop {
		float: none;
	}
	
	.footer-logo img {
		display: block;
		margin: 25px auto;
	}
	
	#footer-bottom-wrapper {
		height: 230px;
	}
	
	.footer-backtop {
		width: 143px;
		margin: 0 auto;
	}
	
	/* ***************************************** CDS - Catalog Data Solutions */
	
	/* Faceted Search in Secondary Nav */
	
	#sidebar-left,
	#cds-sidebar-left {
	    width: 100%;
	    float: none;
	    border: 0;
    }
    
    #cds-facet-container {
	    display: none;
	    font-size: 1.2em;
	    border: 3px solid #1d2222;
	    margin-top: 20px;
	    padding: 5px;
    }
    
    #search-toggle-cds {
		background-color: #B2282D;
		color: #fff;
		position: relative;
		padding: 8px;
		font-size: 1.4em;
		margin-bottom: 20px;
		text-transform: uppercase;
		text-align: center;
    }
    
    #search-toggle-cds .expanded,
    #search-toggle-cds.open .collapsed {
	    display: none;
    }
    
    #search-toggle-cds.open .expanded {
	    display: inline-block;
    }
    
	#search-toggle-cds.open {
		background-color: #1d2222;
	}
	
	#cds-content #cds-search-right-container {
		margin-left: 0;
	}

	
	/* CDS Listing */
	
	#cds-content,
	#cds-content.cds-product-page {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.cds-browse-container {
		margin-left: 0;
	}
	
	/* CDS Product Detail */
	
	#cds-product-dynamic-attribute-table select {
	    max-width: 239px;
	}
	
		.bucket-landing-product {
    	width: 47%;
	}
	
	#product-landing-buckets-wrapper {
    	padding: 0px 0 0;
	}
	
	#overlay {
	background: rgba(0,0,0,0.4);
	height:100%;
	width: 100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 990;
	display: none;
	}



/* Nicks css */

.slideOut{
	-webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
        box-sizing: border-box;
    position: relative;
}

html.noscroll .slideOut {
    -webkit-transform: translate(-75%, 0);
    -moz-transform: translate(-75%, 0);
    -ms-transform: translate(-75%, 0);
    -o-transform: translate(-75%, 0);
    transform: translate(-75%, 0);
}

html.noscroll body {
  overflow: hidden; 
}
html.noscroll{
	    overflow: hidden;
    position: relative;
}

.bodyHeight{
	min-height:840px;
}

	
	/* staging menu discrepancy */
	#primary-nav .menu-dropdown.active {
		right:0;
	}



/* End Mobile Nav */	
	
}



@media only screen and (max-width: 1053px) and (min-width: 768px) {
	.bucket-landing-product {
		width: 100%;
		margin: 0px auto;
	}
}