.icw #banner.sc-banner .container {
    max-width: 1196px;
    overflow: hidden;
}

.massage-line {
    background: #00000026;
    padding: 16px;
    padding-bottom: 0;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 24px;
    min-height: 136px;
    gap: 16px;
    flex-direction: column;
    align-items: center;
}

.icw .icon-live {
    position: relative;
    bottom: 0;
    right: 0;
    /* left: 100%; */
    max-width: 200px;
    width: 100%;
}

.mfp-wrap.mfp-ready.download-popup-style .mfp-container {
    padding: 0 24px;
}

.btn-line {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 16px;
    flex-direction: column;
}

.icw .massage-line .btn.hide-w767 {
    display: none !important;
}
.icw .massage-line .hide-w767 {
    display: none !important;
}

.icw .massage-line .btn.hide-w991 {
    display: none !important;
}

.icw .massage-line .btn.show-w767 {
    display: flex !important;
}

.icw .massage-line .btn-line .btn {
    width: 180px;
    height: 40px;
}

.icw .head-line p {
    text-align: center;
    font-size: 13px;
}

.icw .head-line .h5 {
    margin-bottom: 4px;
    font-size: 16px;
}

@media screen and (min-width:768px) {

    .icw .head-line p {
        text-align: left;
        font-size: 16px;
    }

    .icw .head-line .h5 {
        font-size: 18px;
    }
    
    .massage-line {
        flex-direction: row;
        padding: 24px 32px 24px 42%;
        min-height: 103px;
        margin: 0 12px;
        margin-top: 32px;
        flex-direction: column;
        align-items: flex-start;
    }

    .icw .icon-live {
        left: 40px;
        max-width: 230px;
        width: 100%;
        right: auto;
        position: absolute;
    }

    .icw .massage-line .btn.hide-w767 {
        display: flex;
    }
    .icw .massage-line .hide-w767 {
        display: block !important;
    }

    .icw .massage-line .btn.show-w767 {
        display: none !important;
    }
    .btn-line {
        flex-direction: row;
        align-items: center;
    }
}

@media screen and (min-width:992px) {

    .icw .massage-line .btn.hide-w991 {
        display: flex !important;
    }
}

@media screen and (min-width:1024px) {
    .icw .icon-live {
        left: 56px;
        max-width: 180px;
    }
    .massage-line {
        padding: 24px 32px 24px 30%;
    }
}

@media screen and (min-width:1025px) {
    .massage-line {
        padding: 24px 32px 24px 15%;
    }
    .icw .icon-live {
        left: 32px;
        max-width: 116px;
    }
}

@media screen and (min-width:1200px) {
    .icw .icon-live {
        left: 32px;
    }
    .massage-line {
        flex-direction: row;
        align-items: center;
    }
}

/* @media screen and (max-width:280px) {
    .icw .icon-live {
        max-width: 52px;
    }
} */

/*############################ mfp-popup download-popup-style ############################*/
.download-popup-style.mfp-bg {
    z-index: 1250;
}

.download-popup-style.mfp-wrap {
    z-index: 1300;

}

.download-popup-style .mfp-content {
    max-width: 1440px !important;
    width: 100%;
    background: linear-gradient(180deg,
            rgba(58, 64, 76, 1) 0%,
            rgba(37, 40, 50, 1) 100%);
    border-radius: 15px;
}

.download-popup-style.mfp-close-btn-in .mfp-close {
    background-color: #02ca77;
}

.download-popup-style .wrapper-popup {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;

    .content {
        width: 50%;
    }

    .title {
        font-family: "kurious-looped";
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
        /* text-align: center; */
    }

    .image {
        width: 50%;
    }

    .qrcode {
        text-align: center;
        padding: 100px 0;
        background: linear-gradient(313deg, #1F313A -1.62%, #465968 100%);
    }
}

.download-popup-style .popup-inner {
    padding: 60px 0;
}

.download-popup-style .sc-heading {
    text-align: center;
    margin-bottom: 40px;
}


.download-popup-style .mfp-content {
    max-width: 960px !important;
    /* height: 638px; */
}



.download-popup-style.mfp-close-btn-in .mfp-close {
    background-color: var(--cr-green);
}

.download-popup-style .ezyQR {
    border-radius: 8px;
}

@media only screen and (min-width: 576px) {
    .download-popup-style .sc-content ul {
        flex-direction: row;
    }

    .download-popup-style .sc-content li {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 768px) {
    .download-popup-style .sc-heading .title {
        font-size: 33px;
        line-height: 50px;
    }

    .download-popup-style .popup-inner {
        padding: 40px 0;
    }

}

@media only screen and (min-width: 991px) {
    .download-popup-style .sc-content li {
        padding: 0 40px;
    }
}