.card-mobile {
    display: none;
}
.mobile-logo {
    display: none;
}
.teacher-mobile-card {
    display: none;
}
.teacher-content {
    display: none;
}
.mobile-login-row {
    display: none;
}
.mobile-search {
    display: none;
}
.tab-bar {
    display: none;
}
@media (max-width: 1590px) {
    .card-product .title {
        font-size: calc(14px + (4 + 4 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(16px + (5 + 5 * 0.7) * ((100vw - 360px) / 1590));
    }
    .card-product .text {
        font-size: calc(12px + (4 + 4 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(14px + (7 + 7 * 0.7) * ((100vw - 360px) / 1590));
    }
    .card-product .btn-link {
        font-size: calc(14px + (4 + 4 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(16px + (5 + 5 * 0.7) * ((100vw - 360px) / 1590));
    }
    .footer-text {
        font-size: calc(13px + (3 + 3 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(16px + (5 + 5 * 0.7) * ((100vw - 360px) / 1590));
    }
    /*   */
    .breadcrumb-item {
        font-size: calc(14px + (3 + 3 * 0.7) * ((100vw - 360px) / 1590));
    }
    .breadcrumb-title {
        font-size: calc(21px + (4 + 4 * 0.7) * ((100vw - 360px) / 1590));
    }
    .cabinet-username {
        font-size: calc(24px + (12 + 12 * 0.7) * ((100vw - 360px) / 1590));
    }
    .cabinet-description {
        font-size: calc(16px + (4 + 4 * 0.7) * ((100vw - 360px) / 1590));
    }
    .cabinet-title {
        font-size: calc(24px + (6 + 6 * 0.7) * ((100vw - 360px) / 1590));
    }
    .product-article {
        font-size: calc(14px + (4 + 4 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(16px + (7 + 7 * 0.7) * ((100vw - 360px) / 1590));
    }
    .product-title {
        font-size: calc(20px + (6 + 6 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(26px + (9 + 9 * 0.7) * ((100vw - 360px) / 1590));
    }
    .product-detail-title {
        font-size: calc(16px + (6 + 6 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(19px + (9 + 9 * 0.7) * ((100vw - 360px) / 1590));
    }
    .product-detail-description {
        font-size: calc(14px + (4 + 4 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(16px + (7 + 7 * 0.7) * ((100vw - 360px) / 1590));
    }
    .section-header-title {
        font-size: calc(22px + (8 + 8 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(24px + (17 + 17 * 0.7) * ((100vw - 360px) / 1590));
    }
    .section-header-subtitle {
        font-size: calc(14px + (4 + 4 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(16px + (5 + 5 * 0.7) * ((100vw - 360px) / 1590));
    }
    .payment-info {
        font-size: calc(20px + (4 + 4 * 0.7) * ((100vw - 360px) / 1590));
    }
    .payment-title {
        font-size: calc(22px + (8 + 8 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(28px + (13 + 13 * 0.7) * ((100vw - 360px) / 1590));
    }
    .payment-subtitle {
        font-size: calc(14px + (4 + 4 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(16px + (5 + 5 * 0.7) * ((100vw - 360px) / 1590));
    }
    .platform-info-description {
        font-size: calc(14px + (16 + 16 * 0.7) * ((100vw - 360px) / 1590));
        line-height: calc(14px + (33 + 33 * 0.7) * ((100vw - 360px) / 1590));
    }
}
@media (max-width: 1200px) {
    .platform-info-title {
        font-size: 120px;
    }
    .platform-info-title.platform-info-title-3 {
        font-size: 64px;
    }
    .content-left-title {
        font-size: 45px;
    }
    .content-left-subtitle {
        font-size: 20px;
    }
    .content-left-text {
        font-size: 18px;
    }
    .content-left-subtitle {
        margin-bottom: 30px;
    }
    .section-title {
        font-size: 42px;
    }
    .section-platform-header-text {
        font-size: 22px;
    }
    .platform-info-title {
        height: 190px;
    }
    .section-platform-learn-title {
        font-size: 42px;
        margin-bottom: 20px;
    }
    .section-platform {
        padding-bottom: 50px;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 10px;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 10px;
    }
}
@media (max-width: 991px) {
    .content-left-title {
        margin-top: 30px;
    }
    .platform-info-title {
        font-size: 100px;
    }
    .content-right-desktop {
        display: none;
    }
    .content-right-mobile {
        display: block;
        width: 100%;
    }
    .footer-socials {
        align-items: flex-end;
    }
    .footer-support {
        align-items: center;
    }
    .product-wrapper {
        margin-top: 30px;
    }
    .slides-wrapper {
        flex-direction: column-reverse;
    }
    .mySwiper {
        height: 400px;
    }
    .mySwiper img {
        border-radius: var(--border-radius);
    }
    .swiper-thumbsSlider-wrapper {
        margin-right: 0;
        margin-top: 10px;
        max-width: 100%;
        height: 160px;
    }
    /*.swiper-button-next, .swiper-button-prev {*/
    /*    display: none;*/
    /*}*/
    .section-header {
        margin-bottom: 20px;
    }
    .product-item .product-label {
        font-size: 14px;
        line-height: 16px;
    }
    .product-price {
        font-size: 26px;
        line-height: 32px;
    }
    .cabinet-subtitle {
        margin-bottom: 5px;
    }
    .payment-left, .payment-right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .payment-right {
        margin-top: 20px;
    }
    .payment-card {
        max-width: 100%;
    }
    .form-payment {
        max-width: 100%;
        width: 100%;
    }
    .card-payment .card-body {
        padding: 20px;
    }
    .thumbsSlider {
        min-height: max-content;
    }
    .col-md-position {
        position: absolute;
        top: 10px;
        right: 0;
        width: min-content;
    }
    .cart-list-end {
        justify-content: flex-end;
    }
    .card-cart-header {
        display: none;
    }
    .mobile-login-row {
        display: flex;
        align-items: center;
    }
    .mobile-login-item {
        /*padding: 10px;*/
        display: inline-block;
    }
    .mobile-login-item img {
        width: 40px;
    }
    /*.mobile-login-item:last-child {*/
    /*    margin-right: -10px;*/
    /*}*/
    .tab-bar {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 1;
        border-top: 1px solid #e2e2e2;
    }
    .tab-bar-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
    }
    .tab-bar-menu li {
        list-style-type: none;
        position: relative;
    }
    .tab-bar-menu li:not(:last-child):after {
        content: '';
        display: block;
        width: 1px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 20px;
        background: #CACACA;
        border-radius: 10px;
    }
    .tab-bar-menu li a {
        width: 100%;
        height: 100%;
        display: inline-block;
        border-radius: var(--border-radius);
        padding: 20px 25px;
    }
    .tab-bar-menu li a.active svg path {
        stroke: var(--main-color);
    }
    .footer {
        padding-bottom: 80px;
    }
    .footer-item.footer-support {
        margin-bottom: 0;
    }
    .navbar-collapse {
        padding: 20px 0;
    }
    .navbar-collapse.collapse {
        padding: 20px 0;
    }
    .navbar-collapse.collapse.show {
        padding: 20px 0;
        width: 100%;
    }
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 75%;
        height: 100%;
        min-height: 100vh;
        z-index: 100;
        background: #ffffff;
        overflow-y: auto;
    }
    .navbar-collapse.collapsing {
        left: -100%;
        transition: height 0s ease;
    }
    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease;
    }
    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease;
    }
    .navbar-collapse-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .navbar-brand.logo-link {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .navbar-close-mobile {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .navbar-toggler-icon.navbar-toggler-close {
        background-image: url('/images/icons/burger-close-icon.svg');
    }
    .menu-items {
        flex-direction: column;
        margin-top: 30px;
    }
    .menu-items .menu-item:not(:last-child) {
        margin-right: 0;
    }
    .menu-items .menu-item {
        margin: 15px 0;
    }
    .btn-login {
        width: 85%;
        margin: 40px auto 10px;
    }
    .card-mobile {
        display: flex;
    }
    .card-mobile {
        box-shadow: none;
        display: flex;
        flex-direction: column;
        filter: none;
        background: transparent;
    }
    .card-mobile .card-header {
        all: unset;
        display: flex;
    }
    .card-mobile .card-footer {
        all: unset;
        padding: 10px 0;
    }
    .card-mobile-img {
        min-width: 114px;
        height: 139px;
        margin-right: 10px;
        object-fit: contain;
        border-radius: 10px;
    }
    .card-mobile .card-header {
        align-items: center;
    }
    .btn-buy {
        margin-top: 10px;
        width: 172px;
    }
    .card-mobile-body {
        padding: 0;
    }
    .card-mobile-body .card-text {
        margin-bottom: 0;
    }
    .card-mobile-body .card-price {
        margin-bottom: 0;
    }
    .card-client {
        display: none;
    }
    .comment-image {
        width: 40px;
        min-width: 40px;
        max-width: 40px;
        height: 40px;
    }
    .comment-text {
        padding: 15px;
    }
    .dropdown-groups-desktop {
        display: none;
    }
    .navbar-brand.logo-link.burger-mobile-logo {
        background-image: url('/images/mobile-logo.png');
    }
    .menu-items {
        align-items: flex-start;
        margin-left: 30px;
    }
}
@media (max-width: 768px) {
    .content-left-title {
        font-size: 38px;
    }
    .content-left-subtitle {
        font-size: 18px;
    }
    .content-left-text {
        font-size: 16px;
    }
    .section-main {
        padding: 40px 0;
    }
    .footer-item {
        margin-bottom: 20px;
    }
    .section-title {
        font-size: 34px;
    }
    .section-platform-header-text {
        font-size: 18px;
    }
    .section-platform-header {
        padding: 15px 30px;
        border-radius: 10px;
    }
    .platform-info-title {
        font-size: 90px;
        height: 144px;
        line-height: 144px;
    }
    .platform-info-title.platform-info-title-3 {
        font-size: 50px;
    }
    .footer-info {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 6px;
        width: max-content;
    }
    .cart-list-left {
        margin-bottom: 20px;
    }
    .section-platform-learn-title {
        font-size: 30px;
        line-height: 40px;
    }
    .section-platform-learn-list {
        font-size: 20px;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 25px;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 25px;
    }
    .navbar-brand {
        min-width: 210px
    }
}
@media (max-width: 576px) {
	.plyr__video-wrapper.plyr__video-embed {
    	height: 300px!important;
	}
    .content-left-title {
        font-size: 30px;
        line-height: 31px;
    }
    .content-left-subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    .content-left-text {
        font-size: 13px;
        line-height: 16px;
    }
    .section-title {
        font-size: 28px;
        text-align: center;
    }
    .section-platform-header-text {
        font-size: 14px;
        line-height: 18px;
    }
    .section-platform-learn-title {
        font-size: 22px;
        line-height: 23px;
    }
    .section-platform-learn-list {
        font-size: 14px;
        line-height: 20px;
    }
    .section-platform-header {
        padding: 10px 15px;
    }
    .platform-info {
        overflow: hidden;
        margin-top: 25px;
    }
    .btn-search {
        min-width: 100px;
        max-width: 100px;
    }
    .platform-info-title {
        font-size: 40px;
        height: 46px;
        line-height: 46px;
    }
    .platform-info-title.platform-info-title-3 {
        font-size: 30px;
    }
    .navbar-brand {
        background-image: url('/images/mobile-logo.png');
        margin-right: 0;
        background-position: center;
    }
    .card-product {
        margin-right: -10px;
        margin-left: -10px;
    }
    .card-product .card-body {
        padding: 10px;
    }
    .card-product .product-image {
        height: 165px;
    }
    .card-product .btn-link {
        margin-top: 10px;
    }
    .footer-socials, .footer-company, .footer-support {
        align-items: flex-start;
    }
    .footer-socials {
        margin-bottom: 35px;
    }
    .footer-text br {
        display: none;
    }
    .footer-title {
        font-size: 16px;
    }
    .btn-call {
        min-width: 100%;
    }
    .footer-info {
        font-size: 14px;
    }
    .section {
        padding: 20px 0;
    }
    .btn {
        font-size: 14px;
        line-height: 16px;
    }
    .product-row-item {
        margin-right: 20px;
    }
    /*.container-full {*/
    /*    padding-left: 5px;*/
    /*    padding-right: 5px;*/
    /*}*/
    .col-full {
        /*padding-left: 5px;*/
        /*padding-right: 5px;*/
    }
    .product-detail-title {
        margin-bottom: 10px;
    }
    .card-body-title {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 10px;
    }
    .cabinet-subtitle, .cabinet-text {
        font-size: 14px;
        line-height: 16px;
    }
    .section-header-title {
        margin-left: 10px;
    }
    .section-header-subtitle {
        margin-left: 10px;
    }
    .swal2-title {
        font-size: 16px;
    }
    .card-status-body-image {
        min-height: 100px;
        max-height: 100px;
    }
    .card-status-body-product-article {
        font-size: 13px;
        line-height: 14px;
    }
    .card-status-body-product-info:last-child {
        margin-bottom: 10px;
    }
    .card-body-line {
        margin-top: 40px;
    }
    .cart-list-img {
        max-width: 86px;
        width: 100%;
        height: 100px;
    }
    .cart-list-text {
        font-size: 12px;
    }
    .accordion-heading {
        font-size: 16px;
        line-height: 150%;
        flex-wrap: wrap;
    }
    .module-image {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
		height: 100%;
        display: block;
    }
    .panel-body {
        font-size: 12px;
        line-height: 130%;
    }
    .swiper-pagination {
        display: block;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 90px;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 90px;
    }
    .swiper-button-next, .swiper-button-prev {
        top: 106%;
    }
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: -50px;
    }
    .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        border: 1px solid var(--main-color);
    }
    .swiper-pagination-bullet-active {
        opacity: 1;
        background: var(--main-color);
    }
    .footer-socials, .footer-company, .footer-support {
        align-items: center;
    }
    .footer {
        padding-bottom: 20px;
    }
    /*.form-search-row {*/
    /*    flex-wrap: wrap;*/
    /*}*/
    .form-search {
        height: auto;
        min-height: auto;
    }
    .card-body-expert {
        padding: 1rem 1rem 0.8rem 1rem;
    }
    .lesson-document-li {
        /*flex-direction: column;*/
        flex-wrap: wrap;
    }
    .lesson-document-name {
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 130%;
    }
    .lesson-document-name span {
        font-size: 14px;
        line-height: 130%;
    }
    .lesson-text {
        font-size: 14px;
        line-height: 130%;
    }
    .lesson-wrapper {
        background: transparent;
        border: none;
        padding: 0;
    }
    .course-main {
        padding: 25px 10px;
    }
    .section-login {
        align-items: flex-start;
        background-image: url(/images/section-logo/bg-mobile-login.png);
        padding-top: 60px;
        min-height: 990px;
        height: 100%;
    }
    .card-login .card-body {
        padding: 20px 30px 30px;
    }
    .card-login .card-header {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
.section-send-email {
        min-height: 860px;
    }
    .card-header h3 {
        font-size: 26px;
        line-height: 28px;
    }
    .navbar-brand {
        min-width: 210px;
    }
    .navbar-toggler-icon {
        min-width: 25px;
        width: 35px;
        height: 45px;
    }
    .content-wrapper {
        height: auto;
    }
    .footer-logo img {
        width: 100%;
        margin-top: 25px;
    }
    .footer-item {
        display: flex;
        flex-direction: column;
        margin-top: 0px;
    }
    .footer-item {
        margin-bottom: 10px;
    }
}
@media (max-width: 400px) {
    .form-search-row {
        flex-wrap: wrap;
    }
    .form-search-inner {
        margin-bottom: 5px;
        margin-right: 0;
    }
    .btn-search {
        min-width: 100%;
    }
}
@media (max-width: 360px) {
    .tab-bar-menu li a {
        padding: 20px;
    }
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 400px;
    }
}