@media (max-width: 1440px) {
    .custom-container {
        max-width: 1360px;
        margin: 0 auto;
    }

    .what-we-offer-sec {
        padding: 100px 0px 185px;
    }
}

@media (max-width: 991px) {
    .contact-us-form-box form button {
        display: block;
        margin: 0 auto;
    }

    .map-iframe {
        margin-top: 30px;
        height: 400px;
    }

    .islamic-online .big-heading,
    .islamic-online .para {
        text-align: center;
    }

    .our-scholar-box {
        margin: 0px;
    }

    .navbar-collapse {
        margin-top: 20px;
        text-align: center;
    }

    .islamic-online-content-main {
        margin-top: 110px;
    }

    .header .header-links-right {
        justify-content: center;
        margin-top: 20px;
    }

    .home-banner .home-banner-content h1 {
        font-size: 50px;
    }

    .banner-cta-box {
        justify-content: flex-start;
        margin-bottom: 30px;
    }

    .popular-course-box-content {
        padding: 15px 15px;
    }

    .popular-course-box-content ul {
        display: block;
    }

    /*.popular-course-box-content ul li {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: flex-start;*/
    /*}*/

    .popular-course-box-content ul li span {
        margin-right: 10px;
    }

    .popular-course-box-content .popular-btns {
        display: block;
        margin-top: 30px;
    }

    .popular-course-box-content .popular-btns a {
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }

    .popular-course-box-content .popular-btns a:last-child {
        margin-bottom: 0px;
    }

    .para {
        font-size: 14px;
    }

    .new-update-box-content h3 {
        font-size: 16px;
    }

    .new-update-box-btn {
        display: block;
        text-align: center;
    }

    .new-update-box-profile {
        justify-content: center;
        margin-bottom: 10px;
    }

    .new-update-box-btn a {
        display: block;
    }

    .footer-intro {
        margin-bottom: 50px;
    }

    .welcome-left-content-top {
        align-items: center;
        flex-direction: column-reverse;
    }

    .welcome-sec .big-heading,
    .welcome-sec .para {
        text-align: center;
    }
}

@media (max-width:767px) {
    .course-details-wrapper {
        flex-direction: column;
    }

    .what-we-offer-box {
        margin-bottom: 30px;
        height: unset;
    }

    .contact-us-sec-details .col-lg-4-border {
        border-left: none;
        border-right: none;
        border-top: 1px solid #9da19e;
        border-bottom: 1px solid #9da19e;
        padding: 20px 0px;
        margin: 20px 0px;
    }

    .packages-box {
        margin-bottom: 20px;
        height: unset;
    }

    .popular-course-box {
        margin-bottom: 30px;
    }

    .starting-learn-btn {
        justify-content: center;
        margin-top: 30px;
    }

    .why-choose-us-box {
        height: unset;
        margin-bottom: 30px;
    }

    .new-update-box {
        margin-bottom: 30px;
    }

    .footer-cta-btn {
        justify-content: center;
        margin-top: 30px;
    }

    .footer-links {
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .course-details-header {
        flex-direction: column;
    }

    .course-details-header .course-img {
        width: 100%;
    }

    .courses-selection-box {
        padding: 30px;
    }

    .login-sec-box {
        padding: 20px;
    }

    .login-sec-box form label {
        display: block;
    }

    .login-sec-box-main {
        width: 100%;
    }

    .top-header-right-main::before {
        display: none;
    }

    .our-scholar-box {
        margin-bottom: 20px;
    }

    .ratings-cta-sec-about .ratings-cta-content {
        padding: 50px;
    }

    .our-scholar-box-content {
        padding: 100px;
    }

    .top-header .top-header-left-main {
        background: none;
    }

    .top-header .top-header-left-main ul {
        justify-content: center;
    }

    .top-header-right-main {
        flex-direction: column-reverse;
        margin-bottom: 20px;
    }

    .top-header-right-main img {
        margin-top: 20px;
    }

    .home-banner {
        padding: 100px 0px;
    }

    .home-banner .home-banner-content h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .customers-review-left-sec {
        display: none;
    }

    .big-heading {
        font-size: 34px;
    }

    .footer-cta-content img {
        display: none;
    }

    .footer-intro {
        text-align: center;
    }

    .footer-links {
        text-align: center;
    }

    .footer-intro ul {
        justify-content: center;
    }

    .copyright-sec p {
        text-align: center;
    }

    .copyright-sec ul {
        justify-content: center;
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    .contact-us-form-box {
        padding: 20px;
    }

    .banner-cta-box {
        display: block;
        text-align: center;
    }

    .banner-cta-box .banner-cta-box-content {
        margin-top: 10px;
    }

    .welcome-left-content::before,
    .welcome-right-content::before,
    .welcome-right-image-div::before {
        display: none;
    }

    .gradient-chit-div {
        position: unset;
        padding: 15px;
    }

    .gradient-chit-div h3 {
        font-size: 18px;
    }

    .starting-learn-bg,
    .footer-cta-bg {
        padding: 50px;
    }
}

@media (max-width: 414px) {
    .our-scholar-box-content {
        padding: 60px;
    }

    .login-remember {
        flex-direction: column;
        gap: 20px;
    }
}

@media (max-width: 375px) {
    .top-header .top-header-right-main ul {
        flex-direction: column;
        gap: 20px;
    }
}