@media screen and (max-width: 1599px) {
    .modal-dialog {
        max-width: 70%;
    }
}

@media screen and (max-width: 1366px) {
    iframe {
        height: 450px;
    }

    .modal-dialog {
        max-width: 65%;
    }
}

@media screen and (min-width: 576px) {
    .sm\:w-auto {
        width: auto
    }
}

@media screen and (min-width: 640px) {

    /* .container {
        max-width: 640px;
    } */

    .sm\:p-4 {
        padding: 1rem;
    }
    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-10 {
        height: 2.5rem
    }

    .sm\:h-16 {
        height: 4rem
    }

    .sm\:w-14 {
        width: 3.5rem
    }



    .sm\:w-10 {
        width: 2.5rem
    }

    .sm\:w-16 {
        width: 4rem
    }

    .sm\:w-20 {
        width: 5rem
    }

    .sm\:max-w-sm {
        max-width: 24rem
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:gap-8 {
        gap: 2rem
    }

    .sm\:p-3 {
        padding: 0.75rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media screen and (min-width: 768px) {
    .md\:rounded-3xl {
        border-radius: 1.5rem;
    }
    .md\:-ml-12 {
        margin-left: -3rem
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:max-w-3xl {
        max-width: 48rem
    }

    .md\:max-w-5xl {
        max-width: 64rem
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:gap-6 {
        gap: 1.5rem
    }



    .md\:rounded-3xl {
        border-radius: 1.5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }

    .md\:text-start {
        text-align: start
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

@media screen and (min-width: 1024px) {
    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:pl-6 {
        padding-left: 1.5rem
    }
}


@media screen and (max-width: 1499px) {
    .pop-hd h2 {
        font-size: 34px;
    }
}
@media screen and (max-width: 1199px) {
    .pop-hd h2 {
        font-size: 32px;
    }

    .skill-section .skill-content ul {
        display: block;
    }
    .skill-section .skill-content ul li {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .banner-section .relative .banner-image {
        position: relative  !important;
        left: 0;
        border-radius: 0 0 20px 20px;
    }
    .banner-section .banner-content{
        border-radius: 20px 20px 0 0;
    }
    .banner-section .row{
        display: block;
    }
}
@media screen and (max-width: 992px) {
    .row {
        justify-content: center;
        row-gap: 20px;
    }
    
    .header-section .nav-btn-wrap a {
        font-size: 16px;
    }
    
    .banner-section .banner-logo-wrap {
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .sec_title h1 {
        font-size: 30px;
        line-height: 1.4;
    }
    .sec_title p {
        width: 100%;
        line-height: 28px;
    }
    .award-section .video_title h3 {
        font-size: 28px;
    }
    .certificate-section .row {
        row-gap: 30px;
    }

    .student-testimonial-section .row {
        row-gap: 16px;
    }

    .why-join-section .our-prtners-col {
        margin-top: 0;
    }
    .fee-section .tab-content {
       max-width: 100%;
    }


    .modal-dialog {
        max-width: 80%;
    }
    .pop-hd h2 {
        font-size: 30px;
    }
    .modal .modal-body .enrollForm .col-sm-6{
        padding: 0 6px;
    }
    .modal .p-6{
        padding: 15px !important;
    }

    .modal .modal-content .modal-header h2, .modal .modal-content .modal-header h2 {
        font-size: 30px;
    }
}
@media screen and (max-width: 768px) {
    .main-heading {
        font-size: 32px !important;
        line-height: 1.3 !important;
    }
    /* .sub-heading-text {
        text-align: center !important;
    } */


    .upgrade-girl {
        display: block !important;
    }
    .sub-heading-text {
        line-height: 1.4;
    }

    .banner-section .sub-heading-text {
        font-size: 14px;
    }

    .card-heading {
        font-size: 22px;
        line-height: 1.4;
    }
    .card-heading span {
        font-size: 24px;
        line-height: 1.4;
    }

    .count-section h3 {
        font-size: 26px;
    }

    .career-section {
        padding: 80px 0 50px 0;
    }
    .career-section .feature-card {
        padding: 15px;
    }
    .career-section .feature-card  h5{
        font-size: 16px;
        line-height: 1.4;
    }

    .sec_title h1 {
        font-size: 28px;
        line-height: 1.4;
    }

    .award-section .video_title h3 {
        font-size: 22px;
    }

    .success-stories-section .profile-card h6 {
        font-size: 16px;
    }
    .success-stories-section .p-3 {
        padding: 10px !important;
    }


    .tools-section .w-14{
        width: 48px !important;
        height: 48px !important;
    }
    .tools-section .w-6{
        width: 22px !important;
    }
    
    .download-curriculum-content {
        padding: 30px 20px;
    }
    .download-curriculum-box {
        margin-top: 20px;
    }
    .download-curriculum-box h2 {
        font-size: 30px;
    }
    

    .certificate-section .certification-top h4 {
        font-size: 20px;    
    }

    .cd-text-btn {
        margin-top: 30px;
    }

    .why-join-section,.fee-section,.course-section, .faq-section {
        padding: 30px 0;
    }
    .fee-section .sec_title, .course-section .title-holder, .faq-section .title-holder {
        margin-bottom: 30px;
    }
    .fee-section .tab-content .box-wrap {
        padding: 0;
    }


    .on_desktop_view {
        display: none !important;
    }
    .on_mobile_view {
        margin-top: 20px;
        display: block !important;
    }
    .course-section .on_mobile_view h3{
        font-size: 20px;
        line-height: 1.3;
    }
    
    .pop-hd h2 {
        font-size: 22px;
    }

    .modal .form-control, .modal .form-select {
        font-size: 14px !important;
    }
    .modal .modal-content .modal-header h3 {
        font-size: 26px;
        line-height: 1.3;
    }
    .student-testimonial-section .video-cover .video_title_box .palse-btn img {
        width: 80%;
    }
    .modal .modal-content .modal-header h2, .modal .modal-content .modal-header h2 {
        font-size: 25px;
    }

}

@media screen and (max-width: 576px) {
    .main-heading {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }
    .card-heading {
        font-size: 16px;
    }
    .card-heading span {
        font-size: 18px;
    }

    .banner-section .banner-logo-wrap .prbox {
        width: 15%;
    }

    .sec_title h1 {
        font-size: 24px;
        line-height: 1.4;
    }

    .tools-section .w-14{
        width: 40px !important;
        height: 40px !important;
    }
    .tools-section .w-6{
        width: 20px !important;
    }

    .download-curriculum-box h2 {
        font-size: 26px;
    }

    .certificate-section {
        padding: 30px 0;
    }

    .success-stories-section {
        padding: 40px 0;
    }
    .success-stories-section .title-holder, .skill-section .title-holder {
        margin-bottom: 30px;
    }

    .award-sec {
        padding: 50px 0;
    }

    
    iframe {
        height: 100%;
        min-height: 100%;
    }
    .modal-dialog {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .main-heading {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    .header-section .nav-logo-wrap a{
        width: 170px;
    }
    .header-section .container {
        padding: 0 15px;
    }

    .banner-section {
        padding: 20px 0;
    }

    .count-section h3 {
        font-size: 22px;
    } 



    .sec_title h1 {
        font-size: 22px;
        line-height: 1.4;
    }
    .sec_title p {
        line-height: 26px;
    }

    .student-testimonial-section .video-cover .video_title h4 {
        font-size: 26px;
    }

    .tool-title{
        font-size: 18px;
    }

    .certificate-section .certification-top h4 {
        font-size: 18px;
        line-height: 1.4;
    }


    .student-testimonial-section .video-cover .video_title_box .palse-btn img {
        width: 60%;
    }
    .modal .modal-content .modal-header h3, .modal .modal-content .modal-header h2 {
        font-size: 22px;
    }

    .skill-section .skill-content .content h5 {
        font-size: 16px;
    }
}

@media screen and (max-width: 426px) {
    .upgrade-img {
        display: block !important;
        width: 100% !important;
        margin-bottom: 20px;
    }
    .banner-section .relative .banner-image {
        display: none;
    }

    .banner-section .banner-logo-wrap {
        gap: 6px;
        margin-top: 15px;
    }
    .banner-section .banner-logo-wrap .prbox {
        width: 18%;
    }

    .career-section {
        padding: 60px 0 40px 0;
    }
    .career-section .title-holder h2 {
        margin-bottom: 10px;
    }

    .career-section .feature-card {
        padding: 15px;
    }
    .career-section .col-lg-4 {
        padding: 0 6px;
    }
    .career-section .feature-card h5 {
        font-size: 14px !important;
        font-weight: 400 !important;
        text-align: start !important;
        line-height: 1.3;
    }

    .career-section .feature-card .feature-icon {
        margin: 10px 0;
        width: 40px !important;
        height: 40px !important;
    }
    
    .sec_title p {
        line-height: 24px;
    }
    .award-section .video_title h3 {
        font-size: 20px;
    }

    .success-stories-section .profile-card h6 {
        font-size: 14px;
    }

    .tools-section .w-14{
        width: 40px !important;
        height: 40px !important;
    }
    .tools-section .w-6{
        width: 16px !important;
    }
    .tools-section .tool-description p{
        font-size: 13px !important;
    }

    .download-curriculum-box h2 {
        font-size: 28px;
    }

    .download-curriculum-box h2 {
        font-size: 22px;
    }
    .technologies-section h5 {
        font-size: 20px;
        line-height: 1.3;
    }

    .certificate-section .certification-top h4 {
        font-size: 16px;
    }

    .application-section .step h4{
        font-size: 17px;
    }
    .application-section .step p{
        font-size: 13px;
    }
    .step {
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .course-section .on_mobile_view h3{
        font-size: 18px;
    }
    .footer-section .bottom-footer .col-lg-12 p {
        font-size: 12px !important;
    }

    #emiModal1 .p-6 {
        padding: 1rem !important;
    }
    #emiModal1 h2 {
        font-size: 18px;
    }
    #emiModal1 p {
        font-size: 13px !important;
    }
}
@media screen and (max-width: 376px) {
    .header-section .nav-logo-wrap a{
        width: 140px;
    }
    .header-section .nav-btn-wrap a {
        font-size: 14px;
    }

    .count-section .gap-8 {
        gap: 1rem;
    } 
    .career-section .title-holder h2 {
        font-size: 20px;
    }
    .award-section .video_title h3 {
        font-size: 16px;
    }

    .download-curriculum-content {
        padding: 30px 10px;
    }

    .main-heading {
        font-size: 20px !important;
        margin-bottom: 10px;
    }
    .career-growth-section .nav-tabs .nav-item {
        width: 100%;
    }
    .career-growth-section .nav-tabs .nav-link {
        width: 100%;
    }

    .student-testimonial-section .video-cover .video_title h4 {
        font-size: 22px;
    }
    .success-stories-section .learn-card {
        padding: 40px 25px;
    }
    .modal .modal-content .modal-header h3, .modal .modal-content .modal-header h2 {
        font-size: 18px;
    }
}