#header .ham {
	display: none;
	oveflow: hidden;
	right: -39px;
	position: absolute;
}

#header .ham a {
	display: block;
	width: 36px;
	height: 100px;
	width: 100px;
}

#header .ham-line {
	position: absolute;
	display: block;
	height: 3px;
	width: 36px;
	background-color: #484444;
	right: 40px;
	transition: 0.3s all;
}

#header .ham-line:nth-child(1) {
	top: 18px;
	height: 2px;
	width: 25px;
}

#header .ham-line:nth-child(2) {
	transition: 0.2s all;
	top: 24px;
	height: 2px;
	width: 25px;
}

#header .ham-line:nth-child(3) {
	top: 30px;
	height: 2px;
	width: 25px;
}

html.opened #header-mobile {
	display: table-cell;
	height: 100%;
}

html.opened #header {
	margin-bottom: 0;
}

html.opened .ham-line:nth-child(1) {
	transform: rotate(45deg);
	margin-top: 8px;
}

html.opened .ham-line:nth-child(2) {
	right: -50px;
	opacity: 0;
}

html.opened .ham-line:nth-child(3) {
	transform: rotate(-45deg);
	margin-top: -4px;
}

#mobile-product-menu {
	display: none;
}

.lang-menu {
	display: none;
}

.lang-menu--lang {
	font-size: 15px !important;
}

.lang-menu--lang a {
	font-size: 15px !important;
}

.mobile-wrapper {
	width: 100%;
	overflow: auto;
}

.bottom-navigation .product a {
	margin: 10px 0px 5px 15px;
}

.submenu li:last-child {
	width: auto;
	float: none;
	clear: left;
}

.product {
	float: none;
	display: inline-block;
	vertical-align: top;
}

.contact-country {
	display: inline;
}

.nav-next {
	text-shadow: 1px 1px 1px #333;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

/* start commented backslash hack \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* close commented backslash hack */

@media screen and (max-width: 1000px) {

html,
body {
	overflow-x: hidden;
}

#header {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

#header .menu {
	width: 100%;
	height: 0;
	transition: 0.8s all;
	overflow: hidden;
	margin: 0;
}

#header .menu li {
	width: 100%;
	opacity: 0;
	transition: 0.7s all;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
}

#header .menu li span {
	padding: 0 5px;
}

#header .menu li a {
	font-size: 13px;
	padding: 7px 0;
}

#header #logo {
	margin: 0;
}

#header .eshop {
	display: none;
}

#header .lang {
	display: none;
}

#header .ham {
	display: block;
}

html.opened #header .menu {
	display: block;
	height: 214px;
	padding: 10px 0 30px 0;
}

html.opened #header .menu li {
	opacity: 1;
	padding: 3px 0;
}

.slide h3 {
	text-shadow: 1px 1px 1px #333;
	font-size: 30px;
	line-height: 35px;
	width: calc(100% - 100px);
	display: block;
}

.slide p {
	text-shadow: 1px 1px 1px #333;
	width: calc(100% - 140px);
}

.slide .slide3 h3,
.slide .slide4 h3,
.slide .slide6 h3,
.slide .slide3 p,
.slide .slide4 p,
.slide .slide6 p {
	left: 40px;
}

.slide .slide0 p {
	top: 190px;
}

.slide .slide2 p {
	top: 190px;
}

.slide .slide4 h3 {
	top: 66px;
}

.slide .slide6 p {
	top: 200px;
}

.slide .slide8 h3 {
	top: 130px;
}

.slide .slide8 p {
	top: 190px;
}

#page-wrapper {
	width: 100%;
	padding: 20px;
	margin: 0;
	box-sizing: border-box;
}

#page-wrapper .product-menu {
	display: none;
	width: 100%;
	height: auto;
	padding: 0;
	background: none;
}

#page-wrapper .product-menu li {
	background: url("/images/bg-product-menu.png") 0% 0% repeat-x;
	width: 100%;
	float: none;
	margin: 0;
	padding-left: 0;
	box-sizing: border-box;
}

#page-wrapper .product-menu li:nth-child(even) {
	display: none;
}

#page-wrapper .product-menu li a {
	line-height: 32px;
	display: block;
	padding-left: 20px;
}

#mobile-product-menu {
	display: block;
	width: 100%;
	margin: 0 auto 30px;
	padding: 5px;
}

#preview {
	width: 100%;
}

.col {
	width: 30%;
	float: left;
	height: auto;
	vertical-align: top;
}

.col img {
	margin: 0 10px 10px 0;
}

.col.last {
	float: left;
	width: 30%;
	height: auto;
}

.cols {
	height: 100%;
}

.lang-menu {
	display: block;
}

.bottom-box {
	width: 100%;
}

.bottom-box h1 {
	line-height: 2.2rem;
}

.bottom-box.prod {
	position: relative;
}

.bottom-box-footer {
	display: none;
}

.bottom-navigation {
	width: 100%;
	overflow: hidden;
}

.content {
	background: none;
	padding-bottom: 0 !important;
}

.content p,
.content h3 {
	margin: 15px;
}

.content h2 {
	margin: 20px 15px;
}

.content h1 {
	margin: 25px 15px 20px;
}

.content h3.nomarleft {
	margin-left: 0;
	margin-top: 20px;
}

.bottom-box.prod .bottom-box-content {
	padding: 1px 0px 0px;
}

.bottom-box .bottom-box-content img {
	margin: 10px !important;
}

.bottom-box .bottom-box-content {
	padding: 1px 0px 70px;
}

.bottom-box .product-link {
	position: absolute;
	right: 28px;
	bottom: 60px;
}

.bottom-box p {
	width: calc(100% - 40px);
}

.content .right-panel {
	width: 100%;
	height: auto !important;
	margin: 0;
	margin-bottom: 30px;
}

.fabrics.w85 {
	margin: 0 0 0 15px;
}

.content.nograd p {
	width: 90% !important;
}

a.contact-link {
	margin: 0 0 30px 15px;
}

img[alt=mapa] {
	margin-top: 30px;
}

.content .left-panel {
	width: 100% !important;
}

.content .left-panel p {
	margin: 0px 20px 20px 20px;
	width: calc(100% - 60px);
}

.content .left-panel h1 {
	margin: 15px 0px 5px 20px !important;
	width: calc(100% - 60px);
	background: none !important;
}

.content.detail .left-panel p {
	margin: 0px 20px 20px 0;
}

.author {
	margin-left: 0 !important;
}

.submenu {
	margin: 10px 0 !important;
}

.submenu li {
	width: 160px;
	float: left;
}

.content.detail .left-panel h1 {
	margin-left: 0 !important;
}

.button-demand,
.demand-link.cedo .demand-desc {
	margin-left: 0 !important;
}

.view {
	width: 100% !important;
	left: 0 !important;
}

.view.abs {
	width: 100%;
	margin-left: 0;
}

.product_info {
	margin-left: 0;
}

.product-gallery.first,
.product.first {
	margin-left: 5px;
}

.contact-area {
	width: 100% !important;
}

.contact-area table,
.contact-area fieldset {
	width: 100%;
}

.contact-area td {
	width: 30%;
	box-sizing: border-box;
}

.contact-area .inp,
.contact-area .txt_inp {
	width: 100% !important;
	box-sizing: border-box;
}

.contact-panel {
	margin: 0;
	width: 100%;
}

.kontakt {
	margin-left: 0 !important;
	margin-top: 0 !important;
}

.cerabox-content {
	max-width: 100%;
	height: auto !important;
	width: auto !important;
	text-align: center;
}

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

.products {
	padding-left: 0;
	text-align: center;
}

.product {
	width: 31%;
	min-width: 190px;
	float: none;
	background-position: right bottom;
	background-size: cover;
}

.product a {
	display: block;
	text-align: left;
}

.reference {
	margin: 0 0 0 15px;
}

.reference a,
.reference span {
	max-width: 23%;
	margin: 0 0 10px;
	height: auto;
}

.reference img {
	float: right;
	max-width: 100%;
	height: auto;
}

.contact-country {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.tabs .next:not(.nav-next) {
	height: 100%;
	width: 21px;
	top: 0;
	right: 0;
	background: url("/images/next-product.png") center right no-repeat, url("/images/bottom-menu.png") 0% 0% no-repeat;
}

}

@media screen and (max-width: 800px) {

#preview div {
	width: 100%;
}

}

@media screen and (max-width: 767px) {

#header .ham a {
	height: 50px;
}

.demand-form .description span {
	padding-top: 0;
	padding-bottom: 14px;
}

.col {
	width: 100%;
	float: none;
	height: 180px;
	vertical-align: top;
}

.col img {
	margin: 0 10px 0 0;
}

.col.last {
	float: none;
	width: 100%;
	height: 140px;
}

.content.detail .left-panel p {
	width: 100%;
}

.content {
	background-image: none !important;
}

.product_info h2,
.product_info h3,
.product_info .fabrics {
	margin-left: 0;
}

#content-wrapper.mobile-margin {
	width: calc(100% + 40px);
	margin-left: -20px;
}

.product-gallery {
	width: 45%;
	height: 145px;
	background-position: right bottom;
	text-align: center;
	float: none;
	display: inline-block;
}

.product-gallery img {
	margin: 25px auto 0;
	max-width: 80%;
	max-height: 65%;
}

.product.first {
	margin-left: 5px;
}

.product {
	min-width: 140px;
	text-align: center;
}

.product img {
	max-width: 80%;
	max-height: 60% !important;
	margin: 0 auto !important;
}

.content h3.group {
	margin: 25px 0 8px 0;
}

.contact-country {
	display: inline;
}

.latky-kuze {
	width: calc(100% + 40px);
	margin-left: -20px;
}

}

@media screen and (max-width: 700px) {

.product_info,
.product_info img {
	width: 100%;
	height: auto;
}

}

@media screen and (max-width: 680px) {

.tab {
	width: calc(100% - 10px);
	position: relative;
	padding-bottom: 250px;
	display: block;
}

.tab tbody,
.tab tr {
	display: block;
}

.tab td,
.tab .inp,
.tab .txt_inp {
	display: block;
	width: 100% !important;
	box-sizing: border-box;
}

.tab .tdmessage {
	position: absolute;
	bottom: 28px;
}

.tab.demand-form {
	padding-bottom: 0;
}

.demand-form .btn_send {
	margin-left: 0 !important;
}

}

@media (max-width: 680px) {

.contact-area td {
	padding: 0 0 10px 0;
}

}

@media screen and (max-width: 650px) {

.bottom-box .bottom-box-content img {
	float: none;
	margin: 0 auto !important;
	display: block;
}

img[alt=mapa] {
	width: 100%;
	height: auto;
}

}

@media screen and (max-width: 623px) {

.contact-area {
	width: 100% !important;
	display: block;
}

.contact-area .btn_send {
	float: right;
	margin-left: 0 !important;
}

}

@media screen and (max-width: 620px) {

.content.latky-kuze .product_info,
.content.latky-kuze .product_info img {
	width: 100%;
	height: auto;
}

}

@media (max-width: 540px) {

.reference a,
.reference span {
	max-width: 48%;
}

}

@media screen and (max-width: 500px) {

.col {
	height: 140px;
}

.col img {
	max-width: 120px;
	max-height: 120px;
}

}

@media screen and (max-width: 430px) {

.bottom-box .bottom-box-content img {
	width: 90%;
	margin: 0 auto;
	height: auto;
}

.product {
	width: 145px;
	height: 145px;
	box-sizing: border-box;
	background-size: cover;
}

.product img {
	max-width: 96%;
	max-height: 76%;
	height: auto;
	margin: 2% 0;
}

.product a {
	margin: 0;
	font-size: 20px;
}

.product .product:hover a {
	padding-right: 0 !important;
	background: none !important;
}

}

@media screen and (max-width: 400px) {

.content .right-panel img {
	width: 90%;
	height: auto !important;
	margin: 0 auto;
	display: block;
}

.fabrics.w85 {
	margin: 0 0 0 15px;
}

.fabrics.w85 li {
	max-width: 80px;
	box-sizing: border-box;
	margin-right: 5px;
}

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

.products {
	width: calc(100% + 40px);
	margin-left: -20px;
}

.bottom-box-content {
	width: calc(100% + 40px);
	margin-left: -20px;
}

}