/* Стили для мобильных устройств */

@media screen and (max-width: 1100px)
{
  :root{
    --page-side-width: 20px;
    --cells-distance: 20px;
  }
  .pull_menu_button {
    display: inline-block;
  }
  .nyam {
    display: none;
  }
  .menu {
    display: none;
  }
  .logo_description {
    display: none;
  }
  .search_block {
    display: block;
  }
  header .search_block {
    display: none;
  }
  .header_middle {
  text-align: right;
  }
  .logo_pic {
    width: 120px;
  }
  .up {
    display: none;
  }
}

@media screen and (max-width: 600px)
{
  :root{
    --page-side-width: 20px;
    --cells-distance: 20px;
  }
  .menu {
    display: none;
  }
  .logo_description {
    display: none;
  }
  .search_block {
    display: block;
  }
  header .search_block {
    display: none;
  }
  header .add_button {
    /*! display: none; */
    font-size: 0px;
    padding-left: 25px;
  }
  .category_big {
    width: calc(100% - var(--cells-distance));
    height: 210px;
  }
  .category {
    width: calc(100% / 2 - var(--cells-distance));
  }
  .recipe {
    width: calc(100% - var(--cells-distance));
  }
  h1 {
    font-size: 26px;
  }
  h2 {
    font-size: 23px;
  }
  .user {
    width: calc(100% / 3 - var(--cells-distance));
  }
  .ingredient {
    width: calc(100% / 2 - var(--cells-distance));
  }
  .window_borders {
    margin: 20px 20px 30px 20px;
    max-width: calc(100% - 2 * 20px);
  }
  .window_content {
    padding: 30px;
  }
  .window_content input {
  }
  .logo_pic {
    width: 120px;
  }
  .up {
    display: none;
  }
  .recipe_main_pic {
    width: 100%;
    height: 250px;
  }
  .recipe_main_info {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 82px;
    padding-bottom: 20px;
  }
  .recipe_main_description {
    position: relative;
    top: 0px;
  }
  .h1_controls {
  bottom: 20px;
  }
  .recipe_edit_controls {
    top: auto;
    bottom: -55px;
    right: 10px;
  }
  .h1_button{
    width: 26px;
    height: 26px;
    /*! top: -2px; */
  }
  .recipe_ingregients_info {
    display: block;
  }
  .recipe_ingregients_info_left {
    display: block;
    width: 100%;
  }
  .recipe_ingregients_info_right {
    display: block;
    width: 100%;
    padding-top: var(--cells-distance);
  }
  .nutrients {
    width: calc(100% + var(--cells-distance));
    left: 0px;
  }
  .recipe_step {
    display: block;
  }
  .recipe_step_left {
    width: 100%;
  }
  .recipe_step_right {
  }
  .recipe_step_pic {
    width: 100%;
    height: 200px;
    min-width: auto;
  }
  .recipe_step_description {
    width: 100%;
  }
  .editor_main_pic_uploader {
    width: 100%;
  }
  .pic_uploader {
  }
  .editor_selector_line textarea {
    width: 100%;
    display: block;
    margin: 0px 0px 10px 0px;
  }
  .editor_selector_line .pic_uploader {
    display: block;
    width: 100%;
  }
  .ingredient_info_pic {
    margin: 0px auto;
  }
  .ingredient_info {
    display: block;
  }
  .ingredient_info_right {
    padding-top: var(--cells-distance);
  }
  .ingredient_info .nutrients {
    width: calc(100% + var(--cells-distance));
  }
  .ingredient_info .nutrient {
    width: calc(100% / 4 - var(--cells-distance));
  }
  .editor_selector_line input {
    margin-top: 10px;
  }
  .editor_selector_line select:not(:first-child) {
    margin-top: 10px;
  }
  .editor_main_pic_uploader .pic_uploader {
    width: 100%;
  }
  .recipe_ingredients_cell:first-of-type {
    padding-right: 15px;
  }
  .recipe_ingredients {
    padding: 10px var(--cells-distance);
  }
  .recipe_main_info .rating {
    left: 20px;
    right: auto;
    bottom: auto;
    top: 20px;
  }
  .recipe_main_info .timer {
    top: 43px;
    bottom: auto;
    left: 20px;
    right: auto;
  }
  header .user_name {
    display: none;
  }
  .header_middle {
  text-align: right;
  }
  .header_right {
    padding-left: 10px;
  }
  .editor_selector_line select:first-child {
    width: 100%;
  }
  .header_left {
    width: 139px;
  }
  header .user_pic {
    margin: 0px;
  }
  .nutrient {
    width: calc(100% / 4 - var(--cells-distance));
    padding: 10px;
  }
  .nutrient_title {
    font-size: 12px;
  }
  .nutrient_value {
    font-size: 18px;
    margin-top: 10px;
  }
  .nutrient_unit {
    font-size: 10px;
  }
  .pull_menu_button {
    display: inline-block;
  }
  .nyam {
    display: none;
  }
  .views {
    bottom: 12px;
  }
  .content_controls {
    display: block;
  }
  .h1_back {
    width: 14px;
    height: 24px;
  }
  .h1_with_back {
    padding-left: 29px;
  }
  .category_title {
    font-size: 12px;
    border-radius: 16px;
    padding: 7px 15px 8px;
  }
  .window_content .pic_uploader {
    margin-left: auto;
    margin-right: auto;
  }
}



/* КОНЕЦ МОБИЛЬНЫХ СТИЛЕЙ */