@media (max-width: 767.98px) {
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------- M-TABLE -------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
.table-responsive {
  width:100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

.table {
  width: 100%;
  max-width: 100%;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 3px;
  line-height: 1.42857143;
  vertical-align: top;
}



  /* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* -------------------- M-FOOTER -------------------- */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .breadcrumb {
    margin: 35px 0 15px 0!important;
  }
  .breadcrumb-item.active::before {
    margin: 0 10px 0 10px;
    background: url('../images/nan/breadcrumbs_left.svg') no-repeat center / 100% 100%;
  }
  
  .m-footer { padding-bottom: 40px; }
  .m-footer-line2 {
    width: 30vw;
    height: 1px;
    background-color: #C8C8C8;
  }

  .m-footer-content { margin: 50px 0 50px 0; }
  .m-footer-content:nth-child(1) { border-right: none; }
  .m-footer-menuTitle {
    font-size: 30px;
    line-height: 38px;
  }
  .m-footer-menuPer {
    font-size: 16px;
    line-height: 22px;
  }
  .m-footer-menuArrow {
    margin-left: 10px;
  }
  .m-footer-followIcon {
    margin: 30px 5px 0 5px;
    width: 50px;
    height: 50px;
  }

  .m-footer-logo { margin-top: 10px; }
  .m-footer-bottom-menuPer { margin: 0 0 25px 0; width: auto;}
  .m-footer-bottom-menuPer a { margin: 0 10px 0 10px;}


  /* +++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* -------------------- M-TITLE -------------------- */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-title { padding: 80px 0 40px 0; }
  .m-title-mainTitle {
    font-size: 30px;
    line-height: 38px;
  }
  .m-title-subTitle {
    font-size: 30px;
    line-height: 38px;
  }
  .m-title-smallContent {
    margin-top: 40px;
    font-size: 18px;
    line-height: 24px;
  }


  /* +++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* -------------------- M-STAGE -------------------- */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++ */
  .views-slideshow-controls-bottom { display: none!important; }

  .m-stage { padding-top: 12px; }
  .m-stage-content { padding: 120px 0 60px 0; }
  .m-stage-content-noBtn { padding: 0 0 45px 0; }
  .m-stage-subTitle {
    font-size: 18px;
    line-height: 26px;
  }
  .m-stage-mainTitle {
    font-size: 38px;
    line-height: 44px;
  }
  .m-stage-mainBtn { margin: 0; }


  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* -------------------- M-CONTENT-TEASER-LIST/IMAGE LIST -------------------- */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* EVEN GRID FULL LARGE */
  .view-sigonggezujian li {
    width: 100%;
  }

  .m-content-list { height: calc(100vw * 1.12); }
  .m-content-list-smallTitle {
    margin-top: 40px;
    font-size: 18px;
    line-height: 26px;
  }
  .m-content-list-mainTitle {
    font-size: 24px;
    line-height: 30px;
  }
  .m-content-list-mainTitle-noSmall {
    margin-top: 40px;
    font-size: 24px;
    line-height: 30px;
  }
  .m-content-list-subTitle {
    margin-top: 5px;
    font-size: 18px;
    line-height: 24px;
  }
  .m-content-list-link {
    margin-top: 25px;
    font-size: 18px;
    line-height: 24px;
  }

  /* B3 GRID INLINE */
  .view-sanliexiaotuwenzujian ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 0 20px 0!important;
  }
  .view-sanliexiaotuwenzujian li {
    flex: 0 0 auto;
    width: 100%;
    margin: 0 0 40px 0!important;
  }

  .m-content-list-b3Grid-ImgCT {
    margin-bottom: 0;
    height: 115px;
  }
  .m-content-list-b3-mainTitle {
    font-size: 18px;
    line-height: 24px;
  }
  .m-content-list-b3-subTitle {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
  }
  .m-content-list-b3-subTxt {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
  }
  .m-content-list-b3-link {
    margin-top: 15px;
    font-size: 18px;
    line-height: 24px;
  }
  .m-content-list-b3Grid-txtCT { padding: 0 12px 0 20px; }

  /* 2 GRID INLINE NO FULL LARGE */
  .view-zuoyoutupianzujian li {
    width: 100%;
  }
  .m-content-list-2col {
    height: calc(50vw * .5);
  }


  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* -------------------- M-CONTENT-IMAGE-AND-TEXT -------------------- */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .view-zuoyoutuwenzujian li {
    flex: 0 0 auto;
    width: 100%;
    margin: 0 0 60px 0!important;
  }
  .m-content-image-and-text-content { padding: 20px 0 0 0; }
  .m-content-image-and-text-content-left { padding: 20px 0 0 0; }
  .m-content-image-and-text-mainTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .m-content-image-and-text-smallTitle {
    margin-top: 15px;
    font-size: 18px;
    line-height: 30px;
  }
  .m-content-image-and-text-smallContent {
    margin-top: 15px;
    font-size: 16px;
    line-height: 22px;
  }


  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* -------------------- M-TIRE-SLIDER -------------------- */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .view-luntaishitu.view-display-id-block_1 ul {
    height: 520px;
  }
  .m-tire-slider-per {
    padding: 40px 0 10px 0; 
  }
  .m-tire-slider-imgCT { height: 250px; }
  .m-tire-slider-shadow {
    width: 103px;
    height: 16px;
  }
  .m-tire-slider-title {
    font-size: 22px;
    line-height: 30px;
  }
  .m-tire-slider-subTitle {
    font-size: 18px;
    line-height: 24px;
  }

  .m-tire-slider-buttons {
    height: 520px;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* -------------------- M-VIDEO -------------------- */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-video .vjs-big-play-button {
    width: 40px;
    height: 40px;
  }

  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ------------------------ M_CONTENT-ACCORDION --------------------- */
  /* ------------------------    M_TEST_RESULTS   --------------------- */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m-help-hub-button {
    padding: 23px 26px 23px 10px!important;
    font-size: 18px;
    line-height: 24px;
  }

  .m-help-hub-nav-link {
    padding: 0 38px 12px 0!important;
    font-size: 16px;
    line-height: 22px;
  }

  .m-help-hub-content {
    margin-top: 0!important;
    margin-bottom: 40px!important;
  }
  .m-content-accordion-leftImg {
    padding: 0 0 30px 0!important;
  }
  .m-content-accordion-rightTxtCT {
    padding: 0!important;
  }
  .m-content-accordion-subTitle {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
  }
  .m-content-accordion-subTxt {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
  }
  .m-content-accordiion-video {
    margin-top: 10px;
  }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------ M-PRODUCT-RANGE --------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-product-range-table tr:first-child>td {
  padding-top: 25px !important;
}
.m-product-range-dataCT {
  height: 20px;
}
.m-product-range-table tr:last-child>td {
  padding-bottom: 10px !important;
}

.m-product-range {
  padding: 30px 0 30px 0;
}

.m-product-range-sizeCT {
  padding: 20px 0px 30px 0;
  width: 300px;
  margin: auto;  
  justify-content: left!important;
}

.m-product-range-perSize {
  margin: 10px 20px 0 20px;
  width: 60px;
  height: 60px;
  border: 1px solid black;
  border-radius: 30px;
  font-size: 20px;
  line-height: 20px;
}


/* +++++++++++++++++++++++===+++++++++++++++++++++++++++++++++++++++ */
/* ------------------------- SEARCH-SITE-RANGE --------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.search-form {margin-top:150px;}

ol.node_search-result li {
  border-bottom: 1px solid #dee2e6 !important;
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
}


.node_search-results {
  --bs-list-group-border-color: #ffffff !important; 
}

.commonBtn4 {
  cursor: pointer;
  width: 80px;
  height: 30px;
  font-size: 16px;
  line-height: 24px;
  border: 2px solid black;
  background-color:transparent !important; 
}

.commonBtn4:active,
.commonBtn4:hover {
  border: 2px solid #FFA500;
  color: #FFA500 !important; 
}

.input_search {
  font-size: 16px;
  line-height: 32px;
  width: 200px;
  height: 30px;
  border: 2px solid black;
}

.search_title {
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
  color: #000;
}

.search_attributes {
  font-size: 18px;
  line-height: 36px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------ PARAGRAPH--------------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.paragraph_50 {
  margin-bottom: 60px !important;
}

.paragraph_top {
  width: 100%;
  height: 180px
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------- FONTS IN USE Headline ------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.h1_headline_90_100 {
  margin-bottom: 50px;
  font-size: 90px;
  font-weight: bold;
  line-height: 100px;
  letter-spacing: 0%;
}

.h2_headline_60_70 {
  margin-bottom: 50px;
  font-size: 60px;
  font-weight: bold;
  line-height: 70px;
  letter-spacing: 0%;
}

.h3_headline_50_60 {
  margin-bottom: 50px;
  font-size: 50px;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 0%;
}

.h4_headline_40_50 {
  margin-bottom: 50px;
  font-size: 50px;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 0%;
}

.h5_headline_30_40 {
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 0%;
}

.h6_headline_18_24 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.5%;
}

.h7_headline_24_35 {
  font-size: 24px;
  font-weight: bold;
  line-height: 35px;
  letter-spacing: 0%;
}



  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* -------------------- M-PRODUCT-SEARCH -------------------- */
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* .m-product-search-start {
    padding: 130px 0 40px 0!important;
  }
  .m-product-search-start-titleCT.subTitle {
    font-size: 16px;
    line-height: 24px;
  }
  .m-product-search-start-titleCT.mainTitle {
    font-size: 30px;
    line-height: 38px;
  }
  .m-product-search-start-titleCT.selectTxtCT {
    margin-bottom: 20px;
  }
  .m-product-search-start-titleCT .selectTxt {
    font-size: 26px;
    line-height: 32px;
  }
  .m-product-search-start-titleCT .selectTxt::after {
    margin: 0 0 0 15px;
    width: 18px;
    height: 18px;
  } */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------- M-TIRES-DETAIL --------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-stage-mainBtn2 { margin: 210% 0 0 12%; }
.tires-img {
  width: 230px;
  height: auto;
  vertical-align: middle;
  text-align: center;
}
.m-stage-mainTitle2 {
  margin-top: 65px;
  font-size: 18px;
  line-height: 26px;
}

.m-stage-bigTitle2 {
  font-size: 38px;
  line-height: 44px;
  font-weight: medium;
}

.m-stage-subTitle2 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 26px;
}
.m-tire-detail-attricon {
  margin: 0px 10px 0 10px;
  width: 50px;
  height: 50px;
}

.m-stage{
  padding-top: 20px; 
}
.m-stage_minheight{
  min-height: 800px;
}


  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ------------------------ PARAGRAPH--------------------- */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .m_paragraph_50 {
    margin-bottom: 30px!important;
  }
  .m_paragraph_top {
    width:100%; 
    height:100px
  }


  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ------------------- FONTS IN USE Headline ------------- */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .h1_headline_90_100 {
    margin-bottom: 20px;
    font-size: 38px;
    font-weight: medium;
    line-height: 44px;
    letter-spacing:0%;
  }
  .h2_headline_60_70 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: medium;
    line-height: 38px;
    letter-spacing:0%;
  }
  .h3_headline_50_60 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: medium;
    line-height: 30px;
    letter-spacing:0%;
  }
  .h4_headline_40_50 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: medium;
    line-height: 24px;
    letter-spacing:0%;
  }
  .h5_headline_30_40 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: medium;
    line-height: 30px;
    letter-spacing:0%;
  }
  .h6_headline_18_24 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: medium;
    line-height: 22px;
    letter-spacing:0.5%;
  }
  .h7_headline_24_35 {
    font-size: 16px;
    font-weight: medium;
    line-height: 22px;
    letter-spacing:0.5%;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ------------------- FONTS IN USE Sub und Topline ------ */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .s1_subline_60_70 {
    font-size: 30px;
    font-weight: light;
    line-height: 38px;
    margin-bottom: 30px;
  }
  .t1_topline_35_50 {
    font-size: 18px;
    font-weight: medium;
    line-height: 26px;
    letter-spacing:0%;
    margin-bottom: 20px;
  }
  .t2_topline_20_35 {
    font-size: 16px;
    font-weight: medium;
    line-height: 24px;
    letter-spacing:0%;
    margin-bottom: 20px;
  }
  .t3_topline_16_20 {
    font-size: 14px;
    font-weight: medium;
    line-height: 18px;
    letter-spacing:0%;
    margin-bottom: 20px;
  }

  .index_affirm_font {
    font-size: 14px;
    font-weight: medium;
    line-height: 30px;
    letter-spacing: 0.5%;
    margin-bottom: 40px;
  }

  .index_affirm_img {
    width: 100px
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ------------------- FONTS IN USE Links ---------------- */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .menu_link_active_40_60 {
    font-size: 26px;
    font-weight: medium;
    line-height: 32px;
    letter-spacing:0%;
  }
  .menu_link_40_60 {
    font-size: 26px;
    font-weight: light;
    line-height: 32px;
    letter-spacing:0%;
  }
 
  .m_link_18_35 {
    font-size: 16px;
    color: #000;
    font-weight: light;
    line-height: 35px;
    letter-spacing:0%;
   }
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ------------------- FONTS IN USE Text ----------------- */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .copy_xlarge_40_50 {
    font-size: 30px;
    font-weight: light;
    line-height: 38px;
    letter-spacing:0%;
  }
  .copy_large_30_40 {
    font-size: 24px;
    font-weight: light;
    line-height: 30px;
    letter-spacing:0%;
  }
  .copy_medium_24_35 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: light;
    line-height: 30px;
    letter-spacing:0%;
  }
  .copy_small_18_24 {
    font-size: 18px;
    font-weight: light;
    line-height: 24px;
    letter-spacing:0%;
  }
  .copy_small_bold_18_24 {
    font-size: 16px;
    font-weight: light;
    line-height: 22px;
    letter-spacing:0%;
  }

}


