.grid,
.grid-1200 {
    width: 100%;
    display: block;
    padding: 0
}

.grid.wide {
    max-width: 1080px;
    margin: 0 auto
}

.grid-1200.wide {
    max-width: 1200px;
    margin: 0 auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px
}

.row.no-gutters {
    margin-left: 0;
    margin-right: 0
}

.col {
    padding-left: 4px;
    padding-right: 4px
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding: 0 15px 15px
}

.c-0 {
    display: none
}

.c-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.c-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.c-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.c-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.c-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.c-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.c-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.c-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.c-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.c-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.c-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.c-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.c-o-1 {
    margin-left: 8.33333%
}

.c-o-2 {
    margin-left: 16.66667%
}

.c-o-3 {
    margin-left: 25%
}

.c-o-4 {
    margin-left: 33.33333%
}

.c-o-5 {
    margin-left: 41.66667%
}

.c-o-6 {
    margin-left: 50%
}

.c-o-7 {
    margin-left: 58.33333%
}

.c-o-8 {
    margin-left: 66.66667%
}

.c-o-9 {
    margin-left: 75%
}

.c-o-10 {
    margin-left: 83.33333%
}

.c-o-11 {
    margin-left: 91.66667%
}

@media (min-width:740px) {
    .row {
        margin-left: -8px;
        margin-right: -8px
    }
    .col {
        padding-left: 8px;
        padding-right: 8px
    }
    .m-0 {
        display: none
    }
    .m-1,
    .m-10,
    .m-11,
    .m-12,
    .m-2,
    .m-3,
    .m-4,
    .m-5,
    .m-6,
    .m-7,
    .m-8,
    .m-9 {
        display: block
    }
    .m-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .m-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .m-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .m-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .m-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .m-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .m-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .m-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .m-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .m-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .m-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .m-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .m-o-1 {
        margin-left: 8.33333%
    }
    .m-o-2 {
        margin-left: 16.66667%
    }
    .m-o-3 {
        margin-left: 25%
    }
    .m-o-4 {
        margin-left: 33.33333%
    }
    .m-o-5 {
        margin-left: 41.66667%
    }
    .m-o-6 {
        margin-left: 50%
    }
    .m-o-7 {
        margin-left: 58.33333%
    }
    .m-o-8 {
        margin-left: 66.66667%
    }
    .m-o-9 {
        margin-left: 75%
    }
    .m-o-10 {
        margin-left: 83.33333%
    }
    .m-o-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1113px) {
    .row {
        margin-left: -12px;
        margin-right: -12px
    }
    .row.sm-gutter {
        margin-left: -5px;
        margin-right: -5px
    }
    .col {
        padding-left: 12px;
        padding-right: 12px
    }
    .row.sm-gutter .col {
        padding-left: 5px;
        padding-right: 5px
    }
    .l-0 {
        display: none
    }
    .l-1,
    .l-10,
    .l-11,
    .l-12,
    .l-2,
    .l-2-4,
    .l-3,
    .l-4,
    .l-5,
    .l-6,
    .l-7,
    .l-8,
    .l-9 {
        display: block
    }
    .l-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .l-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .l-2-4 {
        flex: 0 0 20%;
        max-width: 20%
    }
    .l-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .l-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .l-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .l-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .l-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .l-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .l-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .l-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .l-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .l-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .l-o-1 {
        margin-left: 8.33333%
    }
    .l-o-2 {
        margin-left: 16.66667%
    }
    .l-o-3 {
        margin-left: 25%
    }
    .l-o-4 {
        margin-left: 33.33333%
    }
    .l-o-5 {
        margin-left: 41.66667%
    }
    .l-o-6 {
        margin-left: 50%
    }
    .l-o-7 {
        margin-left: 58.33333%
    }
    .l-o-8 {
        margin-left: 66.66667%
    }
    .l-o-9 {
        margin-left: 75%
    }
    .l-o-10 {
        margin-left: 83.33333%
    }
    .l-o-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:740px) and (max-width:1023px) {
    .wide {
        width: 644px
    }
}

@media (min-width:1024px) and (max-width:1239px) {
    .wide {
        width: 984px
    }
    .wide .row {
        margin-left: -12px;
        margin-right: -12px
    }
    .wide .row.sm-gutter {
        margin-left: -5px;
        margin-right: -5px
    }
    .wide .col {
        padding-left: 12px;
        padding-right: 12px
    }
    .wide .row.sm-gutter .col {
        padding-left: 5px;
        padding-right: 5px
    }
    .wide .l-0 {
        display: none
    }
    .wide .l-1,
    .wide .l-10,
    .wide .l-11,
    .wide .l-12,
    .wide .l-2,
    .wide .l-2-4,
    .wide .l-3,
    .wide .l-4,
    .wide .l-5,
    .wide .l-6,
    .wide .l-7,
    .wide .l-8,
    .wide .l-9 {
        display: block
    }
    .wide .l-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .wide .l-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .wide .l-2-4 {
        flex: 0 0 20%;
        max-width: 20%
    }
    .wide .l-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .wide .l-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .wide .l-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .wide .l-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .wide .l-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .wide .l-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .wide .l-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .wide .l-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .wide .l-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .wide .l-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .wide .l-o-1 {
        margin-left: 8.33333%
    }
    .wide .l-o-2 {
        margin-left: 16.66667%
    }
    .wide .l-o-3 {
        margin-left: 25%
    }
    .wide .l-o-4 {
        margin-left: 33.33333%
    }
    .wide .l-o-5 {
        margin-left: 41.66667%
    }
    .wide .l-o-6 {
        margin-left: 50%
    }
    .wide .l-o-7 {
        margin-left: 58.33333%
    }
    .wide .l-o-8 {
        margin-left: 66.66667%
    }
    .wide .l-o-9 {
        margin-left: 75%
    }
    .wide .l-o-10 {
        margin-left: 83.33333%
    }
    .wide .l-o-11 {
        margin-left: 91.66667%
    }
}

@media (max-width:1023px) {
    .hide-on-mobile-tablet {
        display: none!important
    }
    .hide-on-table {
        display: none
    }
    .header__logo {
        width: 220px;
        text-align: center;
        padding-right: 0!important
    }
}

@media only screen and (max-width: 320px) {
    .item-head-box img {
        max-width: 122px !important;
    }
    .close-modal_home {
        right: -10px !important;
        top: -10px !important;
    }
}

@media only screen and (max-width:767px) {
    .hide-on-mobile {
        display: none
    }
    .bk-button-home {
        width: 80%;
    }
    .title-box-all {
        font-size: 14px;
        word-break: break-all;
    }
    .modal-content {
        width: 90% !important;
        padding: 24px 20px !important;
    }
    .modal-box h3 {
        font-size: 24px !important;
        padding-bottom: 0 !important;
    }
    .close-modal_home {
        width: 40px !important;
        height: 40px !important;
        font-size: 3rem !important;
        line-height: 40px !important;
        right: -15px !important;
        top: -15px !important;
    }
    .content-center-bt {
        padding-bottom: 0;
    }
    .ring-alo-show-laptop {
        right: 0;
        bottom: 0;
        left: 5px
    }
    .header-mobile {
        position: fixed;
        z-index: 100;
        background: #fff
    }
    .hide-on-pc {
        display: block!important
    }
    .bk-plus--diagram-box {
        padding-bottom: 0
    }
    .bk-plus--diagram-box-end {
        padding-bottom: 0
    }
    .mobile-pd {
        padding: 8px 0
    }
    .footer-ending-left {
        font-size: 12px;
        text-align: center
    }
    .plus-landing .bk-service-provided-t .bk-services h3 {
        padding-top: 30px
    }
    .plus-landing .plus-main-footer .footer-ending .ending-right a {
        font-size: 12px;
        text-align: center
    }
    .plus-landing .plus-main-footer .footer-ending .ending-left {
        font-size: 14px;
        text-align: center
    }
    .header-search-bar,
    .header-search-bar-right {
        display: block!important;
        padding: 0 20px;
        font-size: 20px
    }
    .header-search-bar-right {
        color: #fff
    }
    .plus-landing .bkPlus-header-bg .bkPlus-header {
        flex-wrap: wrap;
        padding: 60px 15px
    }
    .plus-landing .bk-service-provided .bk-services {
        padding: 60px 15px 30px
    }
    .plus-landing .bk-service-provided .bk-services h3 {
        width: 90%;
        font-size: 24px
    }
    .plus-landing .bk-service-credit__cart .bk-services--credit__cart h3,
    .plus-landing .bk-service-effective--use .bk-services h3,
    .plus-landing .bk-service-effective--use .bk-services--use h3,
    .plus-landing .bk-service-instruct .bk-services h3,
    .plus-landing .bk-service-provided-t .bk-services h3,
    .plus-landing .bk-service-provided-t .bk-services-bot h3 {
        width: 90%;
        font-size: 24px
    }
    .plus-landing .bk-service-provided-t .bk-services h3 {
        margin-bottom: 30px
    }
    .plus-landing .bk-service-instruct .bk-services h3 {
        margin-bottom: 70px
    }
    .plus-landing .bk-service-effective--use .bk-services h3 {
        margin-bottom: 30px
    }
    .plus-landing .bk-service-effective--use .bk-services--use h3 {
        padding-top: 0;
        margin-bottom: 30px
    }
    .plus-landing .bk-service-provided-t .bk-services .services-block .block-item {
        height: unset
    }
    .plus-landing .bk-service-provided-t .bk-services-bot h3 {
        padding: 30px 0 0;
        margin-bottom: 30px
    }
    .plus-landing .bk-service-provided-t {
        padding: 30px 0
    }
    .title-box__active {
        padding-bottom: 10px
    }
    .title-box__text__active {
        margin-bottom: 24px
    }
    .title-box__text {
        height: 100px
    }
    .title-box__text--use {
        height: 60px
    }
    .title-box__text-payment-text {
        padding: 16px 15px 13px 15px;
        height: unset
    }
    .title-box__payment-text {
        height: unset;
        margin: 0
    }
    .plus-landing .bk-service-integrated .bk-services .integrated-box .integrated-box-text-payment {
        font-size: 14px;
        padding: 10px 0
    }
    .tab-pc-pd {
        padding: 15px
    }
    .zoom_5 {
        transform: unset!important;
        transition: unset!important
    }
    .services-block-instruct {
        padding-bottom: 70px
    }
    .item-head-box-instruct .head-img-box-instruct {
        height: 100px
    }
    .title-box__text-instruct {
        height: unset
    }
    .plus-landing .bk-service-instruct .bk-services .services-block-instruct .block-item-instruct {
        display: block
    }
    .one-item {
        margin-left: 40%
    }
    .plus-landing .bk-service-instruct--img {
        padding: 40px 0 0
    }
    .plus-landing .bk-service-provided {
        margin-top: 0;
        background: linear-gradient(246.57deg, #29b354 -19.12%, #0074b1 83.26%)
    }
    .plus-landing .bk-service-provided .bk-services {
        margin-top: 0;
        background: 0 0;
        background-repeat: no-repeat
    }
    .services-block-effective--use {
        padding-bottom: 20px
    }
    .bk-plus-title {
        display: flex;
        justify-content: center;
        width: 90%;
        font-size: 18px;
        background: #2cb356;
        border-radius: 40px
    }
    .plus-landing .bk-service-effective--use {
        padding: 40px 0
    }
    .contact-content-home {
        display: block;
        align-items: center
    }
    .plus-landing .bkPlus-header-bg .bkPlus-header .bkPlus-header-item .item-title h3 {
        font-size: 28px;
        text-align: center
    }
    .plus-landing .bkPlus-header-bg .bkPlus-header .bkPlus-header-item .item-title p {
        text-align: center
    }
    .plus-landing .bk-plus-contact-home .contact-content-home .contact-content-center,
    .plus-landing .bk-plus-contact-home .contact-content-home .contact-content-center__right,
    .plus-landing .bk-plus-contact-home .contact-content-home .contact-content-left,
    .plus-landing .bk-plus-contact-home .contact-content-home .contact-content-right {
        width: 100%;
        padding-left: 20px;
        padding-bottom: 20px
    }
    .plus-landing .bk-plus-contact-home .contact-content-home .contact-content-left {
        text-align: center
    }
    .vectorIcon {
        display: none
    }
    .bk-service-instruct--img {
        padding: 0
    }
    .bk-service-effective--use .bk-services .no-gutters>.col,
    .no-gutters>[class*=col-] {
        padding: 15px 0
    }
    .bk-service__payment-popular .no-gutters>.col {
        padding: 0 12px 15px
    }
    .border--Leg_Part {
        width: 80%
    }
    .text-box-diagram {
        padding-left: 10px
    }
    .text-box-diagram_p {
        padding-left: 10px
    }
    .bk-service-icon {
        padding-top: 10px;
        padding-bottom: 0
    }
    .border--diagram__mobile {
        width: 34%
    }
    .bk-plus--diagram-box-end .text-box-diagram--mobile {
        padding-left: 0
    }
    .bk-plus--diagram-box-end .text-box-diagram--mobile-ctr {
        padding-left: 27px
    }
    .contact-content-title {
        text-align: center
    }
    .header__navbar {
        justify-content: space-between;
        padding: 13px 10px
    }
    .nav__bars-btn--dot {
        display: block
    }
    .nav__bars-btn {
        display: block
    }
    .nav__bars-btn--dot svg {
        display: block;
        height: 38px;
        color: #000
    }
    .header__logo-link {
        text-align: left
    }
    .sv-item-border--use {
        height: 286px
    }
    .title-box--use {
        padding: 10px;
        height: 60px
    }
    .title-box {
        height: unset
    }
    .title-box__text__active-use {
        margin-top: 15px;
        margin-bottom: 0
    }
    .plus-landing .plus-main-footer {
        height: 124%;
        padding-top: 70px
    }
    .plus-landing .bkPlus-payment-bg .bkPlus-payment {
        flex-wrap: wrap;
        padding: 30px 15px
    }
    .plus-landing .bkPlus-integrated-bg .bkPlus-integrated {
        flex-wrap: wrap
    }
    .plus-landing .bkPlus-payment-bg .bkPlus-payment {
        flex-direction: column-reverse
    }
    .plus-landing .bkPlus-payment-bg .bkPlus-payment .bkPlus-payment-item .item-payment h3 {
        font-size: 28px;
        text-align: center
    }
    .plus-landing .bk-plus-contact .contact-block .contact-content h3 {
        font-size: 24px!important;
        text-align: center
    }
    .plus-landing .bkPlus-payment-bg .bkPlus-payment .bkPlus-payment-item {
        width: 100%
    }
    .bkplus-payment-text {
        font-size: 24px
    }
    .bkplus-payment-text--box .bkplus-payment-text {
        font-size: 18px
    }
    .bkplus-payment-text--box {
        text-align: center
    }
    .plus-landing .bk-service-provided-t .bk-services h3,
    .plus-landing .bk-service__payment-popular .bk-services h3 {
        width: 90%;
        font-size: 24px;
        margin-bottom: 30px
    }
    .bk-services-img--title .bk-services-img--w {
        width: 100%
    }
    .bk-services-img--title {
        margin-bottom: 20px
    }
    .plus-landing .bkPlus-integrated-bg .bkPlus-integrated .bkPlus-integrated-item {
        width: 100%;
        padding: 15px 20px
    }
    .item-btn__btn {
        width: unset;
        height: unset;
        font-size: 16px
    }
    .item-btn__ctv {
        width: unset;
        font-size: 16px
    }
    .item-btn__btn--integrated {
        width: 90%;
        padding: 20px
    }
    .item-btn__btn--integrated_img {
        padding-left: 20px
    }
    .bkPlus-integrated-btn {
        width: 100%
    }
    .plus-landing .bk-service-integrated .bk-services .integrated-box {
        padding-bottom: 20px
    }
    .plus-landing .bk-service__payment-popular {
        padding: 30px 0
    }
    .bk-service-integrated--img,
    .bk-service-paymentGateway--img,
    .plus-landing .bk-service-video {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .bk-payment-img-title {
        height: unset
    }
    .bk-service-video .no-gutters>.col,
    .no-gutters>[class*=col-] {
        padding: 0
    }
    .plus-landing .bk-plus-contact .contact-block .contact-content {
        background: unset!important
    }
    .plus-landing .bk-plus-contact {
        height: 88px
    }
    .plus-landing .bk-plus-contact .contact-block {
        bottom: -60px
    }
    .plus-landing .bk-plus-contact .contact-block .contact-content {
        padding: 0
    }
    .plus-landing .bk-plus-contact .contact-block .contact-content h3 {
        padding-top: 20px
    }
    .plus-landing .bkPlus-integrated-bg .bkPlus-integrated {
        padding: 30px 0 0 0
    }
    .plus-landing .bk-service-paymentGateway .bk-services h3 {
        width: 100%;
        font-size: 28px
    }
    .plus-landing .bk-service-video .bk-services h3 {
        width: 100%;
        font-size: 24px
    }
    .plus-landing .bk-service-credit_cart--financial .bk-services--credit__cart h3 {
        font-size: 24px;
        padding-top: 30px;
        margin-bottom: 30px
    }
    .video-mobile {
        padding-top: 20px!important
    }
    .plus-landing .bk-service-integrated .bk-services h3 {
        margin-bottom: 30px;
        font-size: 24px;
        width: 90%
    }
    .bkPlus-integrated-btn {
        padding: 20px 0
    }
    .bkPlus-contact-btn {
        width: 90%
    }
    .item-btn__btn--contact {
        padding: 12px 32px 12px 20px!important;
        display: flex!important;
        justify-content: center;
        align-items: center
    }
    .item-btn__btn--contact-img {
        padding-left: 20px;
        margin: 0!important
    }
    .bkPlus-header-item__text-j {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .bkPlus-header-item__text-btn-t {
        padding-right: 8px
    }
    .text-box-manager,
    .title-box-manager {
        padding: 0 0 20px 16px
    }
    .title-box__text-payment-text {
        padding: 16px 15px 13px 15px;
        height: unset
    }
    .title-box__payment-text {
        height: unset
    }
    .fix_tel {
        bottom: 10px;
        left: -3px
    }
    .zoom_5 {
        transform: unset;
        transition: unset
    }
    .bl-services-mobile {
        margin: 0!important
    }
    .item-btn__btn--contact {
        font-size: 18px!important
    }
    .bk-plus-title-btn {
        width: 100%;
        font-size: 20px;
        text-align: center
    }
    .plus-landing .bk-plus--diagram .bk-services h3,
    .plus-landing .bk-service-credit__cart .bk-services--credit__cart h3,
    .plus-landing .bk-service-credit_cart--financial .bk-services--credit__cart h3 {
        width: 90%
    }
    .plus-landing .bk-service-credit__cart .bk-services--credit__cart .credit__cart-p,
    .plus-landing .bk-service-credit_cart--financial .bk-services--credit__cart .credit__cart-p {
        width: 90%
    }
    .plus-landing .bk-plus--diagram .bk-services h3 {
        font-size: 24px
    }
    .plus-landing .bk-plus--diagram .bk-services h3 {
        margin-bottom: 30px
    }
    .bk-plus--diagram_content {
        padding: 20px
    }
    .text--diagram {
        font-size: 14px;
        padding: 15px 22px;
        width: 175px
    }
    .sv-item-border--credit__cart {
        margin: auto;
        width: 100%
    }
    .sv-item-border--credit__cart:hover {
        transform: unset;
        cursor: pointer;
        transition: unset
    }
    .title-box--credit__cart {
        height: unset;
        padding: 12px 0 16px;
        font-size: 28px
    }
    .text-diagram--selfile {
        width: 175px;
        padding: 15px 6px;
        font-size: 14px;
        text-align: center
    }
    .border-vector .img-fluid,
    .border-vector-center .img-fluid {
        width: 80%
    }
    .border-vector-end .img-fluid {
        max-width: 0
    }
    .plus-landing .bkPlus-installment-bg .bkPlus-installment {
        padding: 0 0 30px 0
    }
    .bkPlus-installment-img {
        width: 90%
    }
    .text-img-payment {
        font-size: 38px
    }
    .bk-service-like {
        padding-bottom: 60px!important
    }
    .plus-landing .bk-service-credit__cart .bk-services--credit__cart h3 {
        padding-top: 30px;
        margin-bottom: 30px
    }
    .title-box__text--credit__cart {
        height: unset
    }
    .plus-landing .bkPlus-manager-bg .bkPlus-manager {
        padding-top: 60px
    }
    .plus-landing .bkPlus-manager-bg .bkPlus-manager h3 {
        width: 90%;
        font-size: 24px;
        margin-bottom: 30px
    }
    .plus-landing .bk-service-circle .bk-services h3 {
        width: 90%;
        font-size: 24px;
        padding-top: 30px;
        margin-bottom: 60px
    }
    .plus-landing .bk-plus-contact-home {
        bottom: -60px
    }
    .img-title--circle__width1 {
        width: 100px;
        height: 100px;
        padding: 10px;
        text-align: center;
        display: flex;
        font-size: 16px;
        align-items: center
    }
    .img-title--circle__width2 {
        width: 100px;
        height: 100px;
        padding: 10px;
        text-align: center;
        display: flex;
        font-size: 16px;
        align-items: center
    }
    .img-title--circle__width3 {
        width: 100px;
        height: 100px;
        padding: 10px;
        text-align: center;
        display: flex;
        font-size: 16px;
        align-items: center
    }
    .img-title--circle__width4 {
        width: 100px;
        height: 100px;
        padding: 10px;
        text-align: center;
        display: flex;
        font-size: 16px;
        align-items: center
    }
    .img-title--circle__width5 {
        width: 100px;
        height: 100px;
        padding: 10px;
        text-align: center;
        display: flex;
        font-size: 16px;
        align-items: center
    }
    .img-title--circle__width6 {
        width: 100px;
        height: 100px;
        padding: 10px;
        text-align: center;
        display: flex;
        font-size: 15px;
        align-items: center
    }
    .img-title--circle__width7 {
        width: 100px;
        height: 100px;
        padding: 10px;
        text-align: center;
        display: flex;
        font-size: 16px;
        align-items: center
    }
    .img-title--circle__width8 {
        width: 100px;
        height: 100px;
        padding: 10px;
        text-align: center;
        display: flex;
        font-size: 16px;
        align-items: center
    }
    .title-box__text-circle {
        font-size: 14px
    }
    .circle-margin2 {
        padding-top: 13px
    }
    .circle-margin1,
    .circle-margin2,
    .circle-margin3,
    .circle-margin4 {
        margin: 0 10px 0 0
    }
    .circle-margin4 {
        padding-top: 13px
    }
    .circle-margin3,
    .circle-margin6,
    .circle-margin8 {
        margin-top: 13px
    }
    .circle-margin5,
    .circle-margin6,
    .circle-margin7,
    .circle-margin8 {
        padding: 0;
        margin-left: 0
    }
    .title-circle_install {
        color: #2b2b2b;
        padding-left: 15px;
        text-align: left;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 0
    }
    .img-text--circle_install {
        width: 100px;
        padding: 33px 20px
    }
    .text-box-manager {
        height: unset;
        margin-bottom: 0
    }
    .title-manager-start {
        width: 100%
    }
    .title-manager-end {
        width: 45%
    }
    .bk-plus-register-btn {
        padding-top: 30px
    }
    .img-mobile {
        width: 80px
    }
    .title-box-financial {
        font-size: 20px;
        padding: 25px 0 25px 15px
    }
    .text-box__mobile {
        padding-top: 15px
    }
    .bk-service-credit_cart--financial .no-gutters>.col {
        padding: 0
    }
    .services-block-financial {
        padding-bottom: 20px
    }
    .bk-service-provided-t .bk-services-bot .no-gutters>.col,
    .no-gutters>[class*=col-] {
        padding: 0 6px 12px
    }
    .bk-service-circle .bk-services-ppd {
        padding: 50px 0
    }
    .services-block-manager .item-head-box-manager .item-head-box-manager {
        padding: 30px 20px;
        height: unset
    }
    .item-head-box img {
        max-width: 150px;
    }
    .bk-service-credit_cart--financial .services-block-manager {
        padding-bottom: 20px
    }
    .plus-landing .plus-main-footer .main-footer-content .content-side-right {
        width: 100%;
        margin-right: auto
    }
    .store-btn {
        display: flex
    }
    .store-btn .app-store-btn {
        padding-right: 20px
    }
    .content-item__pd {
        padding-right: 0!important
    }
    .item-btn__btn--contact-img {
        position: absolute;
        right: 40px;
        top: 63%
    }
    .bk-plus-text {
        padding: 16px 15px
    }
    .retail-landing .retail-product-block .retail-product {
        padding: 30px 0!important
    }
    .ship-landing .ship-timeline .timeline-block h3 {
        font-size: 24px!important;
        padding-top: 30px!important;
        padding-bottom: 30px!important
    }
    .plus-landing .plus-main-footer .main-footer-content {
        display: block
    }
    .plus-landing .plus-main-footer .main-footer-content .content-center {
        width: 100%;
        padding: 23px 0!important
    }
    .ring-alo-ph-img-circle {
        left: 23px;
        top: 24px;
        width: 45px;
        height: 45px
    }
    .bk-services-bot {
        padding: 0 15px
    }
    .flex {
        padding: 0 15px
    }
    .flex .col .title .flex-title--box {
        min-height: unset
    }
    .text-top-pay {
        top: 39px
    }
}

@media (min-width:740px) and (max-width:1023px) {
    .hide-on-table {
        display: none
    }
    .bk-button-home {
        width: 80%;
    }
    .title-box-all {
        font-size: 14px;
        word-break: break-all;
    }
    .modal-content {
        width: 90% !important;
        padding: 24px 20px !important;
    }
    .modal-box h3 {
        font-size: 24px !important;
        padding-bottom: 0 !important;
    }
    .close-modal_home {
        width: 40px !important;
        height: 40px !important;
        font-size: 3rem !important;
        line-height: 40px !important;
        right: -15px !important;
        top: -15px !important;
    }
    .content-center-bt {
        padding-bottom: 0;
    }
    .ring-alo-show-laptop {
        right: 0;
        bottom: 0;
        left: -26px
    }
    .header-table {
        position: fixed;
        z-index: 100;
        background: #fff;
        width: 100%
    }
    .no-gutters>.col,
    .no-gutters>[class*=col-] {
        padding: 0 15px 30px
    }
    .bk-service-icon {
        padding-top: 10px;
        padding-bottom: 0
    }
    .bl-services-table {
        margin: 0!important
    }
    .bk-service-provided-t .bk-services-bot .block-item img {
        width: 100%
    }
    .bkPlus-header-item__text-j {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .plus-landing .bk-plus-contact-home {
        bottom: -36px
    }
    .plus-landing .bkPlus-header-bg .bkPlus-header {
        flex-wrap: wrap;
        padding: 60px 15px
    }
    .plus-landing .bkPlus-header-bg {
        padding-top: 74px
    }
    .footer-ending-left {
        font-size: 12px;
        text-align: center
    }
    .plus-landing .plus-main-footer .footer-ending .ending-right a {
        font-size: 12px;
        text-align: center
    }
    .plus-landing .plus-main-footer .footer-ending .ending-left {
        font-size: 14px;
        text-align: center
    }
    .plus-landing .bk-service-provided-t .bk-services h3 {
        padding-top: 30px
    }
    .header-search-bar,
    .header-search-bar-right {
        display: block!important;
        padding: 0 20px;
        font-size: 20px
    }
    .header-search-bar-right {
        color: #fff
    }
    .plus-landing .bkPlus-header-bg .bkPlus-header {
        padding: 60px 15px;
        display: flex;
        flex-direction: column-reverse
    }
    .plus-landing .bk-service-provided .bk-services {
        padding: 60px 15px 30px
    }
    .plus-landing .bk-service-provided .bk-services h3 {
        width: 90%;
        font-size: 24px
    }
    .plus-landing .bk-service-effective--use .bk-services h3,
    .plus-landing .bk-service-effective--use .bk-services--use h3,
    .plus-landing .bk-service-instruct .bk-services h3,
    .plus-landing .bk-service-provided-t .bk-services h3,
    .plus-landing .bk-service-provided-t .bk-services-bot h3 {
        width: 90%;
        font-size: 24px
    }
    .plus-landing .bk-service-provided-t .bk-services h3 {
        margin-bottom: 30px
    }
    .plus-landing .bk-service-instruct .bk-services h3 {
        margin-bottom: 70px
    }
    .plus-landing .bk-service-effective--use .bk-services h3 {
        margin-bottom: 30px
    }
    .plus-landing .bk-service-effective--use .bk-services--use h3 {
        padding-top: 0;
        margin-bottom: 30px
    }
    .plus-landing .bk-service-provided-t .bk-services .services-block .block-item {
        height: unset
    }
    .plus-landing .bk-service-provided-t .bk-services-bot h3 {
        padding: 30px 0;
        margin-bottom: 30px
    }
    .plus-landing .bk-service-provided-t {
        padding: 30px 20px
    }
    .title-box__active {
        padding-bottom: 10px
    }
    .title-box__text__active {
        margin-bottom: 24px
    }
    .services-block-instruct {
        padding-bottom: 70px
    }
    .plus-landing .bk-service-instruct .bk-services .services-block-instruct .block-item-instruct {
        display: block
    }
    .one-item {
        margin-left: 40%
    }
    .plus-landing .bk-service-instruct--img {
        padding: 40px 0 0
    }
    .plus-landing .bk-service-provided {
        background-repeat: no-repeat;
        background-size: 100% 30%;
        margin-top: 0;
        background: linear-gradient(246.57deg, #29b354 -19.12%, #0074b1 83.26%)
    }
    .plus-landing .bk-service-provided .bk-services {
        background-repeat: no-repeat;
        background-size: 100% 30%;
        background-size: 100% 100%;
        margin-top: 30px
    }
    .services-block-effective--use {
        padding-bottom: 20px
    }
    .bk-plus-title {
        display: flex;
        justify-content: center;
        width: 90%;
        font-size: 18px;
        background: #2cb356;
        border-radius: 40px
    }
    .bk-payment-img-title {
        height: unset
    }
    .plus-landing .bk-service-effective--use {
        padding: 40px 0
    }
    .bkPlus-header-item__text-j {
        justify-content: center
    }
    .contact-content-home {
        display: block;
        align-items: center
    }
    .plus-landing .bkPlus-header-bg .bkPlus-header .bkPlus-header-item .item-title h3 {
        font-size: 28px;
        text-align: center
    }
    .plus-landing .bkPlus-header-bg .bkPlus-header .bkPlus-header-item .item-title p {
        text-align: center
    }
    .plus-landing .bk-plus-contact-home .contact-content-home .contact-content-center,
    .plus-landing .bk-plus-contact-home .contact-content-home .contact-content-center__right,
    .plus-landing .bk-plus-contact-home .contact-content-home .contact-content-left,
    .plus-landing .bk-plus-contact-home .contact-content-home .contact-content-right {
        width: 100%;
        padding-left: 20px;
        padding-bottom: 20px
    }
    .plus-landing .bkPlus-header-bg .bkPlus-header .bkPlus-header-item {
        width: 100%;
        align-self: stretch;
        text-align: center
    }
    .plus-landing .bk-plus-contact-home .contact-content-home .contact-content-left {
        text-align: center
    }
    .vectorIcon {
        display: none
    }
    .bk-service-instruct--img {
        padding: 0
    }
    .bk-service-effective--use .bk-services .no-gutters>.col,
    .no-gutters>[class*=col-] {
        padding: 15px 0
    }
    .contact-content-title {
        text-align: center
    }
    .header__navbar {
        justify-content: space-between;
        padding: 13px 10px
    }
    .nav__bars-btn--dot {
        display: block
    }
    .nav__bars-btn {
        display: block
    }
    .nav__bars-btn--dot svg {
        display: block;
        height: 38px;
        color: #000
    }
    .header__logo-link {
        text-align: left
    }
    .sv-item-border--use {
        height: 350px
    }
    .title-box--use {
        padding: 10px
    }
    .title-box {
        height: unset
    }
    .title-box__text__active-use {
        margin-top: 15px;
        margin-bottom: 0
    }
    .plus-landing .plus-main-footer {
        padding-top: 70px
    }
    .plus-landing .bkPlus-payment-bg .bkPlus-payment {
        flex-wrap: wrap;
        padding: 30px 15px
    }
    .plus-landing .bkPlus-integrated-bg .bkPlus-integrated {
        flex-wrap: wrap
    }
    .plus-landing .bkPlus-payment-bg .bkPlus-payment {
        flex-direction: column-reverse
    }
    .plus-landing .bkPlus-payment-bg .bkPlus-payment .bkPlus-payment-item .item-payment h3 {
        font-size: 28px;
        text-align: center
    }
    .plus-landing .bkPlus-payment-bg .bkPlus-payment .bkPlus-payment-item {
        width: 100%
    }
    .bkplus-payment-text {
        font-size: 24px
    }
    .plus-landing .bk-service-provided-t .bk-services h3,
    .plus-landing .bk-service__payment-popular .bk-services h3 {
        width: 90%;
        font-size: 28px;
        margin-bottom: 30px
    }
    .bk-services-img--title .bk-services-img--w {
        width: 100%
    }
    .bk-services-img--title {
        margin-bottom: 20px
    }
    .plus-landing .bkPlus-integrated-bg .bkPlus-integrated .bkPlus-integrated-item {
        width: 100%;
        padding: 15px 20px
    }
    .item-btn__btn--integrated {
        width: 90%;
        padding: 20px
    }
    .item-btn__btn--integrated_img {
        padding-left: 20px
    }
    .bkPlus-integrated-btn {
        width: 100%
    }
    .plus-landing .bk-plus-contact .contact-block .contact-content {
        background: unset
    }
    .plus-landing .bk-plus-contact {
        height: unset
    }
    .plus-landing .bk-service-integrated .bk-services .integrated-box {
        padding-bottom: 20px
    }
    .plus-landing .bk-service__payment-popular {
        padding: 30px 0
    }
    .bk-service-integrated--img,
    .bk-service-paymentGateway--img,
    .plus-landing .bk-service-video {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .plus-landing .bkPlus-integrated-bg .bkPlus-integrated {
        padding: 30px 0 0 0
    }
    .plus-landing .bk-service-paymentGateway .bk-services h3 {
        width: 100%;
        font-size: 28px
    }
    .plus-landing .bk-service-video .bk-services h3 {
        width: 100%;
        font-size: 28px
    }
    .video-mobile {
        padding-top: 20px!important
    }
    .plus-landing .bk-service-integrated .bk-services h3 {
        margin-bottom: 30px
    }
    .bkPlus-integrated-btn {
        padding: 20px 0
    }
    .bkPlus-contact-btn {
        width: 50%
    }
    .item-btn__btn--contact {
        padding: 12px 32px 12px 20px!important;
        display: flex!important;
        justify-content: center;
        align-items: center
    }
    .item-btn__btn--contact-img {
        padding-left: 10px;
        margin: 0!important
    }
    .bl-services-mobile {
        margin: 0!important
    }
    .bk-services-img--title-tablet {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .bk-services-img--title-tablet {
        margin: auto
    }
    .item-head-box-instruct .head-img-box-instruct {
        height: 80px
    }
    .sv-item-border-instruct {
        height: 350px
    }
    .title-box__text-instruct--active {
        margin-top: 0
    }
    .title__box-instruct {
        height: 90px
    }
    .nav__mobile--dot {
        width: 500px
    }
    .nav__mobile {
        width: 500px
    }
    .bk-services-img--title-box {
        margin: auto
    }
    .bk-services-img--title-end {
        justify-content: end
    }
    .text-diagram--selfile {
        width: 100%;
        font-size: 14px
    }
    .plus-landing .bk-plus--diagram .bk-services h3,
    .plus-landing .bk-service-credit_cart--financial .bk-services--credit__cart h3,
    .plus-landing .bk-service-integrated .bk-services h3,
    .plus-landing .bk-service-provided-t .bk-services-bot h3 {
        font-size: 28px
    }
    .plus-landing .bk-plus--diagram .bk-services h3,
    .plus-landing .bk-service-credit__cart .bk-services--credit__cart h3,
    .plus-landing .bk-service-credit_cart--financial .bk-services--credit__cart h3 {
        width: 80%
    }
    .plus-landing .bk-service-credit__cart .bk-services--credit__cart .credit__cart-p,
    .plus-landing .bk-service-credit_cart--financial .bk-services--credit__cart .credit__cart-p {
        width: 90%
    }
    .bk-plus--diagram_content {
        padding: 20px
    }
    .bk-plus-title-btn {
        width: 100%;
        text-align: center;
        font-size: 28px
    }
    .text-img-payment {
        font-size: 38px
    }
    .bk-service-like {
        padding-bottom: 80px!important
    }
    .plus-landing .bk-service-circle .bk-services h3 {
        width: 90%;
        font-size: 28px;
        padding-top: 30px;
        margin-bottom: 30px
    }
    .plus-landing .bk-service-credit_cart--financial .bk-services--credit__cart h3 {
        font-size: 28px;
        padding-top: 30px;
        margin-bottom: 30px
    }
    .plus-landing .bkPlus-manager-bg .bkPlus-manager {
        padding-top: 90px
    }
    .plus-landing .bkPlus-manager-bg .bkPlus-manager h3 {
        margin-bottom: 30px
    }
    .img-title--circle__width1,
    .img-title--circle__width2,
    .img-title--circle__width3,
    .img-title--circle__width4,
    .img-title--circle__width5,
    .img-title--circle__width6,
    .img-title--circle__width7,
    .img-title--circle__width8 {
        width: 120px;
        height: 120px;
        font-size: 16px
    }
    .title-box__text-circle {
        font-size: 14px
    }
    .circle-margin2 {
        padding-top: 13px
    }
    .circle-margin1,
    .circle-margin2,
    .circle-margin3,
    .circle-margin4 {
        margin: 0 10px;
        margin-right: 0
    }
    .circle-margin4 {
        padding-top: 13px
    }
    .circle-margin3,
    .circle-margin6,
    .circle-margin8 {
        margin-top: 13px
    }
    .circle-margin5,
    .circle-margin6,
    .circle-margin7,
    .circle-margin8 {
        padding: 0 10px;
        margin-left: 0
    }
    .img-text--circle_install {
        width: 100px;
        padding: 33px 20px
    }
    .title-box-manager-tablet1 {
        height: 60px
    }
    .title-box-manager-tablet2 {
        height: 85px
    }
    .title-manager-start {
        width: 60%
    }
    .title-manager-end {
        width: 45%
    }
    .item-btn__btn--contact {
        font-size: 16px
    }
    .bk-plus-register-btn {
        padding-top: 30px
    }
    .services-block-manager .item-head-box-manager .item-head-box-manager {
        height: 370px
    }
    .title-box-manager-tablet1 {
        height: 80px
    }
    .text-box-manager {
        height: unset;
        margin-bottom: 0
    }
    .flex {
        padding: 0 15px
    }
    .flex .col .title .flex-title--box {
        min-height: 80px
    }
    .store-btn {
        display: block !important;
    }
}