.online-mcom-section {
    margin-bottom: 4%;
}
.online-mcom-section .main-onlin-mcom-sec .onlin-img-div .onlin-mcom-banner {
    width: 100%;
    height: 100%;
}
.online-mcom-section .main-onlin-mcom-sec {
    position: relative;
}
.online-mcom-section .main-onlin-mcom-sec .online-content-mcom {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
}
.online-mcom-section .main-onlin-mcom-sec .online-content-mcom .descrptn h5 {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}
.online-mcom-section .main-onlin-mcom-sec .online-content-mcom .descrptn p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}
.online-mcom-section .main-onlin-mcom-sec .online-content-mcom .video-div .online-video {
    width: 100%;
    border-radius: 15px;
}
.online-mcom-section .main-onlin-mcom-sec .online-content-mcom .descrptn {
    margin-top: 8%;
}

/* media quert start */
@media (min-width:0px) and (max-width:767px) {
    .online-mcom-section .main-onlin-mcom-sec .online-content-mcom .descrptn h5 {
        font-size: 20px;
        color: #000;
    }
    .online-mcom-section .main-onlin-mcom-sec .online-content-mcom .video-div {
        margin-top: 0%;
    }
    .online-mcom-section .main-onlin-mcom-sec .onlin-img-div .onlin-mcom-banner {
        display: none;
    }
    .online-mcom-section .main-onlin-mcom-sec .online-content-mcom {
        position: relative;
        top: 0%;
        transform: translate(0, 0%);
    }
    .online-mcom-section .main-onlin-mcom-sec .online-content-mcom .descrptn p {
        font-size: 13px;
        color: #000;
    }
    .online-mcom-section .main-onlin-mcom-sec .online-content-mcom .descrptn {
        margin-top: 0%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .online-mcom-section .main-onlin-mcom-sec .onlin-img-div .onlin-mcom-banner {
        height: 300px;
    }

    .online-mcom-section .main-onlin-mcom-sec .online-content-mcom .descrptn h5 {
        font-size: 20px;
    }

    .online-mcom-section .main-onlin-mcom-sec .online-content-mcom .descrptn p {
        font-size: 13px;
    }

    .online-mcom-section .main-onlin-mcom-sec .online-content-mcom .video-div {
        margin-top: 22%;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .online-mcom-section .main-onlin-mcom-sec .online-content-mcom .descrptn {
        margin-top: 0%;
    }
    .online-mcom-section .main-onlin-mcom-sec .online-content-mcom .descrptn h5 {
        font-size: 25px;
    }
    .online-mcom-section .main-onlin-mcom-sec .online-content-mcom .descrptn p {
        font-size: 14px;
    }
}