@media (max-width: 767.98px) {
  .h576 {
    display: none !important;
  }
  .v576 {
    display: flex !important;
  }
  :root {
    --container: 540px;
  }
.hero__btn {
    flex-direction: column;
    align-items: flex-start;
}
.catalog_wrap {
    grid-template-columns: repeat(1, 1fr);
}
.catalog_section {
    height: auto;
}
.catalog_section_inner {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}
.catalog_section::before{
    clip-path: circle(0px at 60px 170px) !important;
    transition: none !important;
}
.catalog_hover .img {
    display: none;
}
.catalog_section .catalog_section_inner,
.catalog_section .catalog_hover,
.catalog_section .more{
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    transition: none !important;
}

.catalog_section:hover::before,
.catalog_section:focus-visible::before{
    clip-path: circle(0px at 60px 170px) !important;
}
.catalog_section:hover .catalog_section_inner,
.catalog_section:focus-visible .catalog_section_inner{
    opacity: 1 !important;
    transform: none !important;
}
.catalog_section:hover .catalog_hover,
.catalog_section:focus-visible .catalog_hover{
    opacity: 0 !important;
    transform: none !important;
}
.catalog_section:hover .more,
.catalog_section:focus-visible .more{
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
}
.about_preim {
    row-gap: 60px;
    flex-direction: column;
}
.about_preim__item:not(:last-child)::after {
    top: auto;
    bottom: -30px;
    right: 0;
    left: 0;
    transform: none;
    height: 1px;
    border-bottom: 1px solid var(--white);
    opacity: 0.6;
}

.about_preim__item:nth-child(2)::after {
    content: "";
}
.laboratory_img {
    flex-direction: column;
}
.laboratory_img .img img {
    height: 220px;
}
.popularSlider {
    overflow: visible;
}
.contact_wrap {
    grid-template-columns: repeat(1, 1fr);
}
.contact_item .title br {
    display: none;
}

.services_section {
    grid-template-columns: repeat(2, 1fr);
}
.services_section {
    grid-template-columns: repeat(1, 1fr);
}
.services_section_inner {
    flex-direction: row;
}
.ms2_product_btn .more_circle {
    display: none;
}

.catalog_list {
    grid-template-columns: repeat(2, 1fr);
}
 
.info_wrap.info_page {
    grid-template-columns: repeat(1, 1fr);
}  
.form_consult .feedback__btn {
    align-items: flex-start;
    flex-direction: column;
}
.form_consult .btn {
    max-width: 100%;
}
.work_page {
    grid-template-columns: repeat(1, 1fr);
}
.etap {
    grid-template-columns: 1fr;
    gap: 16px;
}
.etap_item {
    padding: 18px;
    border-radius: 16px;
}
.etap_icon {
    width: 56px;
    height: 56px;
}
.etap_text {
    font-size: 15px;
}
ol.steps_timeline {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 24px 0;
    padding-left: 18px !important;
}

ol.steps_timeline::before {
    left: 0;
    top: 12px;
    bottom: 12px;
    transform: none;
}

ol.steps_timeline > li,
ol.steps_timeline > li:nth-child(odd),
ol.steps_timeline > li:nth-child(even) {
    grid-column: auto;
    padding: 18px 18px 18px 64px !important;
    border-radius: 18px;
    font-size: 16px;
}

ol.steps_timeline > li::before {
    left: 18px;
    top: 18px;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
}

ol.steps_timeline > li::after,
ol.steps_timeline > li:nth-child(odd)::after,
ol.steps_timeline > li:nth-child(even)::after {
    left: -18px;
    right: auto;
    top: 32px;
    width: 18px;
}



}