@media(min-width:768px) {
    .menu-content {
        padding: 60px 0;
        height: calc(100% - 82px);
    }

    .visual-links {
        flex-direction: row;
        height: 100%;
    }

    .visual-link {
        height: 100%;
    }

    .col-ps {
        padding-left: 50px;
    }

    .col-pe {
        padding-right: 50px;
    }

    .py-10 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media(min-width:768px) and (max-width:992px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}

@media(min-width:1200px) and (max-width:1400px) {}

@media(min-width:992px) and (max-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 992px;
    }
}

@media(min-width:992px) {}

@media(min-width:1200px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 1180px;
    }
}

@media(min-width:1320px) {}

@media(min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
    }
}

@media(max-width:1400px) {}

@media(max-width:1200px) {
    .seo-2 .item-1 {
        min-height: 148px;
    }
}

@media(max-width:1024px) {}

@media(max-width:992px) {}

@media(max-width:768px) {
    body {
        font-size: 16px;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 20px;
    }

    .sem-2 .item-1 h3 {
        font-size: 20px;
    }

    .menu-content {
        padding: 30px 12px;
    }

    .visual-link {
        height: auto;
    }

    .visual-link-overlay {
        position: relative;
        padding: 0px;
        background: transparent;
        justify-content: start;
    }

    .visual-link img {
        display: none;
    }

    .expertise-links h3 {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 500;
    }

    .visual-links {
        gap: 16px;
        margin-bottom: 15px;
    }

    .expertise-list {
        margin: 0 0 20px 0;
    }

    .expertise-item a {
        font-size: 16px;
    }

    #slider {
        /*min-height: calc(100vh + 30px);*/
    }

    .carousel-item .carousel-caption {
        padding: 12px 24px;
        top: 20px;
        transform: none;
    }

    .carousel-item .carousel-caption h2 {
        font-size: 40px;
        margin-bottom: 7px;
    }

    .carousel-item .carousel-caption p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .carousel-indicators {
        left: 24px;
        right: 0px;
        margin-right: auto;
        bottom: 30px;
    }

    .carousel-indicators [data-bs-target] {
        width: 40px;
        height: 40px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 100px;
        height: 40px;
        right: 12px;
        left: auto;
        top: auto;
        border: 1px solid var(--white);
        gap: 15px;
    }

    .carousel-control-next {
        right: 12px;
        bottom: 80px;
    }

    .carousel-control-prev {
        bottom: 30px;
    }

    .cta-element {
        width: 250px;
        height: 250px;
    }

    .cta-element-1 {
        left: -75px;
        top: -60px;
        filter: blur(80px);
        -webkit-filter: blur(80px);
    }

    .cta-element-2 {
        left: 25px;
        top: 53px;
        filter: blur(40px);
        -webkit-filter: blur(40px);
    }

    .cta-element-3 {
        right: 25px;
        top: -55px;
        filter: blur(40px);
        -webkit-filter: blur(40px);
    }

    .cta-element-4 {
        right: -126px;
        bottom: -160px;
        filter: blur(60px);
        -webkit-filter: blur(60px);
    }

    .footer {
        padding: 80px 12px 60px;
    }

    footer h3 {
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .tmf-2 .process-arrow-1,
    .tmf-2 .process-arrow-2 {
        display: none;
    }

    .inner-section {
        padding: 30px 12px;
    }

    .image-cover {
        min-height: 300px;
    }

    .image-cover-1 {
        min-height: 300px;
        margin-bottom: 0px;
    }

    .image-cover-2 {
        min-height: 300px;
        margin-top: 0px;
    }

    .pt-mobile-0 {
        padding-top: 0px;
    }

    .hero {
        height: auto;
        min-height: 100vh;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /*    .seo-4 .check-list .check-item {
        width: 100%;
        flex: 0 0 100%;

    }*/
    .seo-4 .check-list>div {
        width: 100%;
        flex: 0 0 100%;
    }

    .box-1 {
        padding: 20px;
    }

    /*
    .b-2 .check-list .check-item {
        width: 100%;
        flex: 0 0 100%;
    }*/
    .b-2 .check-list>div {
        width: 100%;
        flex: 0 0 100%;
    }

    .sd-card-1,
    .sd-card-2,
    .sd-card-3,
    .sd-card-4,
    .sd-card-5,
    .sd-card-6 {
        border: 1px solid rgba(255, 255, 255, .3);
    }

    .sd-card-2,
    .sd-card-3,
    .sd-card-4,
    .sd-card-5,
    .sd-card-6 {
        border-top: 0px;
    }

    .sd-card {
        padding: 20px;
    }

    #captchaContainer {
        max-width: 460px;
        margin: 0 auto;
    }

    .captcha-grid {
        height: 250px;
    }

    .recaptch-cover .recaptch-cover-header {
        padding: 12px 10px;
    }

    .form-control {
        padding: 12px 10px;
    }

    .recaptch-cover .recaptch-cover-header button {
        padding: 6px 10px 5px;
        font-size: 14px;
    }

    .recaptch-cover .recaptch-cover-header button i {
        margin-right: 2px;
    }

    .recaptch-cover-body {
        padding: 20px;
    }

    .captcha-grid-item {
        border-radius: 12px;
    }

    .emoji-option {
        border-radius: 12px;
    }

    .process-line {
        display: none;
    }

    .image-mobile-fixing img {
        object-position: 0px;
    }

    .seo-2 .item-1 {
        min-height: auto;
    }
    .hero-10 {
    background-position: center right;
}
}

@media(max-width:460px) {
    .emoji-options {
        gap: 5px;
    }

    .emoji-option {
        font-size: 30px;
        min-width: 42px;
        border-radius: 5px;
    }
}