@media (max-width: 800px) {
    html { font-size: 18px; }
    .content-block { padding-left: 4vw; padding-right: 4vw; }
    .inner-page-header { /*min-height: 7.5rem; */padding-left: 4vw; padding-right: 4vw; }
    .header-home .header-content { padding-left: 18vw; padding-right: 18vw; } 
    .header-logo { max-width: 18.519vw; }
    .header-home h1 { font-size: 8.102vw; }
    .new-popup .new-popup-header { padding-left: 4vw; padding-right: 4vw; margin-bottom: 3em; } 
    .new-popup .new-popup-content { padding-left: 20px; padding-right: 20px;  }
    .new-popup:not(.top-popup) .new-popup-content { padding-top: 0; }
    .cards_wrap > div { width: calc(100% - 2em); }
    .module-data-block, .lazy-load-element, .day_subdata_block { width: 100%; }
    .main_contentWrap { padding: 3em; }
    .landscape_only {display: none !important;}
    .mobile_only {display: flex !important;}
    .top_buttons_wrap {flex-direction: column;}
    .buttons_sub_wrap, .buttons_sub_wrap > * {width: 100%}
    .chart_div,.document-element {width: 100%;}
    .btn.add-btn {min-height: 3rem; font-size: var(--h5);}
    .main_wrap > * {width: 100%;}
    .activity_box { flex-direction: column; }
    .rank_box { width: 100%; }
    .rank_box:not(:first-child) { margin-top: 0.6rem; }
}
@media (max-width: 576px) {
    html { font-size: 3.2vw; }
    .link-arrow { top: -0.1em; }
    .new-popup .new-popup-header { padding-left: 20px; padding-right: 20px; } 
    .inner-page-header { padding-left: 20px; padding-right: 20px; }
    .field-box {width: 100%;}
    .title-icon.big {font-size: 2rem;}
    .radio-field {min-width: 50%;}
    .day_subdata_block .landscape_columns {flex-direction: column; align-items: normal;}
    .day_subdata_block .landscape_columns > div:not(:first-child) {margin-left: inherit; margin-top: 1em;}
    .new-popup .add-comment-wrap .btn {height: 40px;}
    .photos_block_wrap { grid-template-columns: repeat(auto-fill, calc((100% - 1.5em)/2)); }
    .module-data-block { font-size: var(--h7); }
    .module-data-block .title .main { font-size: var(--h5); }
    .main_contentWrap { padding: 2em; }
    .dlc_product .single-counter .counter-button {display: none}
    .dlc_product .single-counter input {width: 3rem}
    .custom-select .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: auto}
    .select2-container--default .select2-results__option[aria-selected=true]:after {display: none}
    .custom-select {min-width: 5rem}
    .dashboard_section {width: 100%;}
}