@media (max-width:1199px) {
    .Modules_wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .navbar-toggle {
        display: block;
        position: relative;
        width: 40px;
        min-width: 40px;
        height: 40px;
        margin-left: 20px;
    }

    nav.header-navbar {
        position: fixed;
        right: 0;
        display: block;
        z-index: 9999;
        background: #ffffff;
        top: 0;
        bottom: 0;
        width: 300px;
        padding: 35px 20px;
        transform: translatex(100%);
        transition: all 0.4s;
        overflow: auto;
        color: #fff;
        margin: 0;
    }

    .menu-show nav.header-navbar {
        transform: translatex(0%);
        box-shadow: -1px 0px 10px 0 #0000001f;
    }

    .header-navbar .navbar-toggle {
        margin-left: auto;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .navbar-toggle span {
        width: 32px;
        height: 2px;
        background-color: var(--red);
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 0;
        margin: auto;
        transition: all 0.3s;
    }

    .navbar-toggle span:nth-child(1) {
        top: -16px;
    }

    .navbar-toggle span:nth-child(3) {
        bottom: -16px;
    }

    .menu-show .close-toggle span:nth-child(1) {
        top: 0;
        width: 28px;
        transform: rotate(45deg);
        background-color: var(--dark);
    }

    .menu-show .close-toggle span:nth-child(2) {
        width: 0;
    }

    .menu-show .close-toggle span:nth-child(3) {
        bottom: 0;
        width: 28px;
        transform: rotate(-45deg);
        background-color: var(--dark);
    }

    .menu-show header nav>ul {
        flex-direction: column;
    }

    .menu-show header nav>ul li {
        margin: 0 0 20px;
    }

    .menu-show .navbar-toggle span:nth-child(1) {
        top: 0;
        width: 28px;
        transform: rotate(45deg);
        background-color: var(--dark);
    }

    .menu-show .navbar-toggle span:nth-child(2) {
        width: 0;
    }

    .menu-show .navbar-toggle span:nth-child(3) {
        bottom: 0;
        width: 28px;
        transform: rotate(-45deg);
        background-color: var(--dark);
    }

    .skill_sec ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .certificate_sec .wrapper {
        padding: 40px;
    }

    .certificate_sec .wrapper .certif_data {
        padding: 0;
    }

    .features_sec .features_data {
        gap: 20px;
    }

    .features_sec .rigth-wrap {
        margin: 0;
    }

    .features_sec .features_data li p {
        font-size: 16px;
    }

    .features_sec .features_data li p br {
        display: none;
    }

    .features_sec .features_data li i {
        padding: 10px;
    }

    .features_sec .features_data li i svg {
        width: 40px;
        height: 40px;
    }


    .faculties_data {
        justify-content: center;
        gap: 50px;
    }


    .faculties_data .Profile_box {
        width: calc(50% - 30px);
    }

    .opportunities_sec ul li {
        width: calc(100% / 5 - 20px);
    }

    .features_sec .rigth-wrap h2 br {
        display: none;
    }

    .course_data .title h2 br,
    .market_sec .title h2 br {
        display: none;
    }

    .market_sec .title h2 {
        font-size: 42px;
    }

    .market_sec .data-wrapper ul li h3 {
        font-size: 36px;
    }

    .course_boxs .course_box {
        gap: 40px;
    }
.benefits_sec{
    padding: 50px 0;
}
.benefits_sec .benefits_wrapper{
    align-items: flex-start;
}
    .benefits_sec .benefits_content>div,
    .benefits_sec .benefits_content ul {
        max-width: 100%;
        margin: 0 0 0 auto;
        padding: 0;
    }

    .benefits_sec .image img {
        max-width: 100%;
    }

    .benefits_sec.starts .container {
        max-width: 100%;
    }

    .benefits_sec.starts .benefits_content {
        padding: 40px 0;
    }

    .benefits_sec.starts .benefits_content>div,
    .benefits_sec.starts .benefits_content ul {
        max-width: 100%;
        margin: 0 20px 0 30px;
        padding: 0;
    }

    .videos_section .video_box .video_detail h3 br {
        display: none;
    }

}


@media (max-width:991px) {

    .title h2,
    .certificate_sec .wrapper h2,
    .course_data .title h2,
    .market_sec .title h2 {
        font-size: 28px;
    }

    .hero_sec .hero_wrap>.row {
        gap: 30px;
    }

    .hero_sec .img_wrap {
        max-width: 100%;
        margin: 0 auto;
        position: unset;
    }

    .hero_sec .sub-image {
        position: absolute;
        left: 20px;
        bottom: 50px;
    }

    .certif_content li h3,
    .hero_sec .review_data li h3 {
        font-size: 18px;
    }

    .service_data {
        grid-template-columns: repeat(2, 1fr);
    }

    .service_data .service_box .service_content p {
        font-size: 16px;
    }

    .course_data .title h2 br {
        display: none;
    }

    .course_data {
        gap: 20px;
    }

    .course_boxs .course_box {
        padding: 24px;
        gap: 20px;
    }

    .course_box h3 {
        font-size: 16px;
    }

    .benefits_sec {
        padding: 50px 0;
    }

    .benefits_wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .benefits_sec .benefits_wrapper>div {
        width: 100%;
    }

    .benefits_sec.starts .benefits_wrapper {
        flex-direction: column-reverse;
    }

    .benefits_sec.starts .benefits_content {
        padding: 0 0;
    }

    .opportunities_sec ul li {
        width: calc(100% / 3 - 20px);
    }

    .features_sec .left-wrap {
        margin: 0;
    }

    .features_sec .rigth-wrap {
        padding: 0;
        text-align: center;
    }

    .features_sec .rigth-wrap .btn {
        justify-content: center;
    }

    .features_sec .features_data {
        text-align: left;
    }

    .skill_sec ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .market_sec .data-wrapper ul li {
        gap: 30px;
    }

    .market_sec .data-wrapper ul li h3 {
        width: auto;
        max-width: auto;
        font-size: 24px;
    }

    .market_sec .data-wrapper ul li h3 span {
        font-size: 20px;
    }

    .market_sec .title h2 br,
    .market_sec .data-wrapper ul li p br {
        display: none;
    }

    .pricing-section .title p.subtitle {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .pricing-table th {
        font-size: 15px;
    }

    .pricing-table td {
        font-size: 13px;
    }

    .faq-section .faq-wrapper {
        flex-direction: column;
        gap: 40px;
    }

    .faq-section .faq-wrapper .title {
        padding-top: 0;
    }

    .faq-section .faq-wrapper .faq-item .faq-question {
        font-size: 16px;
        padding: 14px 24px;
    }

    .faq-section .faq-wrapper .faq-item .faq-answer {
        font-size: 14px;
    }

    .posthead {
        padding: 20px;
    }

    .posthead h3 {
        font-size: 24px;
    }

    .post-detail {
        padding: 24px;
    }

    .post-detail ul li {
        font-size: 18px;
    }

    .training_sec .training_box h3 {
        font-size: 20px;
    }

    .training_sec .title span {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .growth_sec .course_box .content h3 {
        font-size: 18px;
    }

    .growth_sec .course_box .content p {
        font-size: 15px;
    }

    .opportunities_sec ul li p {
        font-size: 16px;
    }

    .skill_sec .skill_box h3 {
        font-size: 16px;
    }

    .market_sec .data-wrapper ul li p {
        font-size: 20px;
    }

    .course_data .title {
        padding-top: 0;
    }

    .product_detail .img-wrap {
        margin: 0 auto;
        width: 100%;
    }

    .product_detail ul {
        margin-left: 0;
    }

    .help_section .menchant-content {
        margin-left: 00px;
    }

    .videos_section .video_box .video_detail h3 {
        font-size: 16px;
    }


}

@media (max-width:767px) {

    .title {
        margin-bottom: 30px;
    }

    .title h2,
    .certificate_sec .wrapper h2,
    .course_data .title h2,
    .market_sec .title h2 {
        font-size: 24px;
    }

    .title h2 br {
        display: none;
    }

    .hero_sec h1 {
        font-size: 37px;
    }

    .hero_sec .title p {
        padding-right: 0;
        font-size: 16px;
    }

    .hero_sec .review_data {
        padding: 20px;
    }

    .hero_sec .review_data li {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hero_sec .review_data li h3 {
        font-size: 20px;
    }


    .bg-blur {
        display: none;
    }

    .hero_sec .sub-image {
        width: 200px;
    }

    .service_data .service_box .service_content {
        padding: 16px;
    }

    .service_data .service_box .service_content p {
        font-size: 14px;
    }

    .Modules_wrap {
        grid-template-columns: 1fr;
    }

    .service_data {
        grid-template-columns: 1fr;
    }

 

    .opportunities_sec ul li {
        width: calc(100% / 2 - 20px)
    }

    .institute_detail .container {
        max-width: 540px;
    }

    .skill_sec .skill_box {
        padding: 16px;
    }



    .certificate_sec .wrapper {
        padding: 20px;
    }

    .certif_content li {
        flex-direction: column;
        align-items: center;
    }

    .benefits_data li {
        font-size: 16px;
    }

    .features_box {
        flex-direction: column;
    }

    .features_box .top,
    .features_sec .features_content {
        width: 100%;
    }

    .features_sec .features_content {
        gap: 20px;
    }

    .features_sec .features_data li i {
        padding: 10px;
    }

    .features_sec .features_data li i svg {
        width: 30px;
        height: 30px;
    }



    .features_sec .features_content h4 {
        font-size: 22px;
    }


    .features_sec .features_data {
        grid-template-columns: repeat(1, 1fr);
    }

    .pricing-section .table-scroll {
        max-width: 540px;
        margin: 0 auto;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .pricing-table {
        min-width: 730px;
        width: 100%;
        border-collapse: collapse;
        overflow-y: hidden;
    }

    .faculties_data .Profile_box {
        width: 100%;
    }

    .training_sec .title h2 br {
        display: none;
    }

    .post-detail ul li {
        font-size: 16px;
    }

    .opportunities_sec ul li p {
        font-size: 14px;
    }

    .faq-section .faq-wrapper .faq-item .faq-question {
        font-size: 15px;
        text-align: left;
    }

    .faculties_sec .img-wrapper .img-data h3 {
        font-size: 20px;
    }

    .faculties_sec .content p {
        font-size: 14px;
    }

    .posthead {
        padding: 10px 20px;
        text-align: center;
    }

    .posthead h3 {
        font-size: 18px;
    }

    .jobPost_sec .title {
        margin: 0;
    }

    .market_sec .data-wrapper ul li p {
        font-size: 16px;
    }

    .market_sec .data-wrapper ul li h3 {
        font-size: 22px;
    }

    .benefits_sec.starts .benefits_content>div,
    .benefits_sec.starts .benefits_content ul {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    .product_detail ul li p {
        font-size: 14px;
    }

    .menchant-content {
        flex-direction: column;
    }

    .videos_section .video_box .video_detail {
        gap: 12px;
    }

    .info-card {
        padding: 20px;
    }

    .info-card h6 {
        font-size: 16px;
    }
}

@media (max-width:576px) {

    .hero_sec .btnWrap {
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }

    .course_boxs .course_box img {
        margin: 0 auto;
    }

    .course_boxs .course_box {
        text-align: center;
    }

    .course_boxs .course_box svg {
        margin: 0 auto;
    }

    .skill_sec ul {
        grid-template-columns: repeat(1, 1fr);
    }
}