/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */
/* #Media Queries
================================================== */
/*Macbook pro 1440x900*/
/*================================================== */
 @media only screen and (min-width: 1366px) and (max-width: 1440px) {
}
/*Some laptop 1366x768*/
/*================================================== */
 @media only screen and (min-width: 1280px) and (max-width: 1366px) {
}
/*Macbook air 1280x800*/
/*================================================== */
 @media only screen and (min-width: 1024px) and (max-width: 1280px) {
}
/*Most netbook 1024x600*/
/*================================================== */
 @media only screen and (min-width: 960px) and (max-width: 1024px) {
}
/*Most Ipad 1024x768*/
/*================================================== */
 @media only screen and (min-width: 960px) and (max-width: 1024px) {
/*#nav_x > ul > li:nth-child(n+8){ display: none }*/
 
}
/*IPhone 4 960x640*/
/*================================================== */
 @media only screen and (min-width: 800px) and (max-width: 960px) {
/*#nav_x > ul > li:nth-child(n+8){ display: none }*/
#nav_x ul li{ width:25%; text-align:left !important}
}
/*Google nexus one 4 800x480*/
/*================================================== */
 @media only screen and (min-width: 720px) and (max-width: 800px) {
/*#nav_x > ul > li:nth-child(n+8){ display: none }*/
.product_row li.four.columns{ width:33.33%}
.product_row li{width:33.33% !important}
#nav_x ul li{ width:25%;}
}

/*Meizu M8 one 4 720x480*/
/*================================================== */
 @media only screen and (min-width: 480px) and (max-width: 720px) {
#nav_x ul li{ width:50%}
.box_chuyen_muc{ width:100% !important}
.product_row li.four.columns{ width:50%}
.product_row li{ width:50% !important}
}
/*IPhone 3G 480x320*/
/*================================================== */
 @media only screen and (min-width: 320px) and (max-width: 480px) {
.product_row li{ width:100% !important}
#nav_x ul li{ width:50%}
.box_chuyen_muc{ width:100% !important}
.link_index{ width:100% !important}
.box_news li{ width:100% !important}
}

/*Mobile*/
/*================================================== */
 @media only screen and (max-width: 320px) {
.product_row li{ width:100% !important}
#nav_x ul li{ width:50%}
.box_chuyen_muc{ width:100% !important}
.link_index{ width:100% !important}
.box_news li{ width:100% !important}
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/