﻿/*@brand-layout: #222;

@brand-primary: #06c;
@brand-secondary: #f90;
@brand-tertiary: #888;*/
@media only screen and (min-width: 1200px) {
  .user-profile .sidebar-fixed {
    width: 280.8px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .user-profile .section-left {
    width: 28%;
  }
  .user-profile .section-left .sidebar-fixed {
    width: 271.6px !important;
  }
  .user-profile .section-right {
    width: 71%;
  }
  .user-profile .mainnav li > a {
    padding: 21px 20px;
  }
  .user-profile .seller-intro .seller-logo {
    width: 55px;
    height: 55px;
  }
  .user-profile .seller-intro .name-section {
    margin-left: 5px;
    padding-left: 3px;
  }
  .user-profile .competitors ul {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .user-profile .mainnav li > a {
    padding: 21px 30px;
  }
  .user-profile .user-location {
    margin-top: 0px;
  }
  .user-profile .thumbnail-view a {
    color: #9a9a9a;
  }
  .user-profile .thumbnail-view a.active {
    color: #bb3c45;
  }
  .user-profile .public-profile-content-area .promo-content {
    padding-top: 0px;
  }
  .user-profile .competitors ul > li {
    flex-basis: 33.33%;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767.98px) {
  .user-profile .page-content {
    top: -75px;
  }
  .user-profile .user-location .direction {
    padding-left: 25px;
  }
  .user-profile .user-location .navigator {
    background-color: #bb3c45;
    width: 18px;
    height: 18px;
    position: relative;
    float: right;
    margin-top: 0%;
    left: 10%;
    background-image: url(../../../../images/mobile/direction.png?v=18022018);
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: none;
  }
  .user-profile .media-left,
  .user-profile .media-body {
    display: inline-flex !important;
    width: 100%;
  }
  .user-profile .media-object {
    width: 46px;
    height: 46px;
  }
  .user-profile .media-object img {
    border-radius: 50%;
    margin-right: 10px;
  }
  .user-profile .media-heading {
    vertical-align: middle;
    padding: 10px 0px 10px;
    width: 80%;
  }
  .user-profile .media-heading span {
    font-size: 12px;
    /* Approximation due to font substitution */
    font-weight: 400;
    line-height: 22px;
    text-align: left;
  }
  .user-profile .competitors ul > li {
    flex-basis: 50%;
  }
  .user-profile .public-profile-content-area .team-pic > ul > li {
    width: 20%;
    margin-right: 3%;
  }
}
@media only screen and (min-width: 293.98px) and (max-width: 574.98px) {
  .user-profile .banner {
    height: 233px;
  }
  .user-profile .media-left,
  .user-profile .media-body {
    display: inline-flex !important;
    width: 100%;
  }
  .user-profile .media-object {
    width: 46px;
    height: 46px;
  }
  .user-profile .media-object img {
    border-radius: 50%;
    margin-right: 10px;
  }
  .user-profile .media-heading {
    vertical-align: middle;
    padding: 10px 0px 10px;
    width: 80%;
  }
  .user-profile .media-heading span {
    font-size: 12px;
    /* Approximation due to font substitution */
    font-weight: 400;
    line-height: 22px;
    text-align: left;
  }
  .user-profile .thumbnail-view a {
    color: #9a9a9a;
  }
  .user-profile .thumbnail-view a.active {
    color: #bb3c45;
  }
  .user-profile .public-profile-content-area .team-pic > ul > li {
    width: 44%;
  }
  .user-profile #similar-company {
    text-align: center;
  }
  .user-profile #similar-company div {
    float: none !important;
  }
}