@media only screen and (max-width: 767px) {
body {
    font-size: 14px;
	/* overflow-x: hidden; */
}
hr {
    width: 30%;
}
.h1, h1, h2 {
    font-size: 24px;
}
h2, h3 {
    font-size: 24px;
	max-width: 90%;
}
h2+p {
    max-width: 90%;
}
.btn {
    padding: 10px 25px;
    font-size: 14px;
}



.logo {
    flex: 40% 0 0;
    margin-right: 15px;
}
.logo svg {
    width: 100%;
}

nav {
    order: 3;
    margin: 0;
    padding: 0 !important;
    justify-content: flex-end;
    position: relative;
    flex: 45px 0 0;
}
.menu-toggle {
    display: block;
    order: 0;
}
.menuwrap {
    display: none;
    /* align-items: center; */
    flex: 100%;
}
.menuwrap.active {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    backdrop-filter: blur(7px);
    border-radius: 8px;
}
ul#menu {
    display: flex;
    flex-flow: column;
    background: #FFFFFF33;
    border-radius: 8px;
}
ul#menu a {
    margin: 15px 30px;
    font-size: 16px;
    white-space: nowrap;
}


.header-contacts {
    flex: 1 0 0;
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    flex-flow: row;
}
.footer-contacts a, .header-contacts a {
    display: inline-block;
    background: #FFFFFF33;
    padding: 10px;
    border-radius: 12px;
}
.header-contacts svg {
    display: block;
}
.header-contacts span {
    display: none;
}

.mb2item {
    flex: 33.333% 0 0;
}

.breadcrumbs {
    margin-top: 6px;
}

.main-banner .banner-bg {
    padding-top: 130%;
}
.banner p {
    max-width: 90%;
    font-size: 15px;
    margin-bottom: 45px;
}
.banner.v3 p {
    max-width: none;
    margin: 0;
    text-align: left;
    font-size: 15px;
}
.banner-bg {
    padding-top: 110%;
}
.banner.v3 figure.banner-bg {
    padding-top: 80%;
}
.banner h1 {
    max-width: 100%;
    font-size: 24px;
}
.banner.v3 h1 {
    font-size: 24px;
    max-width: none;
    text-align: left;
    margin-bottom: 6px;
}
.bannerspace {
    height: 600px;
    height: 42vh;
}
.bannerbtn {
    flex-flow: column;
    justify-content: flex-start;
    gap: 20px;
}
.bannerbtn >div:last-child {
    flex: 1;
    text-align: left;
}
.banner.v3 .btnwrap {
    position: relative;
    text-align: left;
    bottom: 0;
    right: 0;
    margin-top: 15px;
}


.prod .swiper-button-prev {
    left: 0px;
}
.prod .swiper-button-next {
    right: 0px;
}
.prod.v2 .swiper-button-prev {
    top: 44%;
}
.prod.v2 .swiper-button-next {
    top: 44%;
}


.adv-item {
    flex: 100% 0 0;
	padding: 0px 30px 15px;
}

section.adv.v4 {
    margin-top: 45px;
}
.adv.v4 h2 {
    margin-bottom: 60px;
}
.adv.v4 .adv-item {
    flex: 100% 0 0;
	padding: 0px 20px 20px;
}

.about-l {
    flex: 100%;
}
.about-r {
    flex: 100% 0 0;
    margin-top: 15px;
    padding-left: 0;
}
.about-r img {
    border-radius: 12px;
    height: 75%;
    width: 100%;
    object-fit: cover;
    position: relative;
}


.log-l {
    flex: 100% 0 0;
}
.log-r {
    flex: 100% 0 0;
    padding-left: 0;
}



.sel-l {
    flex: 100% 0 0;
}
.sel-r {
    flex: 100% 0 0;
}
.sel-txt {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-flow: column;
    padding: 25px 15px;
    max-width: 80%;
}
.sel-l .sel-txt h2+p {
    text-shadow: 0 0 10px #fff, 0 0 5px #fff;/*, 0 0 3px #fff;*/
}
.sel-r .sel-txt h2+p {
    text-shadow: 0 0 10px #000, 0 0 5px #000;/*, 0 0 3px #000;*/
}


section.adv.v3 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.stages-lines {
    display: none;
}
.stage-item {
    margin-left: 0!important;
	position: relative;
}
.stage-icon {
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    border-radius: 0;
}
.stage-number {
    font-size: 96px;
    margin-right: 20px;
    font-family: monospace;
}
.stage-txt p {
    font-size: 12px;
}


.stages.v2  h2 {
    font-size: 32px;
    margin-bottom: 0;
}
.stages.v2 .stages-wrap {
    flex-flow: column;
    gap: 0;
}
.stages.v2 .stages-lines {
    display: none;
}
.stages.v2 .stage-item {
    flex: 100% 0 0;
    margin-left: 0!important;
    margin-top: 30px;
    position: relative;
    max-width: none;
    min-height: 0;
}
.stages.v2 .stage-icon {
    position: relative;
    bottom: auto;
    left: 0;
    width: 100%;
    margin: 0;
    flex: 20% 0 0;
}
.stages.v2 .stage-number {
    display: none;
}
.stage-txt {
    flex: 80% 0 0!important;
}
.stages.v2 .stage-txt p {
    font-size: 16px;
}

.logi-wrap {
    margin-top: 0px;
}
.logi-txt {
    flex: 80% 0 0;
    font-size: 12px;
}
.map-r {
    flex: 100%;
    order: -1;
}
.map-l {
    flex: 100% 0 0;
}
.map-l p {
    line-height: 1.7;
    max-width: none;
}


.products-item {
    flex: 100% 0 0;
}
.products-item h3 a {
    font-size: 18px;
}
.products-item figure {
    padding-top: 50%;
}

.products-item.long figure {
    padding-top: 85%;
}
.products-item.long .products-info {
    padding-left: 15px;
    max-width: 90%;
}
.products-item.long .products-info p {
    margin-top: 5px;
    margin-bottom: 10px;
}


section.product {
    margin-top: 15px;
}
.product-wrap {
    gap: 30px;
}
.product-img {
    flex: 100% 0 0;
    order: -1;
}
.product-fr input[type="radio"]+span {
    margin-right: 4px;
    display: inline-block;
    padding: 9px 45px;
    margin-bottom: 8px;
}
.product-block {
    flex-flow: column;
    gap: 30px;
}
.product-img figure {
    position: relative;
    height: 100%;
    padding: 0;
    width: 100%;
}
.product-img figure img {
    position: relative;
}



.top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    flex-flow: row wrap;
	margin-top: -6px;
}
.top-list {
    border-radius: 8px;
    flex: 100% 0 0;
    flex-flow: column;
}
.top-product-wrap.active {
    gap: 15px;
    flex-flow: column;
}
.top-product-fr {
    flex-flow: column;
}
.top-product-img {
    flex: 100% 0 0;
    padding-top: 40%;
    position: relative;
    height: 0;
}
.top-product-img figure {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.top-product-prop {
    flex: 100% 0 0;
    order: -1;
}
.top-product-prop h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.top-product-prop p {
    font-size: 14px;
    margin-bottom: 10px;
}
.top-product-fr input[type="radio"]+span {
    font-size: 16px;
    padding: 9px 30px;
    margin-bottom: 8px;
}
.top-product-txt {
    flex: 100% 0 0;
    font-size: 14px;
}
.top-product-price {
    flex: 100% 0 0;
}


.adv.v5 .adv-wrap {
    padding: 20px 20px 20px;
	gap: 30px;
}
.adv.v5 .adv-item {
    flex: 100% 0 0;
}
.form-wrapper {
    max-width: 500px;
    /* margin: 0 auto; */
    position: relative;
    margin-left: 0%;
    padding: 30px 15px 40px;
}
.form-shd {
    left: -14px;
    width: calc(100% + 27px);
}

.form-input, .form-textarea {
    margin-bottom: 15px;
}
.footerwrap {
    padding-left: 0;
}
.form-checkbox {
    margin-top: 20px;
}
.ftbgline {
    display: none;
}
.fthdrb1 {
    flex: 100%;
}
.fthdr h3 {
    font-size: 32px;
}
.fthdrb2 {
    flex: 100%;
    order: -1;
}
.fb-text {
    flex-flow: column;
}
form input[type="radio"] + span {
    font-size: 14px;
}

.footer {
    padding: 45px 0;
}
.footer-brand {
    flex: 100% 0 0;
    text-align: center;
}
.footer-contacts {
    flex: 100% 0 0;
}
.footer-info {
    flex: 100% 0 0;
    text-align: center;
    justify-content: center;
}
}