/** from 576px */
/** from 768px */
/** from 992px */
/** from 1200px */
@media (min-width: 576px) {
    .main_content .text_float.not_removable {
        top: 0;
        left: 58%;
        right: auto;
    }
}

.features_image_icon {
    width: 10%;
}

.features_image {
    width: 100%;
}

@media (min-width: 768px) {
    .features_image .img_container.second {
        margin-top: -15rem;
    }

    .chinbar_image {
        width: 44%;
    }

    .chinbar_content_wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media (max-width: 768px) {
    .icon.label dd {
        background: white;
        border-style: solid;
        font-size: 12px;
        margin-top: -90px;
        margin-bottom: 30px;
    }
    .col2 .chinbar_text .cl1 {
        margin-top: -100px;
    }

    .chinbar_text.right.cl1 dd {
        margin-top: -45px;
    }
    .chinbar_text.right.cl1 {
        width: 70%;
    }
    .chinbar_text.right.cl2 dd {
        margin-left: 10px;
        margin-top: 50px;
    }

    .chinbar_content_wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .note dl{
        text-align: -webkit-center;
    }
    .chinbar_text.center dd{
        background-color: black;
        text-align: center;
        margin-bottom: 20px;
        color: white;
    }
    .center dd span{
        color: white;
    }
    span.ol{
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .features_image {
        max-width: 45%;
    }

    .chinbar_content_wrapper.col2.max {
        width: 100%;
    }

    .w60 {
        width: 60%;
    }

    .w40 {
        width: 40%;
    }

    .chinbar_content_wrapper.col2 div {
        width: 50%;
    }

    .chinbar_content_wrapper.col3 div {
        width: 300px;
    }
    .chinbar_content_wrapper.col3 .sText{
    }
    div.w30 {
        width: 30%;
    }
    div.w20 {
        width: 20%;
    }
    .w60 {
        width: 60%;
    }
    .chinbar_content_wrapper.col3.w40 div {
        width: 40%;
    }
    .chinbar_image img {
        width: 400px;
        text-align: center;
    }

    .chinbar_image.w250 img {
        width: 250px;
    }

    .chinbar_image.w500 img {
        width: 500px;
    }

    .col2 .chinbar_image img {
        width: 300px;
        text-align: center;
    }

    .col2 .chinbar_image.w0 img {
        width: 450px;
    }

    .col2 .chinbar_image.w1 img {
        width: 330px;
    }

    .chinbar_text dd {
        text-align: center;
        font-size: 25px;
        margin-bottom: 20px;
    }

    .chinbar_text.right dd {
        text-align: left;
        margin-bottom: 20px;
        width: 90%;
    }

    .note dl{
        text-align: -webkit-center;
    }
    .chinbar_text.center dd{
        background-color: black;
        text-align: center;
        margin-bottom: 20px;
        color: white;
    }
    .center dd span{
        color: white;
    }
    span.ol{
        width: 50%;
    }

    .col2 .chinbar_text .cl1 {
        margin-top: -100px;
    }

    .chinbar_text.right.cl1 dd {
        margin-top: -100px;
    }

    .chinbar_text.right.cl2 dd {
        margin-left: 35px;
    }
}


table {
    width: 1126px;
    border-collapse: collapse;
    margin-top: 20px;
    border-radius: 10px;
    overflow: hidden;
    font-weight: normal;
    font-family: 'Helvetica Neue', sans-serif;
    border: 1px solid #D9D9D9;


  }

  th, td {
    border: 1px solid #D9D9D9;
    padding: 8px;
    text-align: center;
    width: 296px;
    height: 40px;
    font-size: 16px;
  }

  th {
    color: white;
    background-color: #3D3D3D;
    border: 1px solid #D9D9D9;
  }

  td {
    font-size: 14px;
  }

  td:first-child {
    background-color: #D3D3D3;
  }

  td:nth-child(2),
  td:nth-child(3) {
    background-color: #EFEFEF;
  }

  @media only screen and (min-width: 320px) {
    table {
        width: 100%;
    }

    th, td {
        width: auto;
        box-sizing: border-box;
    }
  }