article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}



/******************/
/***** Common *****/
/******************/

.mnav {
	padding: 4px;
	margin: 13px 0px 0px 10px;
	width: 80%;
}

@media screen and (max-width: 1065px) {
	
.product-item .image a img {
		width: 100%;
	}
	
}


/***********************************************/
/***** For screen resolution from 0 to 480 *****/
/***********************************************/

@media screen and (max-width: 480px) {
	
	html {
		-webkit-text-size-adjust: none;
	}
	
	img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}

	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
	}
	
	#content {
		width: 100%;
	}
	
	#footer-label,
	.top-rated,
	.navigation-shadow {
		display: none;
	}
	
	.product-grid-container,
	.product-grid-container.last {
		width: 48%; 
		margin: 0px 1% 10px 1%;
		min-width: 100px;
	}
	
	.product-item {
		width: auto;
	}
	
	.block-separator-content .one-third {
		width: 100%;
	}
	
	.one-half {
		width: 100%;
	}
	
	.one-third {
		width: 100%;
	}
	
	.one-sixth {
		width: 48%;
		margin: 0px 4% 0px 0px;
	}
	
	.flex-viewport {
		width: 100%;
	}
	
	.login-block span.icon-account,
	.login-block span.icon-cart {
		background: none;
		padding-left: 0px;
	}
	
	ul.brands li {
		width: 50%;
		float: left;
	}
	
}




/*************************************************/
/***** For screen resolution from 481 to 800 *****/
/*************************************************/

@media screen and (min-width: 481px) and (max-width: 800px) {
	
	html {
		-webkit-text-size-adjust: none;
	}
	
	.store-logo {
		left: 10px;
		top: 28px;
	}
	
	.store-logo img {
		width: 70%;
	}
	
	.sidebar.left {
		width: 170px;
		padding: 0px 20px 0px 0px;
		font-size: 13px;
	}
	
	.sidebar.right {
		width: 170px;
		padding: 0px 0px 0px 20px;
		font-size: 13px;
	}
	
	.main-content {
		width: 100%;
		margin: 0px 0px 0px -190px;
	}
	
	.main-content-inner {
		margin: 0px 0px 0px 190px;
	}
	
	img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}

	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
	}
	
	#content {
		width: 100%;
	}
	
	#footer {
		background-image: none;
	}
	
	.footer-inner {
		width: 100%;
	}
	
	#footer-label,
	.top-rated,
	.navigation-shadow {
		display: none;
	}
	
	.product-grid-container,
	.product-grid-container.last {
		width: 48%; 
		/* margin: 0px 1% 10px 1%;*/
		margin: 0px 5px 10px 5px;
		min-width: 100px;
	}
	
	a.view-details {
		display: inline-block;
		float: none;
	}
	
	.product-item .info span.button-small {
		float: none;
	}
	
	li.product-grid-container-inner .product-item .info span.button-small {
		float: right;
	}
	
	.product-grid-container-inner {
		width: 47%; 
		margin: 0px 1.5% 3% 1.5%;
	}
	
	.main-content-full .product-grid-container-inner {
		width: 30%; 
		margin: 0px 1.6% 3% 1.6%;
	}
	
	.product-item .info {
		height: auto;
		min-height: 52px;
	}
	
	.product-item {
		width: auto;
	}
	
	.details-product-content {
		float: right;
		margin: 0px;
	}
	
	.block-separator-content .one-third {
		width: 100%;
	}
	
	.one-half {
		width: 100%;
	}
	
	.one-third {
		width: 100%;
	}
	
	.gallery.one-third {
		width: 32%;
	}
	
	.one-sixth {
		width: 32%;
		margin: 0px 2% 0px 0px;
	}
	
	.flex-viewport {
		width: 100%;
	}
	
	.login-block span.icon-account,
	.login-block span.icon-cart {
		background: none;
		padding-left: 0px;
	}
	
	ul.brands li {
		width: 33.33%;
		float: left;
	}
	
}




/**************************************************/
/***** For screen resolution from 801 to 1065 *****/
/**************************************************/

@media screen and (min-width: 801px) and (max-width: 1065px) {
	
	html {
		-webkit-text-size-adjust: none;
	}
	
	img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}

	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
	}
	
	#content {
		width: 100%;
	}
	
	.footer-inner {
		width: 100%;
	}
	
	#footer-label,
	.navigation-shadow {
		display: none;
	}
	
	.product-grid-container,
	.product-grid-container.last {
		width: 48%; 
		/* margin: 0px 1% 10px 1%; */
		min-width: 100px;
	}
	
	.product-item {
		width: auto;
	}
	
	.flex-viewport {
		width: 100%;
	}
	
	ul.brands li {
		width: 33.33%;
		float: left;
	}

}