/*
* 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: 768px) and (max-width: 1199px) {
}
/*IPhone 4 960x640*/
/*================================================== */
 @media only screen and (min-width: 767px) and (max-width: 1024px) {
header { padding-bottom: 40px }
.dpop_search {
width: 90%;
}
.cart_head { top: -36px }
.cart_head .link_cart { background-image: url(../Images/cart_icon2.png); color: #000000 }
.cart_head .link_cart b { color: #FF0000 }
}
/*Google nexus one 4 800x480*/
/*================================================== */
 @media only screen and (max-width: 960px) {
 .fullsize {
width: 100% !important
}
#main_content > .inner_col {
margin-left: 0
}
.dpop_search {
width: 90%;
}
#sidebar > h2.box_Tab {
text-align: left;
padding-left: 15px
}
#sidebar, #main_content {
width: 100%
}
/*Gallery*/
#list_img_gallery {
margin-left: -30px
}
#list_img_gallery li {
width: 20% !important
}
#list_img_gallery li .img_album {
height: auto
}
}
/*================================================== */
 @media only screen and (min-width: 480px) {
.product_item .img_P span
{
	position:absolute;
	top:50%;
	bottom:50%;
	left:50%;
	right:50%;
	opacity:0;
	z-index:10;
	background:url(../Images/black_br.png) repeat;
}
.product_item .img_P:hover span
{
	top:3%;
	bottom:3%;
	left:3%;
	right:3%;
	opacity:1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.product_item .img_P strong
{
	position:absolute;
	top:50%;
	bottom:50%;
	left:50%;
	right:50%;
	opacity:0;
	text-align:center;
	color:#ffffff;
	font-size: 17px;
	z-index:11;
	vertical-align:middle;
	padding-top:30%;
	text-transform:uppercase;
	background:url(../Images/black_br.png) repeat;
}
.product_item .img_P:hover strong
{
	top:8%;
	bottom:8%;
	left:8%;
	right:8%;
	opacity:1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
}
 @media only screen and (max-width: 767px) {
body {
 font-size: 90%;
}
#sidebar {
margin-bottom: 10px
}
.inner_col, .inner_threecol {
margin: 0 !important
}
#text_logo {
float: left;
width: 100%;
margin-bottom: 10px;
text-align: center
}
#text_logo a {
 margin-right: 0
}
/*Search*/
.dpop_search {
margin-top: 10px;
width: 100%
}
/*List Products*/
.list_products li.one-third.column {
 width: 50%
}
.list_products li:nth-child(3n+1) {
clear: none
}
.list_products li:nth-child(2n+1) {
clear: both
}
.mousetrap {
display: none !important
}
.dtp_status .btn_dtp {
display: block;
width: 100%;
padding: 7px 0
}
#footer_menu li:not(:last-child) {
 margin-bottom: 15px
}
#payment_page, .div_payment {
 margin-left: 0;
 margin-right: 0
}
#info_cargo {
 margin-top: 20px
}
#regis_form {
 width: auto
}
#orderInfo {
 width: auto
}
.box_hover {
 display: block;
 position: relative;
 width: auto;
 margin: 10px 0
}
.orderInfo_hidden, .address {
width: 100% !important;
clear: both
}
#policy {
 display: none
}
.info_g table {
width: 100% !important
}
}
@media only screen and (max-width: 639px) {
body {
padding-top: 0
}
/*News Home*/
.hotnews_cate, .top_news {
width: 100% !important
}
.news_home ul.list_ul {
margin: 10px 0
}
/*List News*/
#list_news .img_general {
 width: 45%
}
.button_cart .btn_payment {
margin: 0;
margin-top: 10px
}
}
/*Meizu M8 one 4 720x480*/
/*================================================== */
 @media only screen and (min-width: 480px) and (max-width: 767px) {
}
/*IPhone 3G 480x320*/
/*================================================== */
@media only screen and (max-width: 480px) {
/*Search*/
.dpop_search {
width: 100%
}
.btn_payment {
width: 100%;
margin-left: 0;
padding: 6px 0;
text-align: center
}
/*List Products*/
.products_page li.one-third.column {
 width: 100%
}
.products_page .product_item {
 margin-top: 15px;
 margin-left: 0;
}
.products_page .product_item .img_P {
 float: left;
 width: 150px;
height:150px;
 margin-right: 15px
}
.products_page .product_item .pro_name {
 background: none;
 text-align: left;
 padding: 0
}
.products_page .products_home .pro_name a {
 display: table-cell;
 vertical-align: middle;
 height: 108px;
 white-space: normal
}
.products_page li.four.columns {
 width: 100%
}
.products_page ul, .products_page li {
 margin: 0
}
.products_page .product_item {
 border: none;
 border-bottom: 1px dotted #CCCCCC;
 padding: 0;
 padding-bottom: 15px;
}
.products_page .info_P {
 text-align: left;
 padding: 0;
 background: none
}
.product_item .img_P strong, .product_item .img_P span {
	display: none
}
.hotline_in {
 display: none;
}
/*Gallery*/
#list_img_gallery li {
width: 50% !important
}
#list_img_gallery li:nth-child(3n+1) {
clear: none
}
#list_img_gallery li:nth-child(2n+1) {
clear: both
}
}
/*Mobile*/
/*================================================== */
 @media only screen and (max-width: 320px) {
body {
overflow-x: hidden
}
.modalPopup {
 width: 92% !important;
 height: 100%;
 overflow: auto
}
.blockcontent1 {
padding: 10px
}
.blockcontent1 .col1 {
width: 90%;
margin: 0;
text-align: left
}
.blockcontent1 input, .blockcontent1 textarea {
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 */