/* ===== Mobile Approach Responsive ===== */

/* Extra Small Device */
@media only screen and (max-width: 430px) {
    .menu .offcanvas-start {
        width: 100%;
    }
}

/* Small Device :550px. */
@media only screen and (min-width: 576px) {
    .container,
    .hero__content__inner {
        width: 540px;
        padding: 0 12px;
    }

    .fs-1 {
        font-size: 60px !important;
    }
    .fs-2 {
        font-size: 48px !important;
    }
    .fs-3 {
        font-size: 40px !important;
    }

    .hero__content__inner {
        max-width: 540px;
        padding: 0 12px;
    }
    .hero__form__content {
        padding: 0 12px;
    }
    .hero__form__title {
        font-size: 32px;
    }
    .hero__form__box {
        padding: 32px;
    }
    .about__thumb,
    .section__thumb {
        max-width: 75%;
        height: 500px;
    }
    .about__inner,
    .section__block__inner {
        padding-top: 40px;
    }
    .section__thumb__obj {
        border-radius: 16px;
        margin-bottom: -24px;
        margin-right: -8px;
    }
    .testimonial__wrapper {
        padding: 0 12px;
    }
    .testimonial__item {
        padding: 32px;
    }
    .testimonial .swiper-button-next {
        right: -16px;
    }
    .testimonial .swiper-button-prev {
        left: -16px;
    }
    .gallery__thumb {
        height: 416px;
    }
    .footer__wrapper {
        padding: 50px 0;
    }
}

/* Medium Device. */
@media only screen and (min-width: 768px) {
    .container {
        width: 720px;
    }

    .logo {
        max-width: 180px;
    }
    .menu-btn,
    .menu-close {
        width: 40px;
        height: 40px;
    }
    .menu-btn {
        margin-top: -10px;
    }
    .menu__logo {
        max-width: 164px;
    }
    .header {
        padding: 22px 0;
    }
    .hero__content {
        padding: 112px 0 70px;
    }
    .hero__content__inner {
        max-width: 720px;
    }
    .about--section,
    .choose--section,
    .license--section,
    .dealings--section,
    .testimonial--section {
        padding: 70px 0;
    }
    .choose__card {
        min-height: 300px;
        height: 100%;
        padding: 32px 36px;
    }
    .choose__card:hover::after {
        border-color: #06b5eb;
        transform: scale(1.05);
    }
    .section__thumb {
        height: 500px;
    }
    .footer__logo {
        max-width: 200px;
        margin: 0 auto 48px;
    }
    .footer__bottom {
        padding: 24px 0;
    }
    .copyright-text {
        font-size: 16px;
    }
}

/* LG Device. */
@media only screen and (min-width: 992px) {
    .container {
        width: 960px;
    }

    .header {
        padding: 28px 0;
    }
    .hero--section {
        padding: 132px 0 80px;
        background-color: var(--primary);
    }
    .hero--section::before,
    .hero--section::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 90%;
        height: 100%;
        background: url("../imgs/bg-thumbs/hero-bg.jpg") no-repeat center right;
        z-index: -1;
    }
    .hero--section::after {
        width: 100%;
        background: linear-gradient(
            90deg,
            #003a6d 39.01%,
            rgba(0, 0, 0, 0) 99.99%
        );
    }
    .hero__wrapper {
        max-width: 960px;
        padding: 0 12px;
    }
    .pattern-hero {
        width: 16%;
    }
    .hero__content {
        background-image: none;
        padding: 0;
    }
    .hero__content::before,
    .hero__content::after {
        display: none;
    }
    .hero__content__inner {
        max-width: 100%;
        width: 100%;
        padding: 16px 0 0;
    }
    .hero__form__content {
        max-width: 424px;
        padding: 0;
    }
    .about__thumb {
        position: absolute;
        left: 16px;
        max-width: 45%;
        width: 100%;
        height: 100%;
    }
    .about__inner {
        padding: 40px 0;
    }
    .Choose__icon {
        height: 60px;
        margin-bottom: 32px;
    }
    .Choose__icon img {
        max-height: 60px;
        max-width: 60px;
    }
    .license--section,
    .dealings--section {
        padding: 40px 0;
    }
    .section__thumb {
        position: absolute;
        top: 0;
        right: 16px;
        height: 100%;
        width: 45%;
    }
    .section__block__inner {
        padding: 60px 0 40px;
    }
    .section--even .section__thumb {
        right: auto;
        left: 16px;
    }
    .section__thumb__obj {
        margin-bottom: -16px;
        margin-right: -16px;
    }
    .footer__logo {
        margin: 0;
        margin-right: 144px;
    }
}

/* Large Device :992px. */
@media only screen and (min-width: 1200px) {
    .container {
        width: 1140px;
    }

    .fs-1 {
        font-size: 76px !important;
    }
    .fs-3 {
        font-size: 44px !important;
    }
    .btn {
        min-width: 230px;
        font-size: 18px;
        padding: 19px 27px;
    }
    .section__para {
        font-size: 20px;
    }

    .logo {
        max-width: 224px;
    }
    .header__right,
    .header__ul {
        gap: 48px;
    }
    .header__nav__link,
    .contact-number {
        font-size: 18px;
    }
    .dropdown-link {
        font-size: 16px;
        padding: 16px;
    }
    .hero--section {
        padding: 164px 0 100px;
    }
    .hero__wrapper {
        max-width: 1140px;
    }
    .hero__form__box {
        padding: 32px 32px 28px;
    }
    .form__row.g-3 {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }
    .input {
        padding: 20px 25px;
    }
    .about--section {
        padding: 70px 0 100px;
    }
    .about__inner {
        padding: 80px 0;
    }
    .choose {
        padding: 86px 0;
    }
    .choose__card {
        min-height: 340px;
        height: 100%;
        padding: 40px 46px;
    }
    .section__block__inner {
        padding: 90px 0 60px;
    }
    .section__thumb__image {
        border-radius: 16px;
    }
    .testimonial--section {
        padding: 96px 0;
    }
    .testimonial__item {
        padding: 32px 40px;
    }
    .testimonial__head {
        padding-bottom: 24px;
    }
    .widget__title {
        font-size: 22px;
    }
    .footer__nav__link {
        font-size: 17px;
    }
    .footer__bottom {
        padding: 30px 0 27px;
    }
}

/* XL Device :1280px. */
@media only screen and (min-width: 1400px) {
    .container {
        width: 1264px;
    }

    .fs-2 {
        font-size: 55px;
    }
    .fs-3 {
        font-size: 50px !important;
    }

    .logo {
        max-width: 252px;
    }
    .header__right,
    .header__ul {
        gap: 58px;
    }
    .header__nav__link,
    .contact-number {
        font-size: 20px;
    }
    .contact-number {
        padding-top: 20px;
    }
    .hero__wrapper {
        max-width: 1264px;
    }
    .hero__form__box {
        padding: 32px 40px 28px;
    }
    .hero__form__content {
        max-width: 544px;
        padding: 0;
    }
    .about__inner {
        padding: 96px 0;
    }
    .choose {
        padding: 86px 0 106px;
    }
    .choose__card {
        min-height: 372px;
    }
    .choose__para {
        font-size: 18px;
    }
    .section__thumb {
        width: 47%;
    }
    .section--even .section__thumb {
        width: 45%;
    }
    .section__block__inner {
        padding: 110px 0 90px;
    }
    .section__thumb__obj {
        border-radius: 30px;
        margin-bottom: -24px;
        margin-right: -24px;
    }
    .gallery__thumb {
        height: 516px;
    }
    .footer__logo {
        max-width: 276px;
    }
    .widget__menu {
        margin-right: 40px;
    }
    .copyright-text {
        font-size: 18px;
    }

}

/* XXL Device. */
@media only screen and (min-width: 1600px) {
    .btn {
        min-width: 255px;
        font-size: 20px;
        padding: 23px 30px;
    }

    .logo {
        max-width: 276px;
    }
    .hero--section {
        padding: 192px 0 130px;
    }
    .hero__form__box {
        padding: 46px 50px 28px;
    }

    .about--section {
        padding: 70px 0 130px;
    }
    .about__inner {
        padding: 136px 0 96px;
    }
    .choose__card {
        min-height: 420px;
    }
    .Choose__icon {
        height: 80px;
        margin-bottom: 40px;
    }
    .Choose__icon img {
        max-height: 80px;
        max-width: 80px;
    }
    .section__block__inner {
        padding: 140px 0 110px;
    }
}


@media only screen and (max-width: 1200px) {
    .section__block__content table tr td, .tarieven {
        padding-right: 20px;
        font-size: 18px;
        line-height: 1.7rem;
    }
}