/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 769px){
#nav ul.menu, #fix-nav ul.menu {
    margin: 0;
    padding: 0;
    position: relative;
}
#nav ul.menu li, #fix-nav ul.menu li  {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style:none;
}
#nav ul.menu li li, #fix-nav ul.menu li li {
	float: none;
	display: block;
}
#nav ul.menu > li > a, #fix-nav ul.menu > li > a, #nav ul.menu > li > span.separator {
    display: block;
    margin: 0 2px;
    padding-top: 18px;
    line-height: 1em;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    color: #fff;
}
#nav ul.menu > li > svg, #fix-nav ul.menu > li > svg {
    fill: #fff;
    float: right;
    display: block;
    padding: 19px 3px 19px 0;
    width: 11px;
    height: 11px;
}
#nav ul.menu > li ul svg, #fix-nav ul.menu > li ul svg {
    display: none;
}
#nav ul.menu > li > ul, #fix-nav ul.menu > li > ul {
    display: none;
}
#nav ul.menu > li:hover > ul, #fix-nav ul.menu > li:hover > ul {
    position: absolute;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-around;
    right: 0;
    left: 0;
    max-width: 875px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}
#nav ul.menu > li:hover > a, #fix-nav ul.menu > li:hover > a, #nav ul.menu > li:hover > span.separatora {
    background: #fff;
    color: #1a3747;
}
#nav ul.menu li li a, #fix-nav ul.menu li li a, #nav ul.menu li li span.separator {
    display:block;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#nav ul.menu > li:hover > ul > li > a, #fix-nav ul.menu > li:hover > ul > li > a{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
#nav ul.menu > li:hover > ul > li > a span.image-title, #fix-nav ul.menu > li:hover > ul > li > a span.image-title{
    color: #333;
}
#nav span.descCK,
#nav span.descck {
    display: block;
    line-height: 10px;
}

#nav ul.menu li li {
    float: none;
    display: block;
}
}
@media screen and (min-width: 1025px) {

.hidemobile5,
.hide-desktop {
	display: none !important;
}

[class*="cols"].stack-5,
[class*="cols"].stack-desktop {
	flex-direction: column;
}

[class*="cols"].stack-5 > *,
[class*="cols"].stack-desktop > * {
	width: auto !important;
}




}
@media screen and (max-width: 1200px) {
    .container-fluid {
    max-width: 1023px;
}
.dop-properties .proper-anm {
    width: calc(100% / 3);
}
}

@media screen and (max-width: 1024px) {
    .container-fluid {
    max-width: 940px;
}
img {
	max-width: 100%;
	height: auto;
}

.container {
	width: 950px;
}

.hidemobile4,
.hide-tablet-l {
	display: none !important;
}

[class*="cols"].stack-4,
[class*="cols"].stack-tablet-l {
	flex-direction: column;
}

[class*="cols"].stack-4 > *,
[class*="cols"].stack-tablet-l > * {
	width: auto !important;
}



.jf_mm_pro_panel{
    z-index: 99999;
}
.lozung {
    font-size: 35px;
}
}

@media screen and (max-width: 950px) {
.container-fluid {
    max-width: 760px;
}
.flex-proper {
    flex-wrap: wrap;
}
.flex-proper > div:nth-child(1) {
    width: 90%;
    margin: 0 auto;
}
.flex-proper > .btn-block {
    width: 90%;
    margin: 40px auto 0;
}
.title-product h1 {
    font-size: 34px;
}
.dop-properties .proper-anm {
    width: calc(100% / 2);
}
.button, button, button.btn, input.btn, .btn, .btn-group > .btn.active {
    padding: 10px 20px;
    font-size: 13px;
}
.head-product .slider-info .price .price-order {
    font-size: 24px;
}
.head-product .slider-info .col-left {
    font-size: 14px;
}
.head-product .slider-info {
    bottom: 20px;
}
.head-product .slider-info .in {
    padding: 15px;
}
.head-product .slider-info .dots {
    margin-top: 10px;
}
.head-product button.owl-dot {
    height: 15px;
    width: 15px;
}
#nav ul.menu > li > ul > li > a img, #fix-nav ul.menu > li > ul > li > a img {
    max-width: 85px;
}
#nav ul.menu > li > ul > li > a span, #fix-nav ul.menu > li > ul > li > a span {
    font-family: tahoma;
    max-width: 100px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}
.lozung {
    font-size: 27px;
}
.bg-disc {
    font-size: 13px;
}
.category-bl {
    width: calc(100% / 2 - 40px);
}
.catalog-item {
    width: calc(100% / 3 - 30px);
}
img {
	max-width: 100%;
	height: auto;
}

.container {
	width: 758px;
}

.hidemobile3,
.hide-tablet-p {
	display: none !important;
}

[class*="cols"].stack-3,
[class*="cols"].stack-tablet-p {
	flex-direction: column;
}

[class*="cols"].stack-3 > *,
[class*="cols"].stack-tablet-p > * {
	width: auto !important;
}
#nav ul.menu > li > a, #fix-nav ul.menu > li > a, #nav ul.menu > li > span.separator {
    margin: 0 1px;
    padding-right: 17px;
    padding-left: 15px;
    font-size: 12px;
    }
/*.standart-kit .container-fluid.inner {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.standart-kit .container-fluid.inner h3.title-item {
    display: flex;
    justify-content: center;
    align-items: flex-start;
        max-width: 100%;
}
.standart-kit h3 span:nth-child(2) {
    float: right;
    margin-top: 0;
    margin-left: 15px;
}
.standart-cont {
    max-width: calc(100% - 60px);
}
.title-o-kompany .title-desc {
    width: calc(55% - 30px);
    padding: 0 15px;
}*/
.title-bg > img {
    width: 240px;
}
.title-bg > img:nth-child(2) {
    top: 14%;
}
}
@media screen and (max-width: 768px){
.container-fluid {
    max-width: 528px;
}
.proizvodstvo-items {
    display: block;
    margin: 0 auto;
}
.proizvodstvo-items > a.btn {
    margin: 0 auto 15px auto;
    float: none;
    align-items: center;
}
.data-order-user {
    padding: 10px 15px 50px;
}
#descnav > * {
    width: 100%;
}
    ul.jf_mm_pro_subm li a img {
    width: 50px;
}
.catalog-item {
    width: calc(100% / 2 - 30px);
}
.title-o-kompany .title-desc, .title-o-kompany .title-bg {
    width: 100%;
}
.title-bg > img {
    width: 300px;
}
.view-featured #header {
    background: rgb(26, 55, 71);
}
.head-product .slider-info .container-fluid.inner.block-padding-h {
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: row-reverse;
}
.dots, .product-nav-menu {
    display: none;
}
.slider-info {
    padding: 0px 0 10px;
}
.intro-spec.specifications {
    display: none;
}
.table-spec.specifications {
    width: 100%;
}
.contacts_manager {
    width: calc(100% / 1 - 15px);
}

nav#nav, #fix-nav .nav-content {
    display: none;
}
.category-bl {
    min-height: 150px;
}
#bannerlogo img {
    max-width: 260px;
    margin-left: 40px;
}
#fix-nav {
    height: 55px;
}
#fix-nav > .inner > .inner.clearfix {
    padding: 6px;
    }
#jf_mmpro_1 li a {
    font-family: tahoma;
}

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

.container {
	width: 524px;
}

.hidemobile2,
.hide-phone-l {
	display: none !important;
}

[class*="cols"].stack-2,
[class*="cols"].stack-phone-l {
	flex-direction: column;
}

[class*="cols"].stack-2 > *,
[class*="cols"].stack-phone-l > * {
	width: auto !important;
}


#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#header > .inner {
	flex-direction: column;
}
#header .flexiblecolumn {
	width: 100% !important;
        text-align: center;
float: none;
}
#header .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#headercolumn1 > .inner {
	flex-direction: column;
}
#headercolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#headercolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannerlogo {
	height: auto !important;
}
#bannerlogo .logobloc {
	float :none !important;
	width: auto !important;
}
#headercolumn2 > .inner {
	flex-direction: column;
}
#headercolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#headercolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#top-contact {
    margin-top: 15px;
}
#top-contact .logobloc {
	float :none !important;
	width: auto !important;
}
#fix-nav > .inner {
	flex-direction: column;
}
#fix-nav .flexiblecolumn {
	width: 100% !important;
float: none;
}
#fix-nav .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#fix-navcolumn1 > .inner {
	flex-direction: column;
}
#fix-navcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#fix-navcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#nav {
	height: auto !important;
}
#nav ul {
	height: auto !important;
}
#nav li {
	float :none !important;
	width: 100% !important;
}
#nav div.floatck {
	width: 100% !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#left {
	height: auto !important;
}
#left .logobloc {
	float :none !important;
	width: auto !important;
}
#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#right {
	height: auto !important;
}
#right .logobloc {
	float :none !important;
	width: auto !important;
}
#pralax-block {
	height: auto !important;
}
#pralax-block .logobloc {
	float :none !important;
	width: auto !important;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}

#footer .container-fluid.inner {
    flex-wrap: wrap;
}
.foot-info {
    width: 100%;
    order: 2;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgb(67, 89, 103);
        flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.foot-nav {
    width: 100%;
}
#footer a.f-tel + span {
    display: none;
}
.foot-info > a:nth-child(4) {
    width: 100%;
    text-align: center;
}
.foot-nav {
    margin-top: 20px;
}
a.foot-logo {
    width: 200px;
}
#fix-nav .nav-logo {
    width: 100%;
    max-width: 200px;
    padding: 6px 5px 7px 0;
    margin: auto;
}
}

@media screen and (max-width: 524px) {
    .product .product-images-big {

        height: 300px;

    }
    .lozung {
        font-size: 20px;
    }
    .bg-disc {
        font-size: 13px;
    }
    .video-title-bg a {

        margin-top: 22px;
        padding: 15px 22px;

        font-size: 16px;

    }
    .dop-properties .proper-anm {
    width: calc(100% / 1);
}
    .title-product h1 {
        font-size: 24px;
    }
    .head-product .slider-info .in {
        padding: 10px;
    }
    .head-product .slider-info .price {
        text-align: center;

        margin-right: 10px;
    }
    #bannerlogo img {
        max-width: 170px;
        margin-left: 0;
    }
    #top-contact > a {

        font-size: 15px;
        display: block;
    }
    .head-product .slider-info .price p {
        font-size: 14px;

    }
    .head-product .slider-info .price .price-order {
        font-size: 18px;
    }
    .button, button, button.btn, input.btn, .btn, .btn-group > .btn.active {
        padding: 10px 10px;
        font-size: 13px;
    }
.catalog-item-name {
    font-size: 15px;
    word-break: break-all;
    word-break: break-word;
}
.vid-color {
    width: auto;
}
.youtube-video img.video-img {
    height: auto;
}
span.catalog-item-price-normal {
    font-size: 13px;
}
.skidki h3 {
    color: #fff;
    text-shadow: 1px 1px 1px #a06000e3;
    font-size: 26px;
}
.skidki {
    position: relative;
    bottom: inherit;
    text-align: center;
    width: 100%;
    padding: 21px;
}
.skidki span.tel {

    display: block;
}
.view-featured #header #top-contact a {
    font-size: 20px;
    display: block;
    margin-top: 5px;
}
.view-featured #header #top-contact > a:nth-child(3) {
    font-size: 14px;
}
img {
	max-width: 100%;
	height: auto;

}
.catalog-item-img img{
            width: 100%;
}
.container-fluid {
    padding: 0 15px;
    min-width: 320px;
    max-width: 100%;
}
.category-bl {
    width: calc(100% / 2 - 10px);
    margin: 10px 5px;
}
.category-bl {
    min-height: 100px;
}
.category-bl a span {
    font-size: 13px;
    line-height: 1.2;
    left: 0;
    right: 0;
}
.catalog-item {
    width: calc(100% / 1 - 5px);
}
#top-contact span {
    display: none;
}
.container {
	width: 292px;
}

.hidemobile1,
.hide-phone-p {
	display: none !important;
}

[class*="cols"].stack-1,
[class*="cols"].stack-phone-p {
	flex-direction: column;
}

[class*="cols"].stack-1 > *,
[class*="cols"].stack-phone-p > * {
	width: auto !important;
}

#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#header > .inner {
	flex-direction: column;
}
#header .flexiblecolumn {
	width: 100% !important;
float: none;
}
#header .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#headercolumn1 > .inner {
	flex-direction: column;
}
#headercolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#headercolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannerlogo {
	height: auto !important;
}
#bannerlogo .logobloc {
	float :none !important;
	width: auto !important;
}
#headercolumn2 > .inner {
	flex-direction: column;
}
#headercolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#headercolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#top-contact {
	height: auto !important;
}
#top-contact .logobloc {
	float :none !important;
	width: auto !important;
}
#fix-nav > .inner {
	flex-direction: column;
}
#fix-nav .flexiblecolumn {
	width: 100% !important;
float: none;
}
#fix-nav .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#nav {
	height: auto !important;
}
#nav ul {
	height: auto !important;
}
#nav li {
	float :none !important;
	width: 100% !important;
}
#nav div.floatck, #nav li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#nav div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#nav .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px !important;
}
#nav .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#nav .mobileckhambuger_toggler:checked + * {
	display: block !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#right {
	height: auto !important;
}
#right .logobloc {
	float :none !important;
	width: auto !important;
}
#pralax-block {
	height: auto !important;
}
#pralax-block .logobloc {
	float :none !important;
	width: auto !important;
}
#footer {
	height: auto !important;
}
#footer .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle1 {
	height: auto !important;
}
#ckcustomstyle1 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomstyle2 {
	height: auto !important;
}
#ckcustomstyle2 .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutsearch {
	height: auto !important;
}
#ckcustomlayoutsearch .logobloc {
	float :none !important;
	width: auto !important;
}


}