@media (max-width: 1023px) {

  .desktop,
  .nav-categories,
  .join-submit-desktop,
  .intro-title .logo-buro,
  #tagcloud-canvas,
  .b-right,
  .tags-video-link-desktop,
  .about-pic-desktop,
  .button-apply {
    display: none
  }

  .mobile,
  .join-submit-mobile,
  .tags-video-link-mobile,
  .about-pic-mobile,
  #tagcloud-mobile-canvas,
  .subnav-button,
  .subnav-title {
    display: block;
  }

  .footer-logo,
  .bg-intro {
    margin: auto;
  }

  .logo {
    margin-left: auto;
    margin-right: auto;
  }

  .bg-intro {
    margin-bottom: -100px;
  }

  .intro-text {
    margin: 0;
  }

  .login-buttons a,
  .intro-title-content {
    margin-left: 0;
  }

  .subnav-title {
    margin-top: 10px;
  }

  .subnav-link {
    margin-bottom: 10px
  }

  .join-submit-mobile {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .tag-select .intro-title,
  .join-form .intro-title {
    margin-bottom: 1rem;
  }

  .join-form-media-input,
  .login-buttons a {
    margin-bottom: 2rem;
    width: 100%;
  }

  .tag-select-container {
    margin-bottom: 3rem;
  }

  .about-container-item-a .about-text {
    padding-left: 0;
  }

  .sexelect {
    padding-right: 0;
  }

  .tags-title,
  .intro-subtitle,
  .info-cover-title,
  .info-cover-subtitle,
  .tag-select-container,
  .about-container-item-a,
  .subnav,
  .intro-title-content,
  .intro-text-container,
  .joinus {
    padding-left: 1rem;
  }

  .tags-title,
  .intro-subtitle,
  .info-cover-title,
  .info-cover-subtitle,
  .tag-select-container,
  .about-container-item-a,
  .intro-text {
    padding-right: 1rem;
  }

  .join-form-text-inputs {
    padding: 1rem;
  }

  .login-backdrop {
    padding: 2rem;
  }

  .tag-select,
  .join,
  .about,
  .footer {
    padding-top: 2rem;
  }

  .info-cover {
    top: 0
  }

  .ultradropdown-label input {
    width: calc(100% - 30px);
  }

  .about-pic-mobile {
    width: 95%;
  }

  .ultradropdown-container,
  .tag-select-form,
  .about-container,
  .join-form,
  .join-form-text-inputs,
  .sex-bday-container,
  .login-buttons {
    flex-direction: column;
    width: 100%;
  }

  .info-cover-title,
  .info-cover-subtitle,
  .tags-submit,
  .tags-video,
  .ultradropdown,
  .tag-select-container,
  .about-container-item-a,
  .join-submit,
  .label-bd {
    width: 100%;
  }

  .ultradropdown-label input:after {
    max-width: 100%;
  }

  .login-actions {
    max-width: 90%;
  }

  .sexelect {
    width: 60%;
  }

  .login-close {
    width: 40px;
    height: 40px;
  }

  .subnav-button {
    height: 38px;
    user-select: none;
    -webkit-user-select: none;
  }

  .subnav {
    height: auto;
    background-color: rgb(254, 254, 254);
    border-top: 1px solid;
    border-bottom: 1px solid;
    max-height: 40px;
    transition: max-height .3s;
  }

  [data-menuopened="1"] .subnav {
    max-height: 200px;
  }

  .subnav,
  .intro-text-container,
  .joinus {
    flex-direction: column;
    align-items: flex-start;
  }

  .intro-text {
    width: 100%;
  }

  .bg-intro {
    position: relative;
    max-width: 100%;
  }

  .intro-subtitle {
    font-size: 1rem;
  }

  .intro-title span,
  .intro-title {
    font-size: 34px;
  }

  .joinus [data-click="button-apply"] {
    width: 90%;
    margin: auto;
    display: block;
  }

  .footer-logos {
    justify-content: center;
    margin-bottom: 2rem;
  }

  .footer-container {
    flex-direction: column;
    text-align: center;
    height: auto;
  }

  .join-form-text-inputs {
    order: 1
  }

  .join-form-media-input {
    order: 2
  }

  .join-submit-mobile {
    order: 3;
  }

  .footer-terms {
    order: 2;
    width: 90%;
  }

  .footer-logos {
    order: 1;
    width: 36%;
  }

  .info-cover-text {
    flex-direction: column;
    overflow: hidden;
    align-items: flex-start;
    height: auto;
    position: absolute;
    bottom: 0;
  }

  input {
    -webkit-appearance: none;
    border-radius: 0;
  }

  .icon-menu,
  .subnav-button,
  [data-menuopened="0"] .subnav-button {
    background-size: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='rgb(1,1,1)' viewBox='0 0 27 18'%3E%3Cpath d='M0 .5h27M0 9h27M0 17.5h27'/%3E%3C/svg%3E");
  }
}