#mart-developers {
  top: -64px; }
  #mart-developers .bx-wrapper {
    box-shadow: none;
    border: none;
    background: transparent;
    margin: 0 auto; }
    #mart-developers .bx-wrapper .bx-viewport {
      max-height: 640px; }
    #mart-developers .bx-wrapper .bx-prev {
      left: 10px;
      background: url("/images/index/index-banner-next@2x.png");
      width: 1.2rem;
      height: 3rem;
      background-size: cover;
      opacity: 0.6; }
      @media only screen and (max-width: 768px) {
        #mart-developers .bx-wrapper .bx-prev {
          display: none; } }
      #mart-developers .bx-wrapper .bx-prev:hover {
        opacity: 1; }
    #mart-developers .bx-wrapper .bx-next {
      right: 10px;
      background: url("/images/index/index-banner-next@2x.png");
      rotation: 180deg;
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1);
      -webkit-filter: FlipH;
              filter: FlipH;
      width: 1.2rem;
      height: 3rem;
      background-size: cover;
      opacity: 0.6; }
      @media only screen and (max-width: 768px) {
        #mart-developers .bx-wrapper .bx-next {
          display: none; } }
      #mart-developers .bx-wrapper .bx-next:hover {
        opacity: 1; }
    #mart-developers .bx-wrapper .bx-pager-item {
      vertical-align: middle; }
    #mart-developers .bx-wrapper .bx-pager {
      bottom: 21px;
      z-index: 1000; }
    #mart-developers .bx-wrapper .bx-pager.bx-default-pager a {
      background: rgba(221, 227, 235, 0.8);
      height: 6px;
      width: 6px;
      margin: 0 9px; }
    #mart-developers .bx-wrapper .bx-pager.bx-default-pager a.active,
    #mart-developers .bx-wrapper .bx-pager.bx-default-pager a:focus,
    #mart-developers .bx-wrapper .bx-pager.bx-default-pager a:hover {
      background: #FFF;
      width: 8px;
      height: 8px; }
  #mart-developers #banner {
    max-height: 640px;
    height: calc(100vh - 115px);
    min-height: 41rem; }
  #mart-developers .index-grid {
    margin: 0 auto;
    max-width: 980px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  #mart-developers section {
    background: #fff; }
  #mart-developers .section-container {
    width: 95%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto; }
  #mart-developers .border-bottom {
    border-bottom: 1px solid #E0E6ED; }
  #mart-developers .title {
    font-size: 2.5rem; }
  #mart-developers h1 {
    font-size: 2rem; }
  #mart-developers h2 {
    font-size: 1.2rem; }
  #mart-developers h3 {
    font-size: 1rem; }
  #mart-developers i {
    color: #4896f0; }
  #mart-developers .title, #mart-developers h1, #mart-developers h2, #mart-developers h3 {
    font-weight: normal;
    text-align: center; }
  #mart-developers .highlight {
    color: #ff709f;
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  #mart-developers .start-button {
    display: block;
    background: #eb6133;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    margin: auto; }
    #mart-developers .start-button:hover {
      background: #3A79C2; }
  @media only screen and (max-width: 767px) {
    #mart-developers .title {
      font-size: 2rem; }
    #mart-developers h2 {
      font-size: 1rem; } }
  #mart-developers section#step .section-container {
    padding: 5rem 0 4rem;
    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: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  #mart-developers section#step .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #mart-developers section#step .title {
    color: #273444; }
  #mart-developers section#step .steps {
    margin-top: 4.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    max-width: 1009px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #mart-developers section#step .step {
    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: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    #mart-developers section#step .step .step-image {
      height: 130px; }
      #mart-developers section#step .step .step-image img {
        width: 100%;
        height: 100%; }
    #mart-developers section#step .step .step-title {
      font-size: 1.2rem;
      font-weight: lighter;
      margin: 22.5px auto 7px;
      color: #3c4858; }
    #mart-developers section#step .step .step-desc {
      color: #8796a8;
      text-align: center; }
  #mart-developers section#step .line {
    width: 45px;
    height: 74px;
    border: none;
    border-bottom: 2px dashed #cad3de; }
  #mart-developers section#step .button-container {
    margin: 4rem auto 0; }
    #mart-developers section#step .button-container .start-button {
      width: 218px;
      height: 49px;
      line-height: 49px; }
  @media only screen and (max-width: 767px) {
    #mart-developers section#step .section-container {
      padding: 42px 0; }
    #mart-developers section#step .header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    #mart-developers section#step .steps {
      margin-top: 28px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      #mart-developers section#step .steps .step {
        margin-bottom: 35px; }
      #mart-developers section#step .steps .line {
        display: none; }
    #mart-developers section#step .button-container {
      margin-top: 35px; } }
  #mart-developers section#benefit .section-container {
    padding: 4rem 0 3.5rem; }
  #mart-developers section#benefit h1 {
    color: #273444; }
  #mart-developers section#benefit h2 {
    color: #8796a8;
    margin-top: 6px; }
  #mart-developers section#benefit .benefit-container {
    width: 100%;
    max-width: 1112px;
    margin: 3rem auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #mart-developers section#benefit .benefit-container .benefit-section-image, #mart-developers section#benefit .benefit-container .benefit-detail {
      width: 50%;
      max-width: 542px;
      height: 288px; }
  #mart-developers section#benefit .benefit-section-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #mart-developers section#benefit .benefit-section-image img {
      width: 100%;
      max-width: 362px; }
  #mart-developers section#benefit .benefit-detail {
    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-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  #mart-developers section#benefit .benefit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  #mart-developers section#benefit .benefit-image {
    margin-right: 1rem; }
    #mart-developers section#benefit .benefit-image img {
      width: 42px;
      height: 42px; }
  #mart-developers section#benefit .benefit-title {
    font-weight: lighter;
    font-size: 1.2rem;
    color: #273444; }
  #mart-developers section#benefit .benefit-desc {
    margin-top: 0.5rem;
    color: #8796A8;
    max-width: 306px; }
  #mart-developers section#benefit .button-container {
    margin: 4rem auto 0; }
    #mart-developers section#benefit .button-container .start-button {
      height: 49px;
      width: 229px;
      background: transparent;
      border: 1px solid #CAD3DE;
      color: #273444;
      line-height: 49px; }
      #mart-developers section#benefit .button-container .start-button:hover {
        border: 1px solid #3C4858;
        color: #1F2D3D; }
  @media only screen and (max-width: 767px) {
    #mart-developers section#benefit .section-container {
      padding: 28px 14px 42px; }
    #mart-developers section#benefit .benefit-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      #mart-developers section#benefit .benefit-container .benefit-section-image, #mart-developers section#benefit .benefit-container .benefit-detail {
        width: 100%; }
      #mart-developers section#benefit .benefit-container .benefit-section-image {
        height: 288px; }
      #mart-developers section#benefit .benefit-container .benefit-detail {
        margin-top: 30px;
        height: initial;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        #mart-developers section#benefit .benefit-container .benefit-detail .benefit {
          margin-bottom: 28px; }
          #mart-developers section#benefit .benefit-container .benefit-detail .benefit:last-child {
            margin-bottom: 0; } }
  #mart-developers section#region {
    background: #3c4858; }
    #mart-developers section#region .section-container {
      padding: 42px 0 35px; }
    #mart-developers section#region h1 {
      color: #f9fafc; }
    #mart-developers section#region h3 {
      margin-top: 7px;
      color: #cad3de; }
    #mart-developers section#region .region-container {
      margin: 2.5rem auto 0;
      width: 100%;
      max-width: 777px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -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;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; }
    #mart-developers section#region #region-map {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: 70%;
      max-width: 530px; }
      #mart-developers section#region #region-map img {
        width: 100%; }
    #mart-developers section#region #region-chart {
      width: 154px;
      color: #FFFFFF; }
      #mart-developers section#region #region-chart .count-title {
        text-align: center;
        font-weight: bold;
        font-size: 1rem; }
      #mart-developers section#region #region-chart .regions {
        margin-top: 14px;
        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; }
        #mart-developers section#region #region-chart .regions .region {
          font-size: 0.9rem;
          margin-top: 7px; }
          #mart-developers section#region #region-chart .regions .region span {
            width: 74%;
            display: inline-block; }
            #mart-developers section#region #region-chart .regions .region span i {
              margin-right: 12px; }
    @media only screen and (max-width: 767px) {
      #mart-developers section#region .section-container {
        padding: 42px 0 29px; }
      #mart-developers section#region .region-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        #mart-developers section#region .region-container #region-map {
          width: 100%; }
        #mart-developers section#region .region-container #region-chart {
          margin-top: 23px;
          width: 100%;
          max-width: 100%; }
          #mart-developers section#region .region-container #region-chart .regions {
            -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; }
            #mart-developers section#region .region-container #region-chart .regions .region {
              margin: 7px 14px 0;
              width: 41%;
              box-sizing: border-box;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
              -webkit-justify-content: space-between;
                  -ms-flex-pack: justify;
                      justify-content: space-between; } }
    @media only screen and (max-width: 344px) {
      #mart-developers section#region .region-container #region-chart .regions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        #mart-developers section#region .region-container #region-chart .regions .region {
          width: 100%; } }
  #mart-developers section#technique .section-container {
    padding: 3.5rem 0 1rem; }
  #mart-developers section#technique h1 {
    color: #3c4858; }
  #mart-developers section#technique h3 {
    margin-top: 7px;
    color: #273444; }
  #mart-developers section#technique #technique-chart {
    margin: auto;
    width: 100%;
    max-width: 946px;
    height: 390px; }
  @media only screen and (max-width: 767px) {
    #mart-developers section#technique .chart-container {
      width: 100%;
      overflow-x: scroll; }
    #mart-developers section#technique #technique-chart {
      height: 403px;
      width: 200%; } }
  #mart-developers section#type .section-container {
    padding: 42px 0;
    width: 92%;
    max-width: 1000px; }
  #mart-developers section#type h1 {
    color: #273444; }
  #mart-developers section#type h3 {
    margin-top: 7px;
    color: #3c4858; }
  #mart-developers section#type .types {
    width: 100%;
    margin: 28px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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; }
  #mart-developers section#type .type {
    width: 20%;
    height: 210px;
    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-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    #mart-developers section#type .type .type-image {
      width: 63px;
      height: 63px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    #mart-developers section#type .type .type-number {
      font-weight: lighter;
      font-size: 2rem;
      color: #4896F0;
      letter-spacing: 1.2px;
      margin: 21px auto 9px; }
    #mart-developers section#type .type .type-name {
      color: #3C4858; }
  @media only screen and (max-width: 767px) {
    #mart-developers section#type .section-container {
      padding: 37px 0 35px; }
    #mart-developers section#type .types .type {
      width: 50%; } }
  #mart-developers section#join {
    background: #2b3847; }
    #mart-developers section#join .section-container {
      padding: 56px 0; }
    #mart-developers section#join .header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    #mart-developers section#join .title {
      color: #fff; }
    #mart-developers section#join .button-container {
      margin-top: 47px; }
      #mart-developers section#join .button-container .start-button {
        width: 356px;
        height: 56px;
        line-height: 56px;
        box-shadow: 0 3px 3px 0 rgba(45, 51, 56, 0.2);
        border-radius: 5px; }
    @media only screen and (max-width: 767px) {
      #mart-developers section#join .section-container {
        padding: 77px 0; }
      #mart-developers section#join .title {
        font-size: 1.5rem; }
      #mart-developers section#join .button-container {
        margin-top: 41px; }
        #mart-developers section#join .button-container .start-button {
          height: 49px;
          line-height: 49px;
          width: 72%;
          max-width: 268px; } }
    @media only screen and (max-width: 348px) {
      #mart-developers section#join .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
  #mart-developers section#ranking {
    background: #F1F2F5;
    padding: 50px 0 70px;
    box-sizing: border-box; }
    #mart-developers section#ranking .types {
      margin-top: 13px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #mart-developers section#ranking .types .type {
        font-size: 14px;
        color: #8796A8;
        line-height: 21px; }
      #mart-developers section#ranking .types .type:not(:first-child) {
        margin-left: 35px; }
      #mart-developers section#ranking .types .type.active,
      #mart-developers section#ranking .types .type:hover {
        color: #273444; }
    #mart-developers section#ranking .ranking-list {
      margin-top: 30px;
      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-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      height: 600px; }
      #mart-developers section#ranking .ranking-list ol.ranking-item {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 50%;
        padding: 0 1rem;
        margin: 0 0 0.86rem 0; }
        #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content {
          display: table;
          box-sizing: border-box;
          background: #FFFFFF;
          border-radius: 5px;
          width: 100%;
          padding: 1.28rem 1.6rem; }
          #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .order, #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .avatar, #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .intro {
            display: table-cell;
            vertical-align: middle; }
          #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .order {
            padding-right: .7rem;
            width: 3rem;
            text-align: center; }
            #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .order img {
              display: inline-block;
              width: 26px;
              height: 32px; }
          #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .avatar {
            width: 4.57rem;
            padding-right: .7rem; }
            #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .avatar img {
              width: 4.57rem;
              height: 4.57rem;
              border-radius: 100%; }
          #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .intro .name {
            font-size: 1rem;
            line-height: 1.43rem;
            margin-bottom: .6rem;
            color: #273444; }
          #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .intro .info {
            font-size: 12px;
            color: #8796A8;
            margin-bottom: .3rem; }
            #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .intro .info span {
              margin-right: 1.5rem;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: normal !important;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical; }
          #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .intro .detail {
            font-size: 12px;
            line-height: 17px;
            color: #8796A8; }
            #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .intro .detail .detail-blue {
              color: #eb6133; }
            #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .intro .detail .detail-pink {
              color: #FF709F; }
            #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .intro .detail div.raty {
              display: inline-block; }
              #mart-developers section#ranking .ranking-list ol.ranking-item .ranking-content .intro .detail div.raty img {
                width: 12px;
                height: 12px; }
    @media only screen and (max-width: 1200px) {
      #mart-developers section#ranking .ranking-list {
        height: inherit !important; }
        #mart-developers section#ranking .ranking-list ol.ranking-item {
          max-width: 100%;
          float: inherit;
          display: inherit;
          width: 520px;
          margin: 0 auto 0.86rem auto !important; }
          #mart-developers section#ranking .ranking-list ol.ranking-item:nth-child(2n+2) {
            margin: 0 auto 0.86rem auto !important; } }
    @media only screen and (max-width: 520px) {
      #mart-developers section#ranking .ranking-list ol.ranking-item {
        width: inherit; } }
    @media only screen and (max-width: 767px) {
      #mart-developers section#ranking {
        padding: 0; }
        #mart-developers section#ranking .section-container {
          padding: 77px 0; }
        #mart-developers section#ranking .title {
          font-size: 1.5rem; } }
    @media only screen and (max-width: 576px) {
      #mart-developers section#ranking .ranking-list {
        padding: 0; }
        #mart-developers section#ranking .ranking-list .ranking-list-item {
          margin-left: 0 !important;
          margin-right: 0 !important;
          padding: 8px 12px !important;
          width: 100% !important; }
          #mart-developers section#ranking .ranking-list .ranking-list-item .order {
            margin-right: 8px !important; }
          #mart-developers section#ranking .ranking-list .ranking-list-item .avatar {
            margin-right: 6px; } }

@media only screen and (max-width: 768px) {
  #mart-developers #banner {
    max-height: inherit; } }