.esp32-c3-banner-logo {
    width: 370px;
    height: auto;
    margin-top: 20px;
}
.esp32-c3-overview {
    margin-bottom: 40px;
}
.esp32-c3-overview  img {
    width: 120px;
    height: auto;
}
.esp32-c3-overview .esp32-c3-overview-desc {
    margin-left: 50px;
    line-height: 1.625;
}
.row .esp32-c3-overview-content {
    margin: 0 -40px;
}
.row .esp32-c3-overview-content .item {
    padding: 40px 40px 0;
}
.row .esp32-c3-overview-content .item .img-wrap img {
    width: 200px !important;
    height: auto;
}
.row .esp32-c3-overview-content .item h3 {
    text-align: center;
    margin-top: 1.5em;
}
.row .esp32-c3-overview-content .item p {
    margin-bottom: 0;
}
#esp32-c3-overview {
    padding-bottom: 0;
}
.esp32-c3-products {
    margin: 0 -40px;
}
.esp32-c3-products .col-md-4 {
    padding: 0 40px;
}
.esp32-c3-products h2 {
    margin-bottom: 80px;
}
.esp32-c3-products .col-md-4 h3 {
    border-top: 3px solid #0274C7;
    padding: 25px 0 20px;
}
.esp32-c3-products .item-content {
    margin-bottom: 12px;
}
.esp32-c3-products .item > a {
    color: #0373C9;
}
.esp32-c3-products .item > a:hover {
    text-decoration: underline;
}
.esp32-c3-products .item-content img {
    width: 30px;
    height: auto;
}
.esp32-c3-products .item-content span {
    margin-left: 15px;
}
.esp32-c3-products-link {
    margin-top: 30px;
}
.esp32-c3-products-link a {
    font-family: HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
    color: #0373C9;
    text-decoration: none;
}
.esp32-c3-products-link a:hover {
    text-decoration: underline !important;
}
.esp-product-selector-wrap {
    margin-top: 40px;
    padding: 20px 0 30px 60px;
    /*border: 1px solid #DFDFDF;*/
    border-radius: 10px;
}
.esp-product-selector-wrap {
    background-image: url('../images/esp32-c3/esp-product-selector-bg-1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #FAFBFC;
}
.i18n-en .esp-product-selector-wrap {
    background-position: right center;
    background-size: 90%;
}
.esp-product-selector-wrap > .d-flex > img {
    display: none;
}
.esp-product-selector-wrap img {
    width: 38%;
    height: auto;
}
.esp-product-selector-content {
    padding-right: 60px;
}
.esp-product-selector-content h2 img {
    width: 80px;
    height: auto;
    margin-right: 15px;
    margin-left: -5px;
}
.intro-wrapper .esp-product-selector-content h2 {
    margin: 0;
}
.esp-product-selector-content p {
    font-size: 20px;
    margin: 12px 0;
}
.i18n-en  .esp-product-selector-content p  {
    margin-bottom: 20px;
}
.esp-product-selector-content .btn {
    display: inline-block;
    padding: 10px 26px;
    margin-top: 4px;
    background: transparent;
    border: 1px solid #1290D8;
    color: #333;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    transition: all .2s linear;
    text-decoration: none !important;
}
.esp-product-selector-content .btn:hover {
    border-color: #1290D8 !important;
    background: #1290D8 !important;
    color: #fff !important;
}
.buy-now {
    background: transparent;
}
.buy-now .buy-now-bg {
    position: relative;
    background-image: url("../images/esp32-c3/buy-now.jpg?v=1");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: right;
}
.buy-now-bg img {
    width: 100%;
    height: auto;
    max-height: 500px;
}
.buy-now .buy-now-bg .inside {
    padding: 50px 0;
}
/*.buy-now-bg .inside {*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    max-width: 1140px;*/
/*    text-align: right;*/
/*    transform: translateX(-50%);*/
/*    height: 100%;*/
/*}*/
.esp32-c3-related-products h2 {
    text-align: center;
    margin-bottom: 30px;
    color:  #333;
}
.esp32-c3-related-products p {
    color: #fff;
    font-size: 20px;
    margin: 12px 0 18px;
}
.buy-now .buy-now-bg .button {
    color: #333 !important;
    color: var(--esp-primary-color) !important;
    border-color: #333 !important;
    border-color: var(--esp-primary-color) !important;
    background: transparent !important;
}
.buy-now .buy-now-bg .button:hover {
    border-color: #517a87 !important;
    background: #517a87 !important;
}
.row a.button,
.esp-product-selector-content .btn {
    width: 160px;
    padding: 0;
    height: 38px;
    line-height: 36px;
    box-sizing: border-box;
}
.products-wrap.products-new-wrap.customer-products-wrap {
  padding-top: 80px;
}
/*@media (min-width: 1170px){
    .pdb-word p,
    .i18n-en .pdb-word p {
        margin: 40px 0;
    }
 }*/
 .esp32-c3-wrap .title-line {
    position: relative;
    width: 190px;
    text-align: left;
}
 .i18n-zh-hans .esp32-c3-wrap .title-line {
    width: 160px;
 }
 .esp32-c3-wrap .title-line:before {
    content: '';
    display: block;
    width: 2.2em;
    height: 4px;
    margin-bottom: 2px;
    background-color: #1290D8;
}
#esp32-c3-products > .inside {
    padding-bottom: 0 !important;
}
@media (max-width: 1280px) and (min-width: 1170px){
    .intro-wrapper.esp32-c3-wrap .inside {
        width: 1140px;
    }
}
@media (max-width: 1170px){
    .esp32-c3-banner-logo {
        width: 320px;
        margin-top: 15px;
    }
    .esp32-c3-overview {
        margin-bottom: 30px;
    }
    .esp32-c3-products h2 {
        margin-bottom: 50px;
    }
    .row .esp32-c3-overview-content,
    .esp32-c3-products {
        margin: 0 -20px;
    }
    .row .esp32-c3-overview-content .item {
        padding: 20px 20px 0;
    }
    .esp32-c3-products .col-md-4 {
        padding: 0 20px;
    }
    .esp-product-selector-content {
        padding: 0;
        width: 50%;
        max-width: 560px;
        min-width: 400px;
    }
    .esp-product-selector-wrap {
        padding: 30px 0 30px 30px;
    }
}
@media (max-width: 768px){
    .esp32-c3-banner-logo {
        width: 180px;
        margin-top: 12px;
    }
    .intro-wrapper .esp-product-selector-content h2 {
        font-size: 20px;
    }
    .products-wrap.products-new-wrap.customer-products-wrap {
      padding-top: 50px !important;
    }
    .esp-product-selector-content h2 img {
        width: 50px;
    }
    .esp-product-selector-content p {
        margin: 12px 0;
        font-size: 16px;
    }
    .esp-product-selector-content .btn {
        font-size: 16px;
    }
    .esp32-c3-related-products {
        padding-right: 20px;
    }
    .esp32-c3-products > .d-flex {
        /*max-width: 320px;*/
        /*margin: 0 auto;*/
    }
    .esp32-c3-products-link {
        margin: 20px 0 6px;
    }
    .esp32-c3-products .col-md-4 h3 {
        padding: 20px 0;
    }
    .esp-product-selector-wrap {
        margin-top: 20px;
        background-position: 30% 100%;
    }
    .esp32-c3-related-products p {
        font-size: 16px;
    }
    .buy-now .buy-now-bg {
        background-position: 40% center;
    }
    .esp32-c3-products .col-md-4 {
        margin-bottom: 12px;
    }
    
}
@media (max-width: 600px){
    .esp-product-selector-wrap {
        background-image: none;
        max-width: 100%;
        margin: 20px auto 0;
        padding: 15px;
    }
    .esp-product-selector-content {
        min-width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
    .intro-wrapper .esp-product-selector-content h2 {
        justify-content: center;
    }
    .esp32-c3-related-products {
        max-width: 320px;
        margin: 0 auto;
    }
}
@media (max-width: 550px){
    .esp32-c3-overview {
        display: block;
        text-align: center;
    }
    .esp32-c3-overview .esp32-c3-overview-desc {
        margin-left: 0;
        margin-top: 1.5em;
        text-align: left;
    }
    .esp-product-selector-wrap img {
        display: none;
    }
    .esp-product-selector-wrap {
        padding: 0;
    }
    .esp-product-selector-wrap .esp-product-selector-content img {
        display: inline-block;
    }
    .esp-product-selector-content {
        padding: 20px;
    }
}
@media (max-width: 500px){
    .esp32-c3-banner-logo {
        width: 140px;
    }
    .buy-now .buy-now-bg a.button {
        width: 160px !important;
    }
}