@media screen and (min-width: 1200px) and (max-width: 1439px) {
  .main_middle {
    width: 1200px;
  }

  .page_roof .roof_menu {
    gap: 60px;
  }

  /* about_wrapper */
  .about_wrapper {
    padding: 100px 0;
  }


  /* inside_contact */

  .inside_map {
    width: 730px;
  }

  .contact_content {
    width: 400px;
  }
}