/**
    color text
*/
/**
    gradient
*/
/**
    font
*/
/**
// dat
*/
/* :not(:last-child) */
/* :nth-child(1n+0) */
@media (min-width: 230px) {
  .page__brand {
    margin-top: 24px; }
    .page__brand .page__brand-group .page__brand-item {
      margin-bottom: 30px; }
      .page__brand .page__brand-group .page__brand-item .page__brand-img {
        margin-bottom: 15px; }
        .page__brand .page__brand-group .page__brand-item .page__brand-img .frame {
          padding-top: 40.14467%; }
      .page__brand .page__brand-group .page__brand-item .page__brand-box .page__brand-title {
        font-family: "AvertaStdCY-Bold_1", sans-serif;
        font-weight: bold;
        font-size: 30px;
        line-height: 37px;
        color: #262262;
        margin-bottom: 8px; }
      .page__brand .page__brand-group .page__brand-item .page__brand-box .page__brand-desc {
        font-size: 16px;
        line-height: 26px;
        color: #000000;
        margin-bottom: 24px;
        width: 100%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-line-clamp: 5;
        display: -webkit-box;
        -webkit-box-orient: vertical; }
      .page__brand .page__brand-group .page__brand-item .page__brand-box .btn__view {
        font-family: "AvertaStdCY-Semibold_1", sans-serif;
        font-weight: 600;
        font-size: 12px;
        line-height: 26px;
        padding: 6px 12px; }
  .page__single-brand {
    margin-top: 30px;
    margin-bottom: 30px; }
    .page__single-brand .single__brand-title .single__brand-img {
      margin-bottom: 15px; }
      .page__single-brand .single__brand-title .single__brand-img .frame {
        padding-top: 44.65409%; }
    .page__single-brand .single__brand-title .single__brand-content h1 {
      font-family: "AvertaStdCY-Bold_1", sans-serif;
      font-weight: bold;
      font-size: 30px;
      line-height: 37px;
      color: #262262;
      margin-bottom: 8px; }
    .page__single-brand .single__brand-title .single__brand-content p {
      font-size: 16px;
      line-height: 26px;
      color: #000000;
      margin-bottom: 0; }
    .page__single-brand .filter__group {
      margin: 30px 0;
      background: #F1F1F1;
      border: 1px solid #D9D9D9;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: right;
      -webkit-justify-content: right;
      -moz-box-pack: right;
      -ms-flex-pack: right;
      justify-content: right; }
      .page__single-brand .filter__group .filter-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 6px; }
        .page__single-brand .filter__group .filter-item p {
          font-size: 14px;
          line-height: 17px;
          color: #222222;
          margin-bottom: 0;
          width: -webkit-max-content;
          width: -moz-max-content;
          width: max-content;
          margin-right: 8px; }
        .page__single-brand .filter__group .filter-item select {
          background-color: transparent;
          font-size: 13px;
          line-height: 16px;
          color: #000000;
          border: 1px solid #D9D9D9;
          border-radius: 3px;
          padding: 8px 10px; } }

@media (min-width: 576px) {
  .page__brand .page__brand-group .page__brand-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .page__brand .page__brand-group .page__brand-item.left .btn__view {
      margin-left: auto; }
    .page__brand .page__brand-group .page__brand-item.right .page__brand-img {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
    .page__brand .page__brand-group .page__brand-item.right .page__brand-box {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
    .page__brand .page__brand-group .page__brand-item .page__brand-img {
      width: 100%;
      max-width: -webkit-calc(50% - 30px);
      max-width: -moz-calc(50% - 30px);
      max-width: calc(50% - 30px); }
    .page__brand .page__brand-group .page__brand-item .page__brand-box {
      width: 100%;
      max-width: 50%; }
  .page__single-brand .single__brand-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .page__single-brand .single__brand-title .single__brand-img {
      width: 30%;
      max-width: 318px; }
    .page__single-brand .single__brand-title .single__brand-content {
      width: 100%;
      max-width: -webkit-calc(70% - 28px);
      max-width: -moz-calc(70% - 28px);
      max-width: calc(70% - 28px);
      margin-left: auto; } }

@media (min-width: 992px) {
  .page__brand .page__brand-group .page__brand-item {
    margin-bottom: 50px; }
  .page__single-brand {
    margin-bottom: 50px;
    margin-top: 45px; }
    .page__single-brand .single__brand-title .single__brand-img {
      width: 318px; }
    .page__single-brand .single__brand-title .single__brand-content {
      max-width: -webkit-calc(100% - 336px);
      max-width: -moz-calc(100% - 336px);
      max-width: calc(100% - 336px); }
    .page__single-brand .filter__group {
      margin-top: 45px;
      margin-bottom: 50px; } }

@media (min-width: 1200px) {
  .page__brand .page__brand-group .page__brand-item {
    margin-bottom: 90px; }
  .page__single-brand {
    margin-bottom: 120px; }
    .page__single-brand .filter__group {
      margin-bottom: 60px; } }