@media screen and (max-width: 1500px) and (min-width: 1200px) {
    .card-introduce__image {
        height: 450px;
        max-width: 450px;
    }

    .card-introduce__number {
        font-size: 70px;

    }
}

@media (max-width: 1200px) {
    .header-navigation {
        display: none;
    }

    .section-hero .heading-title {
        font-size: 2.4em;
    }

    .card-price .card-body {
        padding: 10px 20px 30px 20px;
    }

    .page-contact__title {
        font-size: 2.4em;
    }
}

@media (max-width: 1199px) {
    .section-introduce__thumb {
        width: 138px;
    }

    .card-introduce__image {
        height: 380px;
        max-width: 380px;
    }


    .card-introduce__imageThumb {
        width: 80px;
        height: 80px;
    }

    .card-introduce__imageThumb .number {
        width: 32px;
        height: 32px;
        font-size: 0.9em;
    }

    .card-introduce__number {
        font-size: 60px;
    }

    .section-introduce__animation {
        font-size: 20px;
    }

    .intro-counter_item .intro-counter_icon {
        width: 80px;
        height: 80px;
    }

    .intro-counter_item .intro-counter_value {
        font-size: 1.7em;
    }
}

@media (max-width: 1024px) {
    .heading-name {
        font-size: 60px;
        gap: 10px;
        padding-left: 0;
    }

    .section-breadcrumb__title {
        font-size: 3em;
    }

    .detail-blogs__title {
        font-size: 2em;
    }

    .detailContent h1 {
        font-size: 1.7em;
    }

    .detailContent h2 {
        font-size: 1.6em;
    }

    .detailContent h3 {
        font-size: 1.5em;
    }

    .detailContent h4 {
        font-size: 1.4em;
    }

    .detailContent h5 {
        font-size: 1.35em;
    }

    .detail-project .detail-project__top .section-heading {
        top: -35px;
        font-size: 20px;
        padding: 0 20px;
    }
}


@media (max-width: 992px) {
    .header.header-scroll .header-logo, .page-other .header.header-scroll .header-logo, .page-other .header .header-logo {
        width: 150px;
    }

    .section-hero__bg {
        width: 800px;
    }

    .section-hero .heading-title {
        font-size: 2em;
    }

    .footer-wrap {
        padding-top: 50px;
    }

    .footer-heading {
        font-size: 2em;
    }

    .section-partner__wrap {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .page-introduce .section-partner .partner-item {
        width: calc(100% / 5);
    }

    .section-price .col:nth-child(odd) {
        transform: translateY(0);
        margin-bottom: 0;
    }

    .category-head .category-head__link {
        font-size: 0.9em;
    }

    .section-breadcrumb__title {
        font-size: 2.6em;
    }

    .page-detail .breadcrumb .breadcrumb-item:last-child {
        display: none !important;
    }

    .detail-blogs__title {
        font-size: 1.8em;
    }

    .page-contact__title {
        font-size: 2em;
    }

    .page-contact__text {
        font-size: 1em;
    }

    .page-contact .contact-item .title {
        font-size: 0.9em;
    }

    .page-contact .contact-item .icon {
        width: 70px;
    }

    .accordion-question .accordion-item button {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .card-introduce__image {
        height: 550px;
        max-width: 550px;
    }

    .section-introduce__thumb {
        right: 0;
    }

    .section-introduce::before,
    .section-introduce::after {
        height: 60%;
    }
}

@media (max-width: 768px) {

    .section-contact .heading-title {
        font-size: 1.6em;
    }

    .section-contact .hotline .number {
        font-size: 1.4em;
    }

    .card-procedure .title {
        font-size: 1.3em;
    }

    .card-procedure .text {
        font-size: 1em;
    }

    .card-procedure .number {
        font-size: 1.6em;
        width: 60px;
        height: 60px;
    }

    .heading-name {
        font-size: 40px;
    }

    .section-intro .section-intro__wrap {
        margin-top: -50px;
    }

    .detail-project__bg {
        height: 30vh;
    }

    .category-project__animation .card-swiper {
        width: 180px;
        height: 200px;
    }

    .category-project__top ul {
        overflow-x: auto;
    }
}

@media (max-width: 767px) {
    .page-category .card-blogs {
        margin: 0 15px;
    }

    .card-blogs__title {
        font-size: 1.25em;
    }

    .card-blogs__text {
        font-size: 1em;
    }

    .card-temple__link {
        max-width: 100%;
        background-color: #2d2d2e;
    }

    .card-temple__link:hover {
        background-color: var(--primary-color);
    }

    .card-temple__image {
        height: 250px;
    }

    .card-temple .card-body {
        padding: 8px;
    }

    .card-introduce__image {
        height: 380px;
        max-width: 380px;
    }

    .section-introduce::before, .section-introduce::after {
        height: 38%;
    }

    .section-introduce::after {
        width: 31%;
    }
}

@media (max-width: 600px) {
    .heading-name {
        font-size: 30px;
    }

    .section-intro .section-intro__wrap {
        margin-top: -20px;
    }

    .page-introduce .section-partner .partner-item {
        width: calc(100% / 4);
    }

    .page-introduce .section-partner .partner-item .partner-logo {
        padding: 18px;
    }

    .section-service__top {
        padding: 0;
    }

    .section-service .col:nth-child(odd) .card-service {
        flex-direction: unset;
    }

    .section-service .heading-title {
        font-size: 2em;
    }

    .card-service {
        flex-direction: column !important;
    }

    .card-service__image,
    .card-service .card-body {
        width: 100%;
    }

    .card-service .card-body {
        height: unset;
    }

    .card-introduce__image {
        height: 250px;
        max-width: 250px;
    }

    .section-introduce__thumb {
        display: none !important;
    }

    .card-introduce__number {
        font-size: 40px;
    }

    .section-breadcrumb__title {
        font-size: 1.8em;
    }

    .card-box__text span {
        overflow: unset;
        height: unset;
    }
}

@media (max-width: 576px) {
    .is-navbar .header-navbar__mobile {
        width: 100%;
    }

    .header-navbar__mobile {
        padding: 30px 20px;
    }

    .header-menu__close {
        padding: 0;
    }

    .header-navbar__mobile > ul {
        width: 100%;
        transform: translateY(0);
    }

    .navbar-mobile__bottom {
        padding: 20px;
    }

    .navbar-mobile__bottom a {
        font-size: 0.9em;
    }

    .category-project__animation {
        height: 100%;
        width: 100%;
        opacity: 0.15;
        right: 0;
    }

    .modal-theme__close {
        width: 28px;
        height: 28px;
        right: -7px;
        top: -7px;
    }

    .modal-theme__title {
        font-size: 1.45em;
    }

    .page-contact .heading-title {
        font-size: 1.8em;
    }
}

@media (max-width: 425px) {
    .demo-page .header-hamburger {
        display: none !important;
    }

    .page-introduce .section-partner .partner-item {
        width: calc(100% / 3);
    }
}