@media only screen and (min-width: 2500px) {}

@media (max-width: 1400px) {

    .logo-h {
        max-width: 250px;
    }

    .nav-inner-h {
        max-width: calc(100% - 300px);
    }

    .header-med .head-inner ul {
        gap: 15px;
    }

    .header-med .head-inner ul li a {
        font-size: 20px;
    }

    .lang-h a {
        font-size: 20px;
    }

    .lang-h {
        margin-inline-start: 10px;
    }

    .blog-block .details {
        max-width: calc(100% - 20px);
        gap: 5px;
    }

    .blog-block .details i {
        width: 44px;
        line-height: 44px;
        height: 44px;
        font-size: 18px;
    }

    .blog-block .details h3 {
        font-size: 24px;
        width: calc(100% - 44px - 5px);
        font-size: 17px;
    }
}

@media (max-width: 1200px) {

    .logo-h {
        max-width: 250px;
    }

    .nav-inner-h {
        max-width: calc(100% - 300px);
    }

    .header-med .head-inner ul {
        gap: 15px;
    }

    .header-med .head-inner ul li a {
        font-size: 17px;
    }

    .lang-h a {
        font-size: 17px;
    }

    .lang-h {
        margin-inline-start: 10px;
    }

    .blog-block .details {
        max-width: calc(100% - 20px);
        gap: 5px;
    }

    .blog-block .details i {
        width: 44px;
        line-height: 44px;
        height: 44px;
        font-size: 18px;
    }

    .blog-block .details h3 {
        font-size: 24px;
        width: calc(100% - 44px - 5px);
        font-size: 17px;
    }

    .sidebar-items .sidebar-item p {
        font-size: 17px;
    }

    .sidebar-items .sidebar-item {
        padding: 16px;
    }

    .sidebar-btn {
        padding: 20px;
    }

    .courses-sidebar .sidebar-title {
        padding: 20px;
    }

    .courses-sidebar .sidebar-title h3 {
        font-size: 24px;
    }

    .courses-details-links .links-inner ul {
        gap: 20px;
    }

    .courses-details-links .links-inner ul li a {
        font-size: 20px;
    }

    .collapse-text {
        padding: 0;
    }
}

@media (max-width: 991px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        width: 100%;
        max-width: 100%;
        flex: auto;
    }

    .header-med .head-inner ul,
    .header-med .head-inner .lang-h {
        display: none;
    }

    .logo-h {
        max-width: 154.49px;
        margin-top: 30px;
    }

    .item.res-menu {
        display: block;
    }

    header .btn {
        display: none;
    }

    .nav-inner-h {
        max-width: calc(100% - 154.49px);
        max-width: 100%;
    }

    .head-inner .menu-left form {
        width: 100%;
        max-width: 175px;
    }

    .head-inner .menu-left form input {
        height: 36px;
        border-radius: 8px;
        padding-inline-start: 42px;
        font-size: 14px;
        position: relative;
    }

    .head-inner .menu-left form i {
        margin: 13px 15px;
    }

    .head-inner .menu-left {
        position: relative;
        top: -16px;
    }

    .head-inner .menu-left {
        margin-bottom: 5px;
    }

    .nav-inner {
        justify-content: end;
    }

    header.sticky {
        padding: 32px 0 16px;
    }

    .banner-h .row {
        min-height: 340px;
        padding-block: 62px;
    }

    .text-banner {
        text-align: center;
    }

    .text-banner h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .text-banner p {
        display: none;
    }

    .search-banner-h {
        margin: 0;
        padding: 8px 16px;
    }

    .search-banner-h form input {
        max-width: calc(100% - 56px - 16px);
    }

    .search-banner-h form .btn {
        width: 56px;
        min-width: auto;
        height: 48px;
        padding: 0;
        color: transparent;
    }

    .search-banner-h form .btn::after {
        position: absolute;
        inset: 0;
        color: #fff;
        content: "\f002";
        font-family: 'Font Awesome 6 Pro';
        font-weight: 400;
        display: flex;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 100%;
        background: transparent;
        text-align: center;
        justify-content: center;
    }

    .categories-h {
        padding: 56px 0;
    }

    .title {
        margin-bottom: 24px;
    }

    .title h3 {
        font-size: 24px;
        line-height: 32px;
        max-width: 200px;
        margin: 0 auto;
        padding: 0;
    }

    .title h3 span {
        font-weight: 700;
        margin-bottom: 10px;
        display: inline-block;
    }

    .title p {
        margin: 24px 0 0;
        font-size: 16px;
        line-height: 24px;
    }

    .title.text-center p {
        margin: 24px auto 0;
    }

    .categories-h .col-md-3 {
        display: none;
    }

    .res-only {
        display: block;
        margin-top: 8px;
    }

    .slick-prev,
    .slick-next {
        top: 95%;
        width: 36px;
        height: 36px;
        background: var(--main-color);
        border-radius: 50%;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: 'Font Awesome 6 Pro';
    }

    .slick-next {
        right: 35% !important;
    }

    .slick-prev {
        left: 35% !important;
    }

    .partners-h .row {
        padding: 24px 16px;
    }

    .partners-h .title h3 {
        max-width: 100%;
    }

    .part-block {
        height: 75px;
        padding: 16px;
    }

    .btn {
        font-size: 16px;
        min-height: 54px;
    }

    .partners-h {
        padding-bottom: 56px;
    }

    .courses-h {
        padding: 24px 0;
    }

    .courses-h .title h3 {
        max-width: 100%;
    }

    .courses-h .title {
        margin-bottom: 48px;
    }

    .course-block .img-block {
        height: 338.08px;
    }

    .courses-h .col-md-4:nth-child(n + 5) {
        display: none;
    }

    .students-h {
        padding-block: 56px;
    }

    .students-h .title h3 {
        max-width: 100%;
    }

    .students-h .title {
        margin-bottom: 48px;
    }

    .all-students .student-block {
        background: #F3D8EE;
    }

    .all-students .student-block::before,
    .all-students .student-block::after {
        opacity: 1;
    }

    .pragraph-h p {
        font-size: 20px;
        line-height: 30px;
    }

    .featured-h {
        padding-block: 24px;
    }

    .featured-h .title h3 {
        max-width: 100%;
    }

    .featured-h .title {
        margin-bottom: 48px;
    }

    .featured-h .course-block {
        max-width: 302px;
        margin: 0 auto;
    }

    .counter-h {
        margin-top: 56px;
        padding-block: 24px;
    }

    .counter-h .title {
        margin-bottom: 28px;
    }

    .counter-h .col-md-3 {
        width: 50%;
    }

    .counter-block .counter-item {
        font-size: 32px;
        line-height: 40px;
    }

    .counter-block h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .blogs-h {
        padding-block: 56px 72px;
    }

    .blogs-h .title h3 {
        max-width: 100%;
    }

    .all-blogs .item {
        padding: 0;
    }

    .blog-block .details h3 {
        font-size: 20px;
        line-height: 30px;
        width: calc(100% - 48px - 16px);
    }

    .blog-block .details i {
        width: 48px;
        line-height: 48px;
        height: 48px;
        font-size: 17.5px;
    }

    .blog-block .details {
        max-width: calc(100% - 24px);
        bottom: 38px;
    }

    .follow-h {
        padding-block: 8px;
    }

    .s-h a {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
    }

    .s-h a i {
        line-height: 24px;
    }

    .footer-top {
        padding-block: 43px 24px;
        text-align: center;
    }

    .logo-f {
        max-width: 238px;
        margin: 0 auto 16px;
    }

    .des-f p {
        font-size: 16px;
        line-height: 24px;
    }

    .foot-block-f .s-h {
        justify-content: center;
        margin: 16px 0 0;
    }

    .foot-block h3 {
        margin-top: 48px;
    }

    .copy-right p {
        font-size: 14px;
        line-height: 21px;
    }

    .menu-outer .logo-h {
        display: none;
    }

    .banner-h.banner-inner {
        padding-block: 0;
    }

    .banner-logo {
        display: none;
    }

    .btns-flex .btn {
        min-width: 156px;
        padding: 6px 10px;
        min-height: 40px;
        font-size: 16px;
    }

    .btns-flex {
        gap: 16px;
    }

    .banner-h.banner-inner .row {
        min-height: auto;
        padding-block: 92px;
    }

    .banner-inner .text-banner h1 {
        margin-bottom: 16px;
    }

    .breadcrumb-h {
        margin-top: 16px;
    }

    .breadcrumb-h ul {
        gap: 32px;
    }

    .breadcrumb-h ul li a,
    .breadcrumb-h ul li span {
        font-size: 18px;
        line-height: 26px;
    }

    .breadcrumb-h ul li a::after {
        margin-right: 9px;
    }

    .courses-details-links {
        display: none;
    }

    .courses-description-h .row {
        flex-direction: column-reverse;
    }

    .courses-description-h {
        padding-block: 56px;
    }

    .courses-sidebar .sidebar-title {
        text-align: center;
    }

    .courses-sidebar .sidebar-title h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .price-courses {
        padding: 44px 0 16px;
    }

    .price-courses h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .sidebar-items .sidebar-item {
        padding: 4px;
    }

    .sidebar-items .sidebar-item p {
        flex-direction: column;
        gap: 12px;
    }

    .sidebar-btn {
        padding: 24px 20px 40px;
    }

    .sidebar-btn .btn {
        font-size: 20px;
    }

    .courses-sidebar {
        margin-bottom: 56px;
    }

    .courses-des h1 {
        margin-bottom: 40px;
        font-weight: 700;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
    }

    .courses-des .img {
        height: 301px;
        margin-bottom: 24px;
    }

    .courses-des .title {
        text-align: center;
    }

    .courses-des .title h3 {
        max-width: 100%;
    }

    .courses-des {
        text-align: center;
    }

    .courses-des p {
        font-size: 16px;
        line-height: 24px;
    }

    .collapse-content .btn-collapse {
        padding: 24px 16px;
        font-size: 18px;
        line-height: 26px;
    }

    .collapse-content {
        padding-bottom: 56px;
    }

    .courses-content-inner ul li {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .courses-content-h {
        padding-bottom: 56px;
    }

    .courses-req-h {
        padding-block: 24px;
    }

    .courses-content-inner .title h3 {
        max-width: 100%;
    }

    .courses-content-inner .title {
        text-align: center;
    }

    .courses-content-inner .btn {
        min-width: 248px;
    }

    .courses-content-inner {
        text-align: center;
    }

    .courses-enroll-h {
        margin: 56px 0;
        padding: 24px 0;
    }

    .courses-content-inner p {
        font-size: 20px;
        line-height: 30px;
    }

    .courses-content-inner .btns-flex {
        flex-direction: column;
        margin-top: 24px;
        justify-content: center;
        align-items: center;
    }

    .courses-content-inner .btns-flex .btn {
        min-width: 280px;
        min-height: 54px;
        font-size: 20px;
    }

    .courses-method-h {
        padding-block: 24px;
        margin: 56px 0 0;
    }

    .courses-rat-h {
        padding-block: 24px;
    }

    .banner-inner .text-banner ul {
        justify-content: center;
        gap: 8px 48px;
    }

    .blogs-details-page-h .row {
        flex-direction: column-reverse;
    }

    .blogs-details-page-h {
        padding: 56px 0;
    }

    .sidebar-blog {
        border: 1px solid #D6D6D6;
        border-radius: 24px 24px 0 0;
        padding: 24px 8px;
        text-align: center;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .sidebar-blog .sidebar-item:nth-child(n+2) {
        display: none;
    }

    .sidebar-blog-user .img {
        margin: 0 auto 12px;
        width: 79px;
        height: 82px;
    }

    .sidebar-blog-user p {
        margin: 0 auto;
        max-width: 100%;
    }

    .blog-details-inner {
        border-radius: 0 0 24px 24px;
        border-top: 0;
        padding-top: 10px;
        padding: 24px 8px;
    }

    .blog-details-inner .blog-info ul {
        justify-content: center;
        gap: 12px;
    }

    .blog-details-inner .blog-info ul li {
        font-size: 14px;
        line-height: 21px;
    }

    .blog-text {
        text-align: center;
    }

    .blog-details-inner .blog-text h2,
    .blog-details-inner .blog-text h3 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px;
    }

    .blog-details-inner .blog-text p {
        font-size: 16px;
        line-height: 24px;
        margin: 10px 0;
    }

    .blog-details-inner .blog-text .blog-img {
        margin: 24px 0;
        height: 229px;
    }

    .blog-details-more {
        margin-block: 40px 16px;
    }

    .title-blog-in {
        margin-bottom: 24px;
    }

    .title-blog-in h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .blog-imgs .col-md-6 {
        width: 50%;
    }

    .blogs-details-page-h .blog-imgs.row {
        flex-direction: row;
    }

    .blog-imgs .blog-img {
        height: 140px;
    }

    .blog-details-inner .blog-text ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .comments-h .title h3 {
        max-width: 100%;
        text-align: center;
        font-weight: 700;
    }

    .all-comments .item-comment {
        flex-direction: column;
        gap: 12px;
    }

    .all-comments .item-comment .img {
        width: 79px;
        height: 82px;
    }

    .all-comments .item-comment .details {
        width: 100%;
        flex-direction: column;
        text-align: center;
    }

    .all-comments .item-comment .details .comment-in {
        max-width: 100%;
    }

    .all-comments .item-comment .details .comment-in .date-h {
        justify-content: center;
    }

    .comment-btn {
        margin-top: 12px;
    }

    .all-comments .item-comment .details .comment-in h3 {
        font-size: 14px;
        line-height: 21px;
    }

    .all-comments .item-comment .details .comment-in p {
        font-size: 14px;
        line-height: 21px;
    }

    .add-comments .title p {
        margin-top: 8px;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .blogs-details-page-h form.row {
        flex-direction: row;
    }

    .blogs-details-page-h form.row .col-md-6 {
        width: 50%;
    }

    .form-group button.btn {
        min-width: 95%;
        margin: 0 auto;
        display: table;
    }

    .applyModal .title-modal {
        flex-direction: column-reverse;
        justify-content: start;
        align-items: start;
        padding: 24px;
        text-align: center;
    }

    .applyModal .btn-close {
        margin-inline-start: auto;
        margin-bottom: 8px;
    }

    .applyModal .title-modal h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .modal-form-item {
        padding: 16px 5px;
    }

    .title-form {
        margin-block: 16px;
        text-align: center;
    }

    .title-form h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .modal-form-item .form-group {
        margin-bottom: 12px;
    }

    .modal-form-item div:last-child .form-group {
        margin: 0;
    }

    .form-group .checkBoxH label {
        width: auto;
    }

    .form-group .agree-h p {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    .form-group .agree-h {
        margin-bottom: 32px;
    }

    .alert-form-bottom p {
        font-size: 14px;
        line-height: 21px;
        text-align: center;
    }

    .modal-form-item .form-group button.btn {
        margin: 10px auto;
    }

    .body-inner {
        padding-block: 56px;
    }

    .courses-form .form-group {
        margin-bottom: 16px;
    }

    .courses-form .form-group .form-control.niceSelect {
        max-width: 187px;
        margin: 0 auto;
    }

    .courses-form .result-form {
        margin-top: 40px;
    }

    .courses-form {
        margin-bottom: 32px;
    }

    .courses-form .result-form p {
        font-size: 16px;
        line-height: 24px;
    }

    .blogs-page-h .container>.row {
        flex-direction: column-reverse;
    }

    .blogs-page-h .sidebar-blog {
        padding: 0;
        border: none;
    }

    .blogs-page-h .sidebar-blog .sidebar-item {
        padding: 0 0 56px;
    }



    .blog-item .img-block .user-name {
        padding: 8px;
    }

    .blog-item .img-block .user-name h3 {
        font-size: 14px;
        line-height: 21px;
    }

    .blog-item .details {
        text-align: center;
    }

    .blog-item .details h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .blog-item .details p {
        font-size: 16px;
        line-height: 24px;
    }

    .blog-item .details .blog-info ul {
        justify-content: center;
        gap: 8px 16px;
    }

    .blog-item .details .blog-info ul li {
        font-size: 14px;
        line-height: 21px;
    }

    .blog-item {
        margin-bottom: 32px;
    }

    .collapse-inner {
        padding: 24px;
    }

    .collapse-img {
        margin-bottom: 16px;
    }

    .collapse-text {
        text-align: center;
    }

    .collapse-title {
        margin-bottom: 16px;
    }

    .collapse-title span {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .collapse-title h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .collapse-text p {
        margin: 16px 0;
        font-size: 16px;
        line-height: 24px;
    }

    .collapse-text h4 {
        margin: 16px 0;
    }

    .collapse-text ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .accordion-item {
        margin-bottom: 24px;
    }

    .vision-list .item {
        display: block;
        text-align: center;
    }

    .vision-list .item .num {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 auto 12px;
        font-size: 24px;
    }

    .vision-list .item .details {
        width: 100%;
    }

    .contact-item .contact-text {
        padding: 24px 24px 40px;
        text-align: center;
    }

    .contact-map {
        height: 564px;
    }

    .contact-info-block {
        margin-bottom: 54px;
    }

    .contact-form-text {
        text-align: center;
        padding: 40px 24px;
    }

    .contact-form-text .item .s-h {
        justify-content: center;
    }

    .contact-form h3 {
        text-align: center;
        font-size: 32px;
        line-height: 40px;
    }

    .contact-form {
        padding: 40px 30px;
    }

    .contact-form-h {
        padding-block: 56px;
    }
}

@media (max-width: 768px) {}

@media (max-width: 767px) {}

@media (max-width: 600px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 480px) {}

@media (max-width: 390px) {}

@media (max-width: 360px) {}