/* =============================== Start: (min-width:  320px) and (max-width: 479px) =============================== */
@media (min-width: 320px) and (max-width: 479px) {
    .digital-clamp {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .digital-clamp2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    /* FORM */

    .side-nav {
        position: absolute;
        right: 10px;
        top: 25px;
    }

    .search-box {
        position: absolute;
        top: 49px;
        right: 51.7%;
        width: 306px;
    }

    .dropdown-menu {
        left: -102px;
    }

    /* FORM END */
    /* INDEX PAGE */

    .course-main .frame-right .frame-right-pera {
        font-size: 14px;
        text-align: left !important;
        font-weight: bold;
    }

    .course-main .col-md-6::before {
        display: none;
    }

    .digital-course-main-head h1,
    h3 {
        font-size: 16px;
    }

    h2.border-bottom.border-dark::before {
        display: none;
    }

    .course-main img {
        width: 100%;
    }

    .course-main .frame-panel h4 {
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top: -200px;
        text-align: left;
        left: -2px;
        font-weight: bold;
    }

    .course-main .frame-panel {
        border-bottom: 1px solid #000;
        padding-bottom: 10px;
    }

    .course-main .frame-panel .frame-panel-pera {
        position: absolute;
        top: -75px;
        right: -13px;
        text-align: left;
    }

    .course-main .frame-right h4 {
        font-size: 18px;
        text-align: left;
        font-weight: bold;
    }

    .second-img img {
        position: absolute;
        right: -159px;
        top: -338px;
        width: 150px;
        transform: translate(10px, 10px);
    }

    .three-box h2 {
        font-size: 12px;
        margin-top: 10px;
    }

    .three-box img {
        width: 40px;
    }

    .course-main .frame-panel .frame-panel-pera-second {
        position: absolute;
        top: -111px;
        right: -13px;
        text-align: left;
    }

    .course-main .freame-pera {
        text-align: left !important;
    }

    .mobile-border-course {
        border-bottom: 1px solid #000;
    }

    .main-enroll {
        border-top: none !important;
    }

    .banner .swiper-slide img {
        aspect-ratio: 16/9;
    }

    .main-page-btn {
        justify-content: center;
    }

    .main-page-btn {
        display: flex;
        justify-content: center !important;
    }

    /* INDEX PAGE END */

    /* SLLYBUS SECTION START */
    .cirtificatebtn {
        position: absolute !important;
        top: 100px;
        left: 100px;
    }

    .photo-graphy h1,
    h2,
    h3 {
        font-size: 24px;
    }

    .photo-graphy h4,
    h5 {
        font-size: 13px;
    }

    .photo-navigation ul {
        width: 100%;
        overflow: auto;
    }

    .photo-navigation ul li p {
        font-size: 13px;
        margin-right: 5px;
    }

    .mobileList,
    .programList,
    .growthList {
        display: none;
    }

    .Skills-section button {
        padding: 4px 1px;
        font-size: 9px;
    }

    .syllabus .course-video i {
        transform: translate(60px, -25px);
    }

    .syllabus-content h3,
    h4 {
        font-size: 16px;
    }

    .mobile-border {
        border-bottom: 2px solid #d9d9d9;
        padding-bottom: 10px;
    }

    .other-courses .card {
        height: 20px;
    }

    .other-courses a {
        font-size: 14px;
    }

    /* SALLYBUS SECTION END */
    /* REGISTER START */
    .register-main .three-box h2 {
        font-size: 19px;
    }

    .main-enroll-main .register-box img {
        width: 60px;
    }

    .register-box h5 {
        position: absolute;
        top: -58px;
        font-size: 20px;
        left: 83px;
    }

    .discontBox {
        transform: translate(77%, -108%);
    }

    /* REGISTER END */
    /* MAIN ENROLL START */
    .main-enroll-main .register-box {
        margin-bottom: -55px;
    }

    .register-main .three-box h2 {
        font-size: 19px;
    }

    .main-enroll-main .register-box img {
        width: 60px;
    }

    .register-box h5 {
        position: absolute;
        top: -58px;
        font-size: 20px;
        left: 83px;
    }

    .discontBox {
        transform: translate(77%, -108%);
    }

    .register-cirtifacate .cirtifacet {
        position: relative;
        top: -246px;
        right: -214px;
    }

    .register-cirtifacate .cirtifacet img {
        width: 146px !important;
    }
}

.color {
    color: #043148;
    position: relative;
    top: -120px;
    right: -226px;
    font-size: 12px;
    transform: translate(-4px, -14px);
}

.continue p {
    text-align: left;
}

.progress-pera {
    /* position: absolute; */
    /* right: 0px;
    transform: translate(0px, 16px); */
    font-size: 9px;
}

/* .register-cirtifacate .registerLock img {
    width: 50px;
    position: absolute;
    top: 70px;
    right: 160px;
} */

.register-cirtifacate .cirtifacet img {
    padding-bottom: 0px;
}

/* MAIN ENROLL END */
/* QUIZE PAGE START */
.quize-button {
    text-align: center;
    padding-bottom: 20px;
}

/* QUIZE PAGE END */
/* VEDIO START */
.vedio-section h2 {
    text-align: center;
}

.form-check {
    display: block !important;
}

/* VEDIO END */

/* =============================== Start: (min-width:  480px) and (max-width: 767px) =============================== */
@media (min-width: 400px) and (max-width: 767px) {
    .course-main .col-md-6::before {
        display: none;
    }

    .second-img img {
        position: absolute;
        right: -170px;
        top: -322px;
        width: 150px;
        transform: translate(10px, 10px);
    }

    .register-cirtifacate .registerLock img {
        right: 200px;
    }

    /* .register-cirtifacate .cirtifacet {
        position: relative;
        top: -246px;
        right: -214px;
        transform: translate(-41px, 7px);
    } */

    .register-cirtifacate .cirtifacet img {
        width: 150px !important;
    }

    /* .register-cirtifacate .lock-img img {
        width: 40px !important;
        position: absolute;
        top: -190px;
        right: -297px;
        transform: translate(-24px, -4px);
    } */
}

@media (min-width: 430px) and (max-width: 767px) {
    .second-img img {
        transform: translate(10px, 16px);
    }
}