@media only screen and (max-width: 767px) {
    .filter-box {
    margin-bottom: 40px;
}
    .footer-right h6 {
        text-align: left;
    }

    .footer-right {
        float: left;
        margin-top: 15px;
    }

    .explr-details .grn-thm-btn {
        padding: 4px 12px;
        font-size: 12px;
        line-height: 20px;
        min-width: max-content;
    }

    .explr-details h4 {
        font-size: 17px;
        line-height: 1.4;
    }

    .complt-learning-jrny .top-tile p {
        font-size: 14px;
        line-height: 22px;
        max-width: 90%;
    }

    .complt-learning-jrny {
        padding: 60px 10px;
    }

    .feature-product ul li a {
        font-size: 13px;
        line-height: 18px;
        padding: 7px 15px 8px 15px;
    }

    .learning-sec ul li {
        font-size: 14px;
    }

    .module-bx p {
        font-size: 14px;
    }

    .learning-journeys-sec ul li a {
        font-size: 12px;
        line-height: 20px;
    }

    .learning-journeys-sec ul li {
        padding: 4px 12px 10px 12px;
    }

    .learning-journeys-sec ul {
        gap: 15px;
    }

    .badge-sec p {
        font-size: 14px;
        line-height: 22px;
    }

    .badge-bg-sec {
        padding: 50px 15px 60px 15px;
    }

    .tab-contnt-bx {
        padding: 0px;
        margin-top: 25px;
    }

    .top-tile h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .course-module .top-tile {
        margin-bottom: 15px;
    }

    .details-bnr-box {
        margin-top: 8%;
    }

    .white-thm-btn {
        padding: 5px 16px;
        font-size: 13px;
    }

    .grn-thm-btn {
        padding: 5px 16px;
        font-size: 13px;
    }

    .grn-thm-details-bnr h3 {
        font-size: 32px;

    }

    .course-category .nav {
        gap: 10px;
    }

    .course-overview ul li {
        width: 100%;
    }

    .badge-sec p {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .learning-sec ul li {
        width: 100%;
    }

    .top-tile p {
        max-width: 90%;
    }

    .course-module .nav-pills .nav-link {
        width: 100%;
    }

    .course-module .nav {
        min-width: 100%;
    }

    .img-box::before {
        width: 310px;
        height: 270px;
        left: 7%;
        border-radius: 60px;
        top: 8%;
        z-index: 1;
    }

    .course-overview .img-box {
        position: relative;
        margin-bottom: 50px;
        max-width: 85%;
    }

    .thm-btn {
        padding: 12px 18px;
        font-size: 12px;
    }

    .feature-product ul {
        flex-wrap: wrap;
        gap: 20px;
    }

    .course-module .d-flex {
        display: flex !important;
        flex-wrap: wrap;
    }

    .duration-sec {
        gap: 8px;
        flex-wrap: wrap;
    }

    .left-bx h2 {
        font-size: 22px;
        line-height: 35px;
    }

    .details-left {
        text-align: -webkit-right;
    }

    .details-box-section {
        padding: 20px 25px 0px 25px;
        margin-top: 30px;
    }

    .search-input.form-control {
        background-color: #ffffff;
        font-size: 12px;
    }

    .search-container {
        max-width: 100%;
        width: 100%;
        border: 1px solid #ECECEC;
        margin-bottom: 30px;
        margin-top: 40px;
    }

    .hero-section {
        padding: 40px 0px 30px 0px;
    }

    .hero-section p {
        font-size: 15px;
        line-height: 23px;
        max-width: 100%;
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .hero-section h1 {
        font-size: 33px;
        line-height: 45px;
    }

    .top-logo {
        margin-right: 15px;
    }

    .techno-logo {
        padding-right: 15px;
    }

    .techno-logo img {
        min-width: 160px;
    }

    .logo-header {
        gap: 12px;
        flex-wrap: wrap;
    }

    .footer-links {
        place-items: flex-start;
        margin: 10px 0px;
    }

    .footer-contact ul {
        justify-self: flex-start;
    }
}

@media only screen and (max-width: 991px) {
    .stellarnav ul ul {
    top: 0px;
  right: 0px;
}

    .stellarnav.light li a {
        color: #000000;
    }

    .stellarnav.light .menu-toggle span.bars span {
        background: #ffffff;
    }

    .stellarnav.light ul ul li a {
        padding: 10px 20px;
    }

    .stellarnav.mobile.right .close-menu.third {
        width: 100%;
        text-align: right;
    }

    .stellarnav.mobile.right .location-btn-mobile.third,
    .stellarnav.mobile.right .call-btn-mobile.third {
        display: none;
    }

    .stellarnav.light.right .menu-toggle {
        border-bottom: 0;
        font-size: 0px;
        position: absolute;
        top: 15px;
        right: 0;
    }

    .stellarnav.mobile.right>ul {
        right: 0;
        z-index: 99;
    }

    .stellarnav.light li a {
        text-align: left;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .complt-learning-jrny .top-tile p {
        max-width: 60%;
    }

    .details-bnr-box {
        padding: 20px;
    }

    .course-overview p {
        font-size: 13px;
        line-height: 20px;
    }

    .course-overview ul li {
        width: 100%;
    }

    .top-tile p {
        max-width: 90%;
    }

    .feature-product ul {
        flex-wrap: wrap;
    }

    .course-category .nav {
        gap: 10px;
    }

    .details-box-section {
        padding: 25px 25px 10px 25px;
    }

    .left-bx h2 {
        font-size: 28px;
        line-height: 32px;
        margin: 10px 0px;
    }

    .duration-sec {
        gap: 5px;
        flex-wrap: wrap;
    }

    .details-left {
        text-align: right;
    }

    .course-overview .img-box::before {
        width: 270px;
        height: 230px;
        left: 4%;
        border-radius: 65px;
    }

    .course-overview .img-box {
        position: relative;
        max-width: 90%;
    }

    .search-container {
        min-width: 90%;
    }

    .hero-section p {
        font-size: 15px;
        line-height: 23px;
        max-width: 100%;
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .hero-section h1 {
        font-size: 32px;
        line-height: 45px;
    }

    .top-logo {
        min-width: 75px;
    }

}


@media only screen and (min-width: 992px) and (max-width: 1211px) {
    .stellarnav ul ul {
  right: -15px;
}
    .left-bx h2 {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
    }

    .course-overview ul li {
        width: 100%;
    }

    .details-left {
        text-align: right;
    }

    .course-overview .img-box::before {
        width: 355px;
        height: 295px;
        z-index: 1;
    }

    .course-overview .img-box {
        position: relative;
        max-width: 90%;
    }

    .feature-product ul {
        flex-wrap: wrap;
    }

    .hero-section p {
        max-width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .hero-section h1 {
        font-size: 42px;
        line-height: 52px;
    }
}


@media (min-width: 1900px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px;
    }
}

@media (min-width: 1700px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 90%;
    }
}

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

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

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

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