/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1800px) {
    .fs-1 {
        font-size: 5vw !important;
    }

    .hero__content h1 {
        font-size: 5.41vw;
        max-width: 39vw;
    }

    .hero__content-lists ul li {
        line-height: 1.32;
        font-size: 0.8vw;
    }

    .hero__content-lists {
        flex-grow: 1;
        max-width: 42vw;
    }

    .hero__content-lists ul li span.text {
        max-width: 100%;
    }

    .action__block-content__inner h2 {
        font-size: 3.36vw;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1499px) {

    .intro__thumb,
    .intro__inner__content {
        max-width: 560px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1399px) {
    .header__menu ul li a {
        font-size: 14px;
    }

    .btn {
        padding: 12px 14px;
        font-size: 14px;
        gap: 10px;
    }

    .header__main {
        padding: 7px 0px 10px;
    }

    .hero__wrapper {
        padding-bottom: 24px;
    }

    .hero__content h1 {
        font-size: 78px;
        max-width: 612px;
        margin-bottom: 24px;
        margin-left: 42px;
    }

    .hero__content-texts {
        width: 400px;
    }

    .hero__content h1 {
        font-size: 76px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1199px) {
    .hero__content-lists ul {
        flex-wrap: wrap;
        gap: 18px;
    }

    .hero__content-lists ul li {
        width: 100%;
    }

    .nous__heading-text {
        width: 370px;
    }

    .nous__heading-title h2 {
        font-size: 62px;
    }

    .blockText--action .blockText__heading {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 48px;
    }

    .blockText--action .blockText__pretitle {
        margin-bottom: 32px;
    }

    .faq .blockText__pretitle {
        padding-bottom: 80px;
    }

    .faq .accordion-item {
        padding: 36px 0;
    }

    .faq__text {
        max-width: 65%;
        margin-top: 0;
        margin-left: 0;
    }

    .accordion-body__content {
        max-width: 65%;
        margin-left: 0;
    }

    .faq__number {
        font-size: 40px;
    }

    .faq__icon {
        margin-top: 0;
    }

    .footer__top__title {
        font-size: 40px;
    }

    .footer__top {
        padding: 64px 0;
    }

    .footer__nav__wrapper {
        gap: 32px;
    }

    .footer__middle {
        padding-bottom: 64px;
    }

    /* Dev 2 */
    .blockText--action .blockText__wrapper {
        padding: 48px 48px 80px;
    }

    .blockText--service {
        padding: 80px 0px;
    }

    .contact--section {
        padding: 112px 0;
    }

    .contact .section__title,
    .contact .text-line-one {
        padding-right: 0;
    }

    .contact .text-line-two {
        padding-right: 28px;
    }

    .contact .section__head {
        margin-bottom: 64px;
    }

    .contact__form__wrap {
        padding: 0;
    }

    .form,
    .form__label,
    .auto-input-mirror,
    .form__input,
    .form__input::placeholder {
        font-size: 38px;
    }

    .action__block-content__inner h2 {
        font-size: 42px;
        margin-bottom: 36px;
    }

    .about-chapter-title {
        font-size: 36px;
    }

    .about-chapter-title::after {
        border-width: 80px 0 80px 50px;
    }

    .header .container-fluid {
        padding: 0px 32px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991px) {


    .header__mobileContent {
        gap: 4px;
    }

    .header__mobileContent .btn {
        font-size: 15px;
        line-height: 0.91;
        padding: 5px 14px;
    }

    .mobileBar {
        display: inline-block;
        width: 38px;
        height: 38px;
        border-radius: 2px;
        background-color: transparent;
        border: none;
        border: 1px solid var(--natural-300);
        border-bottom-right-radius: 16px;
    }

    .hero__content-inner {
        padding: 24px 48px 0;
        gap: 20px;
    }

    .hero__content h1 {
        font-size: 64px;
        max-width: 450px;
        margin-bottom: 24px;
        margin-left: 42px;
    }

    .hero__content-texts {
        flex: 0 0 auto;
        width: 347px;
    }

    .nous__heading {
        flex-wrap: wrap;
    }

    .faq .blockText__pretitle {
        padding-bottom: 64px;
    }

    .faq__text {
        font-size: 24px;
    }

    .footer__top {
        padding: 32px 0;
    }

    .footer__contact__wrap {
        gap: 8px;
    }

    .footer__contact__item__inner {
        font-size: 14px;
    }

    .footer__middle {
        padding-bottom: 32px;
    }

    .footer__nav__wrapper {
        gap: 8px;
    }

    /* Dev 2 */
    .fs-1 {
        font-size: 60px !important;
    }

    .blockText--service {
        padding: 64px 0px;
    }

    .blockText--service .blockText__pretitle {
        margin-bottom: 32px;
    }

    .nous--section {
        padding-top: 3.5rem;
    }

    .blog__item-content h4 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .blockText--action .blockText__content-text p {
        font-size: 20px;
    }

    .blog__item-count span {
        font-size: 32px;
    }

    .blog__item {
        padding: 36px 0px;
    }

    .blog__item-count {
        width: auto;
    }

    .intro__wrapper {
        padding: 32px;
    }

    .intro__para {
        font-size: 18px;
    }

    .contact--section {
        padding: 80px 0;
    }

    .action__block-content__inner h2 {
        font-size: 30px;
        margin-bottom: 36px;
    }

    .about-chapter-title {
        font-size: 38px;
    }

    .action__block-content__thumb {
        max-width: 100%;
        height: 100%;
    }

    .intro__thumb {
        height: 390px;
    }

    .action__block-content__slider.swiper .swiper-slide img {
        height: 220px;
    }

    .image-stack img {
        width: 280px;
        height: 320px;
        object-fit: cover;
        object-position: center;
    }

    .hero__wrapper {
        width: 290px;
        height: 320px;
    }

    .action__block-content__inner p {
        font-size: 2.67vw;
    }

    .header .container-fluid {
        padding: 0px 32px;
    }

}

/*  Medium devices (tablets, 768px and up) */
@media (max-width: 767px) {
    .faq .blockText__pretitle {
        padding-bottom: 32px;
    }

    .faq .container-fluid {
        padding: 0;
    }

    .faq__wrapper {
        padding: 64px 16px;
        margin-bottom: 0;
    }

    .faq .accordion-item {
        padding: 24px 0;
    }

    .faq__number {
        display: none;
    }

    .faq__text {
        max-width: 100%;
    }

    .faq__icon {
        width: 40px;
        height: 40px;
    }

    .faq .accordion-body {
        font-size: 16px;
        padding: 16px 0 0;
    }

    .accordion-body__content {
        max-width: 84%;
    }

    .faq__icon__line {
        width: 16px;
    }

    .footer__top__title {
        font-size: 32px;
    }

    /* Dev 2 */
    .fs-1 {
        font-size: 48px !important;
    }

    .blockText--action .blockText__wrapper {
        padding: 48px;
    }

    .blockText.blockText--padding {
        padding: 64px 0 32px;
    }

    .blog--section {
        padding-bottom: 64px;
    }

    .blockText--action .blockText__heading {
        margin-bottom: 32px;
    }

    .blog__item-content__text p {
        font-size: 16px;
    }

    .nous--section {
        padding-top: 4rem;
    }

    .blog__item {
        flex-direction: column;
        padding: 24px 0px;
    }

    .blog__item-count {
        display: none;
    }

    .contact--section {
        padding: 64px 0;
    }

    .contact .section__head {
        margin-bottom: 32px;
    }

    .form,
    .form__label,
    .auto-input-mirror,
    .form__input,
    .form__input::placeholder {
        font-size: 28px;
    }

    .intro__thumb,
    .intro__inner__content {
        max-width: 100%;
    }

    .image-stack img {
        width: 280px;
        height: 320px;
        object-fit: cover;
        object-position: center;
    }

    .hero__wrapper {
        width: 290px;
        height: 320px;
    }

    .container-fluid {
        padding: 0px 16px;
    }

    .header__logo a img {
        max-width: 103px;
    }

    .hero__content h1 {
        font-size: 64px;
        max-width: 100%;
        margin-bottom: 16px;
        margin-left: 0px;
        padding: 0px 20px;
    }



    .hero__content-inner {
        padding: 16px 20px 0;
        gap: 15px;
        flex-wrap: wrap;
    }

    .hero__content-texts {
        flex: 0 0 auto;
        width: 100%;
        max-width: 347px;
    }

    .hero__content-texts p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .nous__heading-title h2 {
        font-size: 40px;
    }

    .videoWheel--section {
        width: 100%;
        height: 300vh;
    }

    /* about-section */
    .about-content {
        margin-left: 0;
        width: 100vw;
        padding-top: 0;
    }

    .about-chapter-content {
        min-height: auto;
        padding: 16px 32px;
        border-bottom: none;
    }

    .action__block-content__inner h2 {
        font-size: 32px;
        margin-bottom: 26px;
    }

    .action__block-content__inner p {
        margin-bottom: 30px;
        font-size: 20px;
    }

    .action__block-textBox {
        width: 100%;
        height: 257px;
        max-width: 310px;
    }

    .action__block-textBox span {
        font-size: 71px;
    }

    .action__block-textBox__gif {
        width: 118px;
        height: 172px;
    }

    .action__block-content__slider.swiper .swiper-slide img {
        height: auto;
    }

    .action__block-textBox--recevez {
        height: 133px;
        background-color: #A2422A;
    }

    .action__block-textBox--recevez span {
        color: #BB663D;
    }

    .action__block-textBox--recevez .action__block-textBox__gif {
        height: 96px;
        max-width: 143px;
    }

    .about-section {
        min-height: auto;
        padding: 16px 0px 16px;
    }

    .nous__heading-text {
        width: 100%;
    }

    .hero__content-lists ul li br {
        display: none;
    }

    .hero__content-lists ul li span.text {
        max-width: 100%;
    }


    .action__block-content__thumb {
        height: 180px;
    }

    .action__block-content__thumb img {
        height: 100%;
    }

    .action__block-content__slider.swiper .swiper-slide img {
        height: 180px;
    }

    .hero__wrapper {
        padding-top: 120px;
    }

    .header .container-fluid {
        padding: 0px 16px;
    }




    .videoWheel__visual {
        --scaling-value: 0.19;
    }

    .blockText--action .blockText__wrapper {
        padding: 48px 0px;
    }

    .bg-sm-white {
        background-color: var(--white-color);
    }



}

/* Small devices  */
@media (max-width: 575px) {

    /* Dev 2 */
    .fs-1 {
        font-size: 40px !important;
    }

    .blog__item {
        padding: 24px 0px;
    }

    .blockText--whyCallUs .container-fluid,
    .blog--section .container-fluid,
    .intro .container-fluid,
    .contact .container-fluid {
        padding: 0px 16px;
    }

    .hero__content h1 {
        font-size: 58px;
    }

    .blockText--action .blockText__content {
        flex: 0 0 auto;
        width: 100%;
    }

}

/* Small devices  */
@media (max-width: 390px) {
    .action__block-chapterThumb__content .chapter__title {
        font-size: 36px;
    }

}