/*
body:after {
	content: "1025 and up";
	font-size: 200%;
	font-weight: bold;
	position: fixed;
	top: 0;
	right: 0;
	text-align: center;
	background-color: hsla(1,60%,40%,0.4);
	color: #fff;
	padding: 0 20px;
}
*/

.navgation .online-shop-mobile {
	display: none;
}

.logo-content {
	line-height: 108px;
}

.logo-content img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}


#header-container {
	padding-left: 230px;      /* LC width */
	padding-right: 230px;     /* RC width */
}

#header-container .column {
	position: relative;
	float: left;
}

#header-container #center {
	width: 100%;
}

#header-container #left {
	width: 230px;             /* LC width */
	right: 230px;             /* LC width */
	margin-left: -100%;
	padding-top: 46px;
	text-align: left;
}

#header-container #right {
	width: 230px;             /* RC width */
	margin-right: -100%;
}

#header-container #footer {
	clear: both;
}

/*** IE6 Fix ***/
* html #left {
	left: 230px;              /* RC width */
}


#header-container .column {
	text-align: center;
}

a.online_shop_header {
	display: none;
}

.browse-by-categories .box-heading {
	display: none;
}

@media only screen and (max-width: 1024px) {
	/*
	body:after {
		content: "up to 1024px";
		background-color: hsla(235, 72%, 37%, 0.40);
	}
	*/

	*,
	*:before,
	*:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#wrap {
		width: 100%;
		padding: 0 15px;
		min-width: 300px;
	}

	.header, #middle, .navgation, .content1, .news_latter, .footer_area, .category_area, .category_product_area,
	.history_content {
		width: 100%;
	}

	.history_content {
		padding: 10px 0;
	}

	.history_content p {
		padding: 7px 0;
	}

	.page_list, .page_list_one {
		padding-left: 0;
	}

	.news_left, .news_right {
		width: 33.33%;
		padding: 0 15px;
	}

	.news_left h3, .news_right h3 {
		width: auto;
	}

	.news_left p, .news_right p {
		margin-bottom: 0;
	}

	.video_pic img {
		width: 100%;
		height: auto;
	}

	.info_btn_btm {
		height: 27px !important;
		width: 65% !important;
	}

	.info_btn {
		height: 27px !important;
		width: 142px !important;
	}

	.footer_list {
		width: 100%;
	}

	.social_list {
		width: 100%;
	}

	.social_list a {
		float: none;
		display: inline-block;
		margin: 5px 10px 0 0;
	}

	.middle_right {
		float: none;
		margin-left: 187px;
		width: auto;
	}

	.saving_area {
		width: 100%;
	}

	.saving_left {
		width: 66.66%;
	}

	.saving_right {
		margin-left: 66.66%;
		width: auto;
		float: none;
	}

	.saving_right img {
		max-width: 100%;
		height: auto;
	}

	.saving_left p {
		width: 100%;
	}

	.product_box {
		width: 33.33%;
		padding-right: 15px;
	}

	.product_box .pic_one, .product_box_one .pic_one {
		width: auto;
		text-align: center;
	}

	.product_box span, .product_box_one span {
		width: auto;
		text-align: center;
	}

	.product-grid > div {
		width: 32%;
		padding-right: 7px;
		padding-left: 7px;
		margin-right: 0;
		letter-spacing: normal;
		word-spacing: normal;
	}

	.product-grid .image {
		width: 100%;
	}

	.product-grid .image a {
		border: 1px solid #E8E8E8;
		display: block;
		text-align: center;
	}

	.product-grid .image img {
		max-width: 100%;
		height: auto;
		border: none;
		display: inline;
	}

	.halfcontactleft, .halfhalfcontactleft {
		width: 50%;
		padding-right: 7px;
	}

	.halfcontactright,.halfhalfcontactright {
		width: 50%;
		padding-left: 8px;
	}

	.contact-info img {
		width: 100%;
		height: auto;
	}

	.googlemap iframe {
		width: 100%;
	}

	.formcss textarea {
		max-width: 80%;
	}

	.content select {
		max-width: 177px;
	}

	.buttons {
		padding: 0;
	}

	.header {
		height: auto;
	}

	.logo {
		width: auto;
	}

	.sliderContent a {
		display: block;
		margin-left: 270px;
	}

	.sliderContent a img {
		margin-left: 0;
		max-width: 100%;
		height: auto;
	}

	.next {
		left: 240px;
	}

	.sliderBullets {
		left: 105px;
	}

	.slider_area {
		margin-top: 20px;
	}

	.slider_content {
		padding: 0 12px;
	}

	#colorbox {
		overflow: visible;
	}

	.nav li {
		padding: 0 8px;
		line-height: 29px;
	}
}

@media only screen and (max-width: 768px) {
	/*
	body:after {
		content: "up to 768px";
		background-color: hsla(270,60%,40%,0.4);
	}
	*/

	.news_left.column-1 {
		width: 100%;
		float: none;
	}

	.news_left.column-2 {
		width: 50%;
		float:right;
	}

	.news_right {
		width: 50%;
		float: right;
	}

	.news_left .box-content {
		width: 100%;
	}

	.news_left .info_btn_btm {
		max-width: 227px;
		width: 70% !important;
	}

	.middle_left {
		display: block;
		float: none;
		width: auto;
		margin-left: 0;
	}

	#middle .middle_left #column-left {
		width: 100%;
	}
	
	#column-left .box-content {
		width: 33.33%;
		padding-right: 30px;
	}

	#column-left .box-heading {
		margin-top: 10px;
	}

	#column-left ul.box-category {
		width: 100%;
	}

	.middle_right {
		margin-left: 0;
		padding: 0;
	}

	.category_product_area img {
		max-width: 100%;
		height: auto;
	}

	.product_box {
		height: auto;
		overflow: hidden;
		float: none;
		vertical-align: top;
		width: 32%;
		display:inline-block;
		zoom:1;
		*display:inline;
	}

	.history_content input[type="text"] {
		width: 100%;
	}

	.formcss input {
		width: 100%;
	}

	.formcss textarea {
		max-width: 100%;
	}

	.news-module {
		width: 100%;
	}

	#column-left .news-module .box-content{
		width: 100%;
	}

	.halfcontactleft, .halfcontactright {
		width: 100%;
		float: none;
		padding: 0;
	}

	.formcss b.captchalabel {
		padding: 0 !important;
		float: none;
	}

	.formcss .captchaimg img {
		display: block;
	}

	.formcss .captchafield {
		padding: 0;
		max-width: 150px;
	}

	.register-content input.button {
		margin-top: 10px;
	}

	.footer-logo img {
		max-width: 100%;
		height: auto;
	}
	.footer_list li span.separator {
		display: block;
	}

	.footer_list li span.separator span {
		display: none;
	}

	.middle_left .accordion {
		width: 100%;
	}

	input[type="text"], input[type="password"], textarea {
		max-width: 100%;
	}

	#header-container {
		padding: 0;
	}

	#header-container #center {

	}

	#header-container #left {
		margin-left: 0;
		right: 0;
		width: 50%;
		padding-top: 10px;
	}

	#header-container #right {
		width: 50%;
		margin-left: 0;
		padding-top: 10px;
	}

	#header-container #right p {
		width: auto;
		padding-top: 13px;
	}

	#header-container #cart {
		top: 10px;
	}

	.slider_content {
		width: 240px;
	}

	.next {
		left: 210px;
		right: auto;
	}

	.sliderBullets {
		left: 88px;
	}

	.sliderContent {
		height: 345px;
	}

	.slider {
		height: 345px;
	}

	.sliderArrows a {
		top: 300px;
	}

	.sliderBullets {
		top: 306px;
		bottom: auto;
	}

	.navgation .online_shop {
		display: none;
	}

	.navgation .online-shop-mobile {
		display: block;
	}

	.main-menu {
		height: auto;
		border-bottom: 0;
		padding-top: 10px;
	}
	.main-menu ul {
		display: none;
		height: auto;
		margin-top: 5px;
		float:left;
	}

	.main-menu li {
		width: 100%;
		float: left;
		position: relative;
		z-index: 20;
		padding: 0;
	}
	.main-menu a {
		text-align: left;
		width: 100%;
		text-indent: 15px;
		display: block;
	}

	.main-menu li a {
		color: #fff;
	}

	.main-menu li a:hover {
		background-color: #2b603e;
	}

	.main-menu a#pull {
		display: block;
		background-color: #1b3c27;
		width: 100%;
		position: relative;
		outline: 0;
		line-height: 29px;
		font-size: 18px;
	}

	.main-menu a#pull:after {
		content:"";
		background: url(../image/nav-icon.png) no-repeat;
		width: 30px;
		height: 30px;
		color: #FFF;
		display: inline-block;
		position: absolute;
		right: 10px;
		bottom: -5px;
	}

	.main-menu a#pull:hover {
		color: #fff;
	}

	.menu-browse-by {
		padding-top: 15px;
	}

	.menu-browse-by .middle_left {
		display: none;
	}

	a#pull-browse-by {
		display: block;
		background-color: #1b3c27;
		width: 100%;
		position: relative;
		outline: 0;
		line-height: 29px;
		font-size: 18px;
		margin-bottom: 20px;
		padding-left: 15px;
	}

	a#pull-browse-by:after {
		content:"";
		background: url(../image/nav-icon.png) no-repeat;
		width: 30px;
		height: 30px;
		color: #FFF;
		display: inline-block;
		position: absolute;
		right: 10px;
		bottom: -5px;
	}

	a#pull-browse-by:hover {
		color: #fff;
	}

	.menu-browse-by .box-content {
		margin-bottom: 0;
	}

	.menu-browse-by .middle_left {
		background: #1b3c27;
		padding: 5px 15px;
	}

	.menu-browse-by ul.box-category > li > a {
		color: #fff;
	}

	.menu-browse-by ul.box-category > li a.active {
		font-weight: bold;
		color: #fff;
	}

	.menu-browse-by ul.box-category > li {
		border-bottom: none;
		padding: 5px 0 5px;
	}

	.menu-browse-by ul.box-category > li a.active + ul {
		width: auto;
	}

	.menu-browse-by ul.box-category > li ul > li {
		width: auto;
	}

	.browse-by-categories .box-heading {
		display: block;
	}


}

@media only screen and (max-width: 600px) {
	/*
	body:after {
		content: "up to 600px";
		background-color: hsla(55, 36%, 46%, 0.40);
	}
	*/

	.product-info > .left {
		float: none;
		margin-right: 0;
	}

	.product-info .image {
		float: none;
	}

	.product-info .image img {
		max-width: 100%;
		height: auto;
	}

	.product-info > .left + .right {
		float: none;
		margin-left: 0;
		width: 100%;
	}


}

@media only screen and (max-width: 480px) {
	/*
	body:after {
		content: "up to 480px";
		background-color: hsla(180,60%,40%,0.4);
	}
	*/

	.news_left.column-2 {
		width: 100%;
		float: none;
	}

	.news_right {
		margin-top: 40px;
		width: 100%;
		float: none;
	}

	#column-left .box-content {
		width: 50%;
	}

	#column-left .box-content:first-of-type {
		width: 100%;
	}

	.product_box {
		width: 48%;
	}

	.product-grid > div {
		width: 46%;
	}

	.history_content img {
		width: 100% !important;
		height: auto !important;
		float: none !important;
		display: block;
		margin: 0 0 10px !important;
	}

	.history_content td {
		padding-left: 0;
	}

	.history_content td img {
		display: none;
	}

	.footer_list li {
		float: none;
		display: block;
	}

	.footer_list li span.separator {
		display: none;
	}

	.footer_list li a {
		font-size: 14px;
		padding: 5px 0;
		line-height: 22px;
	}

	.login-content .left, .login-content .right {
		width: 100%;
		float: none;
	}

	.login-content .left .content, .login-content .right .content {
		min-height: 0;
		margin-bottom: 30px;
	}

	.login-content .right .content {
		margin-bottom: 0;
	}

	.login-content input[type="text"], .login-content input[type="password"] {
		width: 100%;
	}

	table.form td {
		width: 60%;
	}

	table input[type="text"], table input[type="password"], table textarea, table select {
		width: 100%;
	}

	table.form tr td:first-child {
		width: 40%;
	}

	.content select {
		max-width: 100%;
	}

	.register-content .buttons .right {
		float: none;
		text-align: left;
	}

	.register-content input.button {
		margin-top: 10px;
		display: block;
	}

	a.qw {
		margin: 3px 0 2px;
	}

	#header-container #left {
		width: 100%;
		float: none;
		clear: both;
	}

	#header-container #right {
		width: 100%;
		float: none;
		clear: both;
	}

	.checkout_right {
		width: 120px;
		float: right;
	}

	.header_right p {
		text-align: center;
	}

	.search-form {
		width: 170px;
		margin: 0 auto;
	}

	.halfhalfcontactleft, .halfhalfcontactright {
		width: 100%;
		padding: 0;
		float: none;
	}

	.halfhalfcontactright {
		padding-top: 15px;
	}

	.product-list .price {
		float: none;
		text-align: left;
	}

	.product-list > div {
		position: relative;
		margin-bottom: 5px;
	}
	.product-list .right {
		margin-left: 0;
		position: absolute;
		float: right;
		bottom: 0;
		right: 0;
	}

	.product-list .left {
		padding-bottom: 20px;
	}

	.product-filter .limit {
		float: none;
	}

	.product-filter .sort {
		float: none;
		margin-top: 10px;
	}

	.product-grid {
		margin-left: 10px;
	}

	.product-info .cart .quantityHolder {
		float: none;
	}

	.AddToChartBtn {
		float: none;
		padding-bottom: 15px;
	}

	#header #cart .content {
		position: absolute;
		right: 5px;
		left: -108px;
		top: 27px;
		width: 350px;
		margin-left: -70%;
		border-radius: 7px;
	}

	#header #cart.active .content {
		position: absolute;
	}

	#header-container #right p {
		margin-top: 30px;
	}

	a.online_shop_header {
		font-family: "josefin_slabsemibold";
		text-align: center;
		line-height: 27px;
		height: 27px;
		font-size: 14px;
		float: left;
		display: block;
		width: auto;
		padding: 0 15px;
		text-transform: uppercase;
		color: #BCA95B;

		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;

		background: #235033;
		background: -moz-linear-gradient(top,  #235033 0%, #173823 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#235033), color-stop(100%,#173823));
		background: -webkit-linear-gradient(top,  #235033 0%,#173823 100%);
		background: -o-linear-gradient(top,  #235033 0%,#173823 100%);
		background: -ms-linear-gradient(top,  #235033 0%,#173823 100%);
		background: linear-gradient(to bottom,  #235033 0%,#173823 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235033', endColorstr='#173823',GradientType=0 );

		-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
		box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	}

	a.online_shop_header:hover {
		color: #fff;
	}

	.slider_content {
		display: none;
	}

	.sliderContent a {
		margin-left: 0;
	}

	.slider, .sliderContent {
		height: auto;
		float: none;
	}
	.sliderContent .item {
		position: relative;
		height: auto;
	}

	.sliderBullets {
		position: relative;
		bottom: auto;
		top: auto;
		left: auto;
		text-align: center;
		margin-top: 10px;
	}

	.sliderBullets a {
		display: inline-block;
		float: none;
	}

	.sliderBullets .active {
		background-position: 0px 0px;
	}

	.sliderArrows a {
		position: relative;
		top: auto;
		margin-top: -20px;
	}

	.sliderArrows a.next {
		margin-top: -26px;
		left: 0;
		float: right;
	}

	.sliderBullets, .sliderArrows {
		display: none;
	}

}

@media only screen and (max-width: 320px) {
	/*
	body:after {
		content: "320px and less";
		background-color: hsla(90,60%,40%,0.4);
	}
	*/

	.product_box,.product-grid > div {
		display: block;
		float: none;
		width: 100%;
	}

	.product-grid {
		margin-left: 0;
	}

	#header #cart .content {
		width: 300px;
		margin-left: -20px;
	}
}