@media screen and (max-width:1199px) {
    /* we3 think about your best section */
    .think-about-your-best-con .white-box-left {
        width: 205px;
        height: auto;
        padding: 14px;
    }

    .think-about-your-best-con .white-box-left ul li,
    .think-about-your-best-con .white-box-right ul li {
        font-size: 16px;
        line-height: 28px;
    }

    .think-about-your-best-con .best-inner-con::after {
        width: 538px;
        height: 538px;
    }

    .think-about-your-best-con .best-inner-con::before {
        width: 400px;
        height: 400px;
    }

    .think-about-your-best-con .best-inner-con img {
        width: 380px;
    }

    .think-about-your-best-con .white-box-left.var1 {
        top: 0;
        left: 0;
    }

    .think-about-your-best-con .white-box-left.var2 {
        top: 239px;
        left: 0;
    }

    .think-about-your-best-con .white-box-right.var3 {
        top: -57px;
        right: 0;
    }

    .think-about-your-best-con .white-box-right.var4 {
        top: 183px;
        right: 0;
    }

    .think-about-your-best-con .white-box-right.var5 {
        top: 379px;
        right: 36px;
    }
    .think-about-your-best-con .best-inner-con {
        margin-top: 135px;
    }
}
@media screen and (max-width:1024px) {
    .think-about-your-best-con .white-box-right::before {
        background: url(../img/right-side-dotted-line-mobile.png);
        content: "";
        width: 95px;
        height: 36px;
        position: absolute;
        left: -97px;
        top: 27px;
        z-index: 3;
        background-repeat: no-repeat;
    }

    .think-about-your-best-con .white-box-left::before {
        background: url(../img/left-side-dotted-line-mobile.png);
        content: "";
        width: 95px;
        height: 36px;
        position: absolute;
        right: -85px;
        top: 27px;
        z-index: 3;
        background-repeat: no-repeat;
    }

    .think-about-your-best-con .best-inner-con img {
        width: 347px;
    }

    .think-about-your-best-con .white-box-left.var2 {
        top: 217px;
        left: 0;
    }

    .think-about-your-best-con .white-box-right.var5 {
        top: 339px;
        right: 36px;
    }

    .think-about-your-best-con .best-inner-con::after {
        width: 490px;
        height: 490px;
    }

    .think-about-your-best-con .best-inner-con::before {
        width: 357px;
        height: 357px;
    }

    .think-about-your-best-con .best-inner-con {
        margin-top: 122px;
    }

    /*  */
    .our-featured-produts-con .featured-product-box {
        height: 133px;
    }

    .think-about-your-best-con .white-box-left ul li,
    .think-about-your-best-con .white-box-right ul li {
        font-size: 16px;
        line-height: 26px;
    }
}
@media screen and (max-width:767px) {
    .think-about-your-best-con .white-box-right {
        width: auto;
        height: auto;
        padding: 12px;
    }

    .think-about-your-best-con .white-box-left {
        width: auto;
        height: auto;
        padding: 12px;
    }

    .think-about-your-best-con .white-box-left ul li,
    .think-about-your-best-con .white-box-right ul li {
        font-size: 14px;
        line-height: 24px;
        padding-left: 25px;
    }

    .think-about-your-best-con .white-box-left ul li i,
    .think-about-your-best-con .white-box-right ul li i {
        padding: 3px;
        font-size: 9px;
        width: 15px;
        top: 3px;
        height: 15px;
    }

    .think-about-your-best-con .best-inner-con::after {
        width: 400px;
        height: 400px;
    }

    .think-about-your-best-con .best-inner-con::before {
        width: 320px;
        height: 320px;
    }

    .think-about-your-best-con .best-inner-con img {
        width: 266px;
    }

    .think-about-your-best-con .white-box-right.var5 {
        top: 263px;
        right: 12px;
    }

    .think-about-your-best-con .white-box-right.var4 {
        top: 116px;
        right: 0;
    }

    .think-about-your-best-con .white-box-right.var3 {
        top: -62px;
        right: 0px;
    }

    .think-about-your-best-con .white-box-left.var1 {
        top: -7px;
        left: 0;
    }

    .think-about-your-best-con .white-box-left.var2 {
        top: 152px;
        left: 0;
    }

    .think-about-your-best-con .best-inner-con {
        margin-top: 106px;
    }
}
@media screen and (max-width:575px) {
    .think-about-your-best-con .best-inner-con::before {
        display: none;
    }

    .think-about-your-best-con .best-inner-con::after {
        display: none;
    }

    .think-about-your-best-con .best-inner-con {
        margin-top: 60px;
    }

    .think-about-your-best-con .white-box-left,
    .think-about-your-best-con .white-box-right {
        display: none;
        top: unset;
        bottom: unset;
        right: unset;
        left: unset;
        margin-bottom: 0;
        padding: 8px 6px;
        width: 150px;
    }

    .think-about-your-best-con .white-box-left ul li,
    .think-about-your-best-con .white-box-right ul li {
        font-size: 13px;
        line-height: 20px;
        padding-left: 20px;
    }

    .think-about-your-best-con .white-box-left ul li i,
    .think-about-your-best-con .white-box-right ul li i {
        padding: 3px;
        font-size: 8px;
        width: 14px;
        top: 2px;
        height: 14px;
    }

    .think-about-your-best-con .best-inner-con img {
        width: 266px;
        margin-bottom: 20px;
    }

    .think-about-your-best-con .white-box-left.var1,
    .think-about-your-best-con .white-box-left.var2,
    .think-about-your-best-con .white-box-right.var3,
    .think-about-your-best-con .white-box-right.var4,
    .think-about-your-best-con .white-box-right.var5 {
        top: unset !important;
        bottom: unset !important;
        right: unset !important;
        left: unset !important;
    }

    .think-about-your-best-con .white-box-right::before,
    .think-about-your-best-con .white-box-left::before {
        display: none;
    }

    .think-about-your-best-con .white-box-right {
        border-left: 2px solid var(--e-global-color-accent);
        border-right: none;
    }

    .pin-show {
        display: block;
    }

    .think-about-your-best-con .box {
        width: 36px;
        height: 36px;
        background: url(../img/pin.png) no-repeat center top;
        background-size: contain;
        position: absolute;
        min-height: inherit;
        box-shadow: none !important;
        z-index: 4;
    }

    #pin-1 {
        top: 2%;
        left: 36%;
    }

    #pin-2 {
        left: 36%;
        top: 41.5%;
    }

    #pin-3 {
        right: 36%;
        top: -10%;
    }

    #pin-4 {
        right: 36%;
        top: 31%;
    }

    #pin-5 {
        right: 46%;
        bottom: 26%;
    }
}