/* .nav-button { display: none; } /* hide the navigation button by default */
@media only screen and (min-width: 0px) and (max-width: 1200px) {
	#copy,#menu-copy{
		float:none;
		margin:20px auto;
		clear:both;
		padding:0;
	}
	#menu-copy a{
		margin:10px;
	}
}
@media only screen {
	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 12px;
		left: 12px;
		width: 50px;
		height: 35px;
		background: url('../img/menu-icon-large.png');
		filter: invert(100%);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 26px, 100%;
		cursor: pointer;
		border: 0 none;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
	
		background: url('../img/close-icon-large.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 26px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	#menu-top {
		width: 100%;
		float: none;
	    background: none; /* change the menu color */
	/*	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));*/
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		padding-top:70px !important;;
		overflow: hidden;
		/*box-shadow: 0 1px 2px rgba(0,0,0,.6);*/
		position: absolute !important;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
		padding-bottom:10px;
		text-align:center !important;
	}
	#menu-top li {
		display: none !important;
		width: 100% !important;
	}
	#menu-top li a {
		display: block;
		width: 100%;
		padding: 10px 5%;
		box-sizing:border-box;
		font-size: 1em;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: #423E3B !important;
		text-decoration: none;
		border-bottom: 0px solid rgba(0,0,0,.2);
		border-top: 0px solid rgba(255,255,255,.1); 
		border-radius:0 !important;
		background:#fff !important;
		border-left-width:0 !important;
		border-right-width:0 !important;
	}
	#menu-top li a:hover {
		background-color: #eee !important;
		border-top-color: transparent;
	}
	#menu-top > li:first-child {
		border-top: 0px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	#menu-top.open { 
		height: auto; 
		padding-top: 50px;
	}
	#menu-top.open li { 
		display: block !important; 
	}

	/* Submenus – optional .parent class indicates dropdowns */

	#menu-top > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	#menu-top li.parent > a:after {
		content: "?";
		color: rgba(255,255,255,.5);
		float: right;
	}
	#menu-top li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	#menu-top li ul {
		display: none;
		border-top: 0 none;
		margin-left:0 !important;
		padding: 0;
		width:100% !important;
		position:relative !important;
		border-radius:0;
	}
	#menu-top ul li ul li{
		background-image:none !important;
		}
	#menu-top li ul a {
		border: 0 none;
		font-size: 0.8em;
		padding: 10px 5%;
		font-weight: normal;
	}
	#menu-top li:hover ul {
		display: block;
		border-top: 0 none;
	}
	#menu ul .drop {
		position:static;
		padding-left:5%;
		}

}
@media only screen and (min-width: 0px) and (max-width: 1024px) {
    #header-actions{
        width:auto;
    }
    .header-actions{
        max-width:auto;
        min-width:40px !important;
    }
    .header-actions div{
        display:none;
    }
    .header-actions{
        width:auto !important;
        border:0 !important;
    }
}
@media only screen and (min-width: 0px) and (max-width: 937px) {
	#blog-home,
	#contact-home,
	#brochure,
	#product-images,
	#product-panel{
		max-width:100%;
		border:0;
		padding:10px;
	}
	#product-images{}

	#product-images{
		width:100%;
		padding:30px;
	}
	#home{
		background:#e9e9e9;
	}
    .content-box{
        float:none;
        max-width:100%;
    }
    .content-image{
        float:none;
        margin:30px auto 100px auto;
    }
	.content-text span{
		columns:1;
	}
    #catalogue,
    #product-featured,
    #product-related{
    grid-template-columns:repeat(3, 1fr);
	}
}
@media only screen and (min-width: 0px) and (max-width: 866px) {
    .content-text, 
	.content-block,
	.inline-image,
	.inline-image img{
    clear:both;
		margin:20px auto !important;
		text-align: center !important;
		padding:0;
		float:none !important;
		max-width:100%;
	}
    #copy,
    #menu-copy{
        margin:20px auto;
        float:none;
        text-align:center;
    }
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
    .grid-sizer,
.grid-item {
	width:33%;
}
    #featured{
        columns:1;
    }
    .featured-thumb{
        margin:30px auto;
    }
	.ot{
		width:100%;
	}
	.bullet-large{
		margin:30px 0;
	}
	#home-right,
	#home-left{
		width:100%;
	}
	.caption p{
		display:none;
	}
	.caption p.headline{
		display:block;
	}
	#copy{
		float:none;
		width:100%;
		clear:both;
		text-align:center;
		margin:0;
		padding-bottom:20px;
		}
	#contact-email{
		font-size:0.8em !important;
	}
	#address{
		float:none !important;
		display:block;
		clear:both;
	}
	.divider{
		display:none;
	}
	#social-icons{
		margin-right:10px;
	}
	div.first{
		display:block !important;
		}
	img.right{
		float:none !important;
	}
	#contact{
	    max-width:100%;
	    float:none;
	}
	#contact-form div,
	#contact-form input,
	#contact-form textarea{
		width:100% !important;
		margin-bottom:0;
	}
	#contact-form textarea{
	    margin-top:5px;
	}
	#contact-form div{
		padding:0 !important;
		margin:0 !important;
	}
	#contact-form .action{
		float:left !important;
	}
	.footer-col{
		width:100%;
		min-height:auto;
	}
	#footer h4,
	#footer p{
		margin-right:0;
	}
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
    .grid-sizer,
    .grid-item {
    	width:50%;
    }
	#banner{
		display:none;
	}
	#contact{
		padding:30px;
	}
	#submenu{
		display:none;
	}
	#content-wrapper{
		padding-left:0;
	}
	#info{
		text-align:center;
		padding-left:0;
		padding-right:0;
	}
	#info h1{
		margin-left:0;
	}
	#breadcrumbs,
	#product-tags{
		clear:both;
		float:none;
		width:100%;
		overflow:auto;
		display:block;
	}
	#catalogue{
		margin:0;
		padding:0 20px;
	}
	#used{
		margin:0;
	}
	#manufacturers{
		display:none;
	}
	#reviews{
		padding:50px 20px;
	}
	#catalogue,
    #product-featured,
    #product-related,
    #blog-thumbs .limit,
    #blog-home .limit{
        grid-template-columns:repeat(2, 1fr);
	}
	.inline-image{
	width:auto;
	max-width:100%;
	margin-right:122px;
	float:none !important;
    }
}
@media only screen and (min-width: 0px) and (max-width: 530px) {
	#catalogue{
		margin:0;
		padding:0;
	}
	.catalogue-thumb{
		box-shadow:none;
	}
}
@media only screen and (min-width: 0px) and (max-width: 460px) {
	.blog-thumb{
		width:98%;
	}
	#catalogue,
    #product-featured,
    #product-related,
    #blog-thumbs .limit,
    #blog-home .limit{
    grid-template-columns:repeat(1, 1fr);
	}
}