@media (max-width: 575.98px) {
  .h320 {
    display: none !important;
  }
  .v320 {
    display: flex !important;
  }
  :root {
    --container: 100%;
    --font-size: 15px;
  }
    html {
      font-size: 6px;
    }

.footer_left {
    max-width: 100%;
    order: 1;
}
.footer_mail {
    margin: 3rem 0 0;
}
.footer_line {
    flex-direction: column;
}
.footer_menu {
    flex-direction: row;
    flex-wrap: wrap;
}
.footer_menu_item {
    width: 46%;
}
.feedback__img img {
    display: none;
}
.form_page .feedback__items {
    grid-template-columns: repeat(1, 1fr);
}
.color_palettes {
    grid-template-columns: repeat(2, 1fr);
        gap: 2px;
}
.catalog_tab_item {
    font-size: 12px;
}
.catalog_tabs_content::after, .catalog_tabs_content::before {
    width: 15px;
}
.catalog_intro .text-content {
    font-size: 14px;
}
.btn_more, .teach_right {
    font-size: 15px;
}
.catalog_item .name {
    font-size: 14px;
}
.stat_label {
    font-size: 13px;
}
.about_btn .btn {
    width: 100%;
}
.hero_main {
    min-height: 65vh;
}
.feedback__items input, .feedback__items textarea {
    padding: 20px 24px;
}
.form {
    background: rgba(249, 247, 243, 0.7);
    padding: 5rem 0 0;
}
.products_section .name {
    font-size: 15px;
}
.catalog_heading {
    gap: 4rem;
}
.breadcrumb {
    font-size: 13px;
}
.product_btn {
    gap: 3rem;
    flex-direction: column;
    align-items: flex-start;
}
.product_calc_form {
    font-size: 14px;
    flex-direction: column;
}
.calc_form_item input {
    width: 100%;
    height: 40px;
    font-size: 16px;
}
.product_size, .product_color {
    font-size: 15px;
}
.product_calc_title {
    font-size: 16px;
}
.product_desc_item .content {
    font-size: 14px;
}
h3, .h3 {
    font-size: 3rem;
}
.text-content h1 {
  font-size: 1.5em;
}
.text-content h2 {
  font-size: 1.3em;
}
.text-content h3 {
  font-size: 1.2em;
}
.products_category_item .name {
    font-size: 15px;
}
.palette_grid {
    margin-bottom: 0;
}
.product_desc_item .content {
    padding: 0;
}
.footer_menu .footer_menu_item:first-child {
    width: 100%;
}
.footer_menu .footer_menu_item:first-child .fmenu {
    flex-direction: row;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin: 0 0 10px;
}
.sicon {
    width: 40px;
    height: 40px;
}
.sicon.tg .img {
    width: 19px;
}
.sicon.vk .img {
    width: 22px;
}
.sicon.dzen .img {
    width: 25px;
}
.sicon.rutube .img {
    width: 21px;
}
.teach_num .content_stats {
    background: #fbfbfb;
    padding: 20px 10px 40px;
}
.teach_btn .btn {
    width: 100%;
}
.silk_colors_list {
    grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 429.98px) {
    .catalog_item .name {
        font-size: 12px;
    }
.catalog_heading {
    align-items: flex-start;
    gap: 2rem;
    flex-direction: column;
}
.coloring_work_wrap {
    grid-template-columns: repeat(1, 1fr);
}
.coloring_preim_wrap {
    grid-template-columns: repeat(1, 1fr);
}
.coloring_preim_item {
    width: 100%;
}
.coloring_work_wrap {
    row-gap: 20px;
    padding: 20px 0;
}
.coloring_work_wrap::before {
    content: "";
    position: absolute;
    top: auto;
    width: 100%;
    height: 100%;
    left: 20px;
    border-left: 1px solid var(--clr-accent);
    border-top: 0;
}
.coloring_workitem span {
    bottom: auto;
    width: 20px;
    min-width: 20px;
    height: 20px;
    position: relative;
    top: 10px;
}
.coloring_workitem .name {
    padding: 0 0 0 20px;
}
.coloring_workitem {
    text-align: left;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 10px 0;
}
.coller_pk {
    gap: 15px;
    flex-direction: column;
}
.coller_pk_text {
    width: 100%;
    padding: 8px;
}
.teach_it {
    width: 100%;
}
.stat_teach_wrap .line {
    display: none !important;
}



}

@media (max-width: 379.98px) {
    .catalog_item .name {
        font-size: 10px;
    }

}