/* Для мобильных телефонов */
@media (max-width: 576px) {
    /* Стили для экранов до 576px (мобильные телефоны) */


:root {
  --main-container: calc(100% - 20px);
  --small-container: calc(100% - 20px);
  --radzel-margin: 70px;
  --radzel-dop: 70px;  
}


html, body {
    font-size: 14px;
    font-weight: 300;
}

h1 {
    font-size: 16px;
}

h2 {
    font-size: 30px;
    margin-bottom: 20px;   
}

h3 {
    font-size: 24px;
    margin-bottom: 10px;   
}

h4 {
    font-size: 18px;
}

p {
   line-height: 130%;
   margin-bottom: 5px;
}

.menu-left, .menu-right  {
    font-size: 14px;
}

.menu-desktop3-footer {
    padding-top: 20px;  
}

footer {
    padding-top: 5px;
    padding-bottom: 10px;
}

.razdel-dop {
    margin-top: 40px;
}

.div-hidden-smart {
    display: none;
}

.div-hidden-desktop {
    display: block;
}

.container {
    padding: 15px;
}

.p-small {
    font-size: 10px;
}


.grid {
    display: grid;
    grid-column-gap: 8px;
    margin-bottom: 8px;
    grid-template-columns: repeat(4, 1fr);
}

.grid-model-one {
    grid-template-columns: 1fr;
    
}

.form-row, .form-row-long, .form-row-small, .form-row-mini {
    grid-column-gap: 12px;
}

.form-row-long {
    padding-top: 15px;
}

.form-row-mini {
    margin-top: 15px;
}

.form-row-name-result {
    font-size: 16px;
}

}