@media (max-width:767px) {
    .section-title{
        font-size: 18px;
        border: unset;
        text-align: center;
        margin-bottom: 20px;
        padding: 0;
    }
    .contact-us-form .btn-default{
        padding: 10px 20px;
        font-size: 14px;
        width:100%;
    }
    .inner-beadcru-sec {
    padding: 3rem 0;
    }
    .contact-us-content {
    margin-right: 0;
    padding: 20px;
    border-radius: 10px;
    height: auto;
    margin:0 0 30px;
    }
    .contact-us-form .cont-frm-title {
    font-size: 18px;
    text-align:center;
    }
    .contact-us-form .form-control{
        border-radius: 10px;
        padding: 15px;
        font-size: 13px;
    }
    .contact-us-form .form-control::placeholder{
      font-size: 13px;  
    }
    .our-contact-page{
     padding: 3rem 0 0;   
    }
    .contact-us-form{
        padding:20px;
        border-radius:10px;
    }
    .contact-info-wrapper .contact-info-card:not(:last-child) {
    margin-bottom: 25px;
    }
    .contact-info-item-content h4{
       font-size:16px;
       margin:0 0 7px;
    }
    .contact-info-card .icon-boxes {
    width: 40px;
    height: 40px;
    min-width: 40px;
    }
    .contact-info-card .icon-boxes img{
        width:20px;
    }
    .inner-beadcontent h1{
        font-size:22px;
    }
    .beadc-menuinner li a, .beadc-menuinner li.active{
        font-size:14px;
    }
    .beadc-menuinner li:not(:last-child):before{
        top:0;
    }
    .why-card p{
        margin:0;
        text-align:justify;
    }
    .why-card{
    padding: 20px;
    border-radius: 15px; 
    margin-bottom:2rem;
    }
    .breadcrumb{
        font-size:11px;
    }
    .level-course .tabs .tab-btn{
    padding: 10px;
    font-size: 13px;
    }
    .hero h1 {
    font-size: 20px;
    text-align:center;
    }
    .hero-badge{
        font-size:12px !important;
    }
    .hero-content{
        text-align:center;
    }
    .hero-meta{
    gap: 15px;
    margin-bottom: 20px;
    justify-content: center;
    }
    .hero-btns{
     justify-content: center;
     margin:40px 0;
    }
    .enroll-card{
    position: relative;
    top: unset;
    }
    .btn-primary, .btn-outline{
        font-size:13px;
    }
    .enroll-card .price{
        font-size:20px;
    }
    .enroll-card .price-orig, .enroll-card .discount-badge {
        font-size: 12px;
    }
    .card-download-btn, .card-enroll-btn{
        font-size:12px;
    }
    .card-features li {
        font-size:13px;
            align-items: flex-start;
    }
    .stats-inner .stat-item{
    gap: 10px;
    width: 48%;
    flex-direction: column;
    }
    .stats-inner{
         flex-wrap: wrap;
         gap:0;
        row-gap: 20px;
    }
    .stat-label {
    font-size: 13px;
    }
    .stat-num {
    font-size: 16px;
    }
    .becom-title {
    font-size: 16px;
    }
    .level-card{
    padding: 20px;
    border-radius: 10px;
    }
    .level-info h3 {
    font-size: 16px;
    }
    .level-header{
        margin-bottom: 15px;
    }
    .level-badge{
        width: 40px;
        height: 40px;
        font-size: 16px;   
    }
    .level-info .level-tag{
        font-size:10px;
    }
    .syllabus-title{
        font-size:12px;
    }
    .who-tag{
        font-size:11px;
    }
    .cert-card{
        padding:10px;
                padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .cert-card p {
    font-size: 13px;
    margin:0;
            text-align: center;
    }
    .cert-card h4 {
    font-size: 14px;
            text-align: center;
    }
    .role-chip{
        font-size:13px;
    }
    .salary-banner{
        padding: 20px;
        border-radius: 15px;
        margin: 0 0 2rem;    
    }
    .roles-wrap{
        margin:0 0 2rem;
    }
    .cert-grid{
       margin:0 0 2rem; 
       grid-template-columns: 1fr 1fr !important;
    }
    .salary-banner .sb-left strong{
        font-size:15px;
    }
    .salary-banner .salary-num {
    font-size: 20px;
    }
    .feature-card{
        padding: 15px;
        gap: 15px;
        align-items: unset;
    }
    .feature-card h4 {
    font-size: 14px;
    }
    .feature-card p {
    font-size: 13.5px;
    }
    .feature-grid{
        border-radius:15px;
        margin:0 0 2rem;
    }
    .cta-section{
        border-radius: 15px;
        padding: 20px 10px;
        margin:0 0 2rem;
    }
    .cta-section h3{
        font-size: 18px;
    }
    .cta-section .btn-white{
        font-size:13px;
    }
    .accordion-button{
        font-size:15px;
    }
    .sidebar {
    position: relative;
    top: unset;
    margin-left: 0;
    margin: 20px 0 0;
    }
    .sidebar-enroll-top .se-title {
    font-size: 12px;
    }
    .sidebar-enroll-top .se-price {
    font-size: 20px;
    }
    .accordion-button::after {
    width: 15px;
    height: 15px;
    object-fit: contain;
    background-size: 16px;
    position: absolute;
    right: 10px;
    }
    .accordion-button{
        padding: 15px;
        padding-right: 25px;
        line-height: 1.4;
        font-size: 13px;
    }
    .accordion-body {
    padding: 15px;
    font-size: 13px;
    }
    .card-features {
             margin: 20px 0;
             grid-template-columns: 1fr;
        row-gap: 15px;
}

.stats-bar {
    padding: 3rem 0 0;
    border-bottom: 0;
}
  .evenbt-conet {
        position: sticky;
        top: 70px;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        background: #fff;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-bottom: 40px;
    }

    .evenbt-conet::-webkit-scrollbar {
        display: none;
    }

    .menu-inlude {
                margin: 0;
        padding: 0;
        gap: 15px;
    }

    .menu-inlude li {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .menu-inlude li a {
        display: block;
        padding: 12px 5px;
        white-space: nowrap;
    }
    
    .module-num {
        text-align: center;
        left: unset;
            padding: 10px 8px;
    }
    .module-card {
            padding: 40px 10px 20px;
    }
    .module-card ul li {
        border-bottom: unset;
        padding: 10px 0;
    }
    .profile-info-label {
        width: 50%;
            padding: 15px 10px;
            font-size: 13px;
    }
    
    .why-cjosee {
            padding: 30px 10px;
    }
    .cta-section .btn-white {
            padding: 10px 7px;
    }
    .profile-info-value {
            width: 80%;
    padding: 15px 10px;
    font-size: 13px;
    }
    .alongisde-lean{
        margin: 2rem 0;
        padding: 0;
    }
    .certifcayion {
        margin: 2rem 0 0;
    }
    .footer-sec .row {
        gap: 20px;
    }
    .conta-info {
    margin-top: 35px;
}
.ai-toolkit-table td {
        padding: 15px 10px;
}

.ai-toolkit-section {
        padding: 15px 0;
}
.psm-schedule-heading h3 {
    font-size: 14px !important;
}
.psm-schedule-module h3 {
    
    font-size: 13px;
}

 .psm-schedule-table-wrap {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .psm-schedule-table {
        min-width: 850px;
    }

    .psm-schedule-table th,
    .psm-schedule-table td {
        padding: 16px 14px;
        border-right: 1px solid #eaecf0;
        border-collapse: collapse;
    }
    
    #pills-tab {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-bottom: 15px !important;
    }

    #pills-tab::-webkit-scrollbar {
        display: none;
    }

    #pills-tab .nav-item {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    #pills-tab .nav-link {
        display: block;
        white-space: nowrap;
        padding: 5px 10px;
        font-size: 11px;
    }
    .ai-toolkit-usecase {
        font-size: 13px;
    }
    .ai-toolkit-table th {
            padding: 10px 10px;
    }
}

@media(min-width : 768px) and (max-width : 900px){
    p, body {
    font-size: 13px !important;
    }
    li {
        font-size: 12px !important;
    }
    .hero .row{
        row-gap:30px;
    }
    .inner-beadcontent h1{
        font-size:25px;
    }
    .beadc-menuinner li a, .beadc-menuinner li.active{
        font-size:15px;
    }
    .contact-us-content {
    margin-right: 0;
    margin-bottom: 40px;
    height: auto;
    }
   
    .enroll-card{
      max-width: fit-content;
      margin:0 auto;
    }
    .contact-info-card{
        width: 48%;
    }
    .contact-info-wrapper{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .hero h1 {
    font-size: 20px;
    }
    .hero-badge{
        font-size:11px;
    }
    .btn-outline{
        font-size:14px;
    }
    .enroll-card .price {
    font-size: 25px;
    }
    .stat-num {
    font-size: 16px;
    }
    .section-title {
    font-size: 18px;
    }
    .why-card{
    border-radius: 15px;
    padding: 30px;
    }
    .becom-title {
    font-size: 16.5px;
    }
    .tab-btn{
        font-size:14px;
    }
    .level-info h3 {
    font-size: 16.5px;
    }
    .level-badge {
    width: 40px;
    height: 40px;
    font-size:20px;
    }
    .role-chip{
        font-size:13px;
    }
    .cta-section .btn-white{
        font-size: 14px;
         padding: 10px;
    }
    .cta-section h3{
        font-size:18px;
    }
    .sidebar{
    max-width: 500px;
    margin: 40px auto 0;
    position: relative;
    top: unset;
    }
    .sidebar-enroll-top .se-price {
    font-size: 25px;
    }
    .footer-log-fl {
    flex-direction: column;
    }
    .title-link {
    font-size: 16px;
    }
    .cta-titls {
    font-size: 18px;
    }
    .footer-cta p {
    font-size: 15px;
    }
    .cta-btns a {
        font-size:14px;
    }
    .feature-card{
        padding:25px;
    }
    .links-footer li a{
        font-size:12px;
    }
    .conta-info .contact-isa{
        font-size:13px;
    }
    .card-features {
            margin: 1rem 0 2rem;
    }
    .stats-inner {
        justify-content: center;
    }
    .evenbt-conet {
        top: 80px;
    }
    .why-cjosee {
        padding: 1rem;
    }
    
    .dreamsplus-header{
         padding: 10px 0;   
    }
    .menu-inlude {
        gap: 18px;
    }
    .psm-schedule-module h3 {
        font-size: 12px;
    }
    .ai-toolkit-table td {
            padding: 15px 10px;
    }
    .ai-toolkit-table th {
            padding: 15px 10px;
    }
    .ai-toolkit-usecase {
        font-size: 14px;
    }
    .ai-toolkit-section {
    padding: 10px 0;
}
.psm-schedule-table td {
        padding: 15px 0 15px 10px;
}
.psm-schedule-time strong {
    font-size: 13px;
    font-weight: 600;
}
.psm-schedule-table th {
    padding: 15px 10px;
}
.accordion-body {
    font-size: 13px;
}
.accordion-button {
    font-size: 15px;
}
}

@media(min-width : 901px) and (max-width : 1200px){
    
    .courses-beadcrumb h1 {
        font-size: 25px;
    }
    
    .headser-righ-le {
    margin-left: -100px;
    }
     .contact-us-content {
    margin-right: 20px;
    padding:25px;
    }
    .contact-us-form{
        padding:25px;
    }
    .enroll-card{
        padding:15px;
        border-radius: 15px;
    }
    .contact-info-item-content h4 {
    margin: 0 0 6px;
    font-size: 17px;
    }
    .contact-us-form .form-control{
        padding:15px;
    }
    .accordion-button{
        font-size:15px;
    }
    .enroll-card p{
     font-size: 10px;   
    }
    .stat-label {
    font-size: 14px;
    }
    .title-link {
        font-size: 16px;
        font-weight: 600;
    }
    .salary-banner{
      border-radius: 15px;  
    }
    .footer-log-fl{
         gap: 15px;
        flex-direction: column;
        align-items: flex-start;   
    }
    .sidebar-enroll-top .se-title{
        font-size:14px;
    }
    .price {
    font-size: 20px;
    }
    .card-download-btn, .card-enroll-btn{
        font-size: 11px;
    }
    .stat-num {
    font-size: 16px;
    }
    .sidebar{
        margin-left:0;
    }
    .section-title {
    font-size: 18px;
    }
    .sidebar-enroll-top .se-price {
    font-size: 25px;
    }
    .level-card{
        padding:25px;
    }
    .level-info h3 {
    font-size: 17px;
    }
    .level-badge {
    width: 40px;
    height: 40px;
    font-size: 18px;
    }
    .cert-card p {
    font-size: 13.5px;
    }
    .role-chip{
        font-size: 13.5px;
    }
    .salary-banner .salary-num {
    font-size: 22px;
    }
    .salary-banner .sb-left strong{
    font-size: 16px;
    }
    .feature-card{
        padding:25px;
    }
    .cta-section{
        padding:2rem;
    }
    .cta-section h3{
        font-size:18px;
    }
    .cta-section .btn-white{
        font-size:12px;
    }
    .footer-cta p {
    font-size: 17px;
    }
    .cta-btns a{
         font-size: 14px;
    }
    .links-footer li a {
        font-size:12px;
    }
    .website-design, .coptysa p {
    font-size: 13px;
    }
    .menu-inlude {
        gap: 20px;
    }
    .menu-inlude a {
        font-size: 12px;
    }
    .evenbt-conet {
        top: 75px;
    }
    .psm-schedule-table th {
            padding: 10px 10px;
    }
    .psm-schedule-module h3 {
        font-size: 13px;
    }
    .psm-schedule-tools {
        font-size: 13px;
    }
    .ai-toolkit-table th {
            padding: 10px 10px;
    }
    .ai-toolkit-table td {
            padding: 10px 10px;
    }
       #pills-tab {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-bottom: 15px !important;
    }
}