@media (max-width: 600px) {
    .hero-header {
        top: 28% !important;
        line-height: 26px !important;
    }
    .hero-desc {
        top: 54% !important;
        line-height: 15px !important;
        width: 89% !important;
    }
    .hero-stats {
        width: 70% !important;
        height: 48px !important;
    }
    .counter{
        font-size: 14px !important;
    }
    .instructors-sec h1 {
        font-size: 15px !important;
    }
    .container {
        max-width: 100% !important;
    }
    .instructor-card {
        width: 32% !important;
        font-size: 12px;
        height: 250px !important;
    }
    .instructor-card img {
        width: 85px !important;
        height: 85px !important;
    }
    .instructor-desc {
        font-size: 10px !important;
        line-height: 13px !important;
        width: 90% !important;
    }
    .join-us-images {
        width: 90% !important;
        height: 230px !important;
    }
    .join-us-cover {
        height: 100px !important;
        width: 91px !important;
        top: 15px !important;
        left: -20px !important;
    }
    .join-us-images img {
        width: 100px !important;
        height: 167px !important;
    }
    
    .join-us-header {
        line-height: 23px !important;
    }
    .join-us-content-container {
        gap: 10px !important;
    }
    .join-us-content-container span {
        width: 4px !important;
        height: 4px !important;
    }
    .join-us-content-container p {
        gap: 6px !important;
    }
    .card-container {
        width: 170px !important;
        padding: 7px !important;
    }
    .course-card-img {
        height: 110px !important;
    }
    .card-title {
        font-size: 12px !important;
    }
    .sub-section-header {
        font-size: 18px !important;
    }
    .subscribed {
        width: 77px !important;
        height: 21px !important;
        font-size: 10px !important;
    }
    .for-free {
        width: 60px !important;
        height: 21px !important;
        font-size: 10px !important;
    }
    .card-button {
        height: 30px !important;
        width: 90% !important;
        font-size: 12px !important;
    }
    .lectures-count {
        font-size: 10px !important;
    }
    .card-description {
        font-size: 11px !important;
        height: 90px !important;
        line-height: 13px !important;
    }
    .courses-row {
        gap: 13px !important;
    }
    .testimonials-text {
        font-size: 9.5px !important;
    }
    .testimonial-name {
        font-size: 9px !important;
    }
    .testimonial-des {
        font-size: 8px !important; 
    }
    .contact-container {
        flex-direction: column;
        height: 600px;
    }
    .contact-form {
        order: 2;
    }
    .contact-map {
        width: 90%;
    }
    .contact-form {
        width: 90%;
    }
    .contact-button {
        width: 50%;
        height: 37px;
        border-radius: 10px;
        font-size: 14px;
    }
    .contact-input {
        border-radius: 7px;
    }
    .navbar-link {
        line-height: 14px;
        font-size: 11px !important;
    }
    .navbar-link-active::after{
        height: 1px;
    }
    .contact-text {
        height: 135px;
        border-radius: 7px;
    }
    .location-map {
        height: 148px;
        width: 90%;
    }
    .home-courses-row .card-container:nth-child(n+3) {
        display: none;
    }
}
@media (max-width: 377px) {
    .card-container {
        width: 144px !important;
    }
}