@media (max-width: 1620px) {
    .practice-post-slider .unik-slide-btn-border.slick-next {
        right: 12px;
    }
    .practice-post-slider .unik-slide-btn-border.slick-prev {
        left: 12px;
    }
}
/* 1620px */

@media (max-width: 1300px) {
    .follow-teacher-text {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0;
    }
}

@media (max-width: 1250px) {
    .header-platform .header-platform-buttons {
        position: initial;
        transform: none;
    }
    .header-platform .header-wrapper {
        justify-content: space-between;
    }
    .header-platform .header-logo {
        position: initial;
        transform: none;
    }
    .platform-practices-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .practice-grid-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }
}   
/* 1250px */

@media (max-width: 1200px) {
    .profile-header-top:has(.profile-calendar) {
        grid-template-columns: minmax(0, 1fr);
        gap: 25px;
    }
}
/* 1200px */

@media (max-width: 1000px) {
    .container.container-platform-narrow {
        max-width: 93vw;
    }
    .profile-statistics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .header-platform .header-nav {
        display: none;
    }
    .header-platform-mobile-nav {
        display: block;
        padding-bottom: 15px;
    }
    .single-tpractice-content {
        padding: 30px;
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }
    .teacher-online-class-item {
        flex-direction: column;
        align-items: flex-start;
    }
    .card-online-popup-wrapper {
        max-width: 92vw;
    }
}
/* 1000px */

@media (max-width: 800px) {
    .profile-tabs-list {
        flex-wrap: nowrap;
    }
    /* .profile-tabs-list::-webkit-scrollbar {
        display: none;
    } */
    .profile-tab {
        white-space: nowrap;
    }
    .header-platform-popup-menu {
        top: 80px;
    }
    .tabs-nav {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .product-tabs-line {
        display: none;
    }
    .tabs-nav::-webkit-scrollbar {
        height: 7px;
    }
    .tabs-nav::-webkit-scrollbar-track {
        background: #f1f1f1; 
    }
    .tabs-nav::-webkit-scrollbar-thumb {
        background: #111; 
    }
    .tabs-nav::-webkit-scrollbar-thumb:hover {
        background: #111; 
    }
    .platform-practices-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }
    .online-class-actions {
        justify-content: center;
    }
    .teacher-practice-item {
        flex-direction: column;
    }
    .teacher-practice-item-title {
        text-align: center;
    }
}
/* 800px */

@media (max-width: 768px) {
    .block-title {
        font-size: 3.6rem;
    }
    .profile {
        padding: 30px 0;
    }
    .profile.single-tpractice {
        padding: 30px 0 100px;
    }
    .profile-header {
        padding: 20px;
    }
    .profile-header-information {
        flex-direction: column;
    }
    .profile-information-content {
        text-align: center;
    }
    .checkout-block .platform-two-col {
        grid-template-columns: minmax(0, 1fr);
    }
    .manage-subscription-right {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .account-avatar {
        width: 120px;
        height: 120px;
    }
    .account-avatar .account-avatar-img img {
        width: 120px;
        height: 120px; 
    }
    .account-name {
        font-size: 3.6rem;
        padding-bottom: 40px;
    }
    .account-form-block {
        padding: 30px;
    }
    .practice-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .search-input input {
        padding: 14px 14px 14px 70px;
        font-size: 1.6rem;
    }
    .search-input button {
        top: 15px;
    }
    h1.search-title,
    h2.search-title {
        font-size: 3.2rem;
    }
    h1.platform-page-title {
        font-size: 3.2rem;
    }
    h2.platform-page-title {
        font-size: 3.2rem;
    }
    .platform-h3 {
        font-size: 2.2rem;
    }
    .mark-practice-as-finished.btn-black {
        padding: 10px 15px;
        font-size: 1.2rem;
    }
    .single-tpractice-finished {
        bottom: 115px;
        right: 15px;
    }
}
/* 768px */

@media (max-width: 700px) {
    #checkout-form .inputs-row-2 {
        grid-template-columns: minmax(0, 1fr);
    }
    .user-payments-table,
    .user-payments-table tbody,
    .user-payments-table tr,
    .user-payments-table td {
        display: block;
        width: 100%;
    }
    .user-payments-table tr {
        margin-bottom: 20px;
        border: 1px solid #ddd;
        padding: 10px;
    }
    .user-payments-table td {
        display: flex;
        justify-content: space-between;
        padding: 6px 0;
    }
    .user-payments-table tbody td {
        padding: 5px;
    }
    .calendar-popup-inner {
        padding: 60px 40px;
        width: 92vw;
    }
    .popup-calendar-container .ui-datepicker {
        width: 100%;
    }
}
/* 700px */

@media (max-width: 650px) {
    .follow-teacher {
        padding: 12px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
        position: relative;
    }
    .contact-form-platform {
        padding: 30px;
    }
    .profile-following-teachers {
        grid-template-columns: minmax(0, 1fr);
    }
    .follow-right {
        width: 100%;
    }
    .follow-right .follow-btn {
        width: 100%;
    }
}
/* 650px */

@media (max-width: 600px) {
    .search-teacher-list {
        grid-template-columns: minmax(0, 1fr);
    }
    #contact-form-platform .contact-form-title {
        font-size: 3rem;
    }
    .online-class-start-wrapper {
        width: 100%;
    }
    .card-online-popup-wrapper {
        padding: 40px 20px;
    }
}
/* 600px */

@media (max-width: 550px) {
    #account-personal-information-form .inputs-row-2 {
        grid-template-columns: minmax(0, 1fr);
    }
    .header-platform-buttons .btn.btn-black {
        display: none;
    }
    .platform-practices-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }
    .card-tpractice-header {
        height: 230px;
    }
    .practice-label-filters {
        gap: 8px;
    }
    .practice-label-filters {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .practice-label-filters .practice-category-filter {
        white-space: nowrap;
    }
    .practice-label-filters::-webkit-scrollbar {
        height: 7px;
    }
    .practice-label-filters::-webkit-scrollbar-track {
        background: #f1f1f1; 
    }
    .practice-label-filters::-webkit-scrollbar-thumb {
        background: #111; 
    }
    .practice-label-filters::-webkit-scrollbar-thumb:hover {
        background: #111; 
    }
    .practice-dropdown-filters {
        padding-top: 20px;
    }
    .practice-dropdown-filters {
        flex-direction: column;
        align-items: flex-start;
    }
    .practice-dropdown-filters .practice-dropdown-filter .select2 {
        width: 100% !important;
    }
    .practice-dropdown-filters .practice-dropdown-filter {
        width: 100%;
    }
    .practice-grid-4 {
        grid-template-columns: minmax(0, 1fr);
    }
    h1.platform-page-title {
        font-size: 2.8rem;
    }
    h2.platform-page-title {
        font-size: 2.8rem;
    }
    .platform-h3 {
        font-size: 2rem;
    }
    .notification {
        padding: 20px;
    }
    .notification-description {
        font-size: 1.3rem;
    }
    .platform-notification-popup {
        right: initial;
        left: 50%;
        transform: translateX(-50%);
        width: 95vw;
        padding: 12px;
    }
}
/* 550px */

@media (max-width: 500px) {
    .checkout-block {
        padding: 30px;
    }
    .checkout-plan-features {
        grid-template-columns: minmax(0, 1fr);
    }
    .profile-statistics-description {
        font-size: 1.4rem;
    }
    .profile-statistics-block {
        padding: 10px;
    }
    .online-class-information {
        flex-direction: column-reverse;
    }
    .online-class-actions {
        flex-direction: column !important;
        gap: 15px !important;
        align-items: center !important;
    }
    .profile-statistics {
        grid-template-columns: minmax(0, 1fr);
    }
    .profile-statistics-title {
        font-size: 2.6rem;
    }
    .calendar-day {
        font-size: 1.5rem;
    }
    .today-active {
        width: 30px;
        height: 30px;
    }
    .calendar-weekly-header span {
        font-size: 1.4rem;
    }
    .teacher-online-class-left {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        width: 100%;
    }
    .teacher-practices, .teacher-online-classes {
        padding: 50px 15px;
    }
    .teacher-practice-item-actions {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .subscription-payment p.payment-page-p {
        font-size: 1.4rem;
    }
}
/* 500px */

@media (max-width: 450px) {
    .checkout-plan-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
    .account-name {
        font-size: 2.8rem;
    }
    .block-title {
        font-size: 2.8rem;
    }
    .search-input input {
        padding: 10px 10px 10px 55px;
        font-size: 1.5rem;
    }
    .search-input button {
        top: 10px;
        left: 12px;
    }
    #contact-form-platform .contact-form-title {
        font-size: 2.5rem;
    }
    #contact-form-platform .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 1.4rem;
    }
    #contact-form-platform .input-checkbox-label {
        font-size: 1.4rem;
    }
    .calendar-popup-inner {
        padding: 60px 15px;
    }
    #video-meet-container iframe {
        left: 50%;
        transform: translateX(-50%);
        width: 100vw !important;
        position: relative;
    }
}
/* 450px */

@media (max-width: 400px) {
    .calendar-weekly {
        padding: 10px;
    }
    .calendar-weekly-dates {
        gap: 6px;
    }
    .calendar-day {
        font-size: 1.3rem;
    }
    .calendar-day-active span {
        font-size: 1.3rem;
    }
    .card-online-popup .online-class-content {
        flex-direction: column;
    }
    .card-online-popup .online-class-title {
        text-align: center
    }
    .card-online-popup .online-class-author-name {
        text-align: center
    }
    .card-online-popup .online-class-categories {
        justify-content: center;
    }
}
/* 400px */