@media (max-width: 991px) {
    .navbar-container {
        box-shadow: rgba(0, 0, 0, 0.25) 4px 4px 4px 0px;
        background-color: rgb(255, 255, 255) !important;
        border-bottom: 1px solid rgb(202, 202, 202);
    }
    .profile-arrow {
        color: #173263 !important;
        font-size: 25px;
    }
    .user-name{
        color: #3A4D6F !important;
        font-size: 15px;
    }
    .user-img {
        width: 39px;
        height: 39px;
    }
    .toggle-user{
        gap:12px;
    }
    .nav-logo{
        /* width: 131px;
        max-width: 131px !important;
        height: 66px; */
        display: none !important;
    }
    .navbar-toggler-icon {
        width: 24px !important;
    }
    .nav-logo-scrolled{
        width: 110px !important;
        max-width: 120px !important;
        height: 55px !important;
    }
    .hero-section{
        margin-top:40px;
    }
    .navbar-link{
        color: #81A8EE !important;
        font-size: 15px !important;
    }
    .navbar-link-active{
        color: #144295 !important;
    }
    .navbar-link-active::after{
        height: 2px;
        background-color: #144295;
    }
    .user-dropdown {
        width: 200px !important;
        min-width: none;
        height: 190px !important;
        top:90% !important;
        border-radius: 10px;
    }
    .drop-down-nav a {
        font-size: 15px;
    }
    .drop-down-nav{
        height: 49px;
        padding-inline: 14px;
    }
    .user-dropdown .logout {
        width: 160px;
        height: 32px;
        border-radius: 12px;
    }
    .hero-header {
        font-size: 25px;
    }
    .hero-desc {
        font-size: 14px;
    }
    .register-nav{
        background-color: #144295 !important;
        color: #FFFFFF !important;
    }
    .login-nav {
        background-color: transparent !important;
        border: 1px solid #144295 !important;
        color: #144295 !important;
    }
    .login-nav, .register-nav {
        width: 110px;
        height: 37px;
        border-radius: 10px;
        font-size: 12px;
    }
    .responsive-font{
        font-size: 14px !important;
    }
    .sub-section-header{
        font-size: 23px;
    }
    .card-container {
        width: 213px !important;
        height: 340px;
    }
    .course-card-img {
        width: 230px;
        height: 145px;
    }
    .card-button {
        height: 36px;
        width: 90%;
        font-size: 14px !important;
    }
    .lectures-count{
        font-size: 12px;
    }
    .price-responsive{
        font-size: 16px;
    }
    .subscribed {
        width: 100px;
        height: 25px;
        font-size: 12px;
        border-radius: 12px;
    }
    .for-free {
        width: 70px;
        height: 25px;
        font-size: 12px;
        border-radius: 12px;
    }
    .card-description {
        font-size: 12px;
        height: 75px;
        margin: 0;
    }
    .card-title {
        font-size: 15px !important;
    }
    .sorry-responsive{
        font-size: 11px !important;
    }
    .join-us-content-container {
        width: 99% !important;
    }
    .join-us-content-container p {
        font-size: 12px !important;
    }
    .join-us-content {
        width: 340px !important;
        height: 250px !important;
    }
    .join-us-header {
        font-size: 19px !important;
    }
    .join-us-content a {
        width: 150px !important;
        height: 35px !important;
        font-size: 14px !important;
        border-radius: 14px !important;
    }
    .testimonials-text {
        font-size: 12px;
        line-height: 19px;
    }
    .testimonial-name {
        font-size: 10px;
    }
    .testimonial-des {
        font-size: 9px;
    }
    .testimonial-author img{
        height: 34px;
        width: 34px;
    }
    .testimonial-card {
        width: 300px;
        /* height: 190px; */
    }
    .testimonial-author-text{
        gap: 5px;
    }
    .contact-container {
        width: 100%;
        height: 340px;
    }
    .contact-input {
        width: 250px;
        height: 38px;
    }
    .contact-text {
        width: 250px;
    }
    .contact-input::placeholder{
        font-size: 11px;
    }
    .contact-text::placeholder{
        font-size: 11px;
    }
    .contact-input{
        font-size: 11px;
    }
    .contact-text{
        font-size: 11px;
    }
    .phone a span,.email a span,.address a span{
        font-size: 10px;
    }
    .phone a i,.email a i,.address a i{
        font-size: 14px;
    }
    .container{
        align-items: flex-start !important;
    }
    .login-container {
        width: 660px;
        height: 500px;
    }
    .register-container {
        width: 660px;
        height: 730px;
    }
    .login-form-container{
        width: 270px;
    }
    .login-form-container form .mb-3{
        margin-bottom: 5px !important;
    }
    .login-form-container form .mb-3 label{
        font-size: 12px;
    }
    .login-form-container h2{
        font-size: 22px;
        margin-bottom: 5px !important;
    }
    .login-form-container p{
        font-size: 10px;
        margin-bottom: 6px !important;
    }
    .auth-input {
        height: 35px;
        border-radius: 6px;
        font-size: 11px;
    }
    .auth-input::placeholder {
        font-size: 9px;
    }
    .navbar-toggler-burger {
        display: block;
        width: 40px;
        height: 32px;
        display: flex;
        margin-inline: 35px;
        justify-content: center;
        align-items: center;
        padding: 8px
    }
    .login-btn {
        height: 35px;
        border-radius: 8px !important;
    }
    .forget-password {
        font-size: 10px;
    }
    .social-container {
        height: 83px;
    }
    .social-login {
        height: 35px;
        border-radius: 8px;
        font-size: 11px;
    }
    .login-text {
        font-size: 14px;
        line-height: 27px;
    }
    .show-password {
        font-size: 9px;
    }
    .contact-form{
        height: 85%;
    }
    #recorded ,#mysubscriptions,.courses_container {
        margin-top: 85px;
    }
    .live-contact-head {
        font-size: 14px;
    }
    .live-contact-body {
        font-size: 12px;
    }
    .live-contact-content {
        padding: 8px;
    }
    .topic-card .card-text{
        font-size: 13px;
        height: 133px;
    }
    .topic-card .card-title{
        font-size: 14px !important;
    }
}

@media (max-width: 752px) {
    .join-us {
        flex-direction: column;
        height: 510px !important;
    }
    .join-us-content {
        width: 90% !important;
        gap: 20px;
    }
}