@media (min-width: 1400px) {}

@media (max-width: 1400px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {
    .member-hero {
        text-align: center;
    }
    .member-hero .card-badge {
        margin-right: auto;
        margin-left: auto; 
    }
    .member .achievment {
        margin-right: auto;
        margin-left: auto;
    }
    .member .flex-area {
        justify-content: center;
    }
    .gallery img {
        height: 300px;
    }
    .hero-video {
        margin-top: 50px;
    }

    .hero {
        text-align: center;
    }

    .hero-title {
        align-items: center;
    }

    .hero .flex-area {
        justify-content: center;
    }

    .newsletter {
        flex-direction: column;
        gap: 20px;
    }

    .newsletter form {
        width: 100%;
    }

    .newsletter form input {
        width: 100%;
        min-width: auto;
        max-width: 100%;
    }

    .responsive-area {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .exit-responsive {
        display: block;
    }

    nav {
        position: fixed;
        right: -100%;
        top: 0;
        width: 100%;
        height: 100vh;
        background: var(--white-100);
        z-index: 999;
        overflow: auto;
        transition: right 0.3s ease-in-out;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }

    nav.open {
        right: 0;
    }

    nav ul {
        flex-direction: column;
        gap: 20px;
    }

    nav .left-menu {
        display: none;
    }

    nav .brand img {
        display: none;
    }
    .contact-form {
        margin-top: 60px;
    }
}

@media (max-width: 768px) {
    .returnbtn .button {
        width: 100%;
    }
    .section-title {
        font-size: 28px;
    }
    .auth-page.index-bg::before {
        display: none;
    }
    .blog-card.full p, .blog-card.full h6 {
        text-align: center;
    }
    .blog-card.full {
        flex-direction: column;
        text-align: center;
    }
    .blog-card-content {
        text-align: center;
    }
    .blog-card-content .button {
        margin-right: auto;
        margin-left: auto;
    }
    .blog-card.full img {
        width: 100%;
        height: 250px;
    }
    .blog-card img {
        width: 100%;
        height: 250px;
    }
    .content-card .english-title {
        display: none;
    }
    .content-card {
        padding: 20px;
    }
    .content-header {
        flex-direction: column;
    }
    .content-sidebar {
        margin-top: 30px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .service-page .card-wrapper.team img {
        height: 350px;
    }
    .address {
        text-align: center;
        line-height: 170%;
    }
    .card.product {
        width: 100%;
    }
    .english-title {
        font-size: 60px !important;
    }

    .cart-margin {
        margin-bottom: 130px !important;
    }

    .responsive-sidebar-btn {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 15;
        background-color: var(--primary-10);
        width: 100%;
        padding: 20px calc((var(--bs-gutter-x) * .5) + 10px);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .responsive-sidebar-btn>button {
        display: flex;
        align-items: center;
        gap: 10px;
        color: var(--primary-100);
        font-weight: bold;
        margin: 0 10px;
        background: none;
        border: none;
        outline: none;
        font-size: 16px;
        font-family: Iransansx;
    }

    .responsive-sidebar-btn>button i {
        font-size: 20px;
    }

    .responsive-sidebar {
        padding: 15px 20px;
        position: fixed;
        z-index: 20;
        right: -100%;
        top: 0;
        width: 90%;
        height: 100vh;
        background: var(--white-100);
        z-index: 999;
        overflow: auto;
        transition: right 0.3s ease-in-out;
    }

    .responsive-sidebar.open {
        right: 0;
    }

    .responsive-bg {
        background-color: #000000a3;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 18;
        top: 0;
        left: 0;
        display: none;
    }

    .filter-area>div {
        margin-bottom: 15px;
    }

    .hero .flex-area {
        justify-content: center;
    }

    .hero h1,
    .hero p {
        text-align: center;
    }

    .lottie-animation {
        max-width: 250px;
    }

    .course-description {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 10px calc(var(--bs-gutter-x) * .5);
        border-radius: 0;
        z-index: 2;
    }

    .course-description .button {
        width: fit-content;
    }

    .course-price {
        margin-bottom: unset;
    }

    .course-description p {
        display: none;
    }

    .course-details {
        width: 100%;
    }

    .image-dup-podcast::before,
    .image-dup-podcast::after,
    .image-dup-course::before,
    .image-dup-course::after,
    .achievment::before,
    .podcast-area>.container::before,
    .podcast-area>.container::after {
        display: none;
    }

    .contact-area .button {
        margin: 30px auto 0 auto;
    }

    .faq-page .search {
        margin-bottom: 30px;
    }

    .faq-page .search .w-50 {
        width: 100%;
    }

    .about-me-part,
    .links-part {
        margin-bottom: 30px;
    }

    .page-title-area {
        margin-bottom: 30px;
    }

    .page-margin {
        margin-top: 80px;
    }
    .error-404-page {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }

    .cart-item-area {
        padding-left: unset;
    }

    .cart-summary {
        margin-top: 30px;

    }

    .about-us .image-dup::before,
    .about-us .image-dup::after {
        display: none;
    }

    .social-media {
        flex-direction: column;
        gap: 20px;
    }

    .social-media-title {
        display: block;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .cart-item img {
        width: 100%;
        height: 200px;
    }
    .cart-item {
        flex-direction: column;
    }
    .auth-form button {
        width: 100%;
    }
    .content-sidebar {
        padding-right: 30px;
        padding-left: 30px;
    }
    .product-details-row {
        flex-direction: column;
        gap: 10px;
    }
    .product-details , .product-details-row, .product-details-row form {
        justify-content: center;
    }
    .product-header {
        text-align: center;
    }
    .product-footer {
        text-align: center;
    }
    .product-cta {
        flex-direction: column;
        gap: 10px;
    }
    .product-cta .price {
        margin: 0;
    }
    .service-page .card-wrapper.team img {
        height: 300px;
        object-position: top;
    }
    .contact-info {
        width: 100%;
    }
    .pagination {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .error-404 .title {
        font-size: 100px;
        line-height: 1;
    }
    .footer-section-info {
        justify-content: center;
    }
    .footer-section-description , .footer-section-title , .footer-section-links {
        text-align: center;
    }
    .flex-area-v2 {
        flex-wrap: nowrap;
        height: fit-content;
    }
    .section-margin {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .line,
    .scissor-line {
        margin: 20px auto;
    }

    .regular-video {
        display: none;
    }

    .responsive-video {
        display: flex;
    }

    .hero-video>video {
        height: auto;
    }

    .hero-title {
        display: inline-block;
    }

    .hero-video::before,
    .hero-video::after {
        display: none;
    }

    .hero h1 {
        font-size: 50px;
    }

    .owl-podcast .owl-item,
    .owl-testimonial .owl-item,
    .owl-podcast .owl-item.center,
    .owl-testimonial .owl-item.center {
        transform: scale(1);
        transition: transform 0.3s ease-in-out;
        opacity: 1;
        position: relative;
    }


    .form-group.w-50 {
        width: 100%;
    }

    .subject {
        width: 100%;
    }

    .error-404 .section-title {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
    }

    .error-404 .section-title::before,
    .error-404 .section-title::after {
        display: none;
    }

    .cart-detail,
    .achievment {
        flex-direction: column;
    }

    .newsletter form {
        flex-direction: column;
    }

    .item-detail {
        width: 100%;
    }

    .item-detail-2 {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }


}

@media (max-width: 450px) {
    
    .gallery img {
        height: 200px;
    }
    .hero .flex-area {
        flex-direction: column;
    }
}