@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 768px) {
    .landing-background h2 {
        font-size: 32px;
        line-height: normal;
    }
.landing-phone a {
padding: 10px 8px;
        left: 15px;
        z-index: 9999;
        bottom: 22px;
        width: 168px;
}
    .all-headings h2 {
        font-size: 32px;
    }

    .course-content {
        color: #fff;
        padding: 5px;
        width: 55%;
    }
.enroll-btn {
    position: fixed;
    bottom: 40%;
    right: -52px;
    z-index: 9999;
}
    .list-unstyled {
        padding: 3px !important;
    }

    .icon-content h3 {
        font-size: 14px;
    }

    .icon-content p {
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
    }

    .landing-background {
        padding: 50px 0;
    }

    .course-content h4 {
        font-family: "Montserrat";
        font-size: 13px;
    }

    .course-content h2 {
        margin-bottom: 3px;
        font-size: 15px;
    }

    .certificate-card {
        background: #fff;
        border-radius: 10px;
        height: auto;
    }

    .course-content p {
        line-height: normal;
    }

    .peek-card {
        margin-bottom: 100px;
    }
}

@media only screen and (max-width: 512px) {
    .course-img {
        width: 100%;
    }

    .certificate-img {
        margin-bottom: 20px;
    }

    .course-content {
        width: 100%;
    }

    .course-list {
        display: block;
    }

    .course-list {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 380px) {}