.show-img-pc{
    display: block;
  }
  .show-img-mb{
    display: none;
  }
  .bounce2 {
    animation: bounce2 3s ease infinite;
  }
  @keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-5px);}
    60% {transform: translateY(-5px);}
  }
  .shop-row{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
  }
  .shop-row .col-3{
    display: inline-block;
    width: 30%;
  }
  .shop-row .col-12{
    display: inline-block;
    width: 100%;
  }
  .shop-row .col-8{
    display: inline-block;
    width: 80%;
    margin:0 auto;
  }
  .shop-row .col-6{
    display: inline-block;
    width: 50%;
  }
  .shop-row .col-65{
    display: inline-block;
    width: 65%;
  }
  .shop-row .col-75{
    display: inline-block;
    width: 75%;
  }
  .shop-row .col-35{
    display: inline-block;
    width: 35%;
  }
  .shop-row .col-15{
    display: inline-block;
    width: 15%;
  }
  .shop-row .col-85{
    display: inline-block;
    width: 85%;
  }
  .shop-row .col-4 {
      width: 18%;
      border-right: 1px solid #b2b2b2;
      margin-right: 2rem;
      padding: 0 15px 0 0;
  }
  .shop-row .col-4-icon {
        width: 33.33%;
        padding: 0 15px 0 0;
    }
  .shop-row .col-3 {
      width: 33.333%;
      padding-left: 15px;
      padding-right: 15px;
  }
  .shop-row .col-33 {
      width: 30%;
      border-right: 1px solid #b2b2b2;
      text-align: center;
      padding: 0 30px;
      margin-bottom: 45px;
  }
  .shop-row .col-33:nth-child(3n) {
    border-right:unset;
  }
  .shop-row .col-33 .mb-4 {margin-bottom: 25px;}
  .shop-row .col-32 {
      width: 30%;
      border-right: 1px solid #b2b2b2;
      text-align: center;
      padding: 0 30px;
      margin-bottom: 45px;
  }
  .shop-row .col-32:nth-child(3n),.shop-row .col-32:last-child {
    border-right:unset;
  }
  .shop-row .col-22 {
      width: 22%;
      border-right: 1px solid #b2b2b2;
      margin-right: 2rem;
      text-align: center;
      padding: 0 15px;
      margin-bottom: 45px;
  }
  .shop-row .col-22:last-child {
    border-right:unset;
  }

  .shop-row .col-4:last-child{
    border-right: unset;
  }
  .shop-rerative{
    position: relative;
  }
  .shop-rerative h2 {
      font-size: 55px;
      line-height: 55px;
  }
  .text-left {
      text-align: left!important;
  }
  .icon-shop {
      position: absolute;
      top: -13%;
      left: 45%;
      width: 80px;
  }
  .icon-shop-2 {
      position: absolute;
      top: -15%;
      left: 45%;
      width: 80px;
  }
  .icon-shop-3 {
      position: absolute;
      top: -13%;
      left: 87%;
      width: 80px;
  }
  .icon-shop-4 {
      position: absolute;
      top: -13%;
      left: 39%;
      width: 80px;
  }
  .icon-shop-5 {
      position: absolute;
      top: -25%;
      left: 37%;
      width: 80px;
  }
  .shop-p-top {
      padding-top: 5%;
  }
  .shop-row ul{
    margin-top: 25px;
  }
  .shop-row ul li {
      position: relative;
      padding-left: 15px;
      font-size: 2.5rem;
      line-height: 3.6rem;

  }
  .shop-row ul li::before {
      content: "";
      position: absolute;
      top: 15px;
      left: 0;
      z-index: 8;
      width: 6px;
      height: 6px;
      border-radius: 100%;
      background-color: #FF0000;
  }
  .shop-m-top {
      margin-top: 5px!important;
      margin-bottom: 15px !important;
      padding-left: 16px;
  }
  .shop-m-bottom {
      margin-bottom: 30px !important;
  }
  .shop-height {
      min-height: auto !important;
  }
  .shop-row h3 {
      font-size: 90px;
      line-height: 100px;
      margin-top: 5rem;
      text-align: center;
  }
  .shop-row h3 span{
    color: #FF0000!important;
  }
  .w-100{width: 100%}
  .shop-p-100 {
      padding: 0 100px;
  }
  .shop-p-35 {
      padding-left: 80px;
  }
  .shop-row .text-bottom{
      text-align: center;
      padding-top: 30px;
  }
  .shop-row .text-bottom img{
      display: block;
      margin: 0 auto;
  }
  .shop-row .text-bottom p {
      font-weight: bold;
      font-size: 25px;
  }
  .mas-shop{
    position: absolute;
    bottom: 0;
    right: 11%;
  }
  .pad-section {
      margin-top: 7rem;
  }
  .shop-tile {
      font-size: 65px;
      font-weight: 600;
  }
  .shop-text-center{
    text-align: center;
  }
  .shop-text-center-im {
    text-align: center !important;
    padding-top: 10px;
  }
  .text-num {
      font-size: 88px;
      line-height: 90px;
  }
  .text-title-2 {
      font-size: 38px;
      line-height: 40px;
      color: #FF0000;
      font-weight: bold;
      padding-bottom: 5px;
  }
  .text-title-3 {
      font-size: 28px;
      line-height: 30px;
      color: #FF0000;
      font-weight: bold;
      padding-bottom: 5px;
  }
  .text-detail-shop {
      line-height: 25px;
  }
  .benefits-shop {
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto;
    }
  .benefits-shop .txthead-box p {
      margin-top: 10px;
      text-align: center;
    }
  .benefits-shop .list ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: -45px;
      margin-left: -3%;
  }
  .benefits-shop-w-24 {
      width: 24%!important;
      margin-top: 5%!important;
  }
  .benefits-shop .list ul li {
      width: 31%;
      margin-left: 1%;
      margin-top: 11%;
      min-height: 225px;
  }

  .benefits-shop .list ul li:hover .icon {
      border-color: #FF0000;
    }
  .benefits-shop .list ul li:hover .icon .circle-chart {
      -webkit-transform: rotate(225deg);
      transform: rotate(225deg);
    }
  .benefits-shop .list ul li:hover .icon .svg path {
      fill: #FF0000;
    }
  .benefits-shop .list ul li .icon {
      position: relative;
      max-width: 60px;
      border: 1px solid #DCDCDC;
      border-radius: 100%;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .benefits-shop .list ul li::before{
      background-color: unset;
    }

  .benefits-shop .list ul li .icon .circle-chart {
      position: absolute;
      top: -4%;
      left: -4%;
      z-index: 8;
      display: table;
      width: 108%;
      height: 108%;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
  .benefits-shop .list ul li .icon .svg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
  .benefits-shop .list ul li .icon .svg svg {
      position: absolute;
      width: 35px;
    }
  .benefits-shop .list ul li .icon .svg svg path {
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
  .benefits-shop .list ul li .icon .svg img {
      width: 100%;
      height: auto;
    }
  .benefits-shop .text-detail-shop {
      position: absolute;
      top: 0;
      left: 30%;
  }

  .shop-row ol{
    list-style: auto;
    padding-left: 20px;
  }
  .shop-row ol li{
    position: relative;
    padding-left: 0px;
    font-size: 25px;
      line-height: 35px;
    list-style: auto;
  }
  .shop-row ol li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    z-index: 8;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: unset;
  }
  .mas-c-right {
      width: 300px;
      float: right;
      margin-top: 11rem;
  }
  .title-shop-1 {
      font-size: 28px !important;
      line-height: 30px !important;
      font-weight: 600;
      min-height: 80px;
  }
  .benefits-shop .text-detail-shop p {
      line-height: 25px;
      font-size: 23px;
      padding-top: 10px;
      min-height: 70px;
  }
  .list-detail li{
    line-height: 30px!important;
      font-size: 28px!important;
      padding-right: 15px;
      position: relative;
  }
  .benefits-shop .list ul li .btn-box {
      margin-top: 25px;
    }
    .benefits-shop .list ul li .btn.text-arrow-red {
      font-size: 2.2rem;
      line-height: 2.8rem;
      color: #FF0000;
      padding-right: 20px;
      background-image: url(assets/images/commons/btn-arrow-right-red.svg);
      background-repeat: no-repeat;
      background-position: center right;
      background-size: 8px 14px;
  }
  .border-section-shop {
      border-bottom: 1px solid #B2B2B2;
      padding-bottom: 4%;
  }
  .pad-L-4 {
      padding-left: 4%;
  }
  .content-shop .shop-list ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: -41px;
      margin-top: -1%;
      margin-right: -17px;
  }
    @media only screen and (max-width: 750px) {
      .content-shop .shop-list ul {
        margin-left: 0;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 0;
      }
    }
    @media only screen and (max-width: 750px) {
     .content-shop .shop-list ul.col3 {
        margin-top: 0;
      }
      .content-shop .shop-list ul.col2 {
        margin-top: 0;
      }
    }
    .content-shop .shop-list ul.col3 li {
      width: 31.83%;
    }
    .content-shop .shop-list ul.col2 li {
      width: 48.5%;
    }
    @media only screen and (max-width: 750px) {
      .content-shop .shop-list ul.col3 li {
        width: 100%;
        margin-left: 0;
      }
      .content-shop .shop-list ul.col2 li {
        width: 100%;
        margin-left: 0;
      }
    }
    .content-shop .shop-list ul li {
      width: 23.5%;
      margin-left: 1.5%;
      margin-top: 1%;
    }
    @media only screen and (max-width: 850px) {
      .content-shop .shop-list ul li {
        width: 48.5%;
        margin-left: 0;
        margin-top: 30px;
      }
    }
    @media only screen and (max-width: 750px) {
      .content-shop .shop-list ul li {
        width: 100%;
        margin-left: 0;
      }
    }
    .content-shop .shop-list ul li.w50 {
      width: 48.5%;
    }
    @media only screen and (max-width: 750px) {
      .content-shop .shop-list ul li.w50 {
        width: 100%;
      }
    }
    @media only screen and (max-width: 750px) {
      .content-shop .shop-list ul li + li {
        margin-top: 30px;
      }
    }
    ..content-shop .shop-list ul li a {
      display: block;
      position: relative;
    }
    .content-shop .shop-list ul li a:hover {
      opacity: 1;
    }
    .content-shop .shop-list ul li a:hover .cover img {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
    .content-shop .shop-list ul li a:hover .cover::before {
      border-width: 4px;
    }
    .content-shop .shop-list ul li a .cover {
      position: relative;
      z-index: 8;
      overflow: hidden;
    }
    .content-shop .shop-list ul li a .cover img {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    .content-shop .shop-list ul li a .cover::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9;
      width: 100%;
      height: 100%;
      border: 0px solid #FF0000;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    .content-shop .shop-list ul li a .cover::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 8;
      display: block;
      width: 100%;
      height: 61.25%;
      background: rgba(0, 0, 0, 0);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );
    }
    .text-trick{
        font-size: 60px;
        line-height: 75px;
        margin-left: -15px !important;
        margin-top: 9rem;
    }
    .text-detail-cover-shop {
        position: absolute;
        bottom: 10px;
        left: 20px;
        font-size: 33px;
        line-height: 40px;
        color: #ffffff;
        z-index: 10;
        font-weight: bold;
    }
    .pad-right-4 {
          padding-right: 3%;
    }
    .pad-left-4 {
          padding-left: 3%;
    }
    .pad-top-15 {
        padding-top: 15rem;
    }
    .content-shop .img-center img{
      max-width: 100%;
      width: 50%;
      margin: 0 auto;
      display: block;
    }
    .list-detail {
        display: block !important;
        height: auto !important;
        width: 100% !important;
        padding-top: 0;
        margin-top: 0 !important;
    }
    .list-detail li {
      height: auto!important;
        min-height: auto!important;
        width: 100%!important;
        margin-top: 0% !important;

    }
    .list-detail li::before {
        content: ""!important;
        position: absolute!important;
        top: 11px!important;
        left: 0!important;
        z-index: 8!important;
        width: 6px!important;
        height: 6px!important;
        border-radius: 100%!important;
        background-color: #FF0000!important;
    }
    .m-top-7 {
        margin-top: 7% !important;
    }
    .L-shop-detail-2 {left: 20%!important;}
    .title-shop-detail {
        font-size: 29px !important;
        line-height: 32px !important;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .row-center{
      justify-content: center;
    }
    :root {
      --c1: #000;
      --c2: #fff;
      --c3: #f1f1f1;
      --c4: #ff0000;
      --bgc: #474e5d;

      /*Outline, box-shadow, and border*/
      --bsh: 0 6px 12px rgba(0, 0, 0, 0.8);
      --bdr: var(--c1) solid 3px;

    }

    * {
      box-sizing: border-box;

      /*Text*/
      font-family: var(--font-caveat);
    }
    #timeline {
        height: auto;
        width: 100%;
        margin: 0;
        background: url();
        overflow-x: hidden;
    }
    /*BASICS END*/

    /*TIMELINE START*/
    #timeline .tl {
      /*Basic*/
      max-width: 1200px;
      margin: auto;
      position: relative;
    }
    #timeline .tl h2 {
        font-size: 30px;
        line-height: 40px;
        color: #FF0000;
        font-weight: 600;
    }
    #timeline .tl p{
      font-size: 25px;
      line-height: 30px;
      padding-left: 20px;
    }

    #timeline .tl::after {
      content: "";
      /*Basic*/
      width: 6px;
      top: 0;
      bottom: 0;
      left: 50%;
      margin-left: -3px;
      position: absolute;
      /*Background*/
      background: var(--c4);
    }

    #timeline .tl-container {
        width: 50%;
        padding: 1rem 5rem 1rem 5rem;
        position: relative;
        background: inherit;
    }

    #timeline .tl-left {
      /*Basic*/
      left: 0;
      position: relative;
    }

    #timeline .tl-right {
      /*Basic*/
      left: 50%;
      position: relative;
    }
    #timeline .num-center-l {
        position: absolute;
        top: 10rem;
        left: -3rem;
        width: 60px;
        height: 60px;
        background: #fe0000;
        border-radius: 50px;
        text-align: center;
        padding-top: 13px;
        color: #fff;
        z-index: 10;
        font-size: 40px !important;
    }
    #timeline .num-center-r {
        position: absolute;
        top: 10rem;
        right: -3rem;
        width: 60px;
        height: 60px;
        background: #fe0000;
        border-radius: 50px;
        text-align: center;
        padding-top: 13px;
        color: #fff;
        z-index: 10;
        font-size: 40px !important;
    }


    #timeline .tl-right::after {
      /*Basic*/
      left: -1rem;
    }

    #timeline .tl-content {
        padding: 1.4rem;
        position: relative;
        box-shadow: -2px 4px 6px 0px rgb(0 0 0 / 22%);
        /* border: var(--bdr); */
        background-color: var(--c3);
        /* border-radius: 6px; */
        min-height: 230px;
    }

    @media screen and (max-width: 600px) {
      #timeline .num-center-l {left: 0rem;}
      #timeline .num-center-r {right: 0rem;left: 0rem;}
      #timeline .tl::after {
        left: 31px;
      }

      #timeline .tl-container {
        /*Basic*/
        width: 100%;
        padding-left: 70px;
        padding-right: 1rem;
      }

      #timeline .tl-left::after,
      #timeline .tl-right::after {
        /*Basic*/
        left: 1rem;
      }

      #timeline .tl-right {
        /*Basic*/
        left: 0%;
      }

    }
    .pad-img {
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      }
      .mas-page-07 {
        position: absolute;
        width: 250px;
        right: 3rem;
    }
    .mas-page-08 {
        position: absolute;
        width: 250px;
        left: -17rem;
        top: -20rem;
    }
    .text-img-red {
        text-align: center;
        margin: 20px 0 40px 0;
    }
      .icon-location {
        display: block;
        margin: 0 auto 15px auto;
        width: 80px;
        min-height: 95px;
    }

      table{border: 1px solid #d3d3d3;border-collapse: collapse;}
      tbody, td, tfoot, th, thead, tr {
        border: 1px solid #d3d3d3;
        padding: 5px 10px !important;
        font-size: 25px;
        line-height: 28px;
        vertical-align: middle;
    }
    .text-back {
        color: #000!important;
    }
    .text-detail-shop-2 {
        line-height: 32px;
        font-size: 28px;
        padding-top: 10px;
    }
    .mas-owl img {
        width: 110px;
        margin: 0 auto 0 auto;
    }
    #banner-customer.owl-carousel .item {
        text-align: center;
        background: #f2f2f2;
    }

    #banner-customer.owl-carousel .item .text-title {
        padding: 30px 30px 0px 30px;
        font-size: 28px;
        line-height: 32px;
        color: #FF0000;
        min-height: 130px;
    }
    #banner-customer.owl-carousel .item .text-title span{
      font-size: 24px;
        line-height: 26px;
    }
    #banner-customer.owl-carousel .item .text-detail {
        padding: 30px 30px 30px 30px;
    }
    .d-1{
      background: #00f;
        color: #fff !important;

    }
    .d-2{
      background: #ff0;
        color: #333 !important;
    }
    .d-3{
      background: #e959d4;
        color: #333 !important;
    }
    .d-4{
      background: #66ff33;
        color: #333 !important;
    }
    .d-5{
      background: #f6862a;
        color: #333 !important;
    }
    .d-6{
      background: #00b0f0;
        color: #333 !important;
    }
    .d-7{
      background: #7030a0;
        color: #fff !important;
    }
    .d-8{
      background: #ff0000;
        color: #fff !important;
    }
    .btn-center{
      display: flex;
      justify-content: center;
      margin-top: 25px;
      padding-bottom: 30px;
    }
    #banner-customer.owl-carousel .item .text-title-height {
        min-height: 90px !important;
    }
    .box-highlight {
  background: #f2f2f2;
  padding: 16px;
  margin-top: 15px;
}
.icon-location-new {max-height: 95px;width: auto!important;margin-bottom: 30px;}
.shop-circle {padding-top: 35px!important;}
.shop-circle .list ul {display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;}
.shop-circle .list ul li {
      width: 25%;
      padding: 0 15px;
  text-align: center;
      margin-top: -50px;
  }

  .shop-circle .list ul li:hover .icon {
      border-color: #FF0000;
    }
  .shop-circle .list ul li:hover .icon .circle-chart {
      -webkit-transform: rotate(225deg);
      transform: rotate(225deg);
    }
  .shop-circle .list ul li:hover .icon .svg path {
      fill: #FF0000;
    }
  .shop-circle .list ul li .icon {
      position: relative;
      max-width: 100%;
      width: 190px;
  height: 190px;
      border: 1px solid #DCDCDC;
      border-radius: 100%;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      margin: 0 auto 25px auto;
    }
    .shop-circle .list ul li::before{
      background-color: unset;
    }

  .shop-circle .list ul li .icon .circle-chart {
      position: absolute;
      top: -4%;
      left: -4%;
      z-index: 8;
      display: table;
      width: 108%;
      height: 108%;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
  .shop-circle .list ul li .icon .svg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
    }
  .shop-circle .list ul li .icon .svg svg {
      position: absolute;
      width: 35px;
    }
  .shop-circle .list ul li .icon .svg svg path {
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
  .shop-circle .list ul li .icon .svg img {
      width: 100%;
      height: auto;
    }
  .shop-circle .text-detail-shop {
      position: relative;
  top: unset;
  left: unset;
  }
   .mb-6 {
    margin-bottom: 75px !important;
}
.shop-row-center {text-align: center;}

.icon-shop-center {display: block;margin: 0 auto 10px auto;width: auto;min-height: 60px;max-height: 60px;}
.icon-shop-center-2 {display: block;margin: 0 auto 10px auto;width: auto;min-height: 90px;max-height: 90px;}
.icon-shop-cta {display: block;margin: 0 auto 10px auto;width: auto;min-height: 52px;max-height: 52px;}
.box-ct-center {text-align: left;border: 1px solid #DFDFDF;padding: 25px 25px;min-height: 400px;background: #fff;}
.box-ct-center-2{min-height: 235px!important;}
.box-ct-center h2 {font-size: 40px;line-height: 40px;}
.box-ct-center ul {padding: 0;margin: 10px 0 0 0;text-align: left;list-style: none;}
.box-ct-center ul li {font-size: 25px;margin-bottom: 10px;padding-left: 13px;line-height: 25px;}
.box-ct-center ul li:before {
  content: "\2022";
  color: #686868;
  font-weight: bold;
  display: inline-block;
  width: 10px;
  margin-left: -10px;
  font-size: 12px;
  vertical-align: top;
  margin-top: 0;
  line-height: 20px;
}
.box-ct-center p,.sc-wrap p {font-size: 25px;}
.row-boots {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row-boots > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.row-boots .col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.row-boots .col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.row-boots .col-4 {
    flex: 0 0 auto;
    width: 33.333%;
}
.row-boots .col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.bootstrapstyle-wrap .mt-5 {margin-top: 40px!important}
.bootstrapstyle-wrap .mb-5 {margin-bottom: 40px!important}
.bootstrapstyle-wrap .mt-4 {margin-top: 25px!important}
.bootstrapstyle-wrap .mb-4 {margin-bottom: 25px!important}
.bootstrapstyle-wrap .gx-4 {--bs-gutter-x: 3rem;}
.bootstrapstyle-wrap .gx-2 {--bs-gutter-x: 1.5rem;}
.bootstrapstyle-wrap .pt-4 {padding-top: 25px!important}
.bootstrapstyle-wrap .pt-3 {padding-top: 15px!important}
.box-cta-head {color: #686868}
.box-cta-head span {color: #FF0000}
.fs-30 {font-size: 30px!important}
.fw-b {font-weight: bold!important;}
.sc-wrap {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding: 15px;margin-top: 15px;background: #fff}

.arrow-flex img {margin-left: 5px;}
h3.text-title-2 {
  font-size: 38px;
  line-height: 40px;
  color: #FF0000;
  font-weight: bold;
  padding-bottom: 5px;
  text-align: left;
  margin-top: 0;
}
.benefits-shop .list.list-half ul li {
  width: 48%;
}
.benefits-shop .list.list-half ul li .text-detail-shop {
  left: 20%;
}
.benefits-shop .list ul li {
  margin-top: 75px;
}
#banner-customerreview .rw-cs-wrap {text-align: center;border: 1px solid #FF0000;border-radius: 30px;padding: 30px 15px;margin: 0 5px}
#banner-customerreview .item img {max-height: 79px;width: auto;margin: 0 auto 10px auto;}
.text-rw-type {color: #FF0000;font-weight: bold;padding-bottom: 15px}
.text-rw-detail {font-size: 25px;line-height: 27px;min-height: 185px;}
.text-rw-detail strong {font-weight: bold;}
.text-rw-name {font-size: 30px;font-weight: bold;display: flex;
  align-items: flex-end;
  min-height: 68px;
  justify-content: center;}
#banner-customerreview .owl-dots .owl-dot span {
  background: #CECECE;
}
#banner-customerreview .owl-dots .owl-dot.active span, #banner-customerreview .owl-dots .owl-dot:hover span {
  background: #F00!important;
}
#banner-customerreview .owl-dots {margin-top: 40px}
.shop-list .shop-list-list {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.shop-list .shop-list-list > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.shop-list .shop-list-list li {flex: 0 0 auto;width: 20%!important;margin-left: 0!important;text-align: center;}
.shop-list-list .text-detail-cover-shop {
  width: 100%;
  left: 0;
  font-size: 31px;
  line-height: 33px;
  padding: 0 20px;
}
.benefits-shop .list-half .text-detail-shop p {min-height: 50px!important;}
.txthead-box .fz70 {font-size: 70px;line-height: 65px;}
.contact-inner .sc-wrap {padding: 50px 25px;}
.contact-inner .fs-30 {line-height: 30px;}
.contact-inner .sc-wrap p {
  line-height: 25px;
  margin-top: 15px;
}
.contact-inner .icon-shop-cta {
  margin: 0 auto 15px auto;
}
.show-txt-mb {display: none!important;}
.sort-order-1 {order: 1!important}
.sort-order-2 {order: 2!important}


/*    **********************************************/

    @media only screen and (max-width: 1600px) {
      .shop-rerative h2 {
          font-size: 45px;
          line-height: 45px;
      }
      .icon-shop {
            top: -13%;
            left: 43%;
        }
      .icon-shop-2 {
            top: -14%;
            left: 43%;
        }
      .icon-shop-3 {
          top: -14%;
          left: 83%;
      }
      .icon-shop-4 {
          top: -22%;
          width: 75px;
      }
      .icon-shop-5 {
          top: -35%;
          left: 37%;
          width: 75px;
      }
      .shop-row h3 {
          font-size: 75px;
          line-height: 85px;

      }
      .benefits-shop .list ul li .icon {
          max-width: 65px;
      }
    }
    @media only screen and (max-width: 1536px) {
      .shop-row .col-75 {width: 100%;}
      .benefits-shop-w-24 {margin-top: 5% !important;}
      .content-shop .shop-list ul li {margin-top: 0;}
      .shop-row .col-4 {
          margin-right: 2rem;
          padding: 0 0 15px 0;
      }
      .benefits-shop .list ul li {min-height: 180px;}
      .shop-rerative h2 {
          font-size: 40px;
          line-height: 40px;
      }
      .icon-shop {
          top: -14%;
          left: 44%;

      }
      .icon-shop-2 {
          top: -17%;
          left: 45%;

      }
      .icon-shop-3 {
          top: -17%;
          left: 77%;

      }
      .icon-shop-5 {
            top: -45%;
            left: 35%;
            width: 75px;
        }
      .shop-row h3 {
          font-size: 70px;
          line-height: 90px;
      }
      .text-num {
          font-size: 70px;
          line-height: 75px;
      }
      .pad-right-4 {
          padding-right: 4%;
      }
      .benefits-shop .list ul li .icon {
          max-width: 60px;
      }
      .title-shop-1 {
          font-size: 25px!important;
          line-height: 25px!important;
          min-height: 60px;
      }
      .benefits-shop .text-detail-shop p {
          line-height: 19px;
          font-size: 18px;
          padding-top: 10px;
      }
      .list-detail li, .text-detail-shop-2{
          line-height: 19px;
          font-size: 18px;
      }
      .text-trick {
          font-size: 50px;
          line-height: 60px;
          margin-left: -15px !important;
          margin-top: 55px;
      }
      .text-detail-cover-shop {
          font-size: 25px;
          line-height: 30px;
      }
      .benefits-shop .list ul li .btn.text-arrow-red {
          font-size: 2rem;
          line-height: 2.5rem;
      }
      .box-ct-center h2 {
  font-size: 28px;line-height: 28px;
}
.shop-main-new .content-1600 {
  width: 100%;
}
.box-ct-center p, .sc-wrap p,.text-rw-detail,.box-ct-center ul li {
  line-height: 19px;
    font-size: 18px;
}
.fs-30,.text-rw-name,.shop-list-list .text-detail-cover-shop {
  font-size: 25px !important;
  line-height: 28px;
}
.text-rw-detail {
  min-height: 135px;
}
.box-ct-center {
  min-height: 335px;
}
    }
    @media only screen and (max-width: 1480px) {
      .shop-row ul li {line-height: 3rem;}
      .icon-shop {
            top: -14%;
            left: 42%;
        }
      .icon-shop-2 {
            top: -13%;
            left: 43%;
        }
      .icon-shop-3 {
            top: -14%;
            left: 82%;
        }
        .shop-row h3 {
            font-size: 60px;
            line-height: 70px;
        }

    }
    @media only screen and (max-width: 1366px) {

      .shop-rerative h2 {
            font-size: 35px;
            line-height: 35px;
        }
        .icon-shop {
            left: 40%;
            top: -13%;
            width: 65px;
        }
        .icon-shop-2 {
            top: -13%;
            left: 43%;
            width: 65px;
        }
        .icon-shop-3 {
            top: -14%;
            left: 77%;
            width: 65px;
        }
        .icon-shop-4 {width: 65px;}
        .icon-shop-5 {
            top: -45%;
            left: 33%;
            width: 65px;
        }
      .shop-row h3 {
            font-size: 55px;
            line-height: 65px;
        }
    }
    @media only screen and (max-width: 1280px) {
      table{
         width: 100%;
         display: block;
         max-width: -moz-fit-content;
         max-width: fit-content;
         margin: 0 auto;
         overflow-x: auto;
         white-space: nowrap;
       }

      .shop-rerative h2 {
          font-size: 35px;
          line-height: 35px;
      }
      .icon-shop {
            top: -10%;
            left: 44%;
            width: 55px;
        }
      .icon-shop-2 {
            top: -10%;
            left: 46%;
            width: 55px;
        }
        .icon-shop-3 {
            top: -10%;
            left: 86%;
            width: 55px;
        }
        .icon-shop-4 {width: 55px;}
        .icon-shop-5 {
            top: -34%;
            left: 38%;
            width: 55px;
        }
        .shop-row ul li {
          font-size: 2rem;
          line-height: 2.3rem;
      }
      .shop-row ul li::before {top: 8px;}
        .shop-row h3 {
            font-size: 55px;
            line-height: 60px;
        }
        .mas-shop {
          bottom: -25px;
          right: 11%;
          width: 100px;
      }
      .text-num {
            font-size: 60px;
            line-height: 65px;
        }
        .text-title-2 {
          font-size: 30px;
          line-height: 35px;
          padding-bottom: 0;
      }
      .text-detail-shop {
          line-height: 20px;
          font-size: 18px;
      }
      .benefits-shop .list ul li .icon {
            max-width: 50px;
        }
        .benefits-shop .list ul li .icon .svg svg {
          width: 25px;
      }
      .title-shop-1 {
            font-size: 16px !important;
            min-height: 45px;
            line-height: 16px !important;
        }
        .benefits-shop .text-detail-shop p {
            line-height: 15px;
            font-size: 13px;
            padding-top: 0;
        }
        .list-detail li, .text-detail-shop-2 {
            line-height: 24px !important;
            font-size: 15px !important;
        }
        .benefits-shop .text-detail-shop p {
            padding-top: 0;
        }
        .benefits-shop .list ul li .btn.text-arrow-red {
          font-size: 1.8rem;
          line-height: 2rem;
          background-size: 4px 10px;
      }
      .pad-section {
          margin-top: 4rem;
      }
      .text-detail-cover-shop {
            font-size: 20px;
            line-height: 25px;
        }
        .text-trick {
            font-size: 40px;
            line-height: 45px;
        }
        .text-trick {
            font-size: 35px;
            line-height: 40px;
        }
        .title-shop-1, .title-shop-detail {
            font-size: 18px !important;
            line-height: 22px !important;

        }
        .mas-page-07 {
  right: -5rem;width: 185px;}
  .mas-page-08 {
  top: -13rem;left: -14rem;
}
header .header .right .menu ul li > a {
    padding: 0 8px;
  }
  .box-ct-center {
    min-height: 350px;
  }
    }
    @media only screen and (max-width: 1180px) {
      .shop-rerative h2 {
            font-size: 32px;
            line-height: 32px;
        }
      .content-shop .img-center img{width: 90%;}

        .shop-row h3 {
            font-size: 48px;
            line-height: 55px;
        }

        .benefits-shop .text-detail-shop {
          left: 38%;
      }

        .border-section-shop {
          padding-bottom: 5%;
      }
      .text-detail-shop {
            font-size: 18px;
        }


    }
    @media only screen and (max-width: 1112px) {
      .shop-row .col-8 {width: 90%;}
    }

    @media only screen and (max-width: 1024px) {
      .shop-row .col-8 {
            width: 100%;
        }

        .shop-row h3 {
            font-size: 43px;
            line-height: 50px;
        }
            .text-num {
            font-size: 55px;
            line-height: 60px;
        }
        .benefits-shop .list ul li .icon {
            max-width: 40px;
        }
        .benefits-shop .list ul li .icon .svg svg {
            width: 18px;
        }

    }
    @media only screen and (max-width: 980px) {

      .shop-row .col-8 {
          width: 100%;
      }
      .shop-rerative h2 {
            font-size: 28px;
            line-height: 30px;
        }
        .icon-shop {
            top: -13%;
            left: 40%;
        }
        .icon-shop-2 {
            top: -12%;
            left: 40%;
        }
        .icon-shop-3 {
            top: -13%;
            left: 77%;}
         .icon-shop-5 {
            left: 32% !important;
            top: -40%;
        }
        .shop-row h3 {
            font-size: 48px;
            line-height: 50px;
        }
        .benefits-shop .text-detail-shop {
            left: 30%;
        }
        .benefits-shop .list ul li {
          width: 47%;
          margin-left: 1%;
          margin-top: 0;
          min-height: 145px;
          top: 60px;
      }
      .content-shop .shop-list ul {
          margin-left: -25px;
      }
      .content-shop .shop-list ul.col3 li {
          width: 31.5%;
          margin-left: 12px;
      }
      .content-shop .shop-list ul.col2 li {
          width: 48%;
          margin-left: 12px;
          margin-top: 20px;
      }
      .shop-prepare .text-detail-shop p {
  min-height: 50px;
}
.benefits-shop .list ul li {
  margin-top: 0;
  margin-bottom: 35px;
}
.mt-sm-4 {margin-top: 15px!important}
.row-boots .col-4 {
  width: 100%;
}
.row-boots .col-3 {
  width: 50%;
}

.box-ct-center h2,h3.text-title-2,.shop-rerative h2{
    font-size: 30px;line-height: 30px;
  }
h2.box-cta-head {
    font-size: 35px!important;
  }
.bootstrapstyle-wrap .shop-row .col-65,.bootstrapstyle-wrap .shop-row .col-35 {
  display: block;
  width: 100%;
  padding-right: 0;
}
.bootstrapstyle-wrap .benefits-shop .text-detail-shop {
    left: 70px;
}
.bootstrapstyle-wrap .text-detail-shop p {
    min-height: unset;
  }
.bootstrapstyle-wrap .list ul {
  margin-top: unset;
}
.bootstrapstyle-wrap .benefits-shop .list ul li {
    top: 15px;min-height: 100px;
  }
.shop-list .shop-list-list li {
  width: 33.33% !important;
  margin-bottom: 15px;
}
.bootstrapstyle-wrap .text-detail-shop p {
    line-height: 20px;
    font-size: 18px;
  }
.bootstrapstyle-wrap .title-shop-1,.bootstrapstyle-wrap .title-shop-detail {
    font-size: 22px !important;
    line-height: 25px !important;
  }
.bootstrapstyle-wrap .pad-L-4 {
  padding-left: 0;
}
.mt-sm-5 {margin-top: 25px}
.contact-inner .mt-5 {margin-top: 25px!important}
.show-txt-mb {display: block!important;}
.bootstrapstyle-wrap .mt-5 {
  margin-top: 25px !important;
}
.box-ct-center-first .mt-4 {margin-top: 0!important}
.sort-order-1 {order: 2!important}
.sort-order-2 {order: 1!important}
    }
    @media only screen and (max-width: 820px) {
    .icon-shop-5 {left: 35% !important;}
    .txthead-box .fz70 {
  font-size: 40px;
  line-height: 40px;
}
.hide-txt-mb {display: none!important;}
.box-ct-center {
    padding: 15px 15px 10px 15px;
    min-height: 120px!important;
    text-align: center;
  }
  .icon-shop-center, .icon-shop-center-2 {
  min-height: 40px;
  max-height: 40px;
}
.col-mb-4 {width: 25%!important}
.shop-rerative .box-ct-center h2 {
    font-size: 23px;
    line-height: 23px;
  }
   .sc-wrap {
    width: 100%;
    margin-left: 0;
    text-align: center;
    padding: 0;
    box-shadow: unset;
  }
  .sc-wrap .fs-30 {
    font-size: 17px !important;
    line-height: 20px;
    text-align: center;
  }

    }

    @media only screen and (max-width: 768px) {
      .benefits-shop-w-24 {width: 45% !important;}
      .shop-p-100 {
          padding: 0 30px 0 65px;
      }
      .icon-shop {
            top: -15%;
            left: 36%;
        }
        .icon-shop-2 {
            left: 61%;
        }
            .shop-row h3 {
            font-size: 45px;
            line-height: 50px;
        }
        .shop-row .text-bottom {
          padding-top: 65px;
      }
          .mas-shop {
            bottom: 50px;
        }
        .shop-row .text-bottom p {
          font-size: 22px;
          padding-bottom: 10px;
      }

      .shop-row .col-65 {
         width: 100%;
      }
      .shop-row .col-75 {
         width: 100%;
      }
      .shop-row .col-35 {
          width: 100%;
          padding: 0 15px;
          margin:20px auto;
      }
      .benefits-shop .list ul {
          margin-top: -30px;
          margin-bottom: 30px;
      }
      .benefits-shop .text-detail-shop {
            left: 25%;
        }
        .benefits-shop .list ul li .icon {
            max-width: 55px;
        }
        .benefits-shop .list ul li .icon .svg svg {
            width: 30px;
        }
        .pad-right-4 {
            padding-right: 0;
        }
        .pad-L-4 {
          padding-left: 0;
      }
        .content-shop .shop-list ul.col2 li {
            margin-top: 15px;
        }
.shop-circle {
  padding-top: 0 !important;
}
.shop-circle .list ul li {
  width: 50%;
  margin-top: 0;
  margin-bottom: 40px;
}
.shop-circle .list ul li .icon {
  margin: 0 auto 15px auto;
}

    }
    @media only screen and (max-width: 640px) {
      .ma-b-40 {margin-bottom: 40px;}
      .icon-shop-4 {left: 31%;top: -36%;}
      .icon-shop-5 {left: 28% !important;top: -84% !important;}
      .shop-row .col-4-icon {width: 100%;}
      .shop-row ul {margin-top: 10px;margin-bottom: 30px;}
      .icon-shop {left: 39%;top: -18%;}
      .icon-shop-2 {left: 30%;top: -20%;}
      .icon-shop-3 {top: -21%;left: 50%;}
      .shop-rerative h2 br {display: none;}
      .icon-location {margin: 0 auto 10px auto;width: 70px;}
      .text-center-640 {text-align: center;}
      .ma-b-20 {margin-bottom: 20px;}
      .mas-page-08 {width: 133px;left: 285px;right: -24px;top: -51px;}
      .text-img-red {margin: 20px 0 20px 0;}
      .mas-page-07 {width: 107px;right: 1rem;}
      .shop-row ol li {font-size: 2rem;line-height: 2.5rem;}
      .list-detail li::before {top: 8px !important;}
      .list-detail {padding-left: 25px;}
      .list-detail-40 {padding-left: 40px;}
      .shop-row .col-4{position: relative;}
      .title-shop-detail{position: relative;}
      .title-shop-detail::before{
            content: "";
            position: absolute;
            top: 9px;
            left: 0;
            z-index: 8;
            width: 6px;
            height: 6px;
            border-radius: 100%;
            background-color: #FF0000;
      }
      .detail-no-bg{position: relative;}
      .detail-no-bg::before{
            background-color: unset !important;
      }
      #banner-customer.owl-carousel .item .text-title {min-height: auto;}
      .shop-row .col-22,.shop-row .col-33,.shop-row .col-32 {
          width: 100%;
          border-right: unset;
          margin-right: 0;
          text-align: left;
          padding: 0 15px;
          margin-bottom: 15px;
      }
      .shop-row .col-33 {
          margin-bottom: 25px;
      }
      tbody, td, tfoot, th, thead, tr {font-size: 20px;}
      .pad-img {padding-bottom: 15px;}
      .pad-20-shop-detail {
          padding: 0 20px 20px 20px;
      }
      .title-shop-detail{
        margin-bottom: 0;
            padding-left: 23px;
      }
      .shop-row .col-4 {
          width: 100%;
          border-right: unset;
          margin-right: 0;
          padding: 0 20px 5px 20px;
      }

      .shop-p-100 {
            padding: 0 30px 0 35px;
       }

       .shop-row h3 {
            font-size: 35px;
            line-height: 40px;
       }
      .benefits-shop .text-detail-shop {
            left: 32%;
        }
        .content-shop .shop-list ul.col3 li {
            width: 100%;
            margin-left: 12px;
        }
        .content-shop .shop-list ul li + li {
            margin-top: 15px;
        }
        .content-shop .shop-list ul.col2 li {
            width: 100%;
        }
        .shop-row .col-33 .mb-4 {
  margin-bottom: 10px;
}
.icon-location-new {
  max-width: 70px;
}
    }

    @media only screen and (max-width: 567px) {
      .box-ct-center-2 {justify-content: flex-start!important;}
      .shop-text-center-im {text-align: left !important;}
.row-boots .col-3,.benefits-shop .list.list-half ul li {
    width: 100%;
  }
.box-cta .mt-sm-4 {margin-top: 25px!important}
.bootstrapstyle-wrap .benefits-shop .text-detail-shop {
    left: 90px;
  }
.bootstrapstyle-wrap .benefits-shop .list ul {
  margin-left: 0;
}
.bootstrapstyle-wrap .shop-row {
  margin-left: 0;
  margin-right: 0;
}
.bootstrapstyle-wrap .benefits-shop .list ul li {
    padding: 0;
  }
 .shop-list .shop-list-list li {
    width: 50% !important;
    margin-bottom: 0;
  }
.shop-list-list .text-detail-cover-shop {
  padding: 0 5px;
}
.shop-list-list .text-detail-cover-shop {
    font-size: 20px !important;
    line-height: 22px;
  }
.col-mb-2 {width: 50%!important;}


.contact-inner .sc-wrap {
  padding: 20px 15px;
  width: 100%!important;
  margin-left: 0!important;
  text-align: center;
  min-height: 200px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.contact-inner .icon-shop-cta {
  margin: 0 auto 10px auto;
  min-height: 40px;
  max-height: 40px;
}
.contact-inner .fs-30 {
  line-height: 23px !important;
  font-size: 20px !important;
}
.contact-inner .sc-wrap p {
  line-height: 18px;
  margin-top: 10px;
}
.contact-inner .gx-4 {
  --bs-gutter-x: 2rem;
}
.benefits-shop .list ul {
    margin-top: 0;
  }
.box-ct-center {
    min-height: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 15px 10px 15px;
  }
  .shop-rerative .box-ct-center h2 {
    font-size: 20px;
    line-height: 20px;
    width: 65%;
    text-align: left;
  }
  .box-ct-center-img {width: 70px}
  .box-ct-center-img .icon-shop-center, .box-ct-center-img .icon-shop-center-2 {margin: 0 auto;min-height: 30px;
    max-height: 30px;}
.bootstrapstyle-wrap .benefits-shop .list.list-half ul li {
    min-height: 150px!important;
  }
 .col-mb-2 {width: 50%!important;}
.box-ct-center-first .col-mb-2 {
    width: 100% !important;
  }
.bootstrapstyle-wrap .pt-3.box-ct-center-first {padding-top: 0!important}
.col-mb-4 {
    width: 50% !important;
    margin-bottom: 20px;
  }
}

    @media only screen and (max-width: 458px) {
      .benefits-shop-w-24 {width: 100% !important;margin-top: 0% !important;}
      .icon-shop-4 {left: 47% !important;}
      .icon-shop-5 {left: 42% !important;}

      #timeline .num-center-l, #timeline .num-center-r {top: 2rem;}
      .shop-row .col-15, .shop-row .col-85 {width: 100%;padding:15px}
      .shop-row .col-3 {
            width: 100%;
            padding-bottom: 15px;
        }
      .show-img-pc{
        display: none;
      }
      .show-img-mb{
        display: block;
      }
      .title-shop-1, .title-shop-detail {
            font-size: 20px !important;
        }
      .shop-row .col-6 {
          width: 100%;
      }
      .shop-rerative h2 br{display: none;}
      .icon-shop {left: 52%;}
      .icon-shop-2 {left: 42%;top: -17%;}
      .icon-shop-3 {top: -17%;left: 69%;}

        .shop-row .text-bottom {
            padding-top: 25px;
        }
        .pad-section {
            margin-top: 2rem;
        }
            .shop-row ul {
          margin-top: 25px;
      }
      .benefits-shop .text-detail-shop p {
            min-height: auto;
            padding-bottom: 5px;
        }
      .shop-rerative h2 {
            font-size: 30px;
            line-height: 33px;
        }

        .shop-p-35 {
          padding-left: 0;
            padding-top: 30px;
      }

        .shop-row ul li {
          font-size: 2.2rem;
          line-height: 3rem;
      }
      .shop-row h3 {
            font-size: 31px;
            line-height: 38px;
        }
        .mas-shop {
            bottom: 50px;
            right: 3%;
            width: 85px;
        }
        .shop-row .col-65 {
            width: 90%;
            margin: 0 auto;
        }
        .shop-row .col-75 {
            width: 90%;
            margin: 0 auto;
        }
        .benefits-shop .list ul li .btn-box {
          margin-top: 10px;
      }
        .benefits-shop .text-detail-shop {
            left: 25%;
        }
        .benefits-shop .list ul li {
            width: 100%;
        }
        .benefits-shop .list ul li .icon {
            max-width: 60px;
        }

        .benefits-shop .list ul li .icon .svg svg {
            width: 30px;
        }
            .benefits-shop .text-detail-shop p {
            line-height: 22px;
            font-size: 18px;
        }
        .list-detail li, .text-detail-shop-2{
          line-height: 22px!important;
            font-size: 18px!important;
        }
        .content-shop .shop-list ul {
            margin-left: 0;
            margin-right: 0;
        }
        .content-shop .shop-list ul.col3 li, .content-shop .shop-list ul.col2 li {
            width: 100%;
            margin-left: 0;
        }
        .text-trick {
            margin-left: 0 !important;
            margin-top: 50px;
        }
        .content-shop .shop-list ul li {
            margin-top: 15px;
        }
        .mas-page-08 {
    width: 100%;
    left: unset;
    right: unset;
    top: unset;
    position: relative;
  }
  .mas-page-07 {
    width: 100%;
    right: unset;
    position: relative;
  }
  .shop-circle .list ul li {
  width: 100%;
    margin-bottom: 30px;
  }
  .box-highlight {
  margin-bottom: 35px;margin-top: 0;
}
.shop-rerative .box-ct-center h2 {
    width: 55%;
  }
  .mt-sm-4 {
    margin-top: 10px !important;
  }
  .pad35120 {
    padding-top: 30px;
  }
  .icon-shop-cta {
    margin-bottom: 5px;
  min-height: 30px;
  max-height: 30px;
}
.sc-wrap {
  margin-top: 0;
}
h2.box-cta-head {
    font-size: 30px !important;
    line-height: 30px!important;
  }
  .txthead-box .fz70 {
    font-size: 35px;
    line-height: 35px;
  }
.sc-wrap .fs-30 {
    line-height: 20px;
  }
  .box-cta.mt-5 {
    margin-top: 15px !important;
  }
  .box-cta .mt-4 {
  margin-top: 10px !important;
}
    }
    @media only screen and (max-width: 390px) {
      .icon-shop-4 {left: 55% !important;}
      .icon-shop-5 {left: 50% !important;}
      .icon-shop {
            left: 62%;
            top: -19%;
            width: 56px;
        }
        .icon-shop-2 {
            left: 48%;
            top: -19%;
            width: 59px;
        }
        .icon-shop-3 {
            top: -20%;
            left: 79%;
        }

        .shop-row ul li {
            font-size: 2rem;
            line-height: 2.5rem;
        }
        .shop-row h3 {
            font-size: 26px;
            line-height: 30px;
            margin-top: 2rem;
        }
        .mas-shop {
            bottom: 80px;
            right: 3%;
            width: 70px;
        }
        .shop-row .text-bottom p {
            font-size: 16px;
            padding-bottom: 5px;
        }
        .shop-row .text-bottom img{
          width: 17px;
        }
        .benefits-shop .list ul li {
            min-height: 135px;
        }

.sc-wrap .fs-30 {
    line-height: 20px;
  }
  .col-mb-4 {
    margin-bottom: 13px;
  }
    }
    @media only screen and (max-width: 375px) {
      .icon-shop-4 {left: 60% !important;}
      .icon-shop-5 {left: 55% !important;}
      .icon-shop {left: 67%;}
      .icon-shop-2 {left: 52%;}
      .icon-shop-3 {left: 87%;}

    }