/*======================================================
  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;
	}
	

	/* 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: 1.4em;
		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: 90%;
		width: 100%;
		position: absolute;
		top:-800px;
		left:0;
		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;
	}
	#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);
		top:194px;
	}
	
	#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: 1.4em !important;
		text-decoration: none !important;
		text-transform: uppercase;
		line-height: 1.2;
		width: 90%;
		padding: 10px 10px 10px 30px;
		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;
	}
	
	#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: #1D2222;
		margin:0;
		padding: 25px 30px;
	}
	#searchWrap {
		background: #4f5858;
	}
	.simpleSearch_input-wrapper {
		line-height: 32px;
		background: none;
		height: 32px;
		width: 82%;
		margin: 0;
		padding: 0;
	}
	#search {
		color:#fff;
		font-family: 'Roboto Condensed', Arial, sans-serif;		
		font-size: 1.2em;
		font-weight: normal;
	}
	#simpleSearch_submit {
		color:#fff;
		font-size: 26px;
		width: 18%;
		padding-left:10px;
	}
	
	/* 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;
	}

	
	/* Home page */
	#home-buckets-container {
		height: 358px;
	}
	
	.bucket-home {
		height: 275px;
		padding: 15px 10px;
	}
	
	.bucket-home h3 {
		font-size: 1.8em;
	}
	
	.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;
	}
	
	
	/* Home Banner */
	#home-banner {
		height: auto;
	}
	
	
	/* ***************************************** Home Page Featured / Trade Shows */
	#home-featured-products,
	#home-upcoming-events {
		width: 47%;
	}
	
	#home-featured-products img,
	#home-upcoming-events img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	
	.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: 0 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 */
	#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;
    }
    
    
    /* ***************************************** 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;
    }
    
    #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;
	}
	
	
}