/* <===== Responsive Website =====> */

@media (max-width: 1024px) {
    .detail {
        padding: 0px 30px;
    }

    .detail span {
        font-size: 34px;
        line-height: 42px;
    }

    .detail p {
        font-size: 15px;
        line-height: 30px;
    }

    .e-form input {
        width: 250px;
    }
}

@media (max-width: 1000px) {
    .t-box {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 610px) {
    .detail {
        padding: 0px 20px;
        height: auto;
    }

    .detail span {
        font-size: 28px;
        line-height: 36px;
        width: 100%;
        margin-top: 20px;
    }

    .detail p {
        font-size: 14px;
        line-height: 28px;
    }

    .detail .h3 {
        font-size: 12px;
        line-height: 24px;
    }

    .e-form {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .e-form button {
        padding: 0px 1px;
        margin: 0px 0px;
    }

    .svg3 {
        display: none;
    }

    .detail-s::before {
        height: 100%;
    }

    .detail-s {
        height: auto;
        padding-bottom: 20px;
    }
}

@media (max-width: 500px) {
    .t-box {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 450px) {
    .e-form input {
        width: 100%;
        max-width: 100%;
    }

    .e-form button {
        width: 100%;
        max-width: 100%;
    }

    .email-signup input {
        width: 100%;
        max-width: 100%;
    }

    .email-signup button {
        width: 100%;
        max-width: 100%;
    }
}