.container {
  padding: 0 8%; }

@media (min-width: 1200px) {
  .container {
    padding: 0 4%; } }

.bsch_cates {
  margin-top: 49px; }
  .bsch_cates .d-flex {
    gap: 29px; }
    .bsch_cates .d-flex .bsch_cates__item {
      flex: 0 0 auto;
      width: calc((100% - 87px)/4); }
  @media (max-width: 767px) {
    .bsch_cates {
      margin-top: 18px; }
      .bsch_cates .d-flex {
        gap: 0; }
        .bsch_cates .d-flex .bsch_cates__item {
          width: 50%; } }

#bsch_middle_1 .bsch_middles_title {
  margin: 163px 0 171px; }
  @media (max-width: 767px) {
    #bsch_middle_1 .bsch_middles_title {
      margin: 47px 0; } }

#bsch_middle_2 {
  margin: 101px 0 132px; }
  @media (max-width: 767px) {
    #bsch_middle_2 {
      margin: 22px 0 25px; } }

#bsch_middle_3 .bsch_middles_content {
  margin: 41px 0 33px;
  gap: 49px; }
  #bsch_middle_3 .bsch_middles_content > div {
    flex: 0 0 auto;
    width: calc((100% - 49px) / 2); }
  #bsch_middle_3 .bsch_middles_content .list_grade_3 {
    position: relative; }
    #bsch_middle_3 .bsch_middles_content .list_grade_3 .list_products {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      padding: 14.5% 10% 14.5% 17%; }
      #bsch_middle_3 .bsch_middles_content .list_grade_3 .list_products .list_product {
        max-height: 100%;
        overflow: hidden;
        overflow-y: auto; }
        #bsch_middle_3 .bsch_middles_content .list_grade_3 .list_products .list_product::-webkit-scrollbar {
          width: 0px; }
        #bsch_middle_3 .bsch_middles_content .list_grade_3 .list_products .list_product .line_product {
          max-height: calc(var(--list-height) / 4);
          overflow: hidden;
          margin-bottom: 15px; }
          #bsch_middle_3 .bsch_middles_content .list_grade_3 .list_products .list_product .line_product img {
            margin-top: -8%; }
  @media (max-width: 767px) {
    #bsch_middle_3 .bsch_middles_content {
      margin: 14px 0 33px;
      gap: 15px; }
      #bsch_middle_3 .bsch_middles_content > div {
        width: calc((100% - 15px) / 2); } }

#bsch_middle_accessories {
  margin-bottom: 123px; }
  @media (max-width: 767px) {
    #bsch_middle_accessories {
      margin-bottom: 32px; } }

.bsch_banner_footer + .bsch_banner_footer {
  margin-top: 27px; }
  @media (max-width: 767px) {
    .bsch_banner_footer + .bsch_banner_footer {
      margin-top: 15px; } }

footer {
  padding: 38px 0 26px;
  border-top: 2px solid #3D7FB2;
  margin-top: 27px; }
  footer #f_col_1 {
    flex: 0 0 auto;
    width: 40%; }
    footer #f_col_1 a {
      background: #3D7FB2;
      color: #fff;
      font-size: 16px;
      text-transform: uppercase;
      max-width: 60%;
      display: inline-block;
      padding: 12px 24px;
      position: relative;
      font-weight: bold;
      letter-spacing: 1px;
      margin-bottom: 20px; }
      footer #f_col_1 a svg {
        position: absolute;
        right: 10%;
        bottom: 25%;
        width: 20%;
        transition: all 0.5s ease-in-out; }
      footer #f_col_1 a:hover svg {
        right: 5%; }
    footer #f_col_1 h3 {
      font-size: 20px;
      letter-spacing: 1px; }
    footer #f_col_1 p {
      font-size: 16px;
      margin-bottom: 0; }
  footer #f_col_2 {
    flex: 0 0 auto;
    width: calc(60% - 49px); }
    footer #f_col_2 h3 {
      font-size: 20px;
      letter-spacing: 1px; }
    footer #f_col_2 ul {
      font-size: 16px;
      list-style: disc;
      list-style-position: inside;
      padding-left: 20px; }
  @media (max-width: 767px) {
    footer {
      margin-top: 15px; }
      footer #f_col_1 {
        width: 100%;
        margin-bottom: 15px; }
        footer #f_col_1 a {
          max-width: 80%;
          font-size: 12px; }
        footer #f_col_1 h3 {
          font-size: 16px; }
        footer #f_col_1 p {
          font-size: 12px; }
      footer #f_col_2 {
        width: 100%; }
        footer #f_col_2 h3 {
          font-size: 16px; }
        footer #f_col_2 ul {
          font-size: 12px;
          padding-left: 0; } }