/* CSS Document */
/* ------------------ Base64 CSS ----------------- */
/* ----------------- c3BvcnR5J3M= ---------------- */


.mobilebutton, .showmenu, .showsidebar, .showsearch {
	display: none;
}
.showmobile {
	display: none !important;
}
.hidemobile {
	display: block !important;
}

@media all and (max-width: 1300px) { 
	div.sidebanner {
		display: none;
	}
}
@media all and (max-width: 1020px) {
	#navigation > .box, #main > .box, #footer > .box {
		padding: inherit;
	}
}
@media all and (max-width: 900px) {
	#navigation > .box > ul > li > a {
		padding: 0px 19px;
	}
	ul.products li, ul.products li:nth-child(4n+1) {
		width: 33.3%;
		clear: none;
	}
	ul.products li:nth-child(3n+1) {
		clear: left
	}
	.tabs .content ul.products li, .tabs .content ul.products li:nth-child(4n+1) {
		width: 50%;
		clear: none;
		margin-bottom: 30px;
	}
	.tabs .content ul.products li:nth-child(2n+1) {
		clear: left
	}
}
@media all and (max-width: 800px) {
	#navigation > .box > ul > li > a {
		padding: 0px 10px;
	}
	#header .center .phone {
		font-size: 12px;
		line-height: 15px;
		background-size: contain;
		padding: 0px 0px 0px 30px;
		margin-top: 10px;
		margin: 5px 0px;
	}
	#header .delivery {
		font-size: 11px;
		line-height: 12px;
		display: block;
		text-align: center;
	}
	#header .delivery:before {
		display: block;
		float: left;
	}
	#header .delivery span {
		display: block;
	}
	#header form p select {
		display: none;
	}
	#header form p input[type="submit"] {
		font-size: 11px;
		width: 30%;
	}
	#header form p input[type="text"] {
		width: 69%;
	}
}
@media all and (max-width: 750px) {
	.showsidebar.active {
		background: url(../images/icon_close.png) no-repeat left center;
		padding: 0px 10px 0px 30px;
	}
	.showmenu {
		display: block;
		text-indent: -9999px;
		margin: 0px;
		padding: 0px;
		height: 30px;
		width: 50px;
		background: url(../images/icon_menu.png) no-repeat center center;
		float: right;
	}
	#navigation .box > ul > li {
		text-align: center;
		float: none;
	}
	#navigation > .box > ul > li > a {
		border-bottom: 1px solid #DCDCDC;
	}
	.showsidebar {
		display: block;
		margin: 0px;
		padding: 0px 30px 0px 10px;
		height: 30px;
		background: url(../images/icon_open.png) no-repeat right center;
		float: left;
		font-size: 11px;
		line-height: 30px;
		font-weight: bold;
		color: #FFF;
	}
	#main {
		overflow: hidden;
	}
	.sidebar {
		width: 250px;
		margin-left: -270px;
		transition: all 500ms;
	}
	.sidebar.active {
		margin-left: 0px;
	}
	.sidebar + .content {
		width: 100%;
		transition: all 500ms;
	}
	.sidebar.active + .content {
		margin-right: -270px;
	}
	#header .basket a {
		background-size: 80% auto;
		background-position: center center;
		text-indent: -9999px;
		display: block;
		margin: 0px;
		padding: 0px;
		height: 40px;
		width: 40px;
	}
	#header .topmenu > ul.menu {
		display: none;
	}
	#header .delivery {
		clear: none;
		margin: 5px 5px 0px 0px;
	}
	#header h1, #header h1 a {
		height: 90px;
	}
	#header .topmenu > ul > li.active {
		display: none;
	}
	#header .center {
		top: 0px;
	}
	#header form p + p {
		display: none;
	}
	.path p a, .path p strong {
		font-size: 11px;
	}
}
@media all and (max-width: 700px) {
	#header .center .phone {
		background-image: inherit;
		padding: 0px;
	}
#footer .lists {
	padding-top: 10px;
}
	#footer .lists ul {
		padding: 0px;
		margin: 0px;
		width: 100%;
	}
	#footer .lists ul li strong {
	cursor: pointer;
	border-top: 1px solid #FFF;
	background-image: url(../images/down.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 15px;
	line-height: 25px;
	}
	#footer .box .bottom {
		margin-top: 20px;
	}
}
@media all and (max-width: 600px) {
	#footer .bottom p, #footer .bottom p + p, #footer .bank {
		text-align: center;
		display: block;
		clear: both;
		float: none;
	}
	#header .basket {
		margin-top: 5px;
	}
	#header .center {
		position: static;
		float: right;
		margin-right: 10px;
	}
	#header .center .phone {
		margin: 5px 0px 5px;
	}
	#header .center .phone span {
		display: none;
	}
	#header form p input[type="text"] {
		height: 20px;
		line-height: 20px;
		width: 80%;
	}
	#header form p input[type="submit"] {
		height: 20px;
		line-height: 20px;
		background-image: url(../images/arrow_menu.png);
		background-repeat: no-repeat;
		background-position: center center;
		width: 19%;
		text-indent: -9999px;
	}
	ul.products li, ul.products li:nth-child(4n+1), ul.products li:nth-child(3n+1) {
		width: 50%;
		clear: none;
	}
	ul.products li:nth-child(2n+1) {
		clear: left;
	}
	.product .photos, .product .data {
		width: 100%;
		float: none;
		clear: both;
	}
	.textbox p, .textbox ul li, .textbox ol li {
		text-align: inherit;
		font-size: 12px;
		line-height: 18px;
	}
	.textbox h2 {
		font-size: 20px;
	}
	.tabs ul.titles li a {
		font-size: 16px;
	}
	.orderby form p {
		font-size: 11px;
	}
	.orderby form p label {
		margin: 0px 5px 0px 0px;
	}
	.orderby form p select {
		font-size: 11px;
	}
	.orderby form p + p {
		margin-left: 1%;
	}
	.orderby form {
		padding: 0px;
	}
}
@media all and (max-width: 600px) {
	#contentpage2 ul.products li {
		box-sizing: border-box;
	}
	#contentpage2 ul.products li + li .descr { 
		display: none;
	}
	#contentpage2 ul.products li + li .photo {
		width: 100%;
		float: none;
	}
	.content .links a, .content .links a + a, .content .links a + a + a {
		width: 100%;
		margin: 5px 0px;
		float: none;
		padding: 5px;
		min-height: 0px;
	}
}
@media all and (max-width: 550px) {
	.couponbox p label {
		display: block;
	}
	.couponbox p input[type="text"] {
		margin-left: 0px;
	}
}
@media all and (max-width: 450px) {
	#footer .bottom p, #footer .bottom p {
		font-size: 12px;
		padding: 0px;
	}
	#header > .box {
		padding: 0px 5px 0px 0px;
	}
	#header .center {
		width: 120px;
		min-width: inherit;
	}
	#header .center .phone {
		line-height: 12px;
	}
	#header .center .phone a.athens {
		font-size: 12px;
		letter-spacing: 2px;
	}
	#header .center .phone a + a { 
		letter-spacing: 1px;
		font-size: 12px;
		font-weight: 800;
		font-family: "Open Sans", Helvetica, Arial, sans-serif;
	}
	#header .center .phone a + a + a {
		display: none;
	}
	.path p a.home {
		width: 20px;
	}
	.path p a, .path p strong {
		margin: 0px;
		padding: 0px 2px 0px 8px;
		font-size: 10px;
	}
	.orderby form p label {
		display: block;
		float: none;
	}
	.orderby form p select {
		float: none;
		width: 100%;
	}
	.orderby form {
		text-align: left;
	}
}
@media all and (max-width: 400px) {
	ul.products li, ul.products li:nth-child(4n+1), ul.products li:nth-child(3n+1), ul.products li:nth-child(2n+1) {
		clear: both;
		float: none;
		width: 100%;
	}
	.tabs .content ul.products li, .tabs .content ul.products li:nth-child(4n+1), .tabs .content ul.products li:nth-child(2n+1) {
		clear: both;
		float: none;
		width: 100%;
	}
	.tabs ul.titles li a {
		font-size: 12px;
		padding: 0px 5px;
	}
	#contentpage2 ul.products li {
		clear: none !important;
		float: left;
	}
	#contentpage2 ul.products li:nth-child(2n+2) {
		clear: left;
	}

	.couponbox {
		text-align: center;
	}
	.couponbox p input[type="text"] {
		margin: 5px auto;
		display: block;
	}	
	.couponbox p a.button {
		display: block;
		clear: both;
		margin: 5px auto;
		max-width: 200px;
	}
}