@media screen and (max-width: 479px) {
  .project-name {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .issue-result-div {
    flex-basis: 100%;
    justify-content: space-between;
  }

  .single-issue-content {
    margin-right: 0;
  }

  body[dir="rtl"] .single-issue-content {
    margin-left: 0;
  }

  .issue-supporters-homepage.no-gap.no-width {
    width: auto;
    margin-right: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .alert-text-area.goals.no-gap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .box-small-text.separator.remove-on-mobile {
    display: none;
  }

  .single-issue-lead {
    flex-flow: column nowrap;
    padding: 0;
  }

  body[dir="rtl"] .single-issue-lead {
    padding: 0;
  }

  .single-issue-progress {
    flex-flow: row wrap;
    gap: 10px;
  }

  .single-issue-title {
    margin: 10px 0;
    width: 100%;
  }

  .data-div-icon {
    display: block;
  }

  .single-issue-stats {
    display: none;
  }

  .user-issue-image {
    border-radius: 8px 8px 0 0;
    width: 100%;
    margin-right: 0;
  }

  body[dir="rtl"] .user-issue-image {
    border-radius: 8px 8px 0 0;
  }

  .issues-graph-content {
    display: flex;
  }

  body[dir="rtl"] .user-issue-image {
    margin-left: 0;
  }

  .button.white.dropdown.admin {
    margin-left: auto;
  }

  .button.grey._5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .button.action {
    margin-right: 0;
    padding-right: 5px;
    padding-left: 30px;
    font-size: 11px;
  }

  .button.card-button {
    width: 100%;
  }

  .button.card-button.blue {
    margin-bottom: 8px;
    margin-left: 0;
  }

  .issue-add-goal {
    min-height: 239px;
  }

  .button.card-button.white {
    margin-right: 20px;
  }

  .button._100.login-flow {
    font-size: 14px;
  }

  .button.small {
    height: 30px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 700;
  }

  .button.small.gap-after {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
  }

  .button.small.short {
    min-width: 80px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .button.small.short.content-table {
    margin-right: 0;
  }

  .button.small.goal {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .button.small.right {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .button.dropdown.create {
    bottom: 55px;
  }

  .button.gap-after.full-width {
    margin-right: 0;
    margin-bottom: 0;
  }

  .button.medium {
    min-width: 120px;
  }

  .button.icon {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .button.limited {
    width: auto;
  }

  .participant-pic.round.question-card {
    display: block;
    margin: -30px auto 5px;
    border: 1px solid #026b92;
  }

  .participant-pic.round.question-card.inline {
    display: none;
  }

  .participant-pic.round.large {
    margin-bottom: 20px;
  }

  .participant-pic.round.table {
    width: 27px;
    height: 27px;
  }

  .participant-pic.round.graph {
    width: 27px;
    height: 27px;
  }

  .participant-title {
    margin-bottom: 0;
  }

  .widget {
    margin-bottom: 5px;
  }

  .widgets-block {
    max-width: 100%;
  }

  .widget.welcome {
    margin-bottom: 3vw;
  }

  .widget.leaders-admin {
    width: 98%;
  }

  .widget.stages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .thumbnail.grid {
    display: block;
    margin-right: 5px;
    margin-left: 5px;
  }

  .thumbnail.issues {
    display: none;
  }

  .object-text-box.question {
    padding-right: 0;
    padding-left: 0;
  }

  .object-text-box.question.white {
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .object-text-box.proposals {
    padding-right: 0;
  }

  .site-name-box {
    margin-left: 10px;
  }

  .site-name-box.he {
    margin-right: 10px;
  }

  .signup-fieldbox {
    margin-bottom: 10px;
  }

  .stats-numbers.admin {
    font-size: 35px;
  }

  .stats-numbers.admin-goals.small {
    font-size: 25px;
  }

  .stats-box._20 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .nav-button {
    padding-bottom: 8px;
    font-size: 11px;
    line-height: 11px;
  }

  .nav-button.w--current:hover {
    padding-bottom: 8px;
  }

  .nav-button.cell {
    background-size: 3em;
  }

  .nav-button.cell.w--current {
    background-color: rgba(47, 171, 225, 0.11);
    background-image: url("/issues/images/noun_Cells_1560854.png");
    background-position: 50% 5%;
    background-size: 3em;
    background-repeat: no-repeat;
  }

  .nav-button.cell.w--current:hover {
    border-bottom-style: solid;
  }

  .nav-button.home {
    background-image: url("/issues/images/noun_Home_2275866-1.svg");
    background-position: 50% 17%;
    background-size: 2.5em;
    background-repeat: no-repeat;
  }

  .nav-button.home.w--current {
    border-bottom-style: none;
    background-color: rgba(47, 171, 225, 0.11);
  }

  .nav-button.members {
    background-image: url("/issues/images/noun_members_3021696.svg");
    background-position: 50% 5px;
    background-size: 3em;
    background-repeat: no-repeat;
  }

  .nav-button.events {
    background-position: 50% 25%;
    background-size: 2.1em;
  }

  .nav-button.issues {
    background-position: 50% 25%;
  }

  .nav-button.issues.he {
    font-size: 12px;
  }

  .nav-button.questions {
    background-position: 50% 20%;
  }

  .nav-button.questions.w--current:hover {
    padding-bottom: 8px;
  }

  .nav-button.questions.he {
    font-size: 12px;
    font-weight: 400;
  }

  .nav-button.highlights {
    background-image: url("/issues/images/noun_Home_2275866-1.svg");
    background-position: 50% 17%;
    background-size: 2.5em;
    background-repeat: no-repeat;
  }

  .nav-button.highlights.w--current {
    border-bottom-style: none;
    background-color: rgba(47, 171, 225, 0.11);
  }

  .nav-button.people {
    background-position: 50% 20%;
  }

  .nav-button.people.he {
    font-size: 12px;
  }

  .nav-button.profile {
    background-position: 50% 15%;
    background-size: 30px 30px;
  }

  .card {
    max-width: 100%;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
  }

  .card.cell {
    height: auto;
    padding-bottom: 15px;
  }

  .card.inside {
    width: 100%;
  }

  .card.profile {
    min-width: 130px;
  }

  .card.leader {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px none #000;
    background-color: transparent;
  }

  .card.member {
    max-width: 400px;
    min-width: 80px;
  }

  .card.group {
    width: 100%;
  }

  .update-text {
    width: 80%;
  }

  .page-header {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .event-name {
    text-align: center;
  }

  .site-heading {
    font-size: 17px;
    line-height: 19px;
    font-weight: 600;
  }

  .site-heading.he {
    font-size: 20px;
    line-height: 23px;
  }

  .site-menu {
    width: 100%;
  }

  .site-link {
    padding-left: 10px;
  }

  .live-search-box.small.community {
    width: 100%;
  }

  .live-search-box.small.plans {
    width: 100%;
  }

  .live-search-box.small.goals {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .section-image {
    height: 77vh;
    margin-right: 3vw;
    margin-left: 3vw;
  }

  .section-image.home {
    height: 70vh;
    margin-right: 0;
    margin-left: 0;
  }

  .section-image.dashboard {
    margin-right: 0;
    margin-left: 0;
  }

  .icon._45.plans {
    width: 35px;
    height: 35px;
  }

  .icon._35.plans {
    width: 25px;
    height: 25px;
  }

  .icon.meet {
    width: 22px;
    height: 22px;
  }

  .icon.meet._30 {
    width: 20px;
    height: 20px;
  }

  .icon.delete {
    width: 20px;
    margin-left: auto;
  }

  .card-participant-title {
    margin-bottom: 0;
  }

  .card-participant-title.space-under.left {
    text-align: center;
  }

  .card-participant-title.meet {
    width: 100%;
    margin-bottom: 20px;
  }

  .card-participant-title.meet {
    margin-bottom: 5px;
  }

  .card-circle.medium {
    width: 50px;
    height: 50px;
  }

  .card-circle.meet {
    width: 40px;
    height: 40px;
  }

  .card-name-tilte {
    margin-right: 0;
    margin-left: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
  }

  .card-name-tilte.space-above {
    margin-right: 10px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 600;
  }

  .card-name-tilte.meet {
    margin-top: 5px;
  }

  .card-name-tilte.meet {
    width: 100%;
  }

  .object-name {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 17px;
    line-height: 1.2em;
    font-weight: 600;
  }

  .object-name.left {
    text-align: left;
  }

  .page-title.meet {
    font-size: 50px;
  }

  .object-icon {
    width: 23px;
    height: 23px;
  }

  .object-box.question {
    padding-right: 0;
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-style: none;
    border-color: #000;
    border-radius: 8px;
    box-shadow: 1px 1px 2px 0 #f5f5f5;
  }

  .object-box.media.new {
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .column.community {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .map {
    height: 40vh;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .page-content {
    padding-right: 0;
    padding-left: 0;
  }

  .page-content.white.flow {
    padding-right: 20px;
    padding-left: 20px;
  }

  .page-content.white.join {
    min-height: 100vh;
  }

  .page-content.meet {
    padding-right: 20px;
    padding-left: 20px;
  }

  .page-content.flow {
    padding-right: 20px;
    padding-left: 20px;
  }

  .page-box {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .page-box.back.white {
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 0;
    padding-right: 5px;
  }

  .page-box.full-image.issue {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-box.above-image.issue {
    padding-right: 30px;
    padding-bottom: 0;
    padding-left: 30px;
  }

  .box-title.center.issues {
    margin-top: 0;
    font-size: 36px;
  }

  .box-title.meeting {
    text-align: center;
  }

  .page-box.text.title.issues.no-gap {
    margin-right: 0;
    margin-left: 0;
  }

  .event-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .object-text {
    text-align: center;
  }

  .object-text.light {
    text-align: center;
  }

  .object-text.insights {
    margin-bottom: 20px;
    text-align: left;
  }

  .object-text.action-title {
    text-align: left;
  }

  .object-text.details {
    text-align: left;
  }

  .object-text.details.new.center {
    min-width: 80%;
    margin-top: 5px;
    margin-left: 15px;
    padding-left: 5px;
  }

  .object-text.details.new.large {
    height: 125px;
  }

  .object-text.timeline {
    font-size: 18px;
    text-align: left;
  }

  .object-text.update {
    margin-bottom: 20px;
    text-align: left;
  }

  .object-text.proposal {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 400;
    text-align: left;
  }

  .object-text.media {
    margin-bottom: 20px;
    text-align: left;
  }

  .object-box.plan-in-admin-box {
    padding-right: 8px;
    padding-left: 8px;
  }

  body[dir="rtl"] .object-box.plan-in-admin-box {
    padding-right: 8px;
    padding-left: 8px;
  }

  .object-text.plan-in-admin {
    text-align: left;
    margin-bottom: 10px;
  }

  body[dir="rtl"] .object-text.plan-in-admin {
    text-align: right;
  }

  .back-icon.white {
    width: 25px;
    height: 25px;
    background-size: 20px 20px;
  }

  .read-more.up {
    margin-top: 0;
  }

  .comment {
    line-height: 16px;
  }

  .filter-box {
    margin-bottom: 1vw;
  }

  .filter-box.plan-table.goal {
    display: none;
  }

  .filter-toggle {
    margin-right: 25px;
    padding-right: 20px;
    padding-left: 5px;
  }

  .filter-toggle.selected.admin-contents {
    margin-right: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .filter-toggle.launch-flow {
    margin-right: 0;
  }

  .filter-toggle.meet {
    min-width: 100px;
    margin-right: 0;
  }

  .filter-toggle.answers {
    margin-right: 5px;
    margin-left: 5px;
  }

  .filter-toggle.goal {
    max-width: 100%;
    min-width: 100%;
  }

  .filter-icon {
    font-size: 10px;
  }

  .filter-drowdown {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .filter-drowdown.admin-menu {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .filter-drowdown.admin-menu.year {
    margin-right: 0;
  }

  .filter-drowdown.admin-menu.full {
    width: 100%;
  }

  .filter-drowdown.admin-menu.goal {
    width: 100%;
    margin-left: 0;
  }

  .filter-drowdown.no-gap {
    width: 100%;
  }

  .fitler-box-filters {
    justify-content: flex-end;
    flex: 1;
  }

  .fitler-box-filters.meet {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .separation-div.upload-image {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .event-update-text {
    line-height: 16px;
  }

  .filter-title {
    font-size: 12px;
    line-height: 12px;
  }

  .admin.item {
    border-bottom-color: #e5e5e5;
  }

  .admin.item.selection {
    padding-right: 0;
  }

  .admin.item.upload {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .admin.item.phase {
    height: auto;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .admin.item.phase.extend {
    padding-right: 10px;
    padding-left: 10px;
  }

  .admin.item.contents {
    width: 100%;
  }

  .grid.cells {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    -ms-grid-columns: 1fr 50px 100px;
    grid-template-columns: 1fr 50px 100px;
  }

  .grid.cells.title {
    -ms-grid-columns: 1fr 130px;
    grid-template-columns: 1fr 130px;
  }

  .grid.cells.row {
    -ms-grid-columns: 1fr 130px;
    grid-template-columns: 1fr 130px;
  }

  .grid.updates {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    -ms-grid-columns: 1fr 50px 100px;
    grid-template-columns: 1fr 50px 100px;
  }

  .grid.updates {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    -ms-grid-columns: 1fr 50px 100px;
    grid-template-columns: 1fr 50px 100px;
  }

  .grid.members {
    padding-left: 2px;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    -ms-grid-columns: 50px 1fr 35px;
    grid-template-columns: 50px 1fr 35px;
    font-size: 12px;
  }

  .grid.events {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    -ms-grid-columns: 1fr 50px 100px;
    grid-template-columns: 1fr 50px 100px;
  }

  .grid.events.title {
    -ms-grid-columns: 1fr 130px;
    grid-template-columns: 1fr 130px;
  }

  .grid.proposals {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    -ms-grid-columns: 1fr 40px;
    grid-template-columns: 1fr 40px;
  }

  .grid.questions {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    -ms-grid-columns: 1fr 100px;
    grid-template-columns: 1fr 100px;
  }

  .grid.questions.title {
    -ms-grid-columns: 1fr 130px;
    grid-template-columns: 1fr 130px;
  }

  .grid.questions.issues {
    -ms-grid-columns: 1fr 50px;
    grid-template-columns: 1fr 50px;
  }

  .grid.media {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    -ms-grid-columns: 1fr 50px 50px;
    grid-template-columns: 1fr 50px 50px;
  }

  .grid.plans {
    padding-left: 2px;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    -ms-grid-columns: 50px 1fr 55px;
    grid-template-columns: 50px 1fr 55px;
    font-size: 12px;
  }

  .question-image {
    width: 100%;
    height: 150px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
  }

  .leader {
    padding-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #b2b2b2;
    border-radius: 8px;
  }

  .position-box {
    margin-top: 0;
    margin-left: 0;
    padding-top: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .position-title {
    margin-right: 30px;
    margin-bottom: 13px;
    margin-left: 30px;
    color: #666;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
  }

  .participant-pic-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .ranking-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .cards-inside-card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .cards-inside-card.fixed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    justify-content: space-between;
    width: 100%;
  }

  .box-explanation-text.inside {
    font-size: 10px;
  }

  .update-link.green {
    margin-bottom: 15px;
  }

  .action-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .field-value-div {
    border-color: #b2b2b2;
    background-image: url("/issues/images/noun_Pencil_811376.svg");
    background-position: 97% 50%;
    background-size: 12px;
    background-repeat: no-repeat;
  }

  .grid-text.title {
    font-size: 12px;
    line-height: 16px;
  }

  .grid-text.items {
    padding-left: 5px;
  }

  .grid-text.center {
    font-size: 12px;
    line-height: 16px;
  }

  .grid-text.center.status {
    display: none;
  }

  .grid-text.phone {
    display: none;
  }

  .grid-text.barriers {
    display: none;
  }

  .box-subtitle-filtering {
    display: none;
    width: 100%;
  }

  .admin-input-field {
    width: 100%;
    height: auto;
    margin-top: 5px;
    padding-right: 5px;
    padding-left: 3px;
    text-align: left;
  }

  .admin-input-field.left {
    width: 100%;
  }

  .admin-input-field.left.flow {
    width: 100%;
  }

  .admin-input-field.left.full.empty {
    width: 100%;
    min-width: auto;
  }

  .admin-input-field.left.full.frame.add-plan {
    text-align: center;
  }

  .admin-input-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .admin-input-div.full.page-editor {
    height: 170px;
  }

  .card-delete.popup {
    top: 3px;
    right: 3px;
  }

  .page-box-button-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .page-box-button-div.right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .page-box-button-div.opposite {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-box-button-div.horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .page-box-button-div.full-size {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .add-box {
    width: 100%;
    margin-bottom: 15px;
    padding-right: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #b2b2b2;
    border-right-style: none;
  }

  .add-box.right {
    padding-left: 0;
  }

  .add-box.position {
    border-bottom-style: none;
  }

  .stats-data.admin.no-gap {
    margin-bottom: 0;
  }

  .popup-div {
    padding-top: 7vh;
  }

  .popup-content {
    padding-right: 10px;
    padding-left: 10px;
  }

  .card-fixed {
    width: 100%;
  }

  .card-fixed.leader {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: none none solid;
    border-width: 1px;
    border-color: #000 #000 #666;
    border-radius: 8px 8px 0 0;
    background-color: #f5f5f5;
  }

  .card-fixed.goals {
    margin: 0 auto 10px;
  }

  .card-fixed.add-plan {
    margin: 0 auto 10px;
  }

  .plan-modal-users {
    width: 100%;
  }

  .community-selection-div {
    margin-top: 0;
  }

  .community-selection-div.paging {
    margin-top: 30px;
  }

  .form-block {
    width: 100%;
  }

  .form-block.goal {
    width: 100%;
  }

  .form-block._100 {
    width: 100%;
  }

  .grid-image-div.plan-admin {
    margin-top: 5px;
  }

  .grid-image-div.no-gap {
    margin-top: 0;
  }

  .access-option {
    margin-right: 5px;
    margin-left: 5px;
    line-height: 1.2em;
    text-align: center;
  }

  .community-paging-no {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .question-title-text {
    font-size: 24px;
  }

  .issue-status {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .link-white-in-admin-box {
    margin-top: 5px;
    margin-left: auto;
  }

  .issue-card {
    width: 100%;
    padding-bottom: 0;
  }

  .issue-card.homepage {
    width: 100%;
    height: 100%;
    max-width: 100%;
  }

  .update-add-feature.image {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .update-add-image {
    width: 100%;
  }

  .issue-image-select {
    margin-right: -10px;
    margin-left: -10px;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
  }

  .update-expand.meet {
    width: 18px;
    height: 18px;
    margin-right: 0;
    background-size: 10px 10px;
  }

  .image-in-box {
    height: 200px;
  }

  .issue-link.mobile-only {
    display: block;
  }

  .flow-left-div {
    padding-right: 20px;
    padding-left: 20px;
  }

  .flow-right-div {
    padding: 20px 20px 40px;
  }

  .flow-login-subtext p {
    line-height: 1.3em;
  }

  .status-div {
    padding-right: 0;
  }

  .status-text {
    font-size: 16px;
  }

  .flow-register-div {
    width: 80%;
    max-width: 300px;
  }

  .issue-supporters-homepage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    margin-bottom: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
  }

  .update-column {
    width: 50%;
  }

  .page-gap {
    margin-top: 5vh;
  }

  .question-type {
    margin-bottom: 3px;
    font-size: 16px;
  }

  .question-type.title {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.1em;
  }

  .flow-title {
    font-size: 24px;
  }

  .flow-top-div {
    overflow: auto;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .flow-question-content {
    width: 100%;
  }

  .flow-question-text {
    font-size: 18px;
  }

  .flow-box.add-highlight {
    height: 100px;
    margin-top: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .flow-box.add-answer {
    width: 90%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .flow-box.add-support {
    width: 90%;
  }

  .flow-add-name {
    width: 175px;
    margin-left: 5px;
  }

  .highlight-answer-title {
    margin-top: 10px;
  }

  .flow-option-text {
    padding-right: 12%;
    font-size: 12px;
  }

  .flow-option-frame.in-answer {
    border: 1px solid #b2b2b2;
    flex: 1;
    display: flex;
    opacity: 1;
    filter: none;
    align-items: stretch;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 100%;
  }

  .flow-container {
    width: 100vw;
    max-width: 100vw;
    margin-right: 0;
    margin-left: 0;
  }

  .option-title {
    display: none;
    font-size: 30px;
  }

  .option-title.mobile-only {
    display: block;
    margin-top: 0;
  }

  /* .option-text {
    margin-top: 25px;
  } */
  .option-text {
    padding: 10px !important;
  }

  .dashboard-element.issue-delivery {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  .dashboard-element.new-issue {
    width: 100%;
    height: 150px;
    margin-right: 0;
  }

  .donought-base.issue-delivery {
    margin-left: 20px;
    margin-right: 0;
  }

  body[dir="rtl"] .donought-base.issue-delivery {
    margin-left: 0;
    margin-right: 20px;
  }

  .button-5._100.login-flow {
    font-size: 14px;
  }

  .add-image {
    width: 100%;
    margin-bottom: 15px;
    padding-right: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #b2b2b2;
    border-right-style: none;
  }

  .add-image.right {
    padding-left: 0;
  }

  .image-arrow {
    right: 10px;
  }

  .error-div {
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .text-box {
    margin-right: auto;
    margin-left: auto;
  }

  .issue-single-stat {
    min-width: auto;
    margin-right: 0;
    margin-left: 0;
  }

  .issue-single-icon {
    display: none;
  }

  .issue-block.delivery-page {
    flex-flow: column nowrap;
    align-items: center;
    margin-right: 0;
  }

  .single-issue-image.plan-selection.add-plans {
    height: 60px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .single-issue-title {
    font-size: 18px;
    line-height: 1.2em;
    letter-spacing: 0;
  }

  .single-issue-title.add {
    font-size: 12px;
  }

  .single-issue-title.plan-selection {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 10px;
  }

  .single-issue-results.longer {
    font-size: 12px;
  }

  .single-issue-results.last {
    font-size: 12px;
  }

  .single-issue-results.delivery {
    font-size: 12px;
  }

  .single-update-lead {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tab-issues {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 1 0 auto;
  }

  .tab-issues.w--current {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .tab-issues-menu {
    padding-right: 10px;
    padding-left: 10px;
    justify-content: space-between;
    margin-right: 0;
    margin-left: 0;
  }

  .single-update-image {
    width: 50px;
    height: 50px;
    margin-left: 0;
  }

  body[dir="rtl"] .single-update-image {
    margin-right: 0;
  }

  .single-issue-update-line {
    font-size: 12px;
  }

  .single-issue-approval-bar {
    justify-content: center;
    align-items: center;
  }

  .issue-stats {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .plan-update-required {
    font-size: 10px;
  }

  .image-slider {
    width: 100%;
  }

  .image-slider.goal {
    width: 100%;
    margin-left: 0;
  }

  .update-plan-percentage {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #e5e5e5;
  }

  .update-plan-percentage._2.no-gap {
    border-bottom-style: none;
  }

  .issue-stat-single {
    margin-bottom: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .issue-top-link {
    padding-right: 20px;
  }

  .issue-top-link.issue-delivery {
    font-size: 14px;
  }

  .update-text-box {
    width: 100%;
  }

  .update-text-box.goal {
    width: 100%;
    margin-left: 0;
  }

  .add-update-block {
    width: 100%;
  }

  .add-type {
    margin-right: 25px;
    padding-right: 20px;
    padding-left: 5px;
  }

  .update-box-action {
    margin-right: 10px;
  }

  .alert-update-link {
    font-size: 12px;
  }

  .progress-indicator {
    margin-top: 0;
    width: 190px;
    margin-right: 20px;
    margin-left: 20px;
    line-height: 1.4em;
    font-weight: 700;
  }

  .issue-data-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .issues-graph-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }

  /* Then style the iframe to fit in the container div with full height and width */
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  .plan-thanks-buttons {
    max-width: 90%;
  }

  .add-plan-subtitle.inside {
    margin-bottom: 0;
  }

  .add-new-plan-div {
    flex-direction: column;
    /* overflow: hidden; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #b2b2b2;
    border-radius: 8px;
  }

  .single-issue-selection {
    width: 110px;
  }

  .single-issue-selection.selected {
    width: 100%;
    min-height: 50px;
  }

  .single-issue-selection.selected.add-plan {
    width: auto;
    flex-direction: row;
    flex: 1;
  }

  .select-goal-page {
    height: auto;
    justify-content: start;
    left: 35px;
    right: 35px;
    top: 25px;
    flex-flow: row wrap;
    display: grid;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .single-issue-selection.add-plans {
    width: 100%;
    min-height: 50px;
    margin-right: 0;
  }

  .plan-select-goal {
    margin-bottom: 0;
    align-items: stretch;
  }

  .slider-element {
    height: auto;
  }

  .slider-sides {
    width: 20px;
  }

  .slider-sides.right.add-plan {
    display: none;
  }

  .slider-slide {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
  }

  .stage-div {
    width: 100%;
  }

  .stages-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .community-selection-row {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .plans-tab-menui {
    display: none;
  }

  .plans-content {
    margin-left: 0;
    padding-left: 0;
    border-left-style: none;
  }

  .plan-stage-div {
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 10%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .plan-stage-title {
    width: 100%;
    max-width: 100%;
    margin-bottom: 3px;
    text-transform: uppercase;
  }

  .plan-stage-graph {
    width: 100%;
    height: 20px;
    min-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .add-plan-title-div {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-bottom: 1px solid #b2b2b2;
    border-right-style: none;
    background-color: #e5e5e5;
    border: 1px solid #b2b2b2;
    border-radius: 8px 8px 0 0;
  }

  body[dir="rtl"] .add-plan-title-div {
    border-bottom: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #b2b2b2;
  }

  body[dir="rtl"] .add-new-plan-data-div {
    margin-right: 10px;
    margin-left: 10px;
  }

  .add-new-plan-data-div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .add-new-plan-data-div.leader {
    border-style: none;
  }

  .add-new-plan-data-div.details {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .checkmark-icon {
    display: none;
  }
  .checkmark {
    display: none;
  }

  .checkmark.complete {
    display: none;
  }

  .timeline-period.active {
    margin-top: 12px;
    padding-right: 8px;
    padding-left: 8px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: white;
  }

  .timeline-period {
    padding-right: 8px;
    padding-left: 8px;
    padding: 4px 8px;
    background-color: #007fad;
    color: white;
  }

  .milestone {
    width: 100%;
  }

  body[dir="rtl"] .timeline-period {
    padding-right: 8px;
    padding-left: 8px;
    padding: 4px 8px;
  }

  .add-new-plan-data-div.milestones-container {
    display: block;
    width: 100%;
  }

  .add-cards-container {
    width: 90%;
  }

  .milestones-list {
    width: 100%;
  }

  .milestone-container {
    width: 100%;
  }

  .milestone.first,
  .milestone.first.complete {
    padding-left: 0;
  }

  body[dir="rtl"] .milestone.first,
  .milestone.first.complete {
    padding-right: 0;
  }

  .timeline-indicator {
    display: none;
  }

  .timeline-period.month {
    width: auto;
    padding: 0;
    color: #fff;
    font-weight: 400;
  }

  .timeline-period.active {
    margin-top: 12px;
    padding-right: 8px;
    padding-left: 8px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .timeline-period-container.inactive .timeline-period {
    padding-right: 8px;
    padding-left: 8px;
    background-color: #e5e5e5;
  }

  .milestone-desc {
    color: #666;
  }

  .nested-card.milestones.incomplete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
  }

  .timeline {
    display: none;
  }

  .timeline-content {
    padding-right: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .milestones-plan-dates.start {
    display: none;
  }

  .milestones-plan-dates.end {
    display: none;
  }

  .right-container {
    margin-right: 10px;
    padding-left: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .timeline-period.month.inactive {
    font-size: 14px;
  }

  .timeline-period.month {
    width: auto;
    padding: 0;
    color: #fff;
    font-weight: 400;
  }
}

@media screen and (max-width: 479px) and (min-width: 790px) {
  #w-node-_403aa15e-a45d-192e-4168-5880391d1571-b90ba574 {
    grid-column-start: span 2;
    grid-column-end: span 2;
    grid-row-start: span 1;
    grid-row-end: span 1;
  }

  #w-node-_403aa15e-a45d-192e-4168-5880391d1575-b90ba574 {
    grid-column-start: span 2;
    grid-column-end: span 2;
    grid-row-start: span 1;
    grid-row-end: span 1;
  }

  #w-node-_403aa15e-a45d-192e-4168-5880391d1579-b90ba574 {
    grid-column-start: span 2;
    grid-column-end: span 2;
    grid-row-start: span 1;
    grid-row-end: span 1;
  }

  #w-node-_5b7565ec-5bee-9429-0fda-fb59e95228e4-87536fad {
    grid-column-start: span 2;
    grid-column-end: span 2;
    grid-row-start: span 1;
    grid-row-end: span 1;
  }

  #w-node-_5b7565ec-5bee-9429-0fda-fb59e95228e8-87536fad {
    grid-column-start: span 2;
    grid-column-end: span 2;
    grid-row-start: span 1;
    grid-row-end: span 1;
  }

  #w-node-_5b7565ec-5bee-9429-0fda-fb59e95228ec-87536fad {
    grid-column-start: span 2;
    grid-column-end: span 2;
    grid-row-start: span 1;
    grid-row-end: span 1;
  }

  #w-node-_8e2560b6-f60e-fb19-dc16-6c15fe270d46-87536fad {
    grid-column-start: span 2;
    grid-column-end: span 2;
    grid-row-start: span 1;
    grid-row-end: span 1;
  }

  #w-node-_8e2560b6-f60e-fb19-dc16-6c15fe270d4a-87536fad {
    grid-column-start: span 2;
    grid-column-end: span 2;
    grid-row-start: span 1;
    grid-row-end: span 1;
  }

  #w-node-_8e2560b6-f60e-fb19-dc16-6c15fe270d4e-87536fad {
    grid-column-start: span 2;
    grid-column-end: span 2;
    grid-row-start: span 1;
    grid-row-end: span 1;
  }
}