/* Responsive: Portrait tablets and up */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-5ths {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left; } }

@media (max-width: 992px) {
  .profileScreen .avatar_wrap {
    width: 100%;
    height: auto;
    padding: 0 15px 0 0; }
  .location span {
    word-break: break-all; } }

@media (max-width: 768px) {
  #desktop-nav {
    display: none; }
  .ng-pageslide {
    display: block; }
  .banner-btn {
    display: block; }
  .sub-nav {
    display: none; }
  .navbar {
    margin: 0; }
    .navbar .navbar-mobile {
      padding: 0 5px; }
      .navbar .navbar-mobile .navbar-brand {
        margin: 0 auto;
        display: block; }
        .navbar .navbar-mobile .navbar-brand .logo {
          display: inline-block; }
      .navbar .navbar-mobile a {
        display: inline-block;
        text-align: center;
        color: #555;
        padding: 20px 5px 15px;
        width: 100%;
        font-size: 12px;
        text-decoration: none; }
        .navbar .navbar-mobile a img {
          height: 30px; }
        .navbar .navbar-mobile a .fa {
          color: #555;
          display: block;
          font-size: 18px;
          margin: 0 auto 5px; }
    .navbar .navbar-chat-mobile {
      padding: 5px 0px;
      background: #fff; }
      .navbar .navbar-chat-mobile a.navbar-brand {
        display: inline-block;
        text-align: center;
        color: #555;
        padding: 20px 20px 15px;
        width: 100%;
        font-size: 12px;
        text-decoration: none; }
        .navbar .navbar-chat-mobile a.navbar-brand .fa {
          color: #555;
          display: block;
          font-size: 18px;
          margin: 0 auto 5px; }
      .navbar .navbar-chat-mobile .status {
        padding: 0;
        margin: 0 0 5px; }
      .navbar .navbar-chat-mobile .user_pic {
        position: absolute;
        left: 75px;
        margin-top: 2px;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        margin-right: 10px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 25%; }
  .discoverScreen .filter-button {
    top: auto;
    bottom: 30px;
    display: none; }
  #loading-bar {
    background: transparent;
    display: none; }
  .lightbox-modal, .modal-backdrop {
    display: none !important; }
  .navbar-default {
    min-width: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .loginScreen .logo {
    margin: 0 auto; }
  .loginScreen .topsection {
    padding: 0 30px 0; }
  .loginScreen .pictures {
    padding-top: 30px; }
  .loginScreen .appimagesection {
    z-index: 0; }
  .aluainfo .box {
    margin-left: 0;
    left: 5%;
    width: 90%; }
  .profileScreen .profile_header {
    min-height: 160px; }
  .profileScreen .avatar_wrap,
  .profileScreen .avatarCover {
    height: 105px;
    width: 105px;
    margin: 15px auto 0;
    position: relative;
    margin-left: 10px;
    padding: 0; }
  .profileScreen .info {
    padding: 0 0 0 30px;
    min-height: 70px; }
    .profileScreen .info p {
      font-size: 14px; }
    .profileScreen .info .title {
      font-size: 18px;
      margin: 5px 0 10px; }
      .profileScreen .info .title small {
        font-size: 12px; }
    .profileScreen .info .sub-title {
      font-size: 14px;
      margin: 0; }
    .profileScreen .info .status {
      bottom: 0;
      right: auto;
      left: -50px;
      top: auto;
      font-size: 10px;
      display: none; }
    .profileScreen .info .location, .profileScreen .info .verified {
      font-size: 10px;
      display: inline-block; }
    .profileScreen .info .group .follow_group {
      display: none; }
    .profileScreen .info .group .credits {
      margin-top: 5px; }
      .profileScreen .info .group .credits .value {
        font-size: 25px; }
      .profileScreen .info .group .credits .units .unit {
        font-size: 10px; }
      .profileScreen .info .group .credits .units .sub-unit {
        font-size: 10px; }
  .profileScreen .profile-information-edit {
    z-index: 999;
    position: fixed;
    right: 0;
    top: 65px; }
    .profileScreen .profile-information-edit .btn {
      min-width: 85px; }
    .profileScreen .profile-information-edit .form-edit-style {
      margin-left: 0; }
  .profile_screen-thumb {
    margin-bottom: 0px;
    padding: 5px; }
    .profile_screen-thumb .options {
      display: none; }
    .profile_screen-thumb .bgimage {
      min-height: 120px; }
  .profile_screen-thumb.thumbs.add_new a {
    min-height: 120px; }
    .profile_screen-thumb.thumbs.add_new a .add_new_label {
      font-size: 12px;
      top: 40%; }
  .self-profile .profile_screen-thumb:hover .options {
    display: none; }
  .self-profile .instagram_photos .bgimage {
    min-height: 120px; }
  .chatScreen .following {
    display: none;
    z-index: 999; }
  .chatScreen .chat-user {
    display: none; }
  .chatScreen .chat {
    margin-left: 0;
    right: 0; }
    .chatScreen .chat .conversation {
      right: 0; }
    .chatScreen .chat .chat-input-box {
      left: 0; }
  .chatScreen.mobile_chatScreen .following {
    display: block;
    right: 0;
    left: 0;
    background: #fff;
    color: #232323;
    position: absolute;
    border-right: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    min-width: 0;
    margin: 0; }
    .chatScreen.mobile_chatScreen .following .dropdownLink {
      color: #232323; }
    .chatScreen.mobile_chatScreen .following .friendslist {
      top: 70px; }
      .chatScreen.mobile_chatScreen .following .friendslist .friend a.row:hover {
        background: #eee; }
      .chatScreen.mobile_chatScreen .following .friendslist .friend a.active {
        background: #eee; }
        .chatScreen.mobile_chatScreen .following .friendslist .friend a.active:hover {
          background: #ddd; }
      .chatScreen.mobile_chatScreen .following .friendslist .friend .user_pic {
        margin: 10px auto 0; }
      .chatScreen.mobile_chatScreen .following .friendslist .friend .title {
        color: #232323; }
      .chatScreen.mobile_chatScreen .following .friendslist .friend .subtitle {
        color: #232323; }
      .chatScreen.mobile_chatScreen .following .friendslist .friend .timestamp {
        color: #232323; }
      .chatScreen.mobile_chatScreen .following .friendslist .friend .location {
        color: #232323; }
      .chatScreen.mobile_chatScreen .following .friendslist .friend .last-message {
        color: #232323; }
  .purchase .price-field .btn_enter {
    margin-left: 0;
    width: 100%; }
  .packages {
    padding: 0; }
    .packages div.c_radio {
      margin-left: 0; }
  .payment_type {
    margin: 0 0 10px; }
    .payment_type .sub-title {
      padding-left: 0; }
    .payment_type .credit-card-form {
      margin-left: 0; }
  .public_page {
    padding: 20px 0 20px !important;
    margin: 20px auto 0 !important; } }

@media (max-width: 375px) {
  .login-card {
    min-width: 0 !important; }
  .profile-branch.get_alua .hundreds {
    position: relative; }
    .profile-branch.get_alua .hundreds h3 {
      font-size: 16px; }
  .profile-branch.get_alua img.icon {
    width: 80px; }
  .profileScreen .profile_footer h2 {
    font-size: 18px;
    margin: 0; }
  .profileScreen .avatar_wrap {
    height: 65px;
    width: 65px; }
  .profileScreen .info {
    padding: 0 5px; }
    .profileScreen .info .title small {
      display: block; }
  .publicstyle .title {
    font-size: 20px !important; }
  .custom-footer a {
    margin: 0; } }