/*======================================================
  Mobile Screen Style Sheet
  Destaco
------------------------------------------------------
  Author(s): Diana Le
  Created: 08/05/2015
======================================================*/

@media only screen and (max-width: 767px) {
	
	.tablet-only { display: none; }
	.mobile-hidden { display: none !important; }
	.mobile { display: block !important; }
	.mobile-inline { display: inline !important; }
	
	#wrap {
		background: #eee;
	}
	
	/* Typography */
	h1 {
		font-size: 2em;
	}
	
	#main-content img {
		max-width: 100%;
		height: auto;
		display: block;
		float: none !important;
		margin: 0 auto;
	}
	
	
	/* Global Nav */
	
	#top-nav-left {
	    width: auto;
	}
	
	/* Header */
	
	
	#top-nav-language-wrapper {
    	padding: 0;
	}
	
	#header-phone-mobile {
		display: none;
		position: absolute;
		left: 0;
		top: 83px;
		background-color: #1d2222;
		z-index: 9;
		width: 100%;
	}
	
	.phone-close {
		width: 100%;
		padding: 7px 0;
		text-align: center;
		background-color: #b2282d;
		border-bottom: 1px solid #000;
		color: #fff;
		cursor: pointer;
	}
	
	.phone-section {
		float: none;
		width: 100%;
	}
	
	.phone-number {
		font-size: 20px;
	}
	
	#logo {
		width: 80%;
		max-width: 230px;
		margin: 10px 0;
	}
	
	#primary-menu-wrapper {
		height: 76px;
	}
	
	#primary-toggle {
		margin-top: 24px;
	}
	
	#primary-nav.open {
		top:0;
	}
	
	.form-search input[type=text] {
	    width: 81%;
	}

	/* Home */
	#home-buckets-container {
		height: auto;
	}
	
	#home-buckets {
		padding-top: 25px;
		width: 100%;
	}
	
	.bucket-home img {
		float: left;
		max-width: 15%;
	}
	
	.bucket-home h3 {
		float: right;
		border: 0;
		text-align: left;
		width: 80%;
		margin: 10px 0;
	}
	
	.bucket-home-alternate h3 {
		min-height: 0;
	}
	
	.bucket-home:hover h3 {
		border: 0;
	}
	
	.bucket-home {
		width: 93%;
    	height: auto;
    	margin: 10px 20px;
    	padding: 5px 15px;
    	float: right;
	}
	
	.bucket-home .bucket-arrow {
		position: absolute;
		right: 15px;
		top: 20px;
	}
	
	#home-buckets .bucket-home:last-child {
    	margin-bottom: 30px;
		margin-right: 20px;
	}
	
	/* Home Buckets Redesign */
	
	#home-buckets-left,
	#home-quick-links-wrapper,
	.bucket-home-alternate {
		width: 100%;
		float: none;
	}
	
	.bucket-home-alternate {
		height: auto;
		background: #b2282d;
		margin-bottom: 20px;
	}
	
	.bucket-home-alternate .bucket-image {
		float: left;
		width: 80px;
		height: auto;
	}
	
	.bucket-home-alternate h3 {
		float: left;
		margin: 9px 0 0px;
	}
	
	.bucket-home-alternate .bucket-arrow {
		position: absolute;
		right: 15px;
		top: 20px;
	}


	/* Home Banner */	
	#home-banner h2 {
		font-size: 36px;
	}
	
	#baner-single {
		padding: 35px;
	}
	
	#home-banner .banner-product {
		font-size: 22px;
	}
	
	#home-banner #banner-single img {
		float: none;
		width: 86%;
		margin: 0 auto;
	}
	
	#home-banner .caption-wrapper {
		float: none;
		width: 100%;
		text-align: center;
	}
		
	#home-banner .banner-see {
		height: 46px;
		width: 160px;
	}
	
	#home-banner .banner-see:before {
		border-top: 0;
		border-bottom: 46px solid transparent;
		border-right: 29px solid #b2282d;
		left: -29px;
		content: '';
		width: 0px;
		height: 0px;
		top: -0;
		position: absolute;
	}
	
	#home-banner .banner-see:after {
		border-top: 46px solid transparent;
		border-left: 29px solid #b2282d;
		right: -29px;
		content: '';
		width: 0px;
		height: 0px;
		top: 0px;
		position: absolute;
	}
	
	#video-banner-text  {
		font-size: 20px;
	}
	
	#home-featured-wrapper {
		height: auto;
	}
	
	#home-featured-mobile a {
		text-decoration: none;
	}
	
	#home-featured-mobile h3 {
		display: block;
		border: 0;
		margin-bottom: 0;
		position: relative;
		padding: 28px 0;
		border-bottom: 1px solid #cacaca;
		font-size: 20px;
	}
	
	#home-featured-mobile span.sprite {
		display: inline-block;
		position: absolute;
		right: 0;
	}
	
	
	/* Featured Products Carousel */	
	#featured-products {
		width: 100%;	
	}
	

	/* Landing Page */
	#content-header-wrapper {
		background-size: cover;
		height: 125px;
	}
		
	#content-header {
	    width: 100%;
	    margin-left: 0;
	    left: 0;
	}
	
	
	/* Landing Buckets */
	#buckets-header {
	    font-size: 16px;
	}
	
	#landing-buckets-wrapper {
		-webkit-box-shadow: inset 0 5px 10px -3px #bcbcbc;
		box-shadow: inset 0 5px 10px -3px #bcbcbc;
	}
	
	#landing-buckets {
		padding: 19px 0;
	}
	
	.bucket-landing,
	.bucket-intermediate {
		float: none;
		width: 100%;
		height: auto;
		background-color: transparent;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-bottom: 2px solid #c7c7c7;
		padding: 10px 0;
		margin: 0;
	}
	
	.bucket-landing:last-child,
	.bucket-intermediate:last-child {
		border: 0;
	}
	
	.bucket-landing h3,
	.bucket-landing:hover h3,
	.bucket-intermediate h3,
	.bucket-intermediate:hover h3 {
		border: 0;
		text-transform: none;
		margin: 0;
	}
	
	.bucket-home .bucket-arrow,
	.bucket-landing .bucket-arrow,
	.bucket-intermediate .bucket-arrow {
		width: 25px;
		height: 25px;
		background-color: #4f5858;
		border-radius: 50%;
		-moz-border-radius: 50%;
		background-position: -295px -236px;
	}
	
	.bucket-intermediate-text {
		max-width: 90%;
	}
	
	.bucket-intermediate h3,
	.bucket-landing h3 {
		font-size: 1.4em;
	}
	.bucket-landing-product {
		padding: 0px 0px;
		width: 100%;
		display: block;
		height: auto;
		margin: 0 0 20px;
	}
	
	.bucket-landing-product h3 {
		height: auto;
		border-top: 2px solid #4f5858;
		border-bottom: 2px solid #4f5858;
	}

	/* Two column */
	#content-inner .bucket-intermediate.featured {
		margin-bottom: 0;
	}
	
	#content-inner .bucket-intermediate {
		width: 97%;
	}

	
	/* 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: 3px 5px;
		position: relative;
		float: left;
		width: 75%;
		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: 23%;
		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;
	}
	

	/* Buttons */
	#catalog-rfq-btn-wrapper {
		width: 100%;
	}
	
	#catalog-rfq-btn-wrapper .catalog-btn,
	#catalog-rfq-btn-wrapper .rfq-btn {
		float: none;
		margin: 20px auto;
	}
	
	.content-cta {
		padding: 30px 0;
	}
	
	#content-cta-wrapper a,
	.cta-call-us {
		font-size: 20px;
	}
	
	.rfq-btn:after, a.online-catalog-btn:after, a.sales-distribution-btn:after {
		top: 1px;
	}

	/* ***************************************** Tabs */
	#content-tabs ul li {
		float: none;
		width: 100%;
	}
	

	/* ***************************************** Features Table */
	.feature-icon {
		width: 30%;
	}
	
	.feature-text {
		width: 70%;
	}

	
	/* ***************************************** Post Content */	
	.post-content-text img {
	    max-width: 100% !important;
	    height: auto !important;
	    margin: 0 auto;
    }
    
    .post-content-text table {
	    width: 100% !important;
    }
	
	
	/* ***************************************** Video Library */
	#video-grid .video {
	    margin: 0 0 25px;
	    width: 100%;
	}
	
	
	/* ***************************************** Locations */
	.case-study-text, 
	.case-study-industry,
	.case-study-product-line {
	    float: none;
	    width: 100%;
	}
	
	#case-studies-listing h5 {
		margin: 10px 0;
	}
	
	#case-studies-listing h5 span {
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.case-study h4 a {
		display: block;
	}
	    
	    
    /* ***************************************** Locations */
    .locations-select,
    .select-news-year,
    .archive-dropdown {
	    width: 100%;
    }
    
    .select-region-wrapper,
    .archive-choose {
	    width: 100%;
    }
    
    .filter-news.filter-region {
	    width: 16%;
    }
    
    .select-region-wrapper:after,
    .archive-choose:after {
	    content: none;
    }
    
    #locations h3 {
	    margin-bottom: 10px;
    }
    
    .location-address, 
    .location-toll, 
    .location-phone {
	    float: none;
	    margin-right: 0;
	    width: 100%;
	}
	
	
	/* Forms */
	.form-control:focus {
		font-size: 16px;
	}
	
	#quickContact h4, 
	#contact h4, 
	#contact-information h4 {
		text-align: center;
		font-size: 18px;
	}
	
	
	/* Quick Contact */
	#quickContact {
		width: 94%;
		margin: 0 auto;
	}
	
	.form-backslash, 
	.form-backslash-2 {
		width: 100%;
	}
	
	.form-backslash:after, 
	.form-backslash-2:before {
		content: none;
	}
	
	.newsletter-check-wrapper {
		float: none;
	}
	
	#quickContact .newsletter-check-wrapper span {
		width: 90%;
	}
	
		
	#quickContact .newsletter-check {
		float: none;
	}
	
	#quickContact .submit-wrapper,
	#contact .submit-wrapper,
	#rfq .submit-wrapper {
		float: none;
		display: block;
		margin: 14px auto;
		height: 39px;
		width: 86px;
	}
	
/*
	#quickContact .submit-wrapper:after,
	#contact .submit-wrapper:after,
	#rfq .submit-wrapper:after {
		border-top: 39px solid transparent;
		border-left: 30px solid #b2282d;
		right: -27px;
		content: '';
		width: 0px;
		height: 0px;
		top: 0px;
		position: absolute;
	}
	
	#quickContact .submit-wrapper:hover:after, 
	#contact .submit-wrapper:hover:after, 
	#rfq .submit-wrapper:hover:after {
		border-left: 30px solid #cb2a30;
	}
*/
	
	#quickContact .submit, #contact .submit, #rfq .submit, #searchRequest .submit {
		height: 39px;
	}
	
	
	/* Contact */
	#contact,
	#contact-information {
		width: 100%;
	}
	
	#contact {
		padding-bottom: 20px;
		border-bottom: 1px solid #d2d2d2;
	}
	
	.contact-toll-phone p, 
	.contact-toll-fax p, 
	.contact-local-phone p, 
	.contact-local-fax p, 
	#contact-information address {
		font-size: 16px;
	}
	
	.contact-toll,
	.contact-local {
		border: 0;
	}
	
	.contact-toll-phone, 
	.contact-toll-fax,
	.contact-local-phone, 
	.contact-local-fax {
		width: 100%;
		float: none;
		padding-left: 0;
		border: 0;
		border-top: 1px solid #d2d2d2;
	}
	
	a.contact-see {
		display: block;
		margin: 10px auto;
		width: 80%;
		height: 44px;
	}
	
/*
	a.contact-see:before {
		border-bottom: 44px solid transparent;
		border-right: 24px solid #4f5858;
		left: -24px;
		content: '';
		width: 0px;
		height: 0px;
		top: 0px;
		position: absolute;
	}
	
	a.contact-see:after {
		border-top: 44px solid transparent;
	}
*/

	
	/* Why DESTACO */
	.why-row div {
		width: 100%;
		float: none;
	}
	
	.why-row-right div {
		float: none;
	}
	
	.why-row img {
		float: none;
		width: 100%;
	}
	
	.why-row-left h3 {
		float: left;
	}
	
	#why-destaco p {
		text-align: left;
	}
	
	
	/* Literature */
	#literature-library li {
		/*border-bottom: 1px solid #ccc;*/
	}
	
	
	/* Press Releases */
	.press_release_text {
		float: none;
		width: 100%;
	}
	
	
	/* Footer */
	#footer-content-wrapper {
		padding: 10px 0 30px;
	}
	
	#footer-bottom-wrapper {
		height: 316px;
	}
	
	.footer-social-icons {
		width: 100%;
	}
	
	.footer-block-01, 
	.footer-block-02, 
	.footer-block-03, 
	.footer-block-04 {
		width: 100%;
		border: 0;
		height: auto;
		padding: 20px 0;
	}
	
	.footer-block-01, 
	.footer-block-03 {
		border-bottom: 1px solid #4f5858;
	}
	
	.footer-block-01 h4, 
	.footer-block-03 h4 {
		position: relative;
		margin: 0;
		padding: 15px 0;
	}
	
	.footer-block-01 ul, 
	.footer-block-03 ul,
	.footer-phone {
		display: none;
	}
	
	.footer-block-01 span, 
	.footer-block-03 span {
		display: block;
		position: absolute;
		right: 0;
		top: 11px;
		background-image: url(/images/template/sprite.png);
		background-repeat: no-repeat;
		width: 25px;
	    height: 25px;
	    background-position: -409px -338px;
	}
	
	.footer-block-01 .expanded span, 
	.footer-block-03 .expanded span {
		background-position: -304px -327px;
	}
	
	.footer-content .footer-block-01 a,
	.footer-content .footer-block-03 a {
		display: block;
		font-size: 13px;
		padding: 5px 0;
	}
	
	.newsletter-wrapper {

	}
	
	#newsletter {
		width: 300px;
		margin: 15px auto;
	}
	
	.sprite-mobile-footer-minus,
	.sprite-mobile-footer-plus {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		background-image: url(/images/template/sprite.png);
		background-repeat: no-repeat;
	}
	
	.footer-bottom-links {
		text-align: center;
		margin: 24px auto;
	}
	
	.footer-bottom-links li {
		padding: 0;
	}
	
	.footer-bottom-links a {
		padding: 0 5px;
		color: #4f5858;
		font-size: 13px;
		font-weight: bold;
	}
	
	#copyright-mobile {
		color: #4f5858;
	}

	
	/* ***************************************** CDS - Catalog Data Solutions */
	
	/* Grid */
	#cds-product-container .cds-product-grid li {
		width: 100% !important;
		height: auto !important;
		margin: 1em 1% 0 0;
	}
	
	#cds-product-container .cds-product-list td {
		padding: 0.2em 0 0 .4em;
	}
	
	.cds-product-list img {
		float: none;
	}

	
	/* Product Detail Page */
	.cds-product-controls {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 0;
		height: auto;
	}
	
	#cds-content #cds-product-image-container {
		display: none;
	}
	
	#cds-content .cds-product-image {
		max-width: 80%;
	    height: auto;
	    margin: 0 auto;
	    margin-bottom: 10px;
	    display: block;
	}
	
	#cds-content .cds-product-controls {
		max-width: 100%;
	}
	
	.cds-product-details .cds-product-details-left,
	.cds-product-details .cds-product-details-right {
		width: 100%;
		float: none;
	}
	
	.cds-product-cart {
		width: 100%;
	}
	
	#cds-content .cds-product-cart td:first-child,
	#cds-content .cds-product-cart td:last-child {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	#cds-content .cds-product-cart td:first-child {
		padding-right: 0;
	}
	

	/* CDS Cart */
	#cds-content #cds-cart-table td a {
    	margin-left: 0;
	}

	#cds-content #cds-cart-footer button {
		width: 100%;
		margin: 10px 0;
	}


	/* Force table to not be like tables anymore */
	#cds-content #cds-cart-table,
	#cds-content #cds-cart-table thead,
	#cds-content #cds-cart-table tbody,
	#cds-content #cds-cart-table th,
	#cds-content #cds-cart-table tbody td,
	#cds-content #cds-cart-table tbody tr {
		display: block;
	}


	/* Hide table headers (but not display: none;, for accessibility) */
	#cds-content #cds-cart-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#cds-content #cds-cart-table tbody tr { border: 1px solid #ccc; }

	#cds-content #cds-cart-table tbody td {
		/* Behave  like a "row" */
		width: 100%;
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	#cds-content #cds-cart-table tbody td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	#cds-content #cds-cart-table tbody td:nth-of-type(1):before { content: "Product ID"; font-weight: bold; }
	#cds-content #cds-cart-table tbody td:nth-of-type(2):before { content: "Description"; font-weight: bold; }
	#cds-content #cds-cart-table tbody td:nth-of-type(3):before { content: "Quantity"; font-weight: bold; }
	#cds-content #cds-cart-table tbody td:nth-of-type(4):before { content: "Remove"; font-weight: bold; }
	
	
	/*     Nick */
#primary-toggle:before{
font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 5px;
    left: 5px;
}


}

@media only screen and (max-width: 400px) {
	
	.bucket-home-alternate .bucket-image {
		width: 61px;
	}
	
	.bucket-home-alternate h3 {
		font-size: 14px;
		margin: 4px 0 0px;
	}
	
	.bucket-home-alternate .bucket-arrow {
		top: 14px;
	}
	
}