/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/**
*
*	@todo Responsive
*	@author Huyen Dan Phan
*
*/
#slider_w embed {
    width: 100%;
}
.post h2.title {
    line-height: 1.2;
}
.entry img {
    max-width: 95%;
}
#widget-left img {
	width: 100% !important;
}
#widget-right table {
    width: 100% !important;
}
.block img { margin-right: 7px;}

.block_p > p {
		height: 36px;
	    display: table;
	    padding: 0;
	    width: 100%;
	}
.block_p > p > a {
	    display: table-cell;
	    vertical-align: middle;
	    text-align: center;
	}
.block_p {
	text-align: center;
	height: 205px;
}
span.eshop-price {
	color: #337ab7;
}
a.add-to-cart-btn {
	padding: 4px 4px 2px;
	background-color: #18880d;
	border: 1px solid #18880d;
	border-radius: 4px;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	margin: 0 auto;
	width: 70px !important;
	text-align: center;
}
a.add-to-cart-btn:hover {
	/*background: rgba(0,127,253,0.6);*/
	background: rgba(24,136,88,0.6);
	text-decoration: none;
	/*border: 1px solid #007FFD;*/
	/*color: #007FFD;*/
}
a.cart-btn-inline {
	display: inline-block;
}
.crb-text-center {
	text-align: center;
}
.crb-display-block {
	display: block;
}
.crb-archive-eshop {
	text-align: right;
}
a.cartlink {
    color: #18880d;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 0 5px 20px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: block;
}
a.checkoutlink {
    color: #18880d;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid #e5e5e5;
    display: block;
}
.eshopcartwidget br {
	display: none;
}
/* Define Basic CSS */
	.clearfixnds { display: block; }
	.clearfixnds:after { 
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
		margin: 0;
		padding: 0;
	}
/* iPad */
@media only screen and (max-width: 768px) and (min-width: 568px) {
	/*#divAdRight { display: none; }*/
	#ad_divRight img {
		width: 60%;
	}
	/*.fblbCenterOuter.fblbLeft {
		display: none;
	}*/
	div#navigation {
		display: none;
	}
	div#sidebar {
	    float: none;
	    width: 100%;
	}
	div#content { 
		width: 97%;
	    margin: auto auto;
    }
	div#main {
	    float: none;
	    width: 100% !important;
	    margin-bottom: 10px;
	    padding: 12px !important;
        box-sizing: border-box;
	}
	div#footer { 
		width: 97%;
	    margin: auto auto;
	}
	#widget-left {
		width: auto !important;
	}
	div#slider_w img { width: 90%;}
	div#vppt-banner { width: auto;}
	div#vppt-banner img { width: auto;}
	.wrap {
	    width: 100%;
	}
	.block_p {
	    width: 32%;
	    text-align: center;
	    margin: 0;
	    margin-right: 2%;
	}
	.block_p > p {
		height: 36px;
	    /*vertical-align: middle;*/
	    display: table;
	    /*padding: 0 5px;*/
	    /*text-align: center;*/
	    width: 100%;
	}
	.block_p > p > a {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	.block_p:nth-child(3n) {
	    margin-right: 0;
	}
	#logo { width: 100%; }
	#logo img {
	    width: auto !important;
	}
	div#header { width: 100%; }
	div#logo {
		text-align: center;
	    width: 90%;
	    float: none;
	    margin: 20px auto 0;
	}
	div#topad {
		width: 80%;
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	div#topad img {
	    width: auto !important;
	}
	.block {
	    margin-left: 5px !important;
	    width: 47%;
	    height: auto;
	    float: left;
	    margin-bottom: 10px;
	    margin-right: 2%;
	}
	.block img { margin-right: 7px;}
	.content { height: auto !important;}
	#stores-addr img { max-width: 90%; height: auto !important;}
	#stores-addrs img { max-width: 100%;}
	#footer { margin-bottom: 20px;}
	#footer .top { border: none; padding-bottom: 0;}
	#widget-left { float: none;}
	#widget-right { float: none; width: auto !important; margin: 0;}
	.box {
		border-radius: 0;
	}
	/*dl.gallery-item {
	    float: none !important;
	    width: 100% !important;
	}*/
	.wp-pagenavi span.pages {
		display: inline-block;
		line-height: 1;
	}

}


/* iPhone 5/5S Landscape */
@media only screen and (max-width: 568px) {
	#divAdRight { display: none !important;}
	#ad_divRight {
		display: none;
	}
	.fblbCenterOuter.fblbLeft {
		display: none;
	}
	div#navigation {
		display: none;
	}
	div#sidebar {
	    float: none;
	    width: 100%;
	}
	div#content { 
		width: 97%;
	    margin: auto auto;
    }
	div#main {
	    float: none;
	    width: 100% !important;
	    margin-bottom: 10px;
	    padding: 7px !important;
        box-sizing: border-box;
	}
	div#footer { 
		width: 97%;
	    margin: auto auto;
	}
	#widget-left {
		width: auto !important;
	}
	div#slider_w { display: none;}
	div#vppt-banner { width: 100%;}
	div#vppt-banner img { width: 100%;}
	.wrap {
	    width: 100%;
	}
	.block_p {
	    width: 49%;
	    text-align: center;
	    margin: 0;
	    margin-right: 2%;
	}
	.block_p > p {
		height: 36px;
	    display: table;
	    width: 100%;
	}
	.block_p > p > a {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	.block_p:nth-child(even) {
	    margin-right: 0 !important;
	}
	#logo { width: 100%; }
	#logo img {
	    width: 100%;
	}
	div#header { width: 100%; }
	div#logo {
	    width: 90%;
	    float: none;
	    margin: 20px auto 0;
	}
	div#topad {
		width: 80%;
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	div#topad img {
	    width: 100%;
	}
	.block {
	    margin-left: 5px !important;
	    width: 97%;
	    height: auto;
	    float: none;
	    margin-bottom: 7px;
	}
	.block img { margin-right: 7px;}
	.content { height: auto !important;}
	#stores-addr img { max-width: 90%; height: auto !important;}
	#stores-addrs img { max-width: 100%;}
	#footer { margin-bottom: 20px;}
	#footer .top { border: none; padding-bottom: 0;}
	#widget-left { float: none;}
	#widget-right { float: none; width: auto !important; margin: 0;}
	.box {
		border-radius: 0;
	}
	dl.gallery-item {
	    float: none !important;
	    width: 100% !important;
	}
	.wp-pagenavi .extend, .wp-pagenavi span.pages {
		display: inline-block;
		line-height: 1;
	}
	span.eshop-price {
		margin-top: 5px;
	}
	.crb-archive-eshop {
		text-align: center;
	}
}

@media only screen and (max-width: 320px) and (min-width: 240px) {
	#noidungvannien {
		overflow: auto !important;
	}
	img.aligncenter {
		max-width: 95% !important;
		height: auto !important;
	}
	.entry img {
		max-width: 95% !important;
		height: auto !important;
	}
	.block_p_relative {
	    width: 100%;
	    text-align: center;
	    margin: 0;
	}
	.crb-archive-eshop {
		text-align: center;
	}
}