.off-canvas body {
	overflow-x: visible;
}

@media screen and (max-width: 840px) {
	
	.off-canvas body {
		overflow-x: hidden;
	}
	*{
		box-sizing: border-box;
	}

	#page-container .container {
		width: 100%;
		max-width: 1100px;
		box-sizing: border-box;
		padding: 0 5px;
	}

	.coin-slider > div {
		width: 100% !important;
	}

	#headertop, #mainnav, #headerbottom {
		width: 100% !important;
	}

	div {
		display: block;
		float: none;
	}

	div:after {
		content: '';
		display: block;
		clear: both;
	}

	.row-fluid .span6 {
		width: 100%;
		margin: 0;
	}

	#footer .row-fluid .span2,
	#footer .row-fluid .span3{
		width: 100%;
	}

	.carousel-inner > .active{
		width: 100%;
		float: none;
	}
	.carousel-inner > .active .box-product{
		float: none;
		clear: both;
		display: inline-block;
	}

	.carousel-inner > .item.active > div:first-of-type{
		float: none !important;
		width: 100% !important;
		height: auto !important;
	}
	.carousel-inner > .item.active > div:first-of-type .product-meta{
		width: 300px !important;
		margin: 0 auto;
	}
	.carousel-inner > .item.active > div:first-of-type img{
		max-height: 150px;
	}

	.carousel-inner > .item.active > div:first-of-type::after{
		clear: both;
	}

	.carousel-inner > .active .box-product .span3{
		width: 100%;
	}

	.product-info .row-fluid .span5,
	.product-info .row-fluid .span7{
		width: 100%;
	}

	.product-filter-left, .product-grid{
		width: 100% !important;
		float: none !important;
	}
	.product-filter-left .f-manufacturer-list{
		display: inline-block;
	}
	
	ul.nav li.dropdown:hover > ul.dropdown-menu 
    {
       display: block;
    }
}

@media screen and (min-width: 420px) {
	.carousel-inner > .active .box-product .span3{
		width: 32%;
		margin: 0;
	}
}