@media only screen and (max-width: 560px) {
  .mural-content .component-column-center .post-list .post .userpost-settings {
    top: 78px !important;
  }
  .mural-content .component-column-center .post-list .post .post-header .user-info {
    width: 56% !important;
  }
  .mural-content .component-column-center .post-list .post .post-header .date-time-posted {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 385px) {
  .mural-content .component-column-right .to-redirect .cards .cards-items {
    height: 100px;
  }
  .mural-content .component-column-right .to-redirect .cards .cards-items .item-title {
    width: 120px;
  }
  .mural-content .component-column-center .post-headline .new-post {
    width: 46%;
  }
  #form-post-modal #form-post .user-nodes .row .nodes-list-target-display {
    height: 40px;
    margin-bottom: 2px;
  }
  #form-post-modal #form-post .user-nodes .row .nodes-list-target-display li {
    height: 100% !important;
  }
  #form-post-modal #form-post .user-nodes .row .nodes-list-target-display li .iconOK {
    top: 32% !important;
  }
  #form-post-modal #form-post .user-nodes .row .nodes-list-target-display li .item-name {
    display: flex;
    align-items: center;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
  }
  #form-post-modal #form-post .user-nodes .row .nodes-list-target-display .add-target-node {
    display: flex;
    align-items: center;
    height: 100% !important;
  }
  #form-post-modal #form-post .nodes-area .node .publish-location {
    display: block !important;
    max-width: 175px;
  }
}
@media only screen and (max-width: 769px) {
  .mural-content {
    flex-direction: column;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
  }
  .mural-content .component-column-left {
    order: 1;
    width: 100%;
    max-width: initial;
    margin: 0px;
    position: relative;
  }
  .mural-content .component-column-center {
    order: 3;
    width: 100%;
    margin-top: 35px;
  }
  .mural-content .component-column-center .post-list .post .userpost-settings {
    right: 4px;
    top: 45px;
  }
  .mural-content .component-column-center .post-list .post .post-img .post-img-item {
    height: 150px;
  }
  .mural-content .component-column-center .post-list .post .post-img .post-img-item:nth-last-child(1):nth-child(odd) {
    height: 150px;
  }
  .mural-content .component-column-center .post-list .post .post-img .post-img-more-items {
    height: 150px;
  }
  .mural-content .component-column-center .post-list .post .post-header .em-destaque {
    right: 10px;
  }
  .mural-content .send-to-top {
    margin-right: 90px !important;
    width: 56px !important;
    height: 56px !important;
    font-size: 26px !important;
    bottom: 20px !important;
    position: fixed !important;
    right: 0;
    justify-content: center;
    align-items: center;
    color: white !important;
    background-color: #027dea !important;
  }
  .mural-content .component-column-right {
    order: 2;
    width: 100%;
    margin: 10px 0px 0px 0px;
    position: relative;
  }
  .post-img-gallery {
    z-index: 99999;
  }
  .post-img-gallery .img-gallery-items {
    height: 87%;
  }
  .post-img-gallery .img-gallery-items img {
    width: 70%;
    height: auto !important;
  }
  #form-post-modal {
    padding-top: 100px;
    z-index: 999;
  }
  #form-post-modal #form-post {
    width: 95%;
  }
  #form-post-modal #form-post .user-nodes .row li .iconOK {
    left: 10px !important;
  }
  #form-post-modal #form-post .user-nodes .row li .item-name {
    left: 40px !important;
  }
  #form-post-modal #form-post .nodes-area .node {
    display: block !important;
  }
  #form-post-modal #form-post .nodes-area .node .publish-location-visibility {
    position: relative !important;
    left: 0 !important;
    border: none !important;
  }
  #form-post-modal #form-post .nodes-area .node .publish-location-visibility .icon {
    padding: 0 10px 0 0 !important;
  }
}
@media only screen and (max-width: 769px) and (max-height: 570px) {
  .mural-content {
    flex-direction: column;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
  }
  .mural-content .component-column-left {
    order: 1;
    width: 100%;
    max-width: initial;
    margin: 0px;
    position: relative;
  }
  .mural-content .component-column-center {
    order: 3;
    width: 100%;
    margin-top: 35px;
  }
  .mural-content .component-column-center .post-list .post .post-img .post-img-item {
    height: 150px;
  }
  .mural-content .component-column-center .post-list .post .post-img .post-img-item:nth-last-child(1):nth-child(odd) {
    height: 150px;
  }
  .mural-content .component-column-center .post-list .post .post-img .post-img-more-items {
    height: 150px;
  }
  .mural-content .component-column-center .post-list .post .post-header .em-destaque {
    right: 10px;
  }
  .mural-content .send-to-top {
    display: none !important;
  }
  .mural-content .component-column-right {
    order: 2;
    width: 100%;
    margin: 10px 0px 0px 0px;
    position: relative;
  }
  .post-img-gallery {
    z-index: 99999;
  }
  .post-img-gallery .img-gallery-items {
    height: 82%;
  }
  .post-img-gallery .img-gallery-items img {
    width: 70%;
    height: auto !important;
  }
  #form-post-modal {
    padding-top: 100px;
    z-index: 999;
  }
  #form-post-modal #form-post {
    width: 95%;
  }
}
@media only screen and (max-width: 769px) and (min-height: 570px) and (max-height: 740px) {
  .mural-content {
    flex-direction: column;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
  }
  .mural-content .component-column-left {
    order: 1;
    width: 100%;
    max-width: initial;
    margin: 0px;
    position: relative;
  }
  .mural-content .component-column-center {
    order: 3;
    width: 100%;
    margin-top: 35px;
  }
  .mural-content .component-column-center .post-list .post .post-img .post-img-item {
    height: 150px;
  }
  .mural-content .component-column-center .post-list .post .post-img .post-img-item:nth-last-child(1):nth-child(odd) {
    height: 150px;
  }
  .mural-content .component-column-center .post-list .post .post-img .post-img-more-items {
    height: 150px;
  }
  .mural-content .component-column-center .post-list .post .post-header .em-destaque {
    right: 10px;
  }
  .mural-content .send-to-top {
    display: none !important;
  }
  .mural-content .component-column-right {
    order: 2;
    width: 100%;
    margin: 10px 0px 0px 0px;
    position: relative;
  }
  .post-img-gallery {
    z-index: 99999;
  }
  .post-img-gallery .img-gallery-items {
    height: 84%;
  }
  .post-img-gallery .img-gallery-items img {
    width: 70%;
    height: auto !important;
  }
  #form-post-modal {
    padding-top: 100px;
    z-index: 999;
  }
  #form-post-modal #form-post {
    width: 95%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1080px) {
  .mural-content .component-column-left {
    width: 25%;
    margin-left: 0px !important;
  }
  .mural-content .component-column-center {
    width: 50%;
  }
  .mural-content .component-column-right {
    width: 25%;
    margin-right: 0px !important;
  }
  .post-img-gallery {
    z-index: 999999;
  }
  .post-img-gallery .img-gallery-items {
    height: 87%;
  }
  .post-img-gallery .img-gallery-items img {
    width: 70%;
    height: auto !important;
  }
  #form-post-modal {
    padding-top: 100px;
    z-index: 999;
  }
  #form-post-modal #form-post {
    width: 60%;
  }
  #form-post-modal #form-post .nodes-area .node {
    display: block !important;
  }
  #form-post-modal #form-post .nodes-area .node .publish-location-visibility {
    position: relative !important;
    left: 0 !important;
    border: none !important;
  }
  #form-post-modal #form-post .nodes-area .node .publish-location-visibility .icon {
    padding: 0 10px 0 0 !important;
  }
}
