@media screen and (max-width:414px) {

    #opening-cta {
        width: 98%;
    }

    #opening-cta .heading h3 {
        font-size: 20px;
    }

    #opening-cta .description {
        column-gap: 12px;
    }

    #opening-cta .description span {
        font-size: 30px;
        margin-top: -15px;
    }

    #opening-cta .description .box h2 {
        font-size: 16px;
        font-weight: 700;
        color: #c6b08f;
    }

    #opening-cta .description .box p {
        font-size: 10px;
    }

    #opening-cta .btns {
        margin-top: 2%;
    }

    .chat-bot {
        bottom: 110px;
        right: 5px;
    }

    .chat-bot .content .box1 {
        padding: 7px;
        border-radius: 15px;
        width: 220px;
        height: 50px;
    }

    .chat-bot .content .box1 .text h5 {
        font-size: 11px;
    }

    .chat-bot .content .box1 .text p {
        text-align: start;
        font-size: 8px;
    }

    .chat-bot .content .box2 .text,
    .chat-bot .content .box3 .text {
        padding: 2px;
        width: 180px;
    }

    .chat-bot .content .box2 h5,
    .chat-bot .content .box3 h5 {
        font-size: 10px;
    }

    .chat-bot .content .box1 .view-more {
        display: none;
    }

    .chat-bot .content .box1 .cross-chatbot img {
        padding-top: 4px;
    }

    .chat-box {
        width: 350px;
        position: relative;
        left: 6px;
    }

    #brochure-pop-up,
    #pop-up {
        width: 100%;
    }

    #brochure-pop-up .form,
    #pop-up .form {
        width: 100%;
    }

    #brochure-pop-up .form .full-form,
    #pop-up .form .full-form {
        width: 100%;
        padding: 10px;
    }

    #brochure-pop-up .form .image,
    #pop-up .form .image {
        display: none;
    }

    #brochure-pop-up .form .input-field h4,
    #pop-up .form .input-field h4 {
        margin-top: 10px;
        font-size: 18px;
    }

    .heading {
        width: 90%;
        margin: auto;
    }

    .heading h1 {
        font-size: 18px;
    }

    .btns button {
        padding: 8px 5px;
        width: 170px;
    }

    .btns button a {
        font-size: 13.2px;
    }

    #top-nav {
        padding: 0;
    }

    #top-nav .content {
        width: 100%;
        text-align: start;
    }

    #top-nav .content p {
        font-weight: 700;
        font-size: 10px;
        padding-top: 15px;
    }

    #top-nav .content p .top-nav-btn {
        padding: 5px;
        border-radius: 30px;
        position: relative;
        left: 5px;
    }

    #top-nav .content p .top-nav-btn a {
        font-size: 10px;
    }

    .navbar-brand {
        left: 14%;
    }

    .navbar-brand img {
        width: 13vh;
    }

    .burger-menu {
        display: block;
        position: relative;
        left: 97%;
    }


    #first-index-section .content {
        flex-wrap: wrap-reverse;
    }

    #first-index-section .content .box {
        width: 100%;
        padding: 0px;
    }

    #first-index-section .content .box .images-change {
        width: 100%;
        height: 250px;
    }

    #first-index-section .content .box .images-change img {
        object-fit: fill;
    }

    #first-index-section .content .box .text {
        margin: 5% 0 0 3%;
    }

    #first-index-section .content .box .text h1 {
        font-size: 22px;
    }

    #first-index-section .content .box .text p {
        font-size: 16px;
        margin-top: -5px;
    }

    #first-index-section .content .box .text .benefits {
        margin-top: 15px;
    }

    #first-index-section .content .box .text .benefits ul li {
        margin-bottom: -5px;
    }

    #first-index-section .content .box .text .benefits ul li p {
        font-size: 13px;
    }

    #first-index-section .content .box .text .btns {
        margin-top: 10px;
        column-gap: 5px;
    }

    #front-section {
        padding: 5px;
    }

    #front-section .content {
        padding: 10px;
        margin-top: -50px;
        width: 100%;
        padding: 0;
    }

    #front-section .content h1 {
        font-size: 27px;
    }

    #front-section .content .image {
        column-gap: 20px;
        margin-top: 30px;
    }

    #front-section .content .image .box {
        width: 20%;
        padding: 10px 15px;
    }

    #front-section .content .image .box img {
        width: 100%;
    }

    #front-section .content .description {
        column-gap: 8px;
        padding: 5px;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    #front-section .content .description span {
        font-size: 25px;
        margin-top: 0px;
    }

    #front-section .content .description .box h2 {
        font-size: 18px;
    }

    #front-section .content .description .box p {
        font-size: 10px;
    }

    #front-section .content p {
        font-size: 12px;
    }

    #front-section .content .btns-cta {
        column-gap: 10px;
        margin-top: 60px;
    }

    #front-section .content .btns-cta .cta-btn {
        padding: 12px 15px;
    }

    #front-section .content .btns-cta .cta-btn a {
        font-size: 14px;
    }

    #main-tag-line .content {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #main-tag-line .content .box {
        width: 100%;
        text-align: center;
        padding-top: 10px;
    }

    #main-tag-line .content .box h1 {
        font-size: 20px;
    }

    #main-tag-line .content .box p {
        font-size: 12px;
        margin-top: -15px;
    }

    #main-tag-line .content .box p a {
        font-size: 16px;
    }

    #partners {
        margin-top: 5%;
    }

    #partners .image-slider1 {
        margin-top: 0px;
        padding: 20px;
    }

    #partners .images1 img {
        width: 60px;
        height: 20px;
        margin-right: 50px;
    }

    #description {
        margin-top: 10%;
    }

    #description .content {
        flex-wrap: wrap;
        gap: 20px;
    }

    #description .content .box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #description .content .box .image {
        width: 100%;
    }

    #description .content .box .points span {
        font-size: 22px;
    }

    #description .content .box .points p {
        font-size: 12px;
    }

    #description .content .box .middle-box {
        width: 70%;
        top: 47%;
    }

    #description .content .box .middle-box h6 {
        font-size: 15px;
    }

    #index-cta {
        margin: 40px auto;
        width: 90%;
        padding: 20px;

    }

    #index-cta .cta-content {
        flex-wrap: wrap;
    }

    #index-cta .cta-text {
        width: 100%;
        text-align: center;
        padding-right: 0px;
    }

    #index-cta .cta-text p {
        font-size: 18px;
    }

    #index-cta .cta-action {
        width: 100%;
        text-align: center;
    }

    #index-cta .cta-action button {
        padding: 6px 15px;
    }

    #index-cta .cta-action button a {
        font-size: 14px;
    }

    #area-of-interst {
        height: 280px;
    }

    #area-of-interst .content {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    #area-of-interst .content .box1 {
        width: 100%;
    }

    #area-of-interst .content .box2 {
        width: 100%;
    }

    #area-of-interst .content .box1 .text {
        width: 100%;
    }

    #area-of-interst .content .box1 .text h1 {
        font-size: 26px;
    }

    #area-of-interst .content .box1 .text p {
        font-size: 14px;
        color: white;
    }

    #area-of-interst .content .box2 .intersts {
        display: flex;
        justify-content: start;
    }

    #area-of-interst .content .box2 .intersts .points {
        width: 45%;
        padding: 5px;
    }

    #area-of-interst .content .box2 .intersts .points a {
        justify-content: start;
        column-gap: 10px;
    }

    #area-of-interst .content .box2 .intersts .points a .image {
        padding: 5px;
    }

    #area-of-interst .content .box2 .intersts .points a .image img {
        width: 4.5vh;
    }

    #area-of-interst .content .box2 .intersts .points a .name h5 {
        font-size: 12px;
    }

    #course-index-section {
        margin-top: 10%;
    }

    #course-index-section .content {
        margin-top: 20px;
    }

    #course-index-section .content .arrow-btn-course {
        width: 5%;
    }

    #course-index-section .content .arrow-btn-course button img {
        width: 3vh;
    }

    #course-index-section .content .course-section {
        width: 90%
    }

    #course-index-section .content .course-section .box {
        width: 100%;
    }

    #course-index-section .content .box .image {
        height: 160px;
    }

    #course-index-section .content .box .text .tutor ul li {
        font-size: 12px;
    }

    #course-index-section .content .box .duration,
    #course-index-section .content .box .level,
    #course-index-section .content .box .features {
        margin: -5px 0;
        font-size: 14px;
    }

    #course-index-section .content .box .features ul li {
        margin-bottom: 6px;
        font-size: 12.5px;
    }

    #course-index-section .content .box .text .btns {
        margin-top: 30px;
    }

    #course-index-section .content .box .text .btns button {
        width: 80%;
        margin: auto;
        padding: 8px 12px;
    }

    #course-index-section .content .box .text .btns button a {
        font-size: 14px;
    }

    #cta .content {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #cta .content .box {
        width: 100%;
    }

    #cta .content .box .text {
        margin: 5% 0 0 0;
    }

    #cta .content .box .text p {
        font-size: 12px;
    }

    #cta .content .box .text .heading-cta {
        margin-top: -10px;
    }

    #cta .content .box .text .heading-cta h1 {
        font-size: 18.5px;
    }

    #cta .content .box .text h6 {
        font-size: 12px;
    }

    #cta .content .box .text .btns {
        row-gap: 8px;
        position: absolute;
        margin-top: 240px;
        width: 93%;
    }

    #cta .content .box .text .btns button {
        width: 100%;
        margin: auto;
        padding: 10px;
    }

    #cta .content .box .text .btns button a {
        font-size: 16px;
    }

    #cta .content .box2 .image {
        height: 200px;
    }

    #steps-to-success {
        padding: 20px;
    }

    #steps-to-success .content h1 {
        font-size: 25px;
    }

    #steps-to-success .content p {
        font-size: 16px;
    }

    #steps-to-success .steps {
        width: 100%;
        flex-wrap: wrap;
        margin-top: -10px;
        row-gap: 1px;
    }

    #steps-to-success .steps .box {
        display: flex;
        justify-content: start;
        align-items: start;
        column-gap: 5px;
        width: 100%;
        /* background: red; */
    }

    #steps-to-success .steps .box::after {
        top: 110px;
        /* content: none; */
        left: 2%;
        width: 10%;
        transform: translateX(50%) rotate(90deg);
    }

    #steps-to-success .steps .num {
        border-radius: 50%;
        width: 50px;
        height: 50px;
    }

    #steps-to-success .steps .box .num h5 {
        font-size: 16px;
    }

    #steps-to-success .steps .text {
        position: relative;
        top: 10px;
        text-align: start;
        left: 10px;
        width: 90%;
    }

    #steps-to-success .steps .text p {
        font-size: 10px;
    }

    #steps-to-success .btns button {
        font-size: 16px;
        padding: 7px 15px;
        width: 250px;
        margin-top: 30px;
    }

    .written-testi-reverse {
        display: none;
    }

    .images-testi .box .text h5 {
        font-size: 16px;
    }


    #reviews {
        margin-top: 43%;
    }

    #reviews .content {
        margin-top: 15px;
        padding: 10px;
    }

    #reviews .content .button-left #bt-left {
        padding: 4px;
    }

    #reviews .content .button-left #bt-left img {
        width: 3vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 {
        width: 80%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .image-boxy img {
        width: 8vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .image-boxy h4 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .sal {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .sal h6 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 {
        width: 80%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 img {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 .behind-r img {
        width: 30vh;
        margin-left: -40px;
        margin-top: -20px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 {
        width: 80%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .image-boxy img {
        width: 8vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .image-boxy h4 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .sal {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .sal h6 {
        font-size: 12px;
    }

    #reviews .content .button-right #bt-right {
        padding: 4px;
    }

    #reviews .content .button-right #bt-right img {
        width: 3vh;
    }



    #video-testimonials {
        margin-top: 10%;
    }

    #video-testimonials .content {
        margin-top: 20px;
    }

    #video-testimonials .content .arrow-btn {
        width: 5%;
    }

    #video-testimonials .content .arrow-btn button img {
        width: 3vh;
    }

    #video-testimonials .content .review-section {
        width: 90%;
    }

    #video-testimonials .content .review-section .box .image {
        height: 150px;
    }

    #video-testimonials .content .review-section .box .text {
        padding-bottom: 5px;
    }

    #video-testimonials .content .review-section .box .text h5 {
        font-size: 12px;
    }

    #video-testimonials .content .review-section .box .text .student-name {
        margin-top: 15px;
    }

    #video-testimonials .content .review-section .box .text .student-name h6 {
        font-size: 12px;
    }

    #video-testimonials .content .review-section .box .text .student-name p {
        font-size: 12px;
    }

    #ryma-learner-support {
        width: 100%;
    }

    #ryma-learner-support .title h2 {
        font-size: 18px;
    }

    #ryma-learner-support .title p {
        font-size: 14px;
    }

    #ryma-learner-support .support-btns {
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 40px;
    }

    #ryma-learner-support .support-btns .box {
        column-gap: 10px;
    }

    #ryma-learner-support .support-btns .box button {
        padding: 8px;
    }

    #ryma-learner-support .support-btns .box button span {
        margin-right: 2px;
    }

    #ryma-learner-support .support-btns .box button span img {
        width: 2vh;
    }

    #ryma-learner-support .support-btns .box button a {
        font-size: 14px;
    }

    #ryma-learner-support .disclaimer h4 {
        font-size: 16px;
        font-weight: 500;
    }

    #ryma-learner-support .disclaimer .points ol li {
        margin-bottom: 10px;
        font-size: 12px;
    }

    #cta-big {
        margin-top: 10%;
        padding: 5px;
    }

    #cta-big .content {
        padding: 5px;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #cta-big .content h1 {
        font-size: 18px;
    }

    #cta-big .content p {
        font-size: 11px;
    }

    #cta-big .content .btns-cta {
        column-gap: 5px;
        margin-top: 20px;
    }

    #cta-big .content .btns-cta .cta-btn {
        padding: 8px 15px;
    }

    #cta-big .content .btns-cta .cta-btn a {
        font-size: 14px;
    }

    #footer {
        margin-top: 10%;
        margin-bottom: 1%;
    }

    #footer .first-footer {
        width: 100%;
        flex-wrap: wrap;
        gap: 30px;
    }

    #footer .first-footer .box{
        width: 100%;
    }

    #footer .first-footer .box2{
        text-align: start;
        margin-right: 0px;
    }

    #footer .first-footer .box2 .pay-payment button{
        width: 200px;
        border:2px solid #890c25;
        border-radius: 50px;
        padding: 5px;
    }


    #footer .content {
        margin-top: 20px;
        flex-wrap: wrap;
        padding: 5px;
        width: 100%;
        gap: 20px;
    }

    #footer .content .box {
        width: 100%;
    }

    #footer .content .box .text ul{
        margin-top: 10px;
    }

    #footer .content .box .text .links ul li {
        margin-bottom: 8px;
        font-size: 14px;
    }

    #footer .content .box .text .links ul li span img {
        width: 2.7vh;
    }

    #footer .copyright {
        width: 100%;
        margin-top: 0px;
        font-size: 12px;
    }

    #footer .copyright p {
        text-align: center;
        font-size: 8px;
    }

    #about-front .content {
        flex-wrap: wrap;
    }

    #about-front .content .box1 {
        width: 100%;
    }

    #about-front .content .box2 {
        width: 100%;
    }

    #about-front .content .box1 .text {
        padding: 5px;
        margin-top: 10px;
        margin-left: 0px;
    }

    #about-front .content .box1 .text h2 {
        font-size: 25px;
    }

    #about-front .content .box1 .text p {
        font-size: 14px;
        margin-top: 10px;
    }

    #about-front .about-gradient {
        display: none;
    }

    #about-front .content .box2 .aboutus-icon-2 {
        display: none;
    }

    #about-front .content .box2 img {
        width: 50vh;
        margin-top: -80px;
    }

    #mission-vision {
        margin-top: 10%;
    }

    #mission-vision .content {
        width: 90%;
        margin-top: 20px;
    }

    #mission-vision .content .box {
        padding: 20px;
    }

    #mission-vision .content .box h4 {
        font-size: 17px;
    }

    #mission-vision .content .box p {
        font-size: 12.5px;
    }

    #sets-us-apart {
        margin-top: 10%;
    }

    #sets-us-apart .content {
        width: 90%;
        margin-top: 20px;
        padding: 0;
    }

    #sets-us-apart .content .box {
        width: 100%;
    }

    #sets-us-apart .content .box h5 {
        font-size: 17px;
    }

    #sets-us-apart .content .box p {
        font-size: 12.5px;
    }

    #journey {
        padding: 10px 0;
        margin-top: 10%;
    }

    #journey .heading p {
        width: 90%;
        font-size: 12.5px;
    }

    #journey .content {
        margin-top: 20px;
        flex-wrap: wrap;
        gap: 20px;
    }

    #journey .content .box {
        width: 85%;
        padding: 20px;
    }

    #journey .content .box span {
        font-size: 25px;
    }

    #journey .content .box p {
        font-size: 16px;
    }


    #founder {
        margin-top: 10%;
    }

    #founder .heading {
        text-align: start;
        padding-left: 0px;
    }

    #founder .content {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: -20px;
    }

    #founder .content .box {
        width: 100%;
    }

    #founder .content .box h4 {
        font-size: 20px;
    }

    #founder .content .box .image {
        width: 100%;
        margin: auto;
    }

    #founder .content .box p {
        font-size: 16px;
        margin-top: 5px;
    }

    #founder .content .box .btns {
        margin-top: 20px;
        gap: 15px;
    }

    #founder .content .box .btns button a {
        font-size: 12px;
    }

    #placements-front .content {
        flex-wrap: wrap-reverse;
        width: 100%;
        padding: 20px;
        margin-top: 0px;
    }

    #placements-front .content .box1 {
        width: 100%;
        padding: 10px;
        padding-left: 0px;
    }

    #placements-front .content .box1 h2 {
        font-size: 25px;
    }

    #placements-front .content .box1 .list {
        margin-top: 10px;
    }

    #placements-front .content .box1 .list ul li {
        font-size: 14px;
    }

    #placements-front .content .box2 {
        width: 100%;
        text-align: center;
        margin-right: 10px;
    }

    #placements-front .content .box2 img {
        width: 30vh;
    }

    #placements-front .placements-icon-1 {
        display: none;
    }

    #short-des {
        width: 90%;
        margin: auto;
        margin-top: -40px;
    }

    #short-des .icons-content ul {
        row-gap: 15px;
        flex-wrap: nowrap;
    }

    #short-des .icons-content ul li span {
        font-size: 20px;
    }

    #short-des .icons-content ul li {
        padding-left: 10px;
        font-size: 8px;
        margin-top: 10px;
        border-right: none;
    }

    #placement-second-section .content {
        row-gap: 40px;
        padding: 10px;
    }

    #placement-second-section .box {
        width: 300px;
        padding: 10px;
    }

    #placement-second-section .box .image img {
        width: 80px;
        height: 80px;
    }

    #placement-second-section .box .name {
        margin-bottom: 0px;
    }

    #placement-second-section .box .company-logo img {
        width: 60px;
        margin-top: 5px;
    }

    #placement-cta {
        padding: 20px 10px;
    }

    #placement-cta .content {
        max-width: 650px;
    }

    #placement-cta .content h1 {
        font-size: 25px;
        margin-bottom: 5px;
    }

    #placement-cta .content p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #placement-cta .content .btns {
        gap: 15px;
        margin-top: 20px;
    }

    #placement-cta .content .btns button {
        font-size: 10px;
        font-weight: bold;
        padding: 10px 20px;
        width: 250px;
    }

    #front-referandearn .content {
        width: 100%;
        height: 500px;
        flex-wrap: wrap;
    }

    #front-referandearn .content .box1 {
        display: none;
    }

    #front-referandearn .content .box1 #refer-icon-one {
        display: none;
    }

    #front-referandearn .content .box1 #refer-icon-two {
        display: none;
    }

    #front-referandearn .content .box2 {
        text-align: center;
        width: 100%;
        padding: 5px;
        margin-top: -220px;
    }

    #front-referandearn .content .box2 h1 {
        font-size: 22px;
    }

    #front-referandearn .content .box2 p {
        font-size: 14px;
        margin-right: 50px;
    }

    #front-referandearn .content .box2 .text p {
        font-size: 12px;
        width: 90%;
    }

    #front-referandearn .content .box3 {
        display: none;
    }

    #front-referandearn .content .box2 .text button {
        margin-top: 20px;
    }

    #how-it-works {
        margin-top: -40%;
    }

    #how-it-works .step {
        width: 100%;
    }

    #how-it-works .steps {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #how-it-works .subheading {
        font-size: 12px;
    }

    #how-it-works .step .circle {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    #how-it-works .step .circle::after {
        top: -8px;
        right: -10px;
    }

    #how-it-works .step h3 {
        font-size: 16px;
    }

    #how-it-works .step p {
        font-size: 12px;
    }

    #how-it-works .arrow {
        display: none;
    }

    #course-wise-benefit {
        margin-top: 10%;
    }

    #course-wise-benefit .content table {
        width: 100%;
        margin-top: 20px;
    }

    #course-wise-benefit .content th,
    .content td {
        padding: 10px;
        font-size: 12px;
    }

    #course-wise-benefit .content td a {
        font-size: 12px;
    }

    #faq-section {
        margin-top: 10%;
    }

    #faq-section #faqAccordion {
        width: 100%;
        margin: auto;
        margin-top: 20px;
    }

    .accordion-button {
        font-size: 14px;
        padding: 10px;
    }

    .accordion-body {
        font-size: 12px;
        padding: 10px;
    }

    #flex-refer-cta {
        width: 100%;
        padding: 10px;
        margin-top: 10%;
    }

    #flex-refer-cta .cta-content {
        flex-wrap: wrap;
        width: 100%;
    }

    #flex-refer-cta .cta-text {
        width: 100%;
        padding-right: 0px;
    }

    #flex-refer-cta .cta-text h2 {
        font-size: 18px;
    }

    #flex-refer-cta .cta-text p {
        font-size: 12px;
    }

    #flex-refer-cta .cta-action {
        width: 100%;
        text-align: left;
    }

    #flex-refer-cta .cta-btn {
        display: inline-block;
        padding: 8px 10px;
        font-size: 12px;
    }

    #contact-us {
        height: 200px;
    }

    #contact-us h1 {
        font-size: 22px;
    }

    #general-contact-information {
        margin-top: 5%;
        padding: 10px 0;
    }

    #general-contact-information .content {
        row-gap: 15px;
    }

    #general-contact-information .content .box {
        width: 85%;
        margin: auto;
        padding: 5px;
    }

    #general-contact-information .content .box .image {
        margin-bottom: 10px;
    }

    #general-contact-information .content .box .image img {
        width: 4vh;
    }

    #general-contact-information .content .box .text h4 {
        font-size: 14px;
    }

    #contact-form {
        padding: 20px;
    }

    #contact-form .content {
        margin-top: 30px;
    }

    #contact-form .content .form {
        padding: 20px;
    }

    #contact-form .content .form input,
    #contact-form .content .form select,
    #contact-form .content .form button {
        padding: 11px;
        font-size: 12px;
    }

    #contact-form .content .form .label {
        font-size: 14px;
    }

    #map-location {
        margin-top: 5%;
    }

    #map-location .content {
        width: 100%;
        height: 100%;
    }

    #map-location .content iframe {
        height: 200px;
    }

    #coursepage-second .content {
        margin-top: 5%;
    }

    #coursepage-second .content .content-flex {
        flex-wrap: wrap-reverse;
        padding: 10px;
    }

    #coursepage-second .content .content-flex .box1 {
        width: 100%;
    }

    #coursepage-second .content .content-flex .box2 {
        width: 100%;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 {
        width: 100%;
        padding: 10px;
        margin-top: 20px;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box .box {
        width: 100%;
        text-align: center;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box p {
        font-size: 12px;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box h5 {
        font-size: 12.5px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text {
        margin-top: 15px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text h4 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text p {
        font-size: 12px;
        margin-bottom: 8px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list {
        margin-top: 20px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul {
        padding-left: 10px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul li::before {
        font-size: 16px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul li {
        margin-bottom: 12px;
        font-size: 14px;
        padding-left: 25px;
    }

    #coursepage-second .content .content-flex .box1 .textbox {
        width: 100%;
        padding: 10px;
        padding-top: 20px;
    }

    #coursepage-second .content .content-flex .box1 .textbox h4 {
        font-size: 22px;
    }

    #coursepage-second .content .content-flex .box1 .textbox .list {
        margin-top: 15px;
    }

    #coursepage-second .content .content-flex .box1 .textbox .list ul li {
        margin-bottom: 12px;
        font-size: 14px;
    }

    #course-cta .content-cta {
        flex-wrap: wrap;
        width: 100%;
    }

    #course-cta .content-cta .box1 {
        width: 100%;
        padding: 10px;
    }


    #course-cta .content-cta .box1 h1 {
        font-size: 22px;
    }

    #course-cta .content-cta .box1 p {
        font-size: 14px;
    }

    #course-cta .content-cta .box1 button {
        margin-top: 10px;
        width: 250px;
    }

    #course-cta .content-cta .box2 {
        width: 100%;
        text-align: center;
    }

    #course-cta .content-cta .box2 .image {
        width: 60%;
        margin: auto;
    }

    #course-cta .content-cta .box2 .image img {
        width: 100%;
    }

    #course-listing {
        margin-top: 5%;
    }

    #course-listing .content {
        display: none;
    }

    #course-listing .content2 {
        display: block;
    }

    #course-listing .content2 table {
        width: 100%;
    }

    #course-listing .content2 th,
    #course-listing .content2 td {
        padding: 10px;
        font-size: 10px;
    }

    #course-listing .content2 table th {
        font-size: 14px;
    }

    #course-listing .content2 table .other-courses {
        color: #777;
        font-size: 10px;
    }

    #course-listing .content2 table .ryma-academy {
        color: #890c25;
        font-weight: bold;
        font-size: 8px;
    }

    #course-listing .content2 table tr td img {
        width: 1vh;
    }

    #overview-features .content {
        margin-top: 20px;
    }

    #overview-features .content .course-overview {
        width: 100%;
        margin-bottom: 10px;
        flex-wrap: wrap-reverse;
    }

    #overview-features .content .course-overview .overview-text {
        width: 100%;
    }

    #overview-features .content .course-overview .overview-image {
        width: 100%;
    }

    #overview-features .content .course-overview .overview-text h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #overview-features .content .course-overview .overview-text p {
        font-size: 13px;
    }

    #overview-features .content .course-features {
        width: 100%;
        gap: 10px;
        margin-top: 30px;
    }

    #overview-features .content .feature-card {
        width: 47%;
        padding: 10px;
    }

    #overview-features .content .feature-card .icon img {
        width: 40px;
    }

    #overview-features .content .feature-card h4 {
        font-size: 16px;
    }

    #overview-features .content .feature-card p {
        font-size: 12px;
    }

    #upcoming-tutorials .content .tutorial-section .box .image {
        height: 120px;
    }

    #upcoming-tutorials .content .tutorial-section .box .image .video-play-icon img {
        width: 3.5vh;
    }

    #upcoming-tutorials .content .tutorial-section .box .image .video-play-icon h6 {
        font-size: 14px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text {
        padding: 10px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text h5 {
        font-size: 16px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text .student-name {
        margin-top: 10px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text .student-name p {
        font-size: 12px;
    }

    #valuable-certificate {
        margin-bottom: 50px;
    }

    #valuable-certificate .content {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    #valuable-certificate .content .box1 {
        padding-left: 15px;
        width: 100%;
    }

    #valuable-certificate .content .box1 h1 {
        font-size: 18px;
    }

    #valuable-certificate .content .box1 p {
        font-size: 12px;
    }

    #valuable-certificate .content .box1 .text .btns {
        position: relative;
        top: 280px;
    }

    #valuable-certificate .content .box2 {
        text-align: start;
        width: 100%;
        margin-top: -100px;
    }

    #valuable-certificate .content .box2 .image {
        width: 70%;
        margin: auto;
    }

    #valuable-certificate .content .box2 .image img {
        width: 100%;
    }

    #app-form {
        height: 100px;
    }

    #app-form .content {
        margin-top: 85px;
    }

    #app-form .content h1 {
        font-size: 24px;
        word-spacing: 10px;
    }

    #app-contact-form .form {
        margin-top: 0px;
    }

    #app-contact-form .form form .form-row {
        flex-wrap: wrap;
        row-gap: 40px;
    }

    #app-contact-form .form form .form-row #contact-form-submit {
        margin-top: 40px;
    }

    #app-contact-form .form form .form-row div {
        width: 100%
    }

    #app-contact-form .form form .form-row div input {
        width: 350px;
    }

    #app-contact-form .form form .form-row input {
        width: 400px;
        height: 45px;
    }

    #certification .banner {
        position: relative;
        height: 100px;
        margin-top: 12%;
    }

    #certification .banner video {
        position: absolute;
        object-fit: cover;
    }

    .certification-section {
        padding-top: 50px;
    }

    .certification-section .comparison-table h4 {
        margin-top: 5%;
        margin-bottom: 0px;
    }

    .certification-section .comparison-table {
        overflow: auto;
        padding: 0;
    }

    .hero-section {
        padding: 50px 20px;
    }

    .hero-section h1 {
        font-size: 2rem;
        font-weight: bold;
    }

    .hero-section p {
        font-size: 1rem;
        opacity: 0.9;
    }

    #upcoming-batches {
        margin-top: 18%;
    }

    #upcoming-batches .batch-content {
        width: 100%;
    }

    #upcoming-batches .batch-content .heading {
        width: 100%;
    }

    #upcoming-batches .batch-content .heading p {
        font-size: 12px;
    }

    #upcoming-batches .batch-content .content .heading {
        margin-top: -20px;
    }

    #upcoming-batches .batch-content .content .branch-details {
        margin-top: 10px;
        padding: 10px;
        width: 100%;
    }

    #upcoming-batches .batch-content .content .branch-details .tab {
        width: 100%;
        overflow: hidden;
        overflow: auto;
    }

    #group-photo {
        height: 200px;
        background-position: 20% 0%;
    }

    #happy-faces .content {
        gap: 20px;
        margin-top: 40px;
    }

    #happy-faces .content .box {
        width: 45%;
    }

    #demo-class .content {
        flex-wrap: wrap;
    }

    #demo-class .content .box1 {
        width: 100%;
        height: 100vh;
    }

    #demo-class .content .box2 {
        width: 100%;
        height: 50vh;
    }

    #our-founder {
        margin-top: 10%;
    }

    #our-founder .heading {
        margin-top: 60px;
    }

    #our-founder .heading h1 {
        font-size: 20px;
    }

    #our-founder .content {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
        margin-top: 30px;
    }

    #our-founder .content .box {
        width: 100%;
    }

    #our-founder .content .box1 {
        width: 100%;
    }

    #our-founder .content .box p {
        position: relative;
        top: 80%;
        font-size: 14px;
    }

    #our-founder .content .box1 .image {
        width: 100%;
        height: 310px;
        margin-right: 0px;
        position: relative;
        top: -108%;
    }

    #our-founder .content2 {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap-reverse;
        margin-top: 30px;
    }

    #our-founder .content2 .box {
        width: 100%;
    }

    #our-founder .content2 .box1 {
        width: 100%;
    }

    #our-founder .content2 .box1 .image {
        width: 100%;
        height: 310px;
        margin-right: 0px;
        position: relative;
        top: 20%;
    }

    #our-founder .content2 .box .founder-name {
        position: relative;
        top: -49%;
    }

    #other-founders {
        margin-top: 5%;
    }

    #other-founders .content {
        flex-wrap: wrap;
    }

    #other-founders .content .box {
        width: 95%;
        padding: 20px;
    }

    #other-founders .content .box .founder-name {
        margin-top: 10px;
    }

    #other-founders .content .box .text {
        margin-top: 10px;
    }

    #other-founders .content .box .text p {
        font-size: 14px;
    }

    #gg-certificate{
        margin-top: 10px;
        margin-bottom: 50px;
    }
    #gg-certificate .certificate marquee {
        white-space: fill; 
        gap: 30px;
    }
    
    #gg-certificate .certificate marquee .box {
        width: 25vh;
    }


}

@media screen and (max-width:500px) and (min-width:414px) {

    #opening-cta {
        width: 98%;
    }

    #opening-cta .heading h3 {
        font-size: 20px;
    }

    #opening-cta .description {
        column-gap: 12px;
    }

    #opening-cta .description span {
        font-size: 30px;
        margin-top: -15px;
    }

    #opening-cta .description .box h2 {
        font-size: 16px;
        font-weight: 700;
        color: #c6b08f;
    }

    #opening-cta .description .box p {
        font-size: 10px;
    }

    #opening-cta .btns {
        margin-top: 2%;
    }

    .chat-bot {
        bottom: 10px;
        right: 5px;
    }

    .chat-bot .content .box1 {
        padding: 7px;
        border-radius: 15px;
        width: 220px;
        height: 50px;
    }

    .chat-bot .content .box1 .text h5 {
        font-size: 11px;
    }

    .chat-bot .content .box1 .text p {
        text-align: start;
        font-size: 8px;
    }

    .chat-bot .content .box2 .text,
    .chat-bot .content .box3 .text {
        padding: 2px;
        width: 180px;
    }

    .chat-bot .content .box2 h5,
    .chat-bot .content .box3 h5 {
        font-size: 10px;
    }

    .chat-bot .content .box1 .view-more {
        display: none;
    }

    .chat-bot .content .box1 .cross-chatbot img {
        padding-top: 4px;
    }

    .chat-box {
        width: 350px;
        position: relative;
        left: -6px;
    }

    #brochure-pop-up,
    #pop-up {
        width: 100%;
    }

    #brochure-pop-up .form,
    #pop-up .form {
        width: 100%;
    }

    #brochure-pop-up .form .full-form,
    #pop-up .form .full-form {
        width: 100%;
        padding: 10px;
    }

    #brochure-pop-up .form .image,
    #pop-up .form .image {
        display: none;
    }

    #brochure-pop-up .form .input-field h4,
    #pop-up .form .input-field h4 {
        margin-top: 10px;
        font-size: 18px;
    }

    .heading {
        width: 90%;
        margin: auto;
    }

    .heading h1 {
        font-size: 18px;
    }

    .btns button {
        padding: 8px 5px;
        width: 170px;
    }

    .btns button a {
        font-size: 13.2px;
    }

    #top-nav {
        padding: 0;
    }

    #top-nav .content {
        width: 100%;
        text-align: start;
    }

    #top-nav .content p {
        font-weight: 700;
        font-size: 10px;
        padding-top: 15px;
    }

    #top-nav .content p .top-nav-btn {
        padding: 5px;
        border-radius: 30px;
        position: relative;
        left: 5px;
    }

    #top-nav .content p .top-nav-btn a {
        font-size: 10px;
    }

    .navbar-brand {
        left: 14%;
    }

    .navbar-brand img {
        width: 10vh;
    }

    .dropdown {
        position: relative;
        top: -15px;
        left: 0px;
        background: none;
        box-shadow: none;
        max-width: 230px;
    }

    .dropdown a {
        font-size: 16px;
        color: #890c25;
    }

    .dropdown li {
        border-bottom: none;
    }

    .burger-menu {
        display: block;
        position: relative;
        left: 97%;
    }

    .navbar-nav {
        gap: 0rem;
        margin-top: 50px;
        width: 100%;
        left: 30px;
    }

    .navbar-nav {
        margin-right: 0px
    }

    .nav-item .nav-btn {
        left: 0px;
        margin-top: 4px;
    }

    #first-index-section .content {
        flex-wrap: wrap-reverse;
    }

    #first-index-section .content .box {
        width: 100%;
        padding: 0px;
    }

    #first-index-section .content .box .images-change {
        width: 100%;
        height: 300px;
    }

    #first-index-section .content .box .images-change img {
        object-fit: fill;
    }

    #first-index-section .content .box .text {
        margin: 5% 0 0 3%;
    }

    #first-index-section .content .box .text h1 {
        font-size: 22px;
    }

    #first-index-section .content .box .text p {
        font-size: 16px;
        margin-top: -5px;
    }

    #first-index-section .content .box .text .benefits {
        margin-top: 15px;
    }

    #first-index-section .content .box .text .benefits ul li {
        margin-bottom: -5px;
    }

    #first-index-section .content .box .text .benefits ul li p {
        font-size: 13px;
    }

    #first-index-section .content .box .text .btns {
        margin-top: 10px;
        column-gap: 15px;
        margin: 0 0 0 -5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #front-section {
        padding: 5px;
        min-height: 70vh;
    }

    #front-section .content {
        padding: 10px;
        margin-top: 0px;
        width: 100%;
        padding: 0;
    }

    #front-section .content h1 {
        font-size: 30px;
    }

    #front-section .content .image {
        gap: 20px;
        margin-top: 40px;
        flex-wrap: wrap;
    }

    #front-section .content .image .box {
        width: 20%;
        padding: 12px 15px;
    }

    #front-section .content .image .box img {
        width: 100%;
    }

    #front-section .content .description {
        column-gap: 8px;
        padding: 5px;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    #front-section .content .description span {
        font-size: 25px;
        margin-top: 0px;
    }

    #front-section .content .description .box h2 {
        font-size: 18px;
    }

    #front-section .content .description .box p {
        font-size: 10px;
    }

    #front-section .content p {
        font-size: 12px;
    }

    #front-section .content .btns-cta {
        column-gap: 10px;
        margin-top: 30px;
    }

    #front-section .content .btns-cta .cta-btn {
        padding: 12px 15px;
    }

    #front-section .content .btns-cta .cta-btn a {
        font-size: 14px;
    }

    #main-tag-line .content {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #main-tag-line .content .box {
        width: 100%;
        text-align: center;
        padding-top: 10px;
    }

    #main-tag-line .content .box h1 {
        font-size: 20px;
    }

    #main-tag-line .content .box p {
        font-size: 12px;
        margin-top: -15px;
    }

    #main-tag-line .content .box p a {
        font-size: 16px;
    }

    #partners {
        margin-top: 5%;
    }

    #partners .image-slider1 {
        margin-top: 0px;
        padding: 20px;
    }

    #partners .images1 img {
        width: 60px;
        height: 20px;
        margin-right: 50px;
    }

    #description {
        margin-top: 10%;
    }

    #description .content {
        flex-wrap: wrap;
        gap: 20px;
    }

    #description .content .box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #description .content .box .image {
        width: 100%;
    }

    #description .content .box .points span {
        font-size: 22px;
    }

    #description .content .box .points p {
        font-size: 12px;
    }

    #description .content .box .middle-box {
        width: 70%;
        top: 47%;
    }

    #description .content .box .middle-box h6 {
        font-size: 15px;
    }

    #index-cta {
        margin: 40px auto;
        width: 90%;
        padding: 20px;

    }

    #index-cta .cta-content {
        flex-wrap: wrap;
    }

    #index-cta .cta-text {
        width: 100%;
        text-align: center;
        padding-right: 0px;
    }

    #index-cta .cta-text p {
        font-size: 18px;
    }

    #index-cta .cta-action {
        width: 100%;
        text-align: center;
    }

    #index-cta .cta-action button {
        padding: 6px 15px;
    }

    #index-cta .cta-action button a {
        font-size: 14px;
    }

    #area-of-interst {
        height: 280px;
    }

    #area-of-interst .content {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    #area-of-interst .content .box1 {
        width: 100%;
    }

    #area-of-interst .content .box2 {
        width: 100%;
    }

    #area-of-interst .content .box1 .text {
        width: 100%;
    }

    #area-of-interst .content .box1 .text h1 {
        font-size: 26px;
    }

    #area-of-interst .content .box1 .text p {
        font-size: 14px;
        color: white;
    }

    #area-of-interst .content .box2 .intersts {
        display: flex;
        justify-content: start;
    }

    #area-of-interst .content .box2 .intersts .points {
        width: 45%;
        padding: 5px;
    }

    #area-of-interst .content .box2 .intersts .points a {
        justify-content: start;
        column-gap: 10px;
    }

    #area-of-interst .content .box2 .intersts .points a .image {
        padding: 5px;
    }

    #area-of-interst .content .box2 .intersts .points a .image img {
        width: 4.5vh;
    }

    #area-of-interst .content .box2 .intersts .points a .name h5 {
        font-size: 12px;
    }

    #course-index-section {
        margin-top: 10%;
    }

    #course-index-section .content {
        margin-top: 20px;
    }

    #course-index-section .content .arrow-btn-course {
        width: 5%;
    }

    #course-index-section .content .arrow-btn-course button img {
        width: 3vh;
    }

    #course-index-section .content .course-section {
        width: 90%
    }

    #course-index-section .content .course-section .box {
        width: 100%;
    }

    #course-index-section .content .box .image {
        height: 160px;
    }

    #course-index-section .content .box .text .tutor ul li {
        font-size: 12px;
    }

    #course-index-section .content .box .duration,
    #course-index-section .content .box .level,
    #course-index-section .content .box .features {
        margin: -5px 0;
        font-size: 14px;
    }

    #course-index-section .content .box .features ul li {
        margin-bottom: 6px;
        font-size: 12.5px;
    }

    #course-index-section .content .box .text .btns {
        margin-top: 30px;
    }

    #course-index-section .content .box .text .btns button {
        width: 80%;
        margin: auto;
        padding: 8px 12px;
    }

    #course-index-section .content .box .text .btns button a {
        font-size: 14px;
    }

    #cta .content {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #cta .content .box {
        width: 100%;
    }

    #cta .content .box .text {
        margin: 5% 0 0 0;
    }

    #cta .content .box .text p {
        font-size: 12px;
    }

    #cta .content .box .text .heading-cta {
        margin-top: -10px;
    }

    #cta .content .box .text .heading-cta h1 {
        font-size: 18.5px;
    }

    #cta .content .box .text h6 {
        font-size: 12px;
    }

    #cta .content .box .text .btns {
        row-gap: 8px;
        position: absolute;
        margin-top: 240px;
        width: 93%;
    }

    #cta .content .box .text .btns button {
        width: 100%;
        margin: auto;
        padding: 10px;
    }

    #cta .content .box .text .btns button a {
        font-size: 16px;
    }

    #cta .content .box2 .image {
        height: 200px;
    }

    #steps-to-success {
        padding: 20px;
    }

    #steps-to-success .content h1 {
        font-size: 25px;
    }

    #steps-to-success .content p {
        font-size: 16px;
    }

    #steps-to-success .steps {
        width: 100%;
        flex-wrap: wrap;
        margin-top: -10px;
        row-gap: 1px;
    }

    #steps-to-success .steps .box {
        display: flex;
        justify-content: start;
        align-items: start;
        column-gap: 5px;
        width: 100%;
        /* background: red; */
    }

    #steps-to-success .steps .box::after {
        top: 120px;
        /* content: none; */
        left: 3%;
        width: 8%;
        transform: translateX(50%) rotate(90deg);
    }

    #steps-to-success .steps .num {
        border-radius: 50%;
        width: 50px;
        height: 50px;
    }

    #steps-to-success .steps .box .num h5 {
        font-size: 16px;
    }

    #steps-to-success .steps .text {
        position: relative;
        top: 10px;
        text-align: start;
        left: 10px;
        width: 90%;
    }

    #steps-to-success .steps .text p {
        font-size: 13px;
    }

    #steps-to-success .btns button {
        font-size: 16px;
        padding: 7px 15px;
        width: 250px;
        margin-top: 30px;
    }

    .written-testi-reverse {
        display: none;
    }

    .images-testi .box .text h5 {
        font-size: 16px;
    }


    #reviews {
        margin-top: 38%;
    }

    #reviews .content {
        margin-top: 15px;
        padding: 10px;
    }

    #reviews .content .button-left #bt-left {
        padding: 4px;
    }

    #reviews .content .button-left #bt-left img {
        width: 3vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 {
        width: 80%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .image-boxy img {
        width: 8vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .image-boxy h4 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .sal {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .sal h6 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 {
        width: 80%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 img {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 .behind-r img {
        width: 25vh;
        margin-left: -50px;
        margin-top: -40px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 {
        width: 80%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .image-boxy img {
        width: 8vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .image-boxy h4 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .sal {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .sal h6 {
        font-size: 12px;
    }

    #reviews .content .button-right #bt-right {
        padding: 4px;
    }

    #reviews .content .button-right #bt-right img {
        width: 3vh;
    }

    /* #partners {
        margin-top: 10%;
    } */

    #partners .image-slider1 {
        margin-top: 20px;
        padding: 20px;
    }

    #partners .images1 img {
        width: 65px;
        height: 20px;
        margin-right: 50px;
    }

    #video-testimonials {
        margin-top: 10%;
    }

    #video-testimonials .content {
        margin-top: 20px;
    }

    #video-testimonials .content .arrow-btn {
        width: 5%;
    }

    #video-testimonials .content .arrow-btn button img {
        width: 3vh;
    }

    #video-testimonials .content .review-section {
        width: 90%;
    }

    #video-testimonials .content .review-section .box .image {
        height: 150px;
    }

    #video-testimonials .content .review-section .box .text {
        padding-bottom: 5px;
    }

    #video-testimonials .content .review-section .box .text h5 {
        font-size: 12px;
    }

    #video-testimonials .content .review-section .box .text .student-name {
        margin-top: 15px;
    }

    #video-testimonials .content .review-section .box .text .student-name h6 {
        font-size: 12px;
    }

    #video-testimonials .content .review-section .box .text .student-name p {
        font-size: 12px;
    }

    #ryma-learner-support {
        width: 100%;
    }

    #ryma-learner-support .title h2 {
        font-size: 18px;
    }

    #ryma-learner-support .title p {
        font-size: 14px;
    }

    #ryma-learner-support .support-btns {
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 40px;
    }

    #ryma-learner-support .support-btns .box {
        column-gap: 10px;
    }

    #ryma-learner-support .support-btns .box button {
        padding: 8px;
    }

    #ryma-learner-support .support-btns .box button span {
        margin-right: 2px;
    }

    #ryma-learner-support .support-btns .box button span img {
        width: 2vh;
    }

    #ryma-learner-support .support-btns .box button a {
        font-size: 14px;
    }

    #ryma-learner-support .disclaimer h4 {
        font-size: 16px;
        font-weight: 500;
    }

    #ryma-learner-support .disclaimer .points ol li {
        margin-bottom: 10px;
        font-size: 12px;
    }

    #cta-big {
        margin-top: 10%;
        padding: 5px;
    }

    #cta-big .content {
        padding: 5px;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #cta-big .content h1 {
        font-size: 18px;
    }

    #cta-big .content p {
        font-size: 11px;
    }

    #cta-big .content .btns-cta {
        column-gap: 5px;
        margin-top: 20px;
    }

    #cta-big .content .btns-cta .cta-btn {
        padding: 8px 15px;
    }

    #cta-big .content .btns-cta .cta-btn a {
        font-size: 14px;
    }

    #footer {
        margin-top: 10%;
        margin-bottom: 1%;
    }

    #footer .first-footer {
        width: 100%;
        flex-wrap: wrap;
        gap: 30px;
    }

    #footer .first-footer .box{
        width: 100%;
    }

    #footer .first-footer .box2{
        text-align: start;
        margin-right: 0px;
    }

    #footer .first-footer .box2 .pay-payment button{
        width: 200px;
        border:2px solid #890c25;
        border-radius: 50px;
        padding: 5px;
    }


    #footer .content {
        margin-top: 20px;
        flex-wrap: wrap;
        padding: 5px;
        width: 100%;
        gap: 20px;
    }

    #footer .content .box {
        width: 100%;
    }

    #footer .content .box .text ul{
        margin-top: 10px;
    }

    #footer .content .box .text .links ul li {
        margin-bottom: 8px;
        font-size: 14px;
    }

    #footer .content .box .text .links ul li span img {
        width: 2.7vh;
    }

    #footer .copyright {
        width: 100%;
        margin-top: 0px;
        font-size: 12px;
    }

    #footer .copyright p {
        text-align: center;
        font-size: 8px;
    }
    #about-front .content {
        flex-wrap: wrap;
    }

    #about-front .content .box1 {
        width: 100%;
    }

    #about-front .content .box2 {
        width: 100%;
    }

    #about-front .content .box1 .text {
        padding: 5px;
        margin-top: 10px;
        margin-left: 0px;
    }

    #about-front .content .box1 .text h2 {
        font-size: 25px;
    }

    #about-front .content .box1 .text p {
        font-size: 14px;
        margin-top: 10px;
    }

    #about-front .about-gradient {
        display: none;
    }

    #about-front .content .box2 .aboutus-icon-2 {
        display: none;
    }

    #about-front .content .box2 img {
        width: 50vh;
        margin-top: -80px;
    }

    #mission-vision {
        margin-top: 10%;
    }

    #mission-vision .content {
        width: 90%;
        margin-top: 20px;
    }

    #mission-vision .content .box {
        padding: 20px;
    }

    #mission-vision .content .box h4 {
        font-size: 17px;
    }

    #mission-vision .content .box p {
        font-size: 12.5px;
    }

    #sets-us-apart {
        margin-top: 10%;
    }

    #sets-us-apart .content {
        width: 90%;
        margin-top: 20px;
        padding: 0;
    }

    #sets-us-apart .content .box {
        width: 100%;
    }

    #sets-us-apart .content .box h5 {
        font-size: 17px;
    }

    #sets-us-apart .content .box p {
        font-size: 12.5px;
    }

    #journey {
        padding: 10px 0;
        margin-top: 10%;
    }

    #journey .heading p {
        width: 90%;
        font-size: 12.5px;
    }

    #journey .content {
        margin-top: 20px;
        flex-wrap: wrap;
        gap: 20px;
    }

    #journey .content .box {
        width: 85%;
        padding: 20px;
    }

    #journey .content .box span {
        font-size: 25px;
    }

    #journey .content .box p {
        font-size: 16px;
    }


    #founder {
        margin-top: 10%;
    }

    #founder .heading {
        text-align: start;
        padding-left: 0px;
    }

    #founder .content {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: -20px;
    }

    #founder .content .box {
        width: 100%;
    }

    #founder .content .box h4 {
        font-size: 20px;
    }

    #founder .content .box .image {
        width: 100%;
        margin: auto;
    }

    #founder .content .box p {
        font-size: 16px;
        margin-top: 5px;
    }

    #founder .content .box .btns {
        margin-top: 20px;
        gap: 15px;
    }

    #founder .content .box .btns button a {
        font-size: 12px;
    }

    #placements-front .content {
        flex-wrap: wrap-reverse;
        width: 100%;
        padding: 20px;
        margin-top: 0px;
    }

    #placements-front .content .box1 {
        width: 100%;
        padding: 10px;
        padding-left: 0px;
    }

    #placements-front .content .box1 h2 {
        font-size: 25px;
    }

    #placements-front .content .box1 .list {
        margin-top: 10px;
    }

    #placements-front .content .box1 .list ul li {
        font-size: 14px;
    }

    #placements-front .content .box2 {
        width: 100%;
        text-align: center;
        margin-right: 10px;
    }

    #placements-front .content .box2 img {
        width: 30vh;
    }

    #placements-front .placements-icon-1 {
        display: none;
    }

    #short-des {
        width: 90%;
        margin: auto;
        margin-top: -40px;
    }

    #short-des .icons-content ul {
        row-gap: 15px;
        flex-wrap: nowrap;
    }

    #short-des .icons-content ul li span {
        font-size: 20px;
    }

    #short-des .icons-content ul li {
        padding-left: 10px;
        font-size: 8px;
        margin-top: 10px;
        border-right: none;
    }

    #placement-second-section .content {
        row-gap: 40px;
        padding: 10px;
    }

    #placement-second-section .box {
        width: 300px;
        padding: 10px;
    }

    #placement-second-section .box .image img {
        width: 80px;
        height: 80px;
    }

    #placement-second-section .box .name {
        margin-bottom: 0px;
    }

    #placement-second-section .box .company-logo img {
        width: 60px;
        margin-top: 5px;
    }

    #placement-cta {
        padding: 20px 10px;
    }

    #placement-cta .content {
        max-width: 650px;
    }

    #placement-cta .content h1 {
        font-size: 25px;
        margin-bottom: 5px;
    }

    #placement-cta .content p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #placement-cta .content .btns {
        gap: 15px;
        margin-top: 20px;
    }

    #placement-cta .content .btns button {
        font-size: 10px;
        font-weight: bold;
        padding: 10px 20px;
        width: 250px;
    }

    #front-referandearn .content {
        width: 100%;
        height: 500px;
        flex-wrap: wrap;
    }

    #front-referandearn .content .box1 {
        display: none;
    }

    #front-referandearn .content .box1 #refer-icon-one {
        display: none;
    }

    #front-referandearn .content .box1 #refer-icon-two {
        display: none;
    }

    #front-referandearn .content .box2 {
        text-align: center;
        width: 100%;
        padding: 5px;
        margin-top: -190px;
    }

    #front-referandearn .content .box2 h1 {
        font-size: 25px;
    }

    #front-referandearn .content .box2 p {
        font-size: 14px;
        margin-right: 50px;
    }

    #front-referandearn .content .box2 .text p {
        font-size: 12px;
        width: 90%;
    }

    #front-referandearn .content .box3 {
        display: none;
    }

    #front-referandearn .content .box2 .text button {
        margin-top: 20px;
    }

    #how-it-works {
        margin-top: -40%;
    }

    #how-it-works .step {
        width: 100%;
    }

    #how-it-works .steps {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #how-it-works .subheading {
        font-size: 12px;
    }

    #how-it-works .step .circle {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    #how-it-works .step .circle::after {
        top: -8px;
        right: -10px;
    }

    #how-it-works .step h3 {
        font-size: 16px;
    }

    #how-it-works .step p {
        font-size: 12px;
    }

    #how-it-works .arrow {
        display: none;
    }

    #course-wise-benefit {
        margin-top: 10%;
    }

    #course-wise-benefit .content table {
        width: 100%;
        margin-top: 20px;
    }

    #course-wise-benefit .content th,
    .content td {
        padding: 10px;
        font-size: 12px;
    }

    #course-wise-benefit .content td a {
        font-size: 12px;
    }

    #faq-section {
        margin-top: 10%;
    }

    #faq-section #faqAccordion {
        width: 100%;
        margin: auto;
        margin-top: 20px;
    }

    .accordion-button {
        font-size: 14px;
        padding: 10px;
    }

    .accordion-body {
        font-size: 12px;
        padding: 10px;
    }

    #flex-refer-cta {
        width: 100%;
        padding: 10px;
        margin-top: 10%;
    }

    #flex-refer-cta .cta-content {
        flex-wrap: wrap;
        width: 100%;
    }

    #flex-refer-cta .cta-text {
        width: 100%;
        padding-right: 0px;
    }

    #flex-refer-cta .cta-text h2 {
        font-size: 18px;
    }

    #flex-refer-cta .cta-text p {
        font-size: 12px;
    }

    #flex-refer-cta .cta-action {
        width: 100%;
        text-align: left;
    }

    #flex-refer-cta .cta-btn {
        display: inline-block;
        padding: 8px 10px;
        font-size: 12px;
    }

    #contact-us {
        height: 300px;
    }

    #contact-us h1 {
        font-size: 22px;
    }

    #general-contact-information {
        margin-top: 5%;
        padding: 10px 0;
    }

    #general-contact-information .content {
        row-gap: 15px;
    }

    #general-contact-information .content .box {
        width: 85%;
        margin: auto;
        padding: 5px;
    }

    #general-contact-information .content .box .image {
        margin-bottom: 10px;
    }

    #general-contact-information .content .box .image img {
        width: 4vh;
    }

    #general-contact-information .content .box .text h4 {
        font-size: 14px;
    }

    #contact-form {
        padding: 20px;
    }

    #contact-form .content {
        margin-top: 30px;
    }

    #contact-form .content .form {
        padding: 20px;
    }

    #contact-form .content .form input,
    #contact-form .content .form select,
    #contact-form .content .form button {
        padding: 11px;
        font-size: 12px;
    }

    #contact-form .content .form .label {
        font-size: 14px;
    }

    #map-location {
        margin-top: 5%;
    }

    #map-location .content {
        width: 100%;
        height: 100%;
    }

    #map-location .content iframe {
        height: 250px;
    }

    #coursepage-second .content {
        margin-top: 5%;
    }

    #coursepage-second .content .content-flex {
        flex-wrap: wrap-reverse;
        padding: 10px;
    }

    #coursepage-second .content .content-flex .box1 {
        width: 100%;
    }

    #coursepage-second .content .content-flex .box2 {
        width: 100%;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 {
        width: 100%;
        padding: 10px;
        margin-top: 20px;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box .box {
        width: 100%;
        text-align: center;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box p {
        font-size: 12px;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box h5 {
        font-size: 12.5px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text {
        margin-top: 15px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text h4 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text p {
        font-size: 12px;
        margin-bottom: 8px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list {
        margin-top: 20px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul {
        padding-left: 10px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul li::before {
        font-size: 16px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul li {
        margin-bottom: 12px;
        font-size: 14px;
        padding-left: 25px;
    }

    #coursepage-second .content .content-flex .box1 .textbox {
        width: 100%;
        padding: 10px;
        padding-top: 20px;
    }

    #coursepage-second .content .content-flex .box1 .textbox h4 {
        font-size: 22px;
    }

    #coursepage-second .content .content-flex .box1 .textbox .list {
        margin-top: 15px;
    }

    #coursepage-second .content .content-flex .box1 .textbox .list ul li {
        margin-bottom: 12px;
        font-size: 14px;
    }

    #course-cta .content-cta {
        flex-wrap: wrap;
        width: 100%;
    }

    #course-cta .content-cta .box1 {
        width: 100%;
        padding: 10px;
    }

    #course-cta .content-cta .box1 h1 {
        font-size: 22px;
    }

    #course-cta .content-cta .box1 p {
        font-size: 14px;
    }

    #course-cta .content-cta .box1 button {
        margin-top: 20px;
        width: 250px;
    }

    #course-cta .content-cta .box2 {
        width: 100%;
        text-align: center;
    }

    #course-cta .content-cta .box2 .image {
        width: 60%;
        margin: auto;
    }

    #course-cta .content-cta .box2 .image img {
        width: 100%;
    }

    #course-listing {
        margin-top: 5%;
    }

    #course-listing .content {
        display: none;
    }

    #course-listing .content2 {
        display: block;
    }

    #course-listing .content2 table {
        width: 100%;
    }

    #course-listing .content2 th,
    #course-listing .content2 td {
        padding: 10px;
        font-size: 10px;
    }

    #course-listing .content2 table th {
        font-size: 14px;
    }

    #course-listing .content2 table .other-courses {
        color: #777;
        font-size: 10px;
    }

    #course-listing .content2 table .ryma-academy {
        color: #890c25;
        font-weight: bold;
        font-size: 8px;
    }

    #course-listing .content2 table tr td img {
        width: 1vh;
    }

    #overview-features .content {
        margin-top: 20px;
    }

    #overview-features .content .course-overview {
        width: 100%;
        margin-bottom: 10px;
        flex-wrap: wrap-reverse;
    }

    #overview-features .content .course-overview .overview-text {
        width: 100%;
    }

    #overview-features .content .course-overview .overview-image {
        width: 100%;
    }

    #overview-features .content .course-overview .overview-text h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #overview-features .content .course-overview .overview-text p {
        font-size: 13px;
    }

    #overview-features .content .course-features {
        width: 100%;
        gap: 10px;
        margin-top: 30px;
    }

    #overview-features .content .feature-card {
        width: 47%;
        padding: 10px;
    }

    #overview-features .content .feature-card .icon img {
        width: 40px;
    }

    #overview-features .content .feature-card h4 {
        font-size: 16px;
    }

    #overview-features .content .feature-card p {
        font-size: 12px;
    }

    #upcoming-tutorials .content .tutorial-section .box .image {
        height: 120px;
    }

    #upcoming-tutorials .content .tutorial-section .box .image .video-play-icon img {
        width: 3.5vh;
    }

    #upcoming-tutorials .content .tutorial-section .box .image .video-play-icon h6 {
        font-size: 14px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text {
        padding: 10px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text h5 {
        font-size: 16px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text .student-name {
        margin-top: 10px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text .student-name p {
        font-size: 12px;
    }

    #valuable-certificate {
        margin-bottom: 50px;
    }

    #valuable-certificate .content {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    #valuable-certificate .content .box1 {
        padding-left: 15px;
        width: 100%;
    }

    #valuable-certificate .content .box1 h1 {
        font-size: 18px;
    }

    #valuable-certificate .content .box1 p {
        font-size: 12px;
    }

    #valuable-certificate .content .box1 .text .btns {
        position: relative;
        top: 320px;
    }

    #valuable-certificate .content .box2 {
        text-align: start;
        width: 100%;
        margin-top: -100px;
    }

    #valuable-certificate .content .box2 .image {
        width: 70%;
        margin: auto;
    }

    #valuable-certificate .content .box2 .image img {
        width: 100%;
    }

    #app-form {
        height: 100px;
    }

    #app-form .content {
        margin-top: 85px;
    }

    #app-form .content h1 {
        font-size: 25px;
        word-spacing: 10px;
    }

    #app-contact-form .form {
        margin-top: 0px;
    }

    #app-contact-form .form form .form-row {
        flex-wrap: wrap;
        row-gap: 40px;
    }

    #app-contact-form .form form .form-row #contact-form-submit {
        margin-top: 40px;
    }

    #app-contact-form .form form .form-row div {
        width: 100%
    }

    #app-contact-form .form form .form-row div input {
        width: 390px;
    }

    #app-contact-form .form form .form-row input {
        width: 400px;
        height: 45px;
    }

    #certification {
        padding: 0;
    }

    #certification .banner {
        height: 100px;
        margin-top: 12%;
    }

    #certification .banner video {
        position: absolute;
        object-fit: cover;
    }

    .certification-section {
        padding-top: 50px;
    }

    .certification-section .comparison-table h4 {
        margin-top: 5%;
        margin-bottom: 0px;
    }

    .certification-section .comparison-table {
        overflow: auto;
        padding: 0;
    }

    .hero-section {
        padding: 50px 20px;
    }

    .hero-section h1 {
        font-size: 2rem;
        font-weight: bold;
    }

    .hero-section p {
        font-size: 1rem;
        opacity: 0.9;
    }

    #upcoming-batches {
        margin-top: 15%;
    }

    #upcoming-batches .batch-content {
        width: 100%;
    }

    #upcoming-batches .batch-content .heading {
        width: 100%;
    }

    #upcoming-batches .batch-content .heading p {
        font-size: 12px;
    }

    #upcoming-batches .batch-content .content .heading {
        margin-top: -20px;
    }

    #upcoming-batches .batch-content .content .branch-details {
        margin-top: 10px;
        padding: 10px;
        width: 100%;
    }

    #upcoming-batches .batch-content .content .branch-details .tab {
        width: 100%;
        overflow: hidden;
        overflow: auto;
    }

    #group-photo {
        height: 200px;
        background-position: 20% 0%;
    }

    #happy-faces .content {
        gap: 20px;
        margin-top: 40px;
    }

    #happy-faces .content .box {
        width: 45%;
    }

    #demo-class .content {
        flex-wrap: wrap;
    }

    #demo-class .content .box1 {
        width: 100%;
        height: 70vh;
    }

    #demo-class .content .box2 {
        width: 100%;
        height: 50vh;
    }

    #our-founder {
        margin-top: 10%;
    }

    #our-founder .heading {
        margin-top: 60px;
    }

    #our-founder .heading h1 {
        font-size: 20px;
    }

    #our-founder .content {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap;
        margin-top: 30px;
    }

    #our-founder .content .box {
        width: 100%;
    }

    #our-founder .content .box1 {
        width: 100%;
    }

    #our-founder .content .box p {
        position: relative;
        top: 90%;
        font-size: 14px;
    }

    #our-founder .content .box1 .image {
        width: 100%;
        height: 310px;
        margin-right: 0px;
        position: relative;
        top: -95%;
    }

    #our-founder .content2 {
        width: 100%;
        padding: 10px;
        flex-wrap: wrap-reverse;
        margin-top: 30px;
    }

    #our-founder .content2 .box {
        width: 100%;
    }

    #our-founder .content2 .box1 {
        width: 100%;
    }

    #our-founder .content2 .box1 .image {
        width: 100%;
        height: 310px;
        margin-right: 0px;
        position: relative;
        top: 20%;
    }

    #our-founder .content2 .box .founder-name {
        position: relative;
        top: -57%;
    }

    #other-founders {
        margin-top: 5%;
    }

    #other-founders .content {
        flex-wrap: wrap;
    }

    #other-founders .content .box {
        width: 95%;
        padding: 20px;
    }

    #other-founders .content .box .founder-name {
        margin-top: 10px;
    }

    #other-founders .content .box .text {
        margin-top: 10px;
    }

    #other-founders .content .box .text p {
        font-size: 14px;
    }

    #gg-certificate{
        margin-top: 10px;
        margin-bottom: 50px;
    }
    #gg-certificate .certificate marquee {
        white-space: fill; 
        gap: 30px;
    }
    
    #gg-certificate .certificate marquee .box {
        width: 25vh;
    }

}

@media screen and (max-width:768px) and (min-width:500px) {

    #opening-cta {
        width: 80%;
    }

    #opening-cta .heading h3 {
        font-size: 25px;
    }

    #opening-cta .description {
        column-gap: 15px;
    }

    #opening-cta .description span {
        font-size: 35px;
        margin-top: -15px;
    }

    #opening-cta .description .box h2 {
        font-size: 18px;
        font-weight: 700;
        color: #c6b08f;
    }

    #opening-cta .description .box p {
        font-size: 13px;
    }

    #opening-cta .btns {
        margin-top: 2%;
    }

    .chat-bot {
        bottom: 10px;
        right: 25px;
    }

    .chat-bot .content .box1 {
        padding: 7px;
        border-radius: 15px;
        width: 220px;
        height: 50px;
    }

    .chat-bot .content .box1 .text h5 {
        font-size: 11px;
    }

    .chat-bot .content .box1 .text p {
        text-align: start;
        font-size: 8px;
    }

    .chat-bot .content .box2 .text,
    .chat-bot .content .box3 .text {
        padding: 2px;
        width: 180px;
    }

    .chat-bot .content .box2 h5,
    .chat-bot .content .box3 h5 {
        font-size: 10px;
    }

    .chat-bot .content .box1 .view-more {
        display: none;
    }

    .chat-bot .content .box1 .cross-chatbot img {
        padding-top: 4px;
    }

    .chat-box {
        width: 350px;
        position: relative;
        left: -6px;
    }

    #brochure-pop-up,
    #pop-up {
        width: 70%;
    }

    #brochure-pop-up .form,
    #pop-up .form {
        width: 100%;
        padding: 30px 0px;
    }

    #brochure-pop-up .form .full-form,
    #pop-up .form .full-form {
        width: 100%;
        padding: 10px;
    }

    #brochure-pop-up .form .image,
    #pop-up .form .image {
        display: none;
    }

    #brochure-pop-up .form .input-field h4,
    #pop-up .form .input-field h4 {
        margin-top: 10px;
        font-size: 18px;
    }

    .heading {
        width: 90%;
        margin: auto;
    }

    .heading h1 {
        font-size: 18px;
    }

    .btns button {
        padding: 6px 5px;
        width: 150px;
    }

    .btns button a {
        font-size: 13px;
    }

    #top-nav {
        height: 100px;
    }

    #top-nav .content {
        width: 95%;
        margin: auto;
    }

    #top-nav .content .list {
        column-gap: 15px;
        width: 50%;
    }

    #top-nav .content .list h6 {
        font-family: "Poppins", sans-serif;
    }

    #top-nav .content .list h6 a {
        text-decoration: none;
        color: black;
    }

    #top-nav .content .num-mail p a.top-nav-mail {
        font-size: 8px;
        display: none;
    }

    .navbar-brand {
        left: 10%;
    }

    .navbar-brand img {
        width: 10vh;
    }

    .dropdown {
        position: relative;
        top: -15px;
        left: 0px;
        background: none;
        box-shadow: none;
    }

    .dropdown a {
        font-size: 16px;
        color: white;
    }

    .dropdown li {
        border-bottom: none;
    }

    .nav-item .nav-btn {
        margin-left: 0px;
        margin-top: 4px;
    }

    .burger-menu {
        display: block;
        position: relative;
        left: 67%;
    }

    .navbar-nav {
        gap: 0rem;
        margin-top: 80px;
    }

    #mobile-menu .content .points .mobile-nav-btn button {
        width: 300px;
    }

    #first-index-section .content .box {
        width: 50%;
        padding: 0px;
    }

    #first-index-section .content .box .images-change {
        width: 80%;
        height: 300px;
    }

    #first-index-section .content .box .images-change img {
        object-fit: fill;
    }

    #first-index-section .content .box .text {
        margin: 15% 0 0 3%;
    }

    #first-index-section .content .box .text h1 {
        font-size: 20px;
    }

    #first-index-section .content .box .text p {
        font-size: 14px;
        margin-top: -5px;
    }

    #first-index-section .content .box .text .benefits {
        margin-top: 15px;
    }

    #first-index-section .content .box .text .benefits ul li {
        margin-bottom: -5px;
    }

    #first-index-section .content .box .text .benefits ul li p {
        font-size: 12px;
    }

    #first-index-section .content .box .text .btns {
        margin-top: 10px;
        column-gap: 5px;
    }

    #front-section {
        padding: 5px;
        min-height: 70vh;
    }

    #front-section .content {
        padding: 10px;
        margin-top: 0px;
        width: 100%;
        padding: 0;
    }

    #front-section .content h1 {
        font-size: 42px;
    }

    #front-section .content .image {
        gap: 20px;
        margin-top: 40px;
        flex-wrap: wrap;
    }

    #front-section .content .image .box {
        width: 20%;
        padding: 10px 10px;
    }

    #front-section .content .image .box img {
        width: 70%;
    }

    #front-section .content .description {
        column-gap: 20px;
        padding: 20px;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    #front-section .content .description span {
        font-size: 35px;
        margin-top: 0px;
    }

    #front-section .content .description .box h2 {
        font-size: 18px;
    }

    #front-section .content .description .box p {
        font-size: 10px;
    }

    #front-section .content p {
        font-size: 12px;
    }

    #front-section .content .btns-cta {
        column-gap: 10px;
        margin-top: 30px;
    }

    #front-section .content .btns-cta .cta-btn {
        padding: 12px 15px;
    }

    #front-section .content .btns-cta .cta-btn a {
        font-size: 14px;
    }



    #main-tag-line .content {
        /* flex-wrap: wrap; */
        row-gap: 20px;
    }

    #main-tag-line .content .box {
        width: 100%;
        padding-top: 10px;
        text-align: start;
    }

    #main-tag-line .content .box h1 {
        font-size: 20px;
    }

    #main-tag-line .content .box p {
        font-size: 12px;
        margin-top: -15px;
    }

    #main-tag-line .content .box p a {
        font-size: 16px;
    }

    #partners {
        margin-top: -10%;
    }

    #partners .image-slider1 {
        margin-top: 0px;
        padding: 20px;
    }

    #partners .images1 img {
        width: 60px;
        height: 20px;
        margin-right: 50px;
    }

    #description {
        margin-top: 5%
    }

    #description .content {
        gap: 20px;
    }

    #description .content .box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #description .content .box .image {
        width: 100%;
    }

    #description .content .box .points span {
        font-size: 22px;
    }

    #description .content .box .points p {
        font-size: 12px;
    }

    #description .content .box .middle-box {
        width: 70%;
        top: 47%;
    }

    #description .content .box .middle-box h6 {
        font-size: 15px;
    }



    #area-of-interst {
        height: 300px;
    }

    #area-of-interst .content {
        row-gap: 10px;
    }

    #area-of-interst .content .box1 {
        width: 50%;
    }

    #area-of-interst .content .box2 {
        width: 50%;
    }

    #area-of-interst .content .box1 .text {
        width: 100%;
        padding-left: 15px;
    }

    #area-of-interst .content .box1 .text h1 {
        font-size: 26px;
    }

    #area-of-interst .content .box1 .text p {
        font-size: 14px;
        color: white;
    }

    #area-of-interst .content .box2 .intersts .points {
        width: 45%;
        padding: 5px;
    }

    #area-of-interst .content .box2 .intersts .points a {
        justify-content: start;
        column-gap: 10px;
    }

    #area-of-interst .content .box2 .intersts .points a .image {
        padding: 5px;
    }

    #area-of-interst .content .box2 .intersts .points a .image img {
        width: 4.5vh;
    }

    #area-of-interst .content .box2 .intersts .points a .name h5 {
        font-size: 12px;
    }

    #course-index-section {
        margin-top: 10%;
    }

    #course-index-section .content {
        margin-top: 20px;
    }

    #course-index-section .content .arrow-btn-course {
        width: 5%;
    }

    #course-index-section .content .arrow-btn-course button img {
        width: 3vh;
    }

    #course-index-section .content .course-section {
        width: 90%
    }

    #course-index-section .content .course-section .box {
        width: calc(100% / 2);
    }

    #course-index-section .content .box .image {
        height: 160px;
    }

    #course-index-section .content .box .text .tutor ul li {
        font-size: 13px;
    }

    #course-index-section .content .box .duration,
    #course-index-section .content .box .level,
    #course-index-section .content .box .features {
        margin: -5px 0;
        font-size: 14px;
    }

    #course-index-section .content .box .features ul li {
        margin-bottom: 6px;
        font-size: 13px;
    }

    #course-index-section .content .box .text .btns {
        margin-top: 30px;
    }

    #course-index-section .content .box .text .btns button {
        width: 80%;
        margin: auto;
        padding: 8px 12px;
    }

    #course-index-section .content .box .text .btns button a {
        font-size: 14px;
    }

    #cta {
        margin-top: 10%;
    }

    #cta .content .box {
        width: 50%;
    }

    #cta .content .box .text {
        margin: 5% 0 0 3%;
    }

    #cta .content .box .text p {
        font-size: 13px;
    }

    #cta .content .box .text .heading-cta {
        margin-top: -10px;
    }

    #cta .content .box .text .heading-cta h1 {
        font-size: 20px;
    }

    #cta .content .box .text h6 {
        font-size: 14px;
    }

    #cta .content .box .text .btns {
        column-gap: 10px;
    }

    #cta .content .box .text .btns button a {
        font-size: 14px;
    }

    #cta .content .box2 .image {
        height: 200px;
        width: 80%;
    }

    #featured {
        margin-top: 10%;
    }

    #featured .image-slider {
        margin-top: 30px;
    }

    #featured .image-slider .images .box {
        width: 50%;
    }

    #featured .image-slider .images .box .photo {
        width: 40%;
    }

    #featured .image-slider .images .box .photo img {
        width: 100%;
    }

    #featured .image-slider .images .box .text {
        width: 55%;
        padding: 0 10px;
    }

    #featured .image-slider .images .box .text p {
        font-size: 12px;
    }

    #reviews {
        margin-top: 10%;
    }

    #reviews .content {
        margin-top: 15px;
        padding: 10px;
    }

    #reviews .content .button-left #bt-left {
        padding: 4px;
    }

    #reviews .content .button-left #bt-left img {
        width: 3vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 {
        width: 25%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .image-boxy img {
        width: 8vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .image-boxy h4 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .sal {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .sal h6 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 {
        width: 50%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 img {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 .behind-r img {
        width: 22vh;
        margin-left: -50px;
        margin-top: -30px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 {
        width: 25%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .image-boxy img {
        width: 8vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .image-boxy h4 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .sal {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .sal h6 {
        font-size: 12px;
    }

    #reviews .content .button-right #bt-right {
        padding: 4px;
    }

    #reviews .content .button-right #bt-right img {
        width: 3vh;
    }

    #partners {
        margin-top: 10%;
    }

    #partners .image-slider1 {
        margin-top: 20px;
        padding: 20px;
    }

    #partners .images1 img {
        width: 65px;
        height: 20px;
        margin-right: 50px;
    }

    #video-testimonials {
        margin-top: 10%;
    }

    #video-testimonials .content {
        margin-top: 20px;
    }

    #video-testimonials .content .arrow-btn {
        width: 5%;
    }

    #video-testimonials .content .arrow-btn button img {
        width: 3vh;
    }

    #video-testimonials .content .review-section {
        width: 90%;
    }

    #video-testimonials .content .review-section .box {
        width: calc(100% / 2);
    }

    #video-testimonials .content .review-section .box .image {
        height: 150px;
    }

    #video-testimonials .content .review-section .box .text {
        padding-bottom: 5px;
    }

    #video-testimonials .content .review-section .box .text h5 {
        font-size: 12px;
    }

    #video-testimonials .content .review-section .box .text .student-name {
        margin-top: 15px;
    }

    #video-testimonials .content .review-section .box .text .student-name h6 {
        font-size: 16px;
    }

    #video-testimonials .content .review-section .box .text .student-name p {
        font-size: 14px;
    }

    #cta-big {
        margin-top: 10%;
        padding: 20px;
    }

    #cta-big .content {
        padding: 5px;
        width: 80%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #cta-big .content h1 {
        font-size: 22px;
    }

    #cta-big .content p {
        font-size: 13px;
    }

    #cta-big .content .btns-cta {
        column-gap: 5px;
        margin-top: 20px;
    }

    #cta-big .content .btns-cta .cta-btn {
        padding: 8px 15px;
    }

    #cta-big .content .btns-cta .cta-btn a {
        font-size: 14px;
    }

    #footer {
        margin-top: 10%;
        margin-bottom: 1%;
    }

    #footer .content {
        margin-top: 20px;
        flex-wrap: wrap;
        padding: 5px;
        width: 100%;
        gap: 30px;
    }

    #footer .content .box {
        width: 100%;
    }

    #footer .content .box .text p {
        font-size: 14px;
        margin-top: -8px;
    }

    #footer .content .box .text .links ul li {
        margin-bottom: 8px;
        font-size: 14px;
    }

    #footer .content .box .text .links ul li span img {
        width: 2.7vh;
    }

    #footer .copyright {
        width: 90%;
        margin-top: 0px;
        font-size: 14px;
    }

    #footer .copyright p {
        width: 70%;
        text-align: start;
        font-size: 10px;
    }

    #about-front .content {
        flex-wrap: wrap;
    }

    #about-front .content .box1 {
        width: 100%;
    }

    #about-front .content .box2 {
        width: 100%;
    }

    #about-front .content .box1 .text {
        padding: 5px;
        margin-top: 10px;
        margin-left: 0px;
    }

    #about-front .content .box1 .text h2 {
        font-size: 30px;
    }

    #about-front .content .box1 .text p {
        font-size: 14px;
        margin-top: 10px;
    }

    #about-front .about-gradient {
        display: none;
    }

    #about-front .content .box2 .aboutus-icon-2 {
        display: none;
    }

    #about-front .content .box2 img {
        width: 80%;
        margin-top: 0px;
    }

    #mission-vision {
        margin-top: 10%;
    }

    #mission-vision .content {
        width: 90%;
        margin-top: 20px;
    }

    #mission-vision .content .box {
        padding: 20px;
    }

    #mission-vision .content .box h4 {
        font-size: 17px;
    }

    #mission-vision .content .box p {
        font-size: 12.5px;
    }

    #sets-us-apart {
        margin-top: 10%;
    }

    #sets-us-apart .content {
        width: 90%;
        margin-top: 20px;
        flex-wrap: wrap;
        padding: 0;
    }

    #sets-us-apart .content .box {
        width: 40%;
    }

    #sets-us-apart .content .box h5 {
        font-size: 17px;
    }

    #sets-us-apart .content .box p {
        font-size: 12.5px;
    }

    #journey {
        padding: 10px 0;
        margin-top: 10%;
    }

    #journey .heading p {
        width: 90%;
        font-size: 13px;
    }

    #journey .content {
        margin-top: 20px;
        gap: 20px;
    }

    #journey .content .box {
        width: 30%;
        padding: 20px;
        margin-top: 20px;
    }

    #journey .content .box span {
        font-size: 25px;
    }

    #journey .content .box p {
        font-size: 16px;
    }

    #founder {
        margin-top: 10%;
    }

    #founder .heading {
        text-align: start;
        padding-left: 0px;
    }

    #founder .content {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: -20px;
    }

    #founder .content .box {
        width: 100%;
    }

    #founder .content .box h4 {
        font-size: 20px;
    }

    #founder .content .box .image {
        width: 80%;
        margin: auto;
    }

    #founder .content .box p {
        font-size: 16px;
        margin-top: 5px;
    }

    #founder .content .box .btns {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        text-align: center;
        gap: 20px;
    }

    #founder .content .box .btns button {
        width: 250px;
    }

    #founder .content .box .btns button a {
        font-size: 14px;
    }

    #placements-front .content {
        /* flex-wrap: wrap-reverse; */
        width: 100%;
        padding: 20px;
        margin-top: 0px;
    }

    #placements-front .content .box1 {
        width: 100%;
        padding: 10px;
        padding-left: 0px;
    }

    #placements-front .content .box1 h2 {
        font-size: 25px;
    }

    #placements-front .content .box1 .list {
        margin-top: 10px;
    }

    #placements-front .content .box1 .list ul li {
        font-size: 16px;
    }

    #placements-front .content .box2 {
        width: 100%;
        text-align: center;
        margin-right: 10px;
    }

    #placements-front .content .box2 img {
        width: 20vh;
    }

    #placements-front .placements-icon-1 {
        display: none;
    }

    #short-des {
        width: 90%;
        margin: auto;
        margin-top: -40px;
    }

    #short-des .icons-content ul {
        row-gap: 15px;
        flex-wrap: nowrap;
    }

    #short-des .icons-content ul li span {
        font-size: 25px;
    }

    #short-des .icons-content ul li {
        padding-left: 10px;
        font-size: 12px;
        margin-top: 10px;
    }

    #placement-second-section .content {
        gap: 10px;
        padding: 10px;
    }

    #placement-second-section .box {
        width: 200px;
        padding: 10px;
    }

    #placement-second-section .box .image img {
        width: 60px;
        height: 60px;
    }

    #placement-second-section .box .name {
        margin-bottom: 0px;
    }

    #placement-second-section .box .company-logo img {
        width: 60px;
        margin-top: 5px;
    }

    #placement-cta {
        padding: 20px 10px;
    }

    #placement-cta .content {
        max-width: 550px;
    }

    #placement-cta .content h1 {
        font-size: 22px;
    }

    #placement-cta .content p {
        font-size: 12px;
        margin-top: -10px;
    }

    #placement-cta .content .btns {
        gap: 15px;
        margin-top: 20px;
    }

    #placement-cta .content .btns button {
        font-size: 10px;
        font-weight: bold;
        padding: 10px 20px;
        width: 200px;
    }

    #front-referandearn .content {
        width: 100%;
        height: 500px;
    }

    #front-referandearn .content .box1 {
        width: 25%;
        text-align: end;
        margin-top: 20%;
    }

    #front-referandearn .content .box1 #refer-icon-one {
        width: 8vh;
        position: absolute;
        left: 8%;
        top: 30%;
    }

    #front-referandearn .content .box1 #refer-icon-two {
        width: 13vh;
        position: absolute;
        top: 20%;
        left: 15%;
    }

    #front-referandearn .content .box2 {
        width: 60%;
        padding: 5px;
        margin-top: -150px;
    }

    #front-referandearn .content .box2 h1 {
        font-size: 30px;
    }

    #front-referandearn .content .box2 p {
        font-size: 16px;
        margin-right: 50px;
    }

    #front-referandearn .content .box2 .text p {
        font-size: 14px;
    }

    #front-referandearn .content .box3 {
        width: 25%;
        text-align: start;
    }

    #front-referandearn .content .box3 #refer-icon-three {
        width: 15vh;
        position: absolute;
        left: 67%;
        top: 30%;
    }

    #front-referandearn .content .box3 #refer-icon-four {
        width: 8vh;
        position: absolute;
        left: 80%;
        top: 22%;
    }

    #front-referandearn .content .box2 .text button {
        margin-top: 20px;
    }

    #how-it-works {
        margin-top: 5%;
        padding: 0;
    }

    #how-it-works .subheading {
        font-size: 12px;
    }

    #how-it-works .step .circle {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    #how-it-works .step .circle::after {
        top: -8px;
        right: -10px;
    }

    #how-it-works .step h3 {
        font-size: 16px;
    }

    #how-it-works .step p {
        font-size: 12px;
    }

    #course-wise-benefit {
        margin-top: 10%;
    }

    #course-wise-benefit .content table {
        width: 100%;
        margin-top: 20px;
    }

    #course-wise-benefit .content th,
    .content td {
        padding: 10px;
        font-size: 12px;
    }

    #course-wise-benefit .content td a {
        font-size: 12px;
    }

    #faq-section {
        margin-top: 10%;
    }

    #faq-section #faqAccordion {
        width: 90%;
        margin: auto;
        margin-top: 30px;
    }

    .accordion-button {
        font-size: 14px;
        padding: 10px;
    }

    .accordion-body {
        font-size: 12px;
        padding: 10px;
    }

    #flex-refer-cta {
        width: 100%;
        padding: 20px;
        margin-top: 10%;
    }

    #flex-refer-cta .cta-text {
        width: 60%;
        padding-right: 0px;
    }

    #flex-refer-cta .cta-text h2 {
        font-size: 20px;
    }

    #flex-refer-cta .cta-text p {
        font-size: 14px;
    }

    #flex-refer-cta .cta-action {
        width: 25%;
        text-align: left;
    }

    #flex-refer-cta .cta-btn {
        display: inline-block;
        padding: 8px 10px;
        font-size: 13px;
    }

    #contact-us {
        height: 300px;
    }

    #contact-us h1 {
        font-size: 22px;
    }

    #general-contact-information {
        margin-top: 5%;
        padding: 20px;
    }

    #general-contact-information .content {
        row-gap: 15px;
    }

    #general-contact-information .content .box {
        width: 45%;
        margin: auto;
        padding: 5px;
    }

    #general-contact-information .content .box .image {
        margin-bottom: 10px;
    }

    #general-contact-information .content .box .image img {
        width: 4vh;
    }

    #general-contact-information .content .box .text h4 {
        font-size: 14px;
    }

    #contact-form {
        padding: 20px;
    }

    #contact-form .content {
        margin-top: 30px;
    }

    #contact-form .content .form {
        padding: 20px;
        width: 80%;
    }

    #contact-form .content .form input,
    #contact-form .content .form select,
    #contact-form .content .form button {
        padding: 11px;
        font-size: 12px;
    }

    #contact-form .content .form .label {
        font-size: 14px;
    }

    #map-location {
        margin-top: 5%;
    }

    #map-location .content {
        width: 100%;
        height: 100%;
    }

    #map-location .content iframe {
        height: 250px;
    }

    #coursepage-second .content {
        margin-top: 5%;
    }

    #coursepage-second .content .content-flex {
        flex-wrap: wrap-reverse;
        padding: 10px;
    }

    #coursepage-second .content .content-flex .box1 {
        width: 80%;
    }

    #coursepage-second .content .content-flex .box2 {
        width: 80%;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 {
        width: 85%;
        padding: 20px;
        margin-top: 20px;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box .box {
        width: 100%;
        text-align: center;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box p {
        font-size: 14px;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box h5 {
        font-size: 16px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text {
        margin-top: 15px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text h4 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text p {
        font-size: 12px;
        margin-bottom: 8px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list {
        margin-top: 20px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul {
        padding-left: 10px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul li::before {
        font-size: 16px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul li {
        margin-bottom: 12px;
        font-size: 14px;
        padding-left: 25px;
    }

    #coursepage-second .content .content-flex .box1 .textbox {
        width: 85%;
        padding: 10px;
        padding-top: 20px;
    }

    #coursepage-second .content .content-flex .box1 .textbox h4 {
        font-size: 22px;
    }

    #coursepage-second .content .content-flex .box1 .textbox .list {
        margin-top: 15px;
    }

    #coursepage-second .content .content-flex .box1 .textbox .list ul li {
        margin-bottom: 12px;
        font-size: 14px;
    }

    #course-cta .content-cta {
        flex-wrap: wrap;
        width: 100%;
    }

    #course-cta .content-cta .box1 {
        width: 100%;
        padding: 10px;
    }

    #course-cta .content-cta .box1 h1 {
        font-size: 22px;
    }

    #course-cta .content-cta .box1 p {
        font-size: 16px;
    }

    #course-cta .content-cta .box1 button {
        margin-top: 20px;
        width: 250px;
    }

    #course-cta .content-cta .box2 {
        width: 100%;
        text-align: center;
    }

    #course-cta .content-cta .box2 .image {
        width: 30%;
        margin: auto;
    }

    #course-cta .content-cta .box2 .image img {
        width: 100%;
    }

    #course-listing {
        margin-top: 5%;
    }

    #course-listing .content {
        display: none;
    }

    #course-listing .content2 {
        display: block;
    }

    #course-listing .content2 table {
        width: 80%;
    }

    #course-listing .content2 th,
    #course-listing .content2 td {
        padding: 10px;
        font-size: 10px;
    }

    #course-listing .content2 table th {
        font-size: 14px;
    }

    #course-listing .content2 table .other-courses {
        color: #777;
        font-size: 10px;
    }

    #course-listing .content2 table .ryma-academy {
        color: #890c25;
        font-weight: bold;
        font-size: 8px;
    }

    #course-listing .content2 table tr td img {
        width: 1vh;
    }

    #overview-features .content {
        margin-top: 20px;
    }

    #overview-features .content .course-overview {
        width: 100%;
        margin-bottom: 10px;
        flex-wrap: wrap-reverse;
    }

    #overview-features .content .course-overview .overview-text {
        width: 100%;
    }

    #overview-features .content .course-overview .overview-image {
        width: 60%;
    }

    #overview-features .content .course-overview .overview-text h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #overview-features .content .course-overview .overview-text p {
        font-size: 14px;
    }

    #overview-features .content .course-features {
        width: 100%;
        gap: 10px;
        margin-top: 30px;
    }

    #overview-features .content .feature-card {
        width: 47%;
        padding: 10px;
    }

    #overview-features .content .feature-card .icon img {
        width: 40px;
    }

    #overview-features .content .feature-card h4 {
        font-size: 16px;
    }

    #overview-features .content .feature-card p {
        font-size: 12px;
    }

    #upcoming-tutorials .content .tutorial-section .box .image {
        height: 100px;
    }

    #upcoming-tutorials .content .tutorial-section .box .image .video-play-icon img {
        width: 3.5vh;
    }

    #upcoming-tutorials .content .tutorial-section .box .image .video-play-icon h6 {
        font-size: 14px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text {
        padding: 10px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text h5 {
        font-size: 12px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text .student-name {
        margin-top: 10px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text .student-name p {
        font-size: 10px;
    }

    #valuable-certificate {
        margin-bottom: 50px;
    }

    #valuable-certificate .content {
        width: 90%;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    #valuable-certificate .content .box1 {
        padding-left: 15px;
        width: 100%;
    }

    #valuable-certificate .content .box1 h1 {
        font-size: 22px;
    }

    #valuable-certificate .content .box1 p {
        font-size: 14px;
    }

    #valuable-certificate .content .box1 .text .btns {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 480px;
    }

    #valuable-certificate .content .box1 .text .btns button {
        padding: 10px;
        width: 250px;
    }

    #valuable-certificate .content .box1 .text .btns button a {
        font-size: 14px;
    }

    #valuable-certificate .content .box2 {
        text-align: start;
        width: 100%;
        margin-top: -100px;
    }

    #valuable-certificate .content .box2 .image {
        width: 60%;
        margin: auto;
    }

    #valuable-certificate .content .box2 .image img {
        width: 100%;
    }

    #app-form {
        height: 200px;
    }

    #app-form .content {
        margin-top: 170px;
    }

    #app-form .content h1 {
        font-size: 45px;
        word-spacing: 10px;
    }

    #app-contact-form .form {
        margin-top: 0px;
    }

    #app-contact-form .form form .form-row {
        row-gap: 40px;
    }

    #app-contact-form .form form .form-row #contact-form-submit {
        margin-top: 40px;
    }

    #app-contact-form .form form .form-row div input {
        width: 350px;
    }

    #app-contact-form .form form .form-row input {
        width: 400px;
        height: 45px;
    }

    #certification .banner {
        height: 250px;
        margin-top: 5%;
    }

    #certification .banner video {
        position: absolute;
        object-fit: contain;
    }

    .certification-section {
        padding-top: 50px;
    }

    #upcoming-batches {
        margin-top: 15%;
    }

    #upcoming-batches .batch-content {
        width: 100%;
    }

    #upcoming-batches .batch-content .heading {
        width: 100%;
    }

    #upcoming-batches .batch-content .heading p {
        font-size: 12px;
    }

    #upcoming-batches .batch-content .content .heading {
        margin-top: -20px;
    }

    #upcoming-batches .batch-content .content .branch-details {
        margin-top: 10px;
        padding: 10px;
        width: 100%;
    }

    #upcoming-batches .batch-content .content .branch-details .tab {
        width: 100%;
        overflow: hidden;
        overflow: auto;
    }

    #group-photo {
        height: 200px;
        background-position: 20% 0%;
    }

    #happy-faces .content {
        gap: 40px;
        margin-top: 40px;
    }

    #happy-faces .content .box {
        width: 45%;
    }

    #demo-class .content {
        flex-wrap: wrap;
    }

    #demo-class .content .box1 {
        width: 100%;
        height: 70vh;
    }

    #demo-class .content .box2 {
        width: 100%;
        height: 50vh;
    }

    #our-founder {
        margin-top: 10%;
    }

    #our-founder .heading {
        margin-top: 60px;
    }

    #our-founder .heading h1 {
        font-size: 20px;
    }

    #our-founder .content {
        width: 100%;
        padding: 10px;
        margin-top: 30px;
    }

    #our-founder .content2 {
        width: 100%;
        padding: 10px;
        margin-top: 30px;
    }

    #our-founder .content .box {
        width: 60%;
    }

    #our-founder .content .box1 {
        width: 40%;
    }

    #our-founder .content2 .box {
        width: 60%;
    }

    #our-founder .content2 .box1 {
        width: 40%;
    }

    #our-founder .content .box p {
        position: relative;
        font-size: 14px;
    }

    #our-founder .content .box1 .image {
        width: 80%;
        height: 230px;
        margin-right: 0px;
        position: relative;
        top: 15%;
    }

    #our-founder .content2 .box1 .image {
        width: 80%;
        height: 230px;
        margin-right: 0px;
        position: relative;
        top: 15%;
    }

    #other-founders {
        margin-top: 10%;
    }

    #other-founders .content .box .image {
        width: 20vh;
        margin: auto;
    }

    #other-founders .content .box {
        width: 40%;
        padding: 20px;
    }

    #other-founders .content .box .founder-name {
        margin-top: 10px;
    }

    #other-founders .content .box .text {
        margin-top: 10px;
    }

    #other-founders .content .box .text p {
        font-size: 14px;
    }

}


@media screen and (max-width:992px) and (min-width:768px) {

    #opening-cta {
        width: 80%;
    }

    #opening-cta .heading h3 {
        font-size: 25px;
    }

    #opening-cta .description {
        column-gap: 15px;
    }

    #opening-cta .description span {
        font-size: 35px;
        margin-top: -15px;
    }

    #opening-cta .description .box h2 {
        font-size: 18px;
        font-weight: 700;
        color: #c6b08f;
    }

    #opening-cta .description .box p {
        font-size: 13px;
    }

    #opening-cta .btns {
        margin-top: 2%;
    }

    .chat-bot {
        bottom: 10px;
        right: 55px;
    }

    .chat-bot .content .box1 {
        padding: 7px;
        border-radius: 15px;
        width: 220px;
        height: 50px;
    }

    .chat-bot .content .box1 .text h5 {
        font-size: 11px;
    }

    .chat-bot .content .box1 .text p {
        text-align: start;
        font-size: 8px;
    }

    .chat-bot .content .box2 .text,
    .chat-bot .content .box3 .text {
        padding: 2px;
        width: 180px;
    }

    .chat-bot .content .box2 h5,
    .chat-bot .content .box3 h5 {
        font-size: 10px;
    }

    .chat-bot .content .box1 .view-more {
        display: none;
    }

    .chat-bot .content .box1 .cross-chatbot img {
        padding-top: 4px;
    }

    .chat-box {
        width: 350px;
        position: relative;
        left: -6px;
    }

    .heading {
        width: 90%;
        margin: auto;
    }

    .heading h1 {
        font-size: 20px;
    }

    .btns button {
        padding: 6px 5px;
        width: 150px;
    }

    .btns button a {
        font-size: 13px;
    }

    #top-nav {
        height: 50px;
    }

    #top-nav .content {
        width: 95%;
        margin: auto;
    }

    .navbar-brand {
        left: 10%;
    }

    .navbar-brand img {
        width: 10vh;
    }

    .dropdown {
        position: relative;
        top: -15px;
        left: 0px;
        background: none;
        box-shadow: none;
    }

    .dropdown a {
        font-size: 16px;
        color: white;
    }

    .dropdown li {
        border-bottom: none;
    }

    .nav-item .nav-btn {
        margin-left: 0px;
        margin-top: 4px;
    }

    .burger-menu {
        display: block;
        position: relative;
        left: 97%;
    }

    .navbar-nav {
        gap: 0rem;
        margin-top: 80px;
    }

    #first-index-section .content {
        margin-top: 5%;
    }

    #first-index-section .content .box {
        width: 50%;
        padding: 0px;
    }

    #first-index-section .content .box .images-change {
        width: 80%;
        height: 300px;
    }

    #first-index-section .content .box .images-change img {
        object-fit: fill;
    }

    #first-index-section .content .box .text {
        margin: 15% 0 0 3%;
    }

    #first-index-section .content .box .text h1 {
        font-size: 20px;
    }

    #first-index-section .content .box .text p {
        font-size: 14px;
        margin-top: -5px;
    }

    #first-index-section .content .box .text .benefits {
        margin-top: 15px;
    }

    #first-index-section .content .box .text .benefits ul li {
        margin-bottom: -5px;
    }

    #first-index-section .content .box .text .benefits ul li p {
        font-size: 12px;
    }

    #first-index-section .content .box .text .btns {
        margin-top: 10px;
        column-gap: 5px;
    }

    #front-section {
        padding: 5px;
        min-height: 70vh;
    }

    #front-section .content {
        padding: 10px;
        margin-top: 0px;
        width: 100%;
        padding: 0;
    }

    #front-section .content h1 {
        font-size: 42px;
    }

    #front-section .content .image {
        gap: 20px;
        margin-top: 40px;
        flex-wrap: wrap;
    }

    #front-section .content .image .box {
        width: 20%;
        padding: 10px 10px;
    }

    #front-section .content .image .box img {
        width: 70%;
    }

    #front-section .content .description {
        column-gap: 20px;
        padding: 20px;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    #front-section .content .description span {
        font-size: 35px;
        margin-top: 0px;
    }

    #front-section .content .description .box h2 {
        font-size: 18px;
    }

    #front-section .content .description .box p {
        font-size: 10px;
    }

    #front-section .content p {
        font-size: 12px;
    }

    #front-section .content .btns-cta {
        column-gap: 10px;
        margin-top: 30px;
    }

    #front-section .content .btns-cta .cta-btn {
        padding: 12px 15px;
    }

    #front-section .content .btns-cta .cta-btn a {
        font-size: 14px;
    }



    #main-tag-line .content {
        /* flex-wrap: wrap; */
        row-gap: 20px;
    }

    #main-tag-line .content .box {
        width: 100%;
        padding-top: 10px;
        text-align: start;
    }

    #main-tag-line .content .box h1 {
        font-size: 20px;
    }

    #main-tag-line .content .box p {
        font-size: 12px;
        margin-top: -15px;
    }

    #main-tag-line .content .box p a {
        font-size: 16px;
    }

    #partners {
        margin-top: -10%;
    }

    #partners .image-slider1 {
        margin-top: 0px;
        padding: 20px;
    }

    #partners .images1 img {
        width: 60px;
        height: 20px;
        margin-right: 50px;
    }

    #description {
        margin-top: 5%
    }

    #description .content {
        gap: 20px;
    }

    #description .content .box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #description .content .box .image {
        width: 100%;
    }

    #description .content .box .points span {
        font-size: 22px;
    }

    #description .content .box .points p {
        font-size: 12px;
    }

    #description .content .box .middle-box {
        width: 70%;
        top: 47%;
    }

    #description .content .box .middle-box h6 {
        font-size: 15px;
    }

    #featured {
        margin-top: 10%;
    }

    #featured .image-slider {
        margin-top: 30px;
    }

    #featured .image-slider .images .box {
        width: 50%;
    }

    #featured .image-slider .images .box .photo {
        width: 30%;
    }

    #featured .image-slider .images .box .photo img {
        width: 100%;
    }

    #featured .image-slider .images .box .text {
        width: 65%;
        padding: 0 10px;
    }

    #featured .image-slider .images .box .text p {
        font-size: 12px;
    }

    #area-of-interst {
        height: 300px;
    }

    #area-of-interst .content {
        row-gap: 10px;
    }

    #area-of-interst .content .box1 {
        width: 50%;
    }

    #area-of-interst .content .box2 {
        width: 50%;
    }

    #area-of-interst .content .box1 .text {
        width: 100%;
        padding-left: 15px;
    }

    #area-of-interst .content .box1 .text h1 {
        font-size: 26px;
    }

    #area-of-interst .content .box1 .text p {
        font-size: 14px;
        color: white;
    }

    #area-of-interst .content .box2 .intersts .points {
        width: 45%;
        padding: 5px;
    }

    #area-of-interst .content .box2 .intersts .points a {
        justify-content: start;
        column-gap: 10px;
    }

    #area-of-interst .content .box2 .intersts .points a .image {
        padding: 5px;
    }

    #area-of-interst .content .box2 .intersts .points a .image img {
        width: 4.5vh;
    }

    #area-of-interst .content .box2 .intersts .points a .name h5 {
        font-size: 12px;
    }

    #course-index-section {
        margin-top: 10%;
    }

    #course-index-section .content {
        margin-top: 20px;
    }

    #course-index-section .content .arrow-btn-course {
        width: 5%;
    }

    #course-index-section .content .arrow-btn-course button img {
        width: 3vh;
    }

    #course-index-section .content .course-section {
        width: 90%
    }

    #course-index-section .content .course-section .box {
        width: calc(100% / 2);
    }

    #course-index-section .content .box .image {
        height: 160px;
    }

    #course-index-section .content .box .text .tutor ul li {
        font-size: 13px;
    }

    #course-index-section .content .box .duration,
    #course-index-section .content .box .level,
    #course-index-section .content .box .features {
        margin: -5px 0;
        font-size: 14px;
    }

    #course-index-section .content .box .features ul li {
        margin-bottom: 6px;
        font-size: 13px;
    }

    #course-index-section .content .box .text .btns {
        margin-top: 30px;
    }

    #course-index-section .content .box .text .btns button {
        width: 80%;
        margin: auto;
        padding: 8px 12px;
    }

    #course-index-section .content .box .text .btns button a {
        font-size: 14px;
    }

    #cta {
        margin-top: 10%;
    }

    #cta .content .box {
        width: 50%;
    }

    #cta .content .box .text {
        margin: 5% 0 0 3%;
    }

    #cta .content .box .text p {
        font-size: 13px;
    }

    #cta .content .box .text .heading-cta {
        margin-top: -10px;
    }

    #cta .content .box .text .heading-cta h1 {
        font-size: 20px;
    }

    #cta .content .box .text h6 {
        font-size: 14px;
    }

    #cta .content .box .text .btns {
        column-gap: 10px;
    }

    #cta .content .box .text .btns button a {
        font-size: 14px;
    }

    #cta .content .box2 .image {
        height: 200px;
        width: 80%;
    }

    #reviews {
        margin-top: 10%;
    }

    #reviews .content {
        margin-top: 15px;
        padding: 10px;
    }

    #reviews .content .button-left #bt-left {
        padding: 4px;
    }

    #reviews .content .button-left #bt-left img {
        width: 3vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 {
        width: 25%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .image-boxy img {
        width: 8vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .image-boxy h4 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .sal {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .sal h6 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 {
        width: 50%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 img {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 .behind-r img {
        width: 15vh;
        margin-left: -50px;
        margin-top: -40px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 {
        width: 25%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .image-boxy img {
        width: 8vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .image-boxy h4 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .sal {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .sal h6 {
        font-size: 12px;
    }

    #reviews .content .button-right #bt-right {
        padding: 4px;
    }

    #reviews .content .button-right #bt-right img {
        width: 3vh;
    }

    #partners {
        margin-top: 10%;
    }

    #partners .image-slider1 {
        margin-top: 20px;
        padding: 20px;
    }

    #partners .images1 img {
        width: 65px;
        height: 20px;
        margin-right: 50px;
    }

    #video-testimonials {
        margin-top: 10%;
    }

    #video-testimonials .content {
        margin-top: 20px;
    }

    #video-testimonials .content .arrow-btn {
        width: 5%;
    }

    #video-testimonials .content .arrow-btn button img {
        width: 3vh;
    }

    #video-testimonials .content .review-section {
        width: 90%;
    }

    #video-testimonials .content .review-section .box {
        width: calc(100% / 2);
    }

    #video-testimonials .content .review-section .box .image {
        height: 130px;
    }

    #video-testimonials .content .review-section .box .text {
        padding-bottom: 5px;
    }

    #video-testimonials .content .review-section .box .text h5 {
        font-size: 14px;
    }

    #video-testimonials .content .review-section .box .text .student-name {
        margin-top: 15px;
    }

    #video-testimonials .content .review-section .box .text .student-name h6 {
        font-size: 16px;
    }

    #video-testimonials .content .review-section .box .text .student-name p {
        font-size: 14px;
    }

    #cta-big {
        margin-top: 10%;
        padding: 20px;
    }

    #cta-big .content {
        padding: 5px;
        width: 80%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #cta-big .content h1 {
        font-size: 22px;
    }

    #cta-big .content p {
        font-size: 13px;
    }

    #cta-big .content .btns-cta {
        column-gap: 5px;
        margin-top: 20px;
    }

    #cta-big .content .btns-cta .cta-btn {
        padding: 8px 15px;
    }

    #cta-big .content .btns-cta .cta-btn a {
        font-size: 14px;
    }

    #footer {
        margin-top: 10%;
        margin-bottom: 1%;
    }

    #footer .content {
        margin-top: 20px;
        flex-wrap: wrap;
        padding: 5px;
        width: 100%;
        gap: 20px;
    }

    #footer .content .box {
        width: 45%;
    }

    #footer .content .box .text p {
        font-size: 14px;
        margin-top: -8px;
    }

    #footer .content .box .text .links ul li {
        margin-bottom: 8px;
        font-size: 14px;
    }

    #footer .content .box .text .links ul li span img {
        width: 1.8vh;
    }

    #footer .copyright {
        width: 90%;
        margin-top: 0px;
        font-size: 14px;
    }

    #footer .copyright p {
        width: 70%;
        text-align: start;
        font-size: 10px;
    }

    #about-front .content .box1 {
        width: 50%;
    }

    #about-front .content .box2 {
        width: 50%;
    }

    #about-front .content .box1 .text {
        padding: 5px;
        margin-top: 30px;
        margin-left: 0px;
    }

    #about-front .content .box1 .text h2 {
        font-size: 25px;
    }

    #about-front .content .box1 .text p {
        font-size: 14px;
        margin-top: 10px;
    }

    #about-front .content .box2 .aboutus-icon-2 {
        display: none;
    }

    #about-front .content .box2 img {
        width: 100%;
        margin-top: 50px;
    }

    #mission-vision {
        margin-top: 10%;
    }

    #mission-vision .content {
        width: 90%;
        margin-top: 20px;
    }

    #mission-vision .content .box {
        padding: 20px;
    }

    #mission-vision .content .box h4 {
        font-size: 17px;
    }

    #mission-vision .content .box p {
        font-size: 12.5px;
    }

    #sets-us-apart {
        margin-top: 10%;
    }

    #sets-us-apart .content {
        width: 90%;
        margin-top: 20px;
        flex-wrap: wrap;
        padding: 0;
    }

    #sets-us-apart .content .box {
        width: 40%;
    }

    #sets-us-apart .content .box h5 {
        font-size: 17px;
    }

    #sets-us-apart .content .box p {
        font-size: 12.5px;
    }

    #journey {
        padding: 10px 0;
        margin-top: 10%;
    }

    #journey .heading p {
        width: 90%;
        font-size: 13px;
    }

    #journey .content {
        margin-top: 20px;
        gap: 20px;
    }

    #journey .content .box {
        width: 30%;
        padding: 20px;
        margin-top: 20px;
    }

    #journey .content .box span {
        font-size: 25px;
    }

    #journey .content .box p {
        font-size: 16px;
    }

    #founder {
        margin-top: 10%;
    }

    #founder .heading {
        width: 100%;
        padding-left: 0px;
    }

    #founder .heading h1 {
        font-size: 20px;
    }

    #founder .content {
        gap: 20px;
        margin-top: -20px;
    }

    #founder .content .box {
        width: 50%;
    }

    #founder .content .box .image {
        width: 100%;
        margin: auto;
    }

    #founder .content .box p {
        font-size: 16px;
        margin-top: 5px;
    }

    #founder .content .box .btns {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        text-align: center;
        gap: 20px;
    }

    #founder .content .box .btns button {
        width: 250px;
    }

    #founder .content .box .btns button a {
        font-size: 14px;
    }

    #placements-front .content {
        width: 90%;
        padding: 20px;
        margin-top: 0px;
    }

    #placements-front .content .box1 {
        width: 85%;
        padding: 10px;
        padding-left: 0px;
    }

    #placements-front .content .box1 h2 {
        font-size: 25px;
    }

    #placements-front .content .box1 .list {
        margin-top: 10px;
    }

    #placements-front .content .box1 .list ul li {
        font-size: 16px;
    }

    #placements-front .content .box2 {
        width: 100%;
        text-align: center;
        margin-right: 10px;
    }

    #placements-front .content .box2 img {
        width: 20vh;
    }

    #placements-front .placements-icon-1 {
        display: none;
    }

    #short-des {
        width: 85%;
        margin: auto;
        margin-top: -20px;
    }

    #short-des .icons-content ul {
        row-gap: 15px;
        flex-wrap: nowrap;
    }

    #short-des .icons-content ul li span {
        font-size: 25px;
    }

    #short-des .icons-content ul li {
        padding-left: 10px;
        font-size: 12px;
        margin-top: 10px;
    }

    #placement-second-section .content {
        gap: 10px;
        padding: 10px;
    }

    #placement-second-section .box {
        width: 200px;
        padding: 10px;
    }

    #placement-second-section .box .image img {
        width: 60px;
        height: 60px;
    }

    #placement-second-section .box .name {
        margin-bottom: 0px;
    }

    #placement-second-section .box .company-logo img {
        width: 60px;
        margin-top: 5px;
    }

    #placement-cta {
        padding: 20px 10px;
    }

    #placement-cta .content {
        max-width: 550px;
    }

    #placement-cta .content h1 {
        font-size: 22px;
    }

    #placement-cta .content p {
        font-size: 12px;
        margin-top: -10px;
    }

    #placement-cta .content .btns {
        gap: 15px;
        margin-top: 20px;
    }

    #placement-cta .content .btns button {
        font-size: 10px;
        font-weight: bold;
        padding: 10px 20px;
        width: 200px;
    }

    #front-referandearn .content {
        width: 100%;
        height: 500px;
    }

    #front-referandearn .content .box1 {
        width: 25%;
        text-align: end;
        margin-top: 20%;
    }

    #front-referandearn .content .box1 #refer-icon-one {
        width: 8vh;
        position: absolute;
        left: 5%;
        top: 30%;
    }

    #front-referandearn .content .box1 #refer-icon-two {
        width: 13vh;
        position: absolute;
        top: 20%;
        left: 12%;
    }

    #front-referandearn .content .box2 {
        width: 60%;
        padding: 5px;
        margin-top: -150px;
    }

    #front-referandearn .content .box2 h1 {
        font-size: 30px;
    }

    #front-referandearn .content .box2 p {
        font-size: 16px;
        margin-right: 50px;
    }

    #front-referandearn .content .box2 .text p {
        font-size: 14px;
    }

    #front-referandearn .content .box3 {
        width: 25%;
        text-align: start;
    }

    #front-referandearn .content .box3 #refer-icon-three {
        width: 15vh;
        position: absolute;
        left: 67%;
        top: 25%;
    }

    #front-referandearn .content .box3 #refer-icon-four {
        width: 8vh;
        position: absolute;
        left: 82%;
        top: 18%;
    }

    #front-referandearn .content .box2 .text button {
        margin-top: 20px;
    }

    #how-it-works {
        margin-top: -15%;
        padding: 0px;
        width: 100%;
    }

    #how-it-works .subheading {
        font-size: 12px;
    }

    #how-it-works .step {
        width: 35%;
    }

    #how-it-works .step .circle {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    #how-it-works .step .circle::after {
        top: -8px;
        right: -10px;
    }

    #how-it-works .step h3 {
        font-size: 16px;
    }

    #how-it-works .step p {
        font-size: 12px;
    }

    #course-wise-benefit {
        margin-top: 10%;
    }

    #course-wise-benefit .content table {
        width: 100%;
        margin-top: 20px;
    }

    #course-wise-benefit .content th,
    .content td {
        padding: 10px;
        font-size: 14px;
    }

    #course-wise-benefit .content td a {
        font-size: 12px;
    }

    #faq-section {
        margin-top: 10%;
    }

    #faq-section #faqAccordion {
        width: 90%;
        margin: auto;
        margin-top: 30px;
    }

    .accordion-button {
        font-size: 14px;
        padding: 10px;
    }

    .accordion-body {
        font-size: 12px;
        padding: 10px;
    }

    #flex-refer-cta {
        width: 100%;
        padding: 20px;
        margin-top: 10%;
    }

    #flex-refer-cta .cta-text {
        width: 60%;
        padding-right: 0px;
    }

    #flex-refer-cta .cta-text h2 {
        font-size: 25px;
    }

    #flex-refer-cta .cta-text p {
        font-size: 14px;
    }

    #flex-refer-cta .cta-action {
        width: 25%;
        text-align: left;
    }

    #flex-refer-cta .cta-btn {
        display: inline-block;
        padding: 8px 10px;
        font-size: 14px;
    }

    #contact-us {
        height: 300px;
    }

    #contact-us h1 {
        font-size: 22px;
    }

    #general-contact-information {
        margin-top: 5%;
        padding: 20px;
    }

    #general-contact-information .content {
        column-gap: 10px;
        flex-wrap: nowrap;
    }

    #general-contact-information .content .box {
        width: 45%;
        margin: auto;
        padding: 5px;
    }

    #general-contact-information .content .box .image {
        margin-bottom: 10px;
    }

    #general-contact-information .content .box .image img {
        width: 4vh;
    }

    #general-contact-information .content .box .text h4 {
        font-size: 14px;
    }

    #contact-form {
        padding: 20px;
    }

    #contact-form .content {
        margin-top: 30px;
    }

    #contact-form .content .form {
        padding: 20px;
        width: 80%;
    }

    #contact-form .content .form input,
    #contact-form .content .form select,
    #contact-form .content .form button {
        padding: 11px;
        font-size: 12px;
    }

    #contact-form .content .form .label {
        font-size: 14px;
    }

    #map-location {
        margin-top: 5%;
    }

    #map-location .content {
        width: 100%;
        height: 100%;
    }

    #map-location .content iframe {
        height: 250px;
    }

    #coursepage-second .content {
        margin-top: 5%;
    }

    #coursepage-second .content .content-flex {
        padding: 10px;
        column-gap: 10px;
    }

    #coursepage-second .content .content-flex .box1 {
        width: 50%;
    }

    #coursepage-second .content .content-flex .box2 {
        width: 50%;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 {
        width: 95%;
        padding: 20px;
        margin-top: -90px;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box .box {
        width: 100%;
        text-align: center;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box p {
        font-size: 14px;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box h5 {
        font-size: 16px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text {
        margin-top: 15px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text h4 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text p {
        font-size: 12px;
        margin-bottom: 8px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list {
        margin-top: 20px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul {
        padding-left: 10px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul li::before {
        font-size: 16px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul li {
        margin-bottom: 12px;
        font-size: 14px;
        padding-left: 25px;
    }

    #coursepage-second .content .content-flex .box1 .textbox {
        width: 95%;
        padding: 10px;
        padding-top: 20px;
    }

    #coursepage-second .content .content-flex .box1 .textbox h4 {
        font-size: 22px;
    }

    #coursepage-second .content .content-flex .box1 .textbox .list {
        margin-top: 15px;
    }

    #coursepage-second .content .content-flex .box1 .textbox .list ul li {
        margin-bottom: 12px;
        font-size: 14px;
    }

    #course-cta .content-cta {
        width: 100%;
        padding: 0;
    }

    #course-cta .content-cta .box1 {
        width: 70%;
        padding: 10px;
    }

    #course-cta .content-cta .box1 h1 {
        font-size: 22px;
    }

    #course-cta .content-cta .box1 p {
        font-size: 16px;
    }

    #course-cta .content-cta .box1 button {
        margin-top: 20px;
        width: 250px;
    }

    #course-cta .content-cta .box2 {
        width: 30%;
        text-align: center;
    }

    #course-cta .content-cta .box2 .image {
        width: 100%;
        margin: auto;
    }

    #course-cta .content-cta .box2 .image img {
        width: 100%;
    }

    #course-listing {
        margin-top: 5%;
    }

    #course-listing .content {
        display: none;
    }

    #course-listing .content2 {
        display: block;
    }

    #course-listing .content2 table {
        width: 80%;
    }

    #course-listing .content2 th,
    #course-listing .content2 td {
        padding: 10px;
        font-size: 10px;
    }

    #course-listing .content2 table th {
        font-size: 14px;
    }

    #course-listing .content2 table .other-courses {
        color: #777;
        font-size: 10px;
    }

    #course-listing .content2 table .ryma-academy {
        color: #890c25;
        font-weight: bold;
        font-size: 8px;
    }

    #course-listing .content2 table tr td img {
        width: 1vh;
    }

    #overview-features .content {
        margin-top: 20px;
    }

    #overview-features .content .course-overview {
        width: 100%;
        margin-bottom: 10px;
    }

    #overview-features .content .course-overview .overview-text {
        width: 50%;
    }

    #overview-features .content .course-overview .overview-image {
        width: 50%;
    }

    #overview-features .content .course-overview .overview-text h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #overview-features .content .course-overview .overview-text p {
        font-size: 14px;
    }

    #overview-features .content .course-features {
        width: 100%;
        gap: 10px;
        margin-top: 30px;
    }

    #overview-features .content .feature-card {
        width: 30%;
        padding: 10px;
    }

    #overview-features .content .feature-card .icon img {
        width: 40px;
    }

    #overview-features .content .feature-card h4 {
        font-size: 16px;
    }

    #overview-features .content .feature-card p {
        font-size: 12px;
    }

    #upcoming-tutorials .content .tutorial-section .box .image {
        height: 130px;
    }

    #upcoming-tutorials .content .tutorial-section .box .image .video-play-icon img {
        width: 3.5vh;
    }

    #upcoming-tutorials .content .tutorial-section .box .image .video-play-icon h6 {
        font-size: 14px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text {
        padding: 10px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text h5 {
        font-size: 12px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text .student-name {
        margin-top: 10px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text .student-name p {
        font-size: 10px;
    }

    #valuable-certificate {
        margin-bottom: 50px;
    }

    #valuable-certificate .content {
        width: 100%;
        margin-top: 20px;
    }

    #valuable-certificate .content .box1 {
        padding-left: 15px;
        width: 70%;
    }

    #valuable-certificate .content .box1 h1 {
        font-size: 20px;
    }

    #valuable-certificate .content .box1 p {
        font-size: 14px;
    }

    #valuable-certificate .content .box1 .text .btns button a {
        font-size: 14px;
    }

    #valuable-certificate .content .box2 {
        text-align: start;
        width: 30%;
    }

    #valuable-certificate .content .box2 .image {
        width: 100%;
        margin: auto;
    }

    #valuable-certificate .content .box2 .image img {
        width: 100%;
    }

    #app-form {
        height: 200px;
    }

    #app-form .content {
        margin-top: 170px;
    }

    #app-form .content h1 {
        font-size: 50px;
        word-spacing: 10px;
    }

    #app-contact-form .form {
        margin-top: 0px;
    }

    #app-contact-form .form form .form-row {
        row-gap: 40px;
    }

    #app-contact-form .form form .form-row #contact-form-submit {
        margin-top: 40px;
    }

    #app-contact-form .form form .form-row div input {
        width: 365px;
    }

    #app-contact-form .form form .form-row input {
        width: 400px;
        height: 45px;
    }

    #certification .banner {
        height: 250px;
        margin-top: 5%;
    }

    #certification .banner video {
        position: absolute;
        object-fit: contain;
    }

    .certification-section {
        padding-top: 50px;
    }

    #upcoming-batches {
        margin-top: 15%;
    }

    #upcoming-batches .batch-content {
        width: 100%;
    }

    #upcoming-batches .batch-content .heading {
        width: 100%;
    }

    #upcoming-batches .batch-content .heading p {
        font-size: 12px;
    }

    #upcoming-batches .batch-content .content .heading {
        margin-top: -20px;
    }

    #upcoming-batches .batch-content .content .branch-details {
        margin-top: 10px;
        padding: 10px;
        width: 100%;
    }

    #upcoming-batches .batch-content .content .branch-details .tab {
        width: 100%;
        overflow: hidden;
        overflow: auto;
    }

    #demo-class .content {
        flex-wrap: wrap;
    }

    #demo-class .content .box1 {
        width: 100%;
        height: 70vh;
    }

    #demo-class .content .box2 {
        width: 100%;
        height: 50vh;
    }

    #our-founder {
        margin-top: 10%;
    }

    #our-founder .heading {
        margin-top: 60px;
    }

    #our-founder .heading h1 {
        font-size: 20px;
    }

    #our-founder .content {
        width: 100%;
        padding: 10px;
        margin-top: 30px;
    }

    #our-founder .content .box {
        width: 60%;
    }

    #our-founder .content .box1 {
        width: 40%;
    }

    #our-founder .content .box p {
        position: relative;
        font-size: 14px;
    }

    #our-founder .content .box1 .image {
        width: 80%;
        height: 230px;
        margin-right: 0px;
        position: relative;
        top: 15%;
    }

    #our-founder .content2 {
        width: 100%;
        padding: 10px;
        margin-top: 30px;
    }

    #our-founder .content2 .box {
        width: 60%;
    }

    #our-founder .content2 .box1 {
        width: 40%;
    }

    #our-founder .content2 .box p {
        position: relative;
        font-size: 14px;
    }

    #our-founder .content2 .box1 .image {
        width: 80%;
        height: 230px;
        margin-right: 0px;
        position: relative;
        top: 15%;
    }

    #other-founders {
        margin-top: 10%;
    }

    #other-founders .content .box .image {
        width: 20vh;
        margin: auto;
    }

    #other-founders .content .box {
        width: 40%;
        padding: 20px;
    }

    #other-founders .content .box .founder-name {
        margin-top: 10px;
    }

    #other-founders .content .box .text {
        margin-top: 10px;
    }

    #other-founders .content .box .text p {
        font-size: 14px;
    }

}


@media screen and (max-width:1024px) and (min-width:992px) {

    #opening-cta {
        width: 80%;
    }

    #opening-cta .heading h3 {
        font-size: 25px;
    }

    #opening-cta .description {
        column-gap: 15px;
    }

    #opening-cta .description span {
        font-size: 35px;
        margin-top: -15px;
    }

    #opening-cta .description .box h2 {
        font-size: 18px;
        font-weight: 700;
        color: #c6b08f;
    }

    #opening-cta .description .box p {
        font-size: 13px;
    }

    #opening-cta .btns {
        margin-top: 2%;
    }

    .heading {
        width: 90%;
        margin: auto;
    }

    .heading h1 {
        font-size: 20px;
    }

    .btns button {
        padding: 6px 5px;
        width: 150px;
    }

    .btns button a {
        font-size: 13px;
    }

    #top-nav {
        height: 30px;
    }

    #top-nav .content {
        width: 95%;
        margin: auto;
    }

    .navbar {
        display: flex;
        justify-content: start;
    }

    .navbar-brand {
        left: 2%;
    }

    .navbar-brand img {
        width: 10vh;
    }

    .navbar-nav {
        gap: 0.5;
        max-width: 90%;
        margin-right: -100px;
        padding: 7px;
        overflow: hidden;
    }

    .nav-item .nav-link {
        font-size: 14px;
    }

    .nav-item .nav-link span img {
        width: 1vh;
    }

    .nav-btn {
        padding: 5px;
        position: relative;
        left: 10px;
    }

    .nav-btn a {
        font-size: 10px;
    }

    .nav-btn a span img {
        width: 1.5vh;
    }

    #first-index-section {
        margin-top: 5%;
    }

    #first-index-section .content .box {
        width: 50%;
        padding: 0px;
    }

    #first-index-section .content .box .images-change {
        width: 80%;
        height: 300px;
    }

    #first-index-section .content .box .images-change img {
        object-fit: fill;
    }

    #first-index-section .content .box .text {
        margin: 15% 0 0 3%;
    }

    #first-index-section .content .box .text h1 {
        font-size: 25px;
    }

    #first-index-section .content .box .text p {
        font-size: 16px;
        margin-top: -5px;
    }

    #first-index-section .content .box .text .benefits {
        margin-top: 15px;
    }

    #first-index-section .content .box .text .benefits ul li {
        margin-bottom: -5px;
    }

    #first-index-section .content .box .text .benefits ul li p {
        font-size: 13.5px;
    }

    #first-index-section .content .box .text .btns {
        margin-top: 10px;
        column-gap: 5px;
    }

    #featured .image-slider .images .box {
        width: 40%;
    }

    #area-of-interst {
        height: 300px;
    }

    #area-of-interst .content {
        row-gap: 10px;
    }

    #area-of-interst .content .box1 {
        width: 50%;
    }

    #area-of-interst .content .box2 {
        width: 50%;
    }

    #area-of-interst .content .box1 .text {
        width: 100%;
        padding-left: 20px;
    }

    #area-of-interst .content .box1 .text h1 {
        font-size: 28px;
    }

    #area-of-interst .content .box1 .text p {
        font-size: 16px;
        color: white;
    }

    #area-of-interst .content .box2 .intersts .points {
        width: 45%;
        padding: 5px;
    }

    #area-of-interst .content .box2 .intersts .points a {
        justify-content: start;
        column-gap: 10px;
    }

    #area-of-interst .content .box2 .intersts .points a .image {
        padding: 5px;
    }

    #area-of-interst .content .box2 .intersts .points a .image img {
        width: 4.5vh;
    }

    #area-of-interst .content .box2 .intersts .points a .name h5 {
        font-size: 15px;
    }

    #course-index-section .content {
        margin-top: 20px;
    }

    #course-index-section .content .arrow-btn-course {
        width: 5%;
    }

    #course-index-section .content .arrow-btn-course button img {
        width: 3vh;
    }

    #course-index-section .content .course-section {
        width: 90%
    }

    #course-index-section .content .course-section .box {
        width: calc(100% / 2);
    }

    #course-index-section .content .box .image {
        height: 160px;
    }

    #course-index-section .content .box .text .tutor ul li {
        font-size: 13px;
    }

    #course-index-section .content .box .duration,
    #course-index-section .content .box .level,
    #course-index-section .content .box .features {
        margin: -5px 0;
        font-size: 14px;
    }

    #course-index-section .content .box .features ul li {
        margin-bottom: 6px;
        font-size: 13px;
    }

    #course-index-section .content .box .text .btns {
        margin-top: 30px;
    }

    #course-index-section .content .box .text .btns button {
        width: 80%;
        margin: auto;
        padding: 8px 12px;
    }

    #course-index-section .content .box .text .btns button a {
        font-size: 14px;
    }

    #cta .content .box {
        width: 50%;
    }

    #cta .content .box .text {
        margin: 5% 0 0 3%;
    }

    #cta .content .box .text p {
        font-size: 14px;
    }

    #cta .content .box .text .heading-cta {
        margin-top: -10px;
    }

    #cta .content .box .text .heading-cta h1 {
        font-size: 24px;
    }

    #cta .content .box .text h6 {
        font-size: 16px;
    }

    #cta .content .box .text .btns {
        column-gap: 10px;
    }

    #cta .content .box .text .btns button a {
        font-size: 14px;
    }

    #cta .content .box2 .image {
        height: 250px;
        width: 90%;
    }

    #reviews {
        margin-top: 10%;
    }

    #reviews .content {
        margin-top: 15px;
        padding: 10px;
    }

    #reviews .content .button-left #bt-left {
        padding: 4px;
    }

    #reviews .content .button-left #bt-left img {
        width: 3vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 {
        width: 25%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .image-boxy img {
        width: 8vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .image-boxy h4 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .sal {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box1 .sal h6 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 {
        width: 50%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 img {
        width: 150px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 .behind-r img {
        width: 17vh;
        margin-left: -55px;
        margin-top: -50px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 {
        width: 25%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .image-boxy img {
        width: 8vh;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .image-boxy h4 {
        font-size: 12px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .sal {
        width: 120px;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box3 .sal h6 {
        font-size: 12px;
    }

    #reviews .content .button-right #bt-right {
        padding: 4px;
    }

    #reviews .content .button-right #bt-right img {
        width: 3vh;
    }


    #partners .image-slider1 {
        margin-top: 20px;
        padding: 20px;
    }

    #partners .images1 img {
        width: 70px;
        height: 23px;
        margin-right: 50px;
    }

    #video-testimonials .content {
        margin-top: 20px;
    }

    #video-testimonials .content .arrow-btn {
        width: 5%;
    }

    #video-testimonials .content .arrow-btn button img {
        width: 3vh;
    }

    #video-testimonials .content .review-section {
        width: 90%;
    }

    #video-testimonials .content .review-section .box {
        width: calc(100% / 2);
    }

    #video-testimonials .content .review-section .box .image {
        height: 150px;
    }

    #video-testimonials .content .review-section .box .text {
        padding-bottom: 5px;
    }

    #video-testimonials .content .review-section .box .text h5 {
        font-size: 13px;
    }

    #video-testimonials .content .review-section .box .text .student-name {
        margin-top: 15px;
    }

    #video-testimonials .content .review-section .box .text .student-name h6 {
        font-size: 14px;
    }

    #video-testimonials .content .review-section .box .text .student-name p {
        font-size: 14px;
    }

    #cta-big {
        padding: 20px;
    }

    #cta-big .content {
        padding: 5px;
        width: 80%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #cta-big .content h1 {
        font-size: 25px;
    }

    #cta-big .content p {
        font-size: 15px;
    }

    #cta-big .content .btns-cta {
        column-gap: 5px;
        margin-top: 20px;
    }

    #cta-big .content .btns-cta .cta-btn {
        padding: 8px 15px;
    }

    #cta-big .content .btns-cta .cta-btn a {
        font-size: 14px;
    }

    #footer {
        margin-bottom: 1%;
    }

    #footer .content {
        margin-top: 20px;
        flex-wrap: wrap;
        padding: 5px;
        width: 100%;
        gap: 20px;
    }

    #footer .content .box {
        width: 45%;
    }

    #footer .content .box .text p {
        font-size: 14px;
        margin-top: -8px;
    }

    #footer .content .box .text .links ul li {
        margin-bottom: 8px;
        font-size: 14px;
    }

    #footer .content .box .text .links ul li span img {
        width: 1.8vh;
    }

    #footer .copyright {
        width: 90%;
        margin-top: 0px;
        font-size: 14px;
    }

    #footer .copyright p {
        width: 70%;
        text-align: start;
        font-size: 10px;
    }

    #footer .copyright .terms {
        width: 30%;
        text-align: start;
        margin-top: -5px;
    }

    #footer .copyright .terms a {
        width: 70%;
        font-size: 7px;
    }

    #about-front .content .box1 {
        width: 50%;
    }

    #about-front .content .box2 {
        width: 50%;
    }

    #about-front .content .box1 .text {
        padding: 5px;
        margin-top: 30px;
        margin-left: 0px;
    }

    #about-front .content .box2 .aboutus-icon-2 {
        display: none;
    }

    #about-front .content .box2 img {
        width: 100%;
        margin-top: 50px;
    }

    #mission-vision .content {
        width: 90%;
        margin-top: 20px;
    }

    #mission-vision .content .box {
        padding: 20px;
    }

    #mission-vision .content .box h4 {
        font-size: 18px;
    }

    #mission-vision .content .box p {
        font-size: 14px;
    }

    #sets-us-apart .content {
        width: 90%;
        margin-top: 20px;
        flex-wrap: wrap;
        padding: 0;
    }

    #sets-us-apart .content .box {
        width: 40%;
    }

    #sets-us-apart .content .box h5 {
        font-size: 18px;
    }

    #sets-us-apart .content .box p {
        font-size: 14px;
    }

    #journey {
        padding: 10px 0;
    }

    #journey .heading p {
        width: 90%;
        font-size: 14px;
    }

    #journey .content {
        margin-top: 20px;
        gap: 20px;
    }

    #journey .content .box {
        width: 30%;
        padding: 20px;
        margin-top: 20px;
    }

    #journey .content .box span {
        font-size: 25px;
    }

    #journey .content .box p {
        font-size: 16px;
    }

    #founder .heading {
        width: 100%;
        padding-left: 0px;
    }

    #founder .heading h1 {
        font-size: 23px;
    }

    #founder .content {
        gap: 20px;
        margin-top: -20px;
    }

    #founder .content .box {
        width: 50%;
    }

    #founder .content .box .image {
        width: 100%;
        margin: auto;
    }

    #founder .content .box p {
        font-size: 16px;
        margin-top: 5px;
    }

    #founder .content .box .btns {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        text-align: center;
        gap: 20px;
    }

    #founder .content .box .btns button {
        width: 200px;
    }

    #founder .content .box .btns button a {
        font-size: 14px;
    }

    #placements-front .content {
        width: 90%;
        padding: 20px;
        margin-top: 0px;
    }

    #placements-front .content .box1 {
        width: 85%;
        padding: 10px;
        padding-left: 0px;
    }

    #placements-front .content .box1 h2 {
        font-size: 25px;
    }

    #placements-front .content .box1 .list {
        margin-top: 10px;
    }

    #placements-front .content .box1 .list ul li {
        font-size: 16px;
    }

    #placements-front .content .box2 {
        width: 100%;
        text-align: center;
        margin-right: 10px;
    }

    #placements-front .content .box2 img {
        width: 20vh;
    }

    #placements-front .placements-icon-1 {
        display: none;
    }

    #short-des {
        width: 85%;
        margin: auto;
        margin-top: -20px;
    }

    #short-des .icons-content ul {
        row-gap: 15px;
        flex-wrap: nowrap;
    }

    #short-des .icons-content ul li span {
        font-size: 30px;
    }

    #short-des .icons-content ul li {
        padding-left: 10px;
        font-size: 14px;
        margin-top: 10px;
    }

    #placement-second-section .content {
        gap: 10px;
        padding: 10px;
    }

    #placement-second-section .box {
        width: 200px;
        padding: 10px;
    }

    #placement-second-section .box .image img {
        width: 60px;
        height: 60px;
    }

    #placement-second-section .box .name {
        margin-bottom: 0px;
    }

    #placement-second-section .box .company-logo img {
        width: 60px;
        margin-top: 5px;
    }

    #placement-cta {
        padding: 20px 10px;
    }

    #placement-cta .content {
        max-width: 600px;
    }

    #placement-cta .content h1 {
        font-size: 25px;
    }

    #placement-cta .content p {
        font-size: 14px;
        margin-top: -10px;
    }

    #placement-cta .content .btns {
        gap: 15px;
        margin-top: 20px;
    }

    #placement-cta .content .btns button {
        font-size: 10px;
        font-weight: bold;
        padding: 10px 10px;
        width: 200px;
    }

    #front-referandearn .content {
        width: 100%;
        height: 500px;
    }

    #front-referandearn .content .box1 {
        width: 25%;
        text-align: end;
        margin-top: 20%;
    }

    #front-referandearn .content .box1 #refer-icon-one {
        width: 8vh;
        position: absolute;
        left: 10%;
        top: 25%;
    }

    #front-referandearn .content .box1 #refer-icon-two {
        width: 13vh;
        position: absolute;
        top: 15%;
        left: 15%;
    }

    #front-referandearn .content .box2 {
        width: 60%;
        padding: 5px;
        margin-top: -120px;
    }

    #front-referandearn .content .box2 h1 {
        font-size: 30px;
    }

    #front-referandearn .content .box2 p {
        font-size: 16px;
        margin-right: 50px;
    }

    #front-referandearn .content .box2 .text p {
        font-size: 14px;
    }

    #front-referandearn .content .box3 {
        width: 25%;
        text-align: start;
    }

    #front-referandearn .content .box3 #refer-icon-three {
        width: 15vh;
        position: absolute;
        left: 68%;
        top: 22%;
    }

    #front-referandearn .content .box3 #refer-icon-four {
        width: 8vh;
        position: absolute;
        left: 82%;
        top: 15%;
    }

    #front-referandearn .content .box2 .text button {
        margin-top: 20px;
    }

    #how-it-works {
        padding: 0px;
        width: 100%;
        margin-top: -10%;
    }

    #how-it-works .subheading {
        font-size: 12px;
    }

    #how-it-works .step {
        width: 35%;
    }

    #how-it-works .step .circle {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    #how-it-works .step .circle::after {
        top: -8px;
        right: -10px;
    }

    #how-it-works .step h3 {
        font-size: 16px;
    }

    #how-it-works .step p {
        font-size: 12px;
    }

    #course-wise-benefit .content table {
        width: 90%;
        margin-top: 20px;
    }

    #course-wise-benefit .content th,
    .content td {
        padding: 10px;
        font-size: 15px;
    }

    #course-wise-benefit .content td a {
        font-size: 14px;
    }

    #faq-section #faqAccordion {
        width: 90%;
        margin: auto;
        margin-top: 30px;
    }

    .accordion-button {
        font-size: 15px;
        padding: 10px;
    }

    .accordion-body {
        font-size: 13px;
        padding: 10px;
    }

    #flex-refer-cta {
        width: 100%;
        padding: 20px;
    }

    #flex-refer-cta .cta-text {
        width: 60%;
        padding-right: 0px;
    }

    #flex-refer-cta .cta-text h2 {
        font-size: 25px;
    }

    #flex-refer-cta .cta-text p {
        font-size: 16px;
    }

    #flex-refer-cta .cta-action {
        width: 25%;
        text-align: left;
    }

    #flex-refer-cta .cta-btn {
        display: inline-block;
        padding: 8px 10px;
        font-size: 14px;
    }

    #contact-us {
        height: 300px;
    }

    #contact-us h1 {
        font-size: 22px;
    }

    #general-contact-information {
        padding: 20px;
    }

    #general-contact-information .content {
        column-gap: 10px;
        flex-wrap: nowrap;
    }

    #general-contact-information .content .box {
        width: 45%;
        margin: auto;
        padding: 5px;
    }

    #general-contact-information .content .box .image {
        margin-bottom: 10px;
    }

    #general-contact-information .content .box .image img {
        width: 4vh;
    }

    #general-contact-information .content .box .text h4 {
        font-size: 14px;
    }

    #contact-form {
        padding: 20px;
    }

    #contact-form .content {
        margin-top: 30px;
    }

    #contact-form .content .form {
        padding: 20px;
        width: 70%;
    }

    #contact-form .content .form input,
    #contact-form .content .form select,
    #contact-form .content .form button {
        padding: 11px;
        font-size: 12px;
    }

    #contact-form .content .form .label {
        font-size: 14px;
    }

    #map-location .content {
        width: 100%;
        height: 100%;
    }

    #map-location .content iframe {
        height: 250px;
    }

    #coursepage-second .content {
        margin-top: 5%;
    }

    #coursepage-second .content .content-flex {
        padding: 10px;
        column-gap: 10px;
    }

    #coursepage-second .content .content-flex .box1 {
        width: 50%;
    }

    #coursepage-second .content .content-flex .box2 {
        width: 50%;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 {
        width: 95%;
        padding: 20px;
        margin-top: -90px;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box .box {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box p {
        font-size: 15px;
    }

    #coursepage-second .content .content-flex .box2 .textbox2 .content-box h5 {
        font-size: 14px;
        margin-top: 10px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text {
        margin-top: 10px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text h4 {
        margin-bottom: 8px;
        margin-top: 40px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text p {
        margin-top: 20px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list {
        margin-top: 30px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul {
        padding-left: 10px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul li::before {
        font-size: 16.5px;
    }

    #coursepage-second .content .box2 .textbox2 .content-text .list ul li {
        margin-bottom: 15px;
        font-size: 16px;
        padding-left: 25px;
    }

    #coursepage-second .content .content-flex .box1 .textbox {
        width: 95%;
        padding: 10px;
        padding-top: 20px;
    }

    /* #coursepage-second .content .content-flex .box1 .textbox h4 {
        font-size: 22px;
    } */

    #coursepage-second .content .content-flex .box1 .textbox .list {
        margin-top: 15px;
    }

    #coursepage-second .content .content-flex .box1 .textbox .list ul li {
        margin-bottom: 12px;
        /* font-size: 14px; */
    }

    #course-cta .content-cta {
        width: 100%;
        padding: 0;
    }

    #course-cta .content-cta .box1 {
        width: 70%;
        padding: 10px;
    }

    #course-cta .content-cta .box1 h1 {
        font-size: 22px;
    }

    #course-cta .content-cta .box1 p {
        font-size: 16px;
    }

    #course-cta .content-cta .box1 button {
        margin-top: 20px;
        width: 250px;
    }

    #course-cta .content-cta .box2 {
        width: 30%;
        text-align: center;
    }

    #course-cta .content-cta .box2 .image {
        width: 100%;
        margin: auto;
    }

    #course-cta .content-cta .box2 .image img {
        width: 100%;
    }

    #course-listing {
        margin-top: 5%;
    }

    #course-listing .content {
        display: none;
    }

    #course-listing .content2 {
        display: block;
    }

    #course-listing .content2 table {
        width: 80%;
    }

    #course-listing .content2 th,
    #course-listing .content2 td {
        padding: 10px;
        font-size: 10px;
    }

    #course-listing .content2 table th {
        font-size: 14px;
    }

    #course-listing .content2 table .other-courses {
        color: #777;
        font-size: 10px;
    }

    #course-listing .content2 table .ryma-academy {
        color: #890c25;
        font-weight: bold;
        font-size: 8px;
    }

    #course-listing .content2 table tr td img {
        width: 1vh;
    }

    #overview-features .content {
        margin-top: 20px;
    }

    #overview-features .content .course-overview {
        width: 100%;
        margin-bottom: 10px;
    }

    #overview-features .content .course-overview .overview-text {
        width: 50%;
    }

    #overview-features .content .course-overview .overview-image {
        width: 50%;
    }

    #overview-features .content .course-overview .overview-text h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #overview-features .content .course-overview .overview-text p {
        font-size: 14px;
    }

    #overview-features .content .course-features {
        width: 100%;
        gap: 10px;
        margin-top: 30px;
    }

    #overview-features .content .feature-card {
        width: 30%;
        padding: 10px;
    }

    #overview-features .content .feature-card .icon img {
        width: 40px;
    }

    #overview-features .content .feature-card h4 {
        font-size: 16px;
    }

    #overview-features .content .feature-card p {
        font-size: 12px;
    }

    #upcoming-tutorials .content .tutorial-section .box .image {
        height: 130px;
    }

    #upcoming-tutorials .content .tutorial-section .box .image .video-play-icon img {
        width: 3.5vh;
    }

    #upcoming-tutorials .content .tutorial-section .box .image .video-play-icon h6 {
        font-size: 14px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text {
        padding: 10px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text h5 {
        font-size: 12px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text .student-name {
        margin-top: 10px;
    }

    #upcoming-tutorials .content .tutorial-section .box .text .student-name p {
        font-size: 10px;
    }

    #valuable-certificate {
        margin-bottom: 50px;
    }

    #valuable-certificate .content {
        width: 100%;
        margin-top: 20px;
    }

    #valuable-certificate .content .box1 {
        padding-left: 15px;
        width: 70%;
    }

    #valuable-certificate .content .box1 h1 {
        font-size: 20px;
    }

    #valuable-certificate .content .box1 p {
        font-size: 14px;
    }

    #valuable-certificate .content .box1 .text .btns button a {
        font-size: 14px;
    }

    #valuable-certificate .content .box2 {
        text-align: start;
        width: 30%;
    }

    #valuable-certificate .content .box2 .image {
        width: 100%;
        margin: auto;
    }

    #valuable-certificate .content .box2 .image img {
        width: 100%;
    }

    #app-form {
        height: 250px;
    }

    #app-form .content {
        margin-top: 210px;
    }

    #app-form .content h1 {
        font-size: 60px;
        word-spacing: 15px;
    }

    #certification .banner {
        height: 400px;
        margin-top: 12%;
    }

    #certification .banner video {
        position: absolute;
        object-fit: contain;
    }

    .certification-section {
        padding-top: 50px;
    }


    #demo-class .content .box1 {
        width: 60%;
        height: 100vh;
    }

    #demo-class .content .box2 {
        width: 40%;
        height: 100vh;
    }

    #demo-class .content .box1 .form {
        width: 400px;
    }

    #our-founder {
        margin-top: 10%;
    }

    #our-founder .heading {
        margin-top: 60px;
    }

    #our-founder .heading h1 {
        font-size: 20px;
    }

    #our-founder .content {
        width: 100%;
        padding: 20px;
        margin-top: 30px;
    }

    #our-founder .content .box {
        width: 60%;
    }

    #our-founder .content .box1 {
        width: 40%;
    }

    #our-founder .content .box p {
        position: relative;
        font-size: 14px;
    }

    #our-founder .content .box1 .image {
        width: 90%;
        height: 280px;
        margin-right: 0px;
        position: relative;
        top: 2%;
    }

    #our-founder .content2 {
        width: 100%;
        padding: 20px;
        margin-top: 30px;
    }

    #our-founder .content2 .box {
        width: 60%;
    }

    #our-founder .content2 .box1 {
        width: 40%;
    }

    #our-founder .content2 .box p {
        position: relative;
        font-size: 14px;
    }

    #our-founder .content2 .box1 .image {
        width: 90%;
        height: 280px;
        margin-right: 0px;
        position: relative;
        top: 2%;
    }

    #other-founders {
        margin-top: 10%;
    }

    #other-founders .content .box .image {
        width: 20vh;
        margin: auto;
    }

    #other-founders .content .box {
        width: 40%;
        padding: 20px;
    }

    #other-founders .content .box .founder-name {
        margin-top: 10px;
    }

    #other-founders .content .box .text {
        margin-top: 10px;
    }

    #other-founders .content .box .text p {
        font-size: 14px;
    }
}

@media screen and (max-width:1280px) and (min-width:1024px) {
    #opening-cta {
        width: 80%;
    }

    #opening-cta .main-content {
        background-color: white;
        max-width: 500px;
    }

    #opening-cta .image {
        width: 50%;
        margin: auto;
    }

    #opening-cta .heading h3 {
        font-size: 25px;
    }

    #opening-cta .description {
        column-gap: 15px;
    }

    #opening-cta .description span {
        font-size: 35px;
        margin-top: -15px;
    }

    #opening-cta .description .box h2 {
        font-size: 18px;
        font-weight: 700;
        color: #c6b08f;
    }

    #opening-cta .description .box p {
        font-size: 13px;
    }

    #opening-cta .btns {
        margin-top: 2%;
    }

    #top-nav {
        height: 50px;
    }

    .navbar-brand {
        left: 5%;
    }

    .navbar-brand img {
        width: 12vh;
    }

    .navbar-nav {
        margin-right: 10px;
    }

    .nav-item .nav-btn {
        margin-left: 5px;
    }

    .navbar-nav {
        gap: 0.5;
        max-width: 80%;
        margin-right: 0px;
        padding: 4px 18px;
    }

    .nav-item .nav-link {
        font-size: 12px;
        padding-top: 9px;
    }

    .nav-item .nav-link span img {
        width: 1vh;
    }

    .nav-btn {
        padding: 2px 10px;
        position: relative;
        left: 10px;
        width: 150px;
    }

    .nav-btn a {
        font-size: 11px;
        position: relative;
        top: -2px;
    }

    .nav-btn a span img {
        width: 1vh;
    }

    #front-section {
        padding: 5px;
        padding-top: 40px;
        min-height: 90vh;
    }

    #front-section .content {
        padding: 10px;
        margin-top: 0px;
        width: 100%;
        padding: 0;
    }

    #front-section .content h1 {
        font-size: 50px;
    }

    #front-section .content .image {
        gap: 20px;
        margin-top: 40px;
        flex-wrap: wrap;
    }

    #front-section .content .image .box {
        width: 20%;
        padding: 10px 10px;
    }

    #front-section .content .image .box img {
        width: 70%;
    }


    #front-section .content .description span {
        font-size: 50px;
        font-weight: 200;
        margin-top: -10px;
    }

    #front-section .content .description .box h2 {
        font-size: 30px;
        font-weight: 700;
        color: #c6b08f;
    }

    #front-section .content p {
        font-size: 16px;
    }

    #front-section .content .btns-cta {
        column-gap: 10px;
        margin-top: 30px;
    }

    #front-section .content .btns-cta .cta-btn {
        padding: 12px 15px;
    }

    #front-section .content .btns-cta .cta-btn a {
        font-size: 14px;
    }


    #main-tag-line .content .box {
        width: 100%;
        padding-top: 10px;
        text-align: start;
    }

    #main-tag-line .content .box h1 {
        font-size: 30px;
    }

    #main-tag-line .content .box p {
        font-size: 20px;
        margin-top: -15px;
    }

    #main-tag-line .content .box p a {
        font-size: 16px;
    }

    #partners {
        margin-top: 5%;
    }

    #partners .image-slider1 {
        margin-top: 0px;
        padding: 20px;
    }

    #partners .images1 img {
        width: 60px;
        height: 20px;
        margin-right: 50px;
    }

    #description {
        margin-top: 5%
    }

    #description .content {
        gap: 20px;
    }

    #description .content .box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #description .content .box .image {
        width: 100%;
    }

    #description .content .box .points span {
        font-size: 22px;
    }

    #description .content .box .points p {
        font-size: 12px;
    }

    #description .content .box .middle-box {
        width: 70%;
        top: 47%;
    }

    #description .content .box .middle-box h6 {
        font-size: 15px;
    }

    #index-cta .cta-text p {
        font-size: 25px;
        font-weight: 600;
        color: black;
    }

    #index-cta .cta-text p span {
        color: #890c25;
        font-weight: 700;
    }

    #index-cta .cta-action {
        width: 25%;
        text-align: center;
        margin-right: 50px;
    }

    #index-cta .cta-action button {
        width: 250px;
    }

    #area-of-interst {
        height: 300px;
    }

    #area-of-interst .content {
        row-gap: 10px;
    }

    #area-of-interst .content .box1 {
        width: 50%;
    }

    #area-of-interst .content .box2 {
        width: 50%;
    }

    #area-of-interst .content .box1 .text {
        width: 100%;
        padding-left: 20px;
    }

    #area-of-interst .content .box1 .text h1 {
        font-size: 35px;
    }

    #area-of-interst .content .box1 .text p {
        font-size: 18px;
        color: white;
    }

    #area-of-interst .content .box2 .intersts .points {
        width: 45%;
        padding: 10px;
    }

    #area-of-interst .content .box2 .intersts .points a {
        justify-content: start;
        column-gap: 10px;
    }

    #area-of-interst .content .box2 .intersts .points a .image {
        padding: 5px;
    }

    #area-of-interst .content .box2 .intersts .points a .image img {
        width: 4.5vh;
    }

    #area-of-interst .content .box2 .intersts .points a .name h5 {
        font-size: 15px;
    }



    #area-of-interst .content .box2 .intersts .points a .name h5 {
        font-size: 16px;
    }

    #about-front .content .box1 {
        width: 50%;
    }

    #about-front .content .box2 {
        width: 50%;
    }

    #about-front .content .box1 .text {
        padding: 5px;
        margin-top: 30px;
        margin-left: 0px;
    }

    #about-front .content .box2 .aboutus-icon-2 {
        display: none;
    }

    #about-front .content .box2 img {
        width: 100%;
    }

    #reviews .content .reviews-content .review-box .three-boxes .box2 .behind-r img {
        width: 20vh;
        margin-left: -75px;
        margin-top: -50px;
    }

    #placements-front .content .box1 {
        width: 50%;
    }

    #placements-front .content .box2 {
        width: 50%;
        text-align: end;
        margin-right: 30px;
    }

    #placements-front .content .box2 img {
        width: 38vh;
    }

    #front-referandearn .content {
        width: 100%;
        height: 500px;
    }

    #front-referandearn .content .box1 {
        width: 25%;
        text-align: end;
        margin-top: 20%;
    }

    #front-referandearn .content .box1 #refer-icon-one {
        width: 15vh;
        position: absolute;
        left: 10%;
        top: 50%;
    }

    #front-referandearn .content .box1 #refer-icon-two {
        width: 25vh;
        position: absolute;
        top: 30%;
        left: 15%;
    }

    #front-referandearn .content .box2 {
        width: 60%;
        padding: 5px;
        margin-top: -200px;
    }

    #front-referandearn .content .box2 h1 {
        font-size: 30px;
    }

    #front-referandearn .content .box2 p {
        font-size: 16px;
        margin-right: 50px;
    }

    #front-referandearn .content .box2 .text p {
        font-size: 14px;
    }

    #front-referandearn .content .box3 {
        width: 25%;
        text-align: start;
    }

    #front-referandearn .content .box3 #refer-icon-three {
        width: 35vh;
        position: absolute;
        left: 68%;
        top: 50%;
    }

    #front-referandearn .content .box3 #refer-icon-four {
        width: 15vh;
        position: absolute;
        left: 80%;
        top: 38%;
    }

    #front-referandearn .content .box2 .text button {
        margin-top: 20px;
    }

    #how-it-works {
        margin-top: -15%;
    }

    #certification .banner {
        height: 400px;
        margin-top: 10%;
    }

    #certification .banner video {
        position: absolute;
        object-fit: contain;
    }

    .certification-section {
        padding-top: 50px;
    }
}

@media screen and (max-width:1420px) and (min-width:1280px) {

    #top-nav {
        height: 50px;
    }

    .navbar-brand {
        left: 5%;
    }

    .navbar-brand img {
        width: 16vh;
    }

    .navbar-nav {
        margin-right: 10px;
    }

    .nav-item .nav-btn {
        margin-left: 5px;
    }

    .navbar-nav {
        gap: 0.5;
        max-width: 100%;
        margin-right: 40px;
        padding: 10px 20px;
    }

    .nav-item .nav-link {
        font-size: 14px;
        padding-top: 9px;
    }

    .nav-item .nav-link span img {
        width: 1vh;
    }

    .nav-btn {
        padding: 7px 15px;
        border-radius: 30px;
        position: relative;
        left: 0px;
        top: 1px;
    }

    .nav-btn a {
        font-size: 11px;
        position: relative;
        top: -2px;
    }

    .nav-btn a span img {
        width: 2vh;
    }

    #front-section {
        padding: 5px;
        padding-top: 40px;
        min-height: 90vh;
    }


    #how-it-works {
        margin-top: -5%;
    }

    #front-referandearn .content .box3 #refer-icon-three {
        width: 35vh;
        position: absolute;
        left: 68%;
        top: 50%;
    }

    #front-referandearn .content .box3 #refer-icon-four {
        width: 15vh;
        position: absolute;
        left: 80%;
        top: 38%;
    }

    #certification .banner {
        height: 400px;
        margin-top: 12%;
    }

    #certification .banner video {
        position: absolute;
        object-fit: contain;
    }

    .certification-section {
        padding-top: 50px;
    }
}

@media screen and (max-width:1480px) and (min-width:1420px) {

    #top-nav {
        height: 50px;
    }

    .navbar-brand {
        left: 5%;
    }

    .navbar-brand img {
        width: 16vh;
    }

    .navbar-nav {
        margin-right: 10px;
    }

    .nav-item .nav-btn {
        margin-left: 5px;
    }

    .navbar-nav {
        gap: 0.5;
        /* max-width: 100%; */
        margin-right: 60px;
        padding: 10px 20px;
    }

    .nav-btn {
        padding: 7px 15px;
        border-radius: 30px;
        position: relative;
        left: 0px;
        top: 1px;
    }
}