@media (max-width: 2561px) {
    .content {
        padding: 0;
    }

        .content .logo {
            width: 50%;
            margin-bottom: 50px;
        }

    .phone-box {
        width: 80%;
    }

    .phone-number {
        width: 65%;
    }

        .phone-number > span {
            left: 13px;
            top: 17px;
            font-size: 17px;
        }

        .phone-number input {
            margin: 0;
        }

            .phone-number input:nth-of-type(1) {
            }

    .phone-submit {
        width: 25%;
    }

    .content .network {
        margin-top: 50px;
    }

    .footer {
        margin-top: 40px;
    }
}

@media (max-width: 1441px) {
    .content {
        padding: 0;
    }

        .content .logo {
            width: 45%;
        }
}

@media (max-width: 1026px) {
    .phone-number {
        width: 70%;
    }

        .phone-number input:nth-of-type(1) {
            width: 32%;
        }

        .phone-number input:nth-of-type(2) {
            width: 60%;
        }
}

@media (max-width: 880px) {
    .phone-number {
        width: 90%;
    }

        .phone-number input:nth-of-type(1) {
            width: 40%;
        }

        .phone-number input:nth-of-type(2) {
            width: 60%;
        }

    .phone-submit {
        width: 28%;
    }
}

@media (max-width: 769px) {
    #intro-video {
        top: -350px;
        right: 0;
        width: 150%;
        height: 150%;
    }

    .phone-number {
        width: 90%;
    }

        .phone-number > span {
            left: 10px;
            top: 18.5px;
            font-size: 14px;
        }

        .phone-number input {
            font-size: 14px;
        }

            .phone-number input:nth-of-type(1) {
                width: 45%;
            }

            .phone-number input:nth-of-type(2) {
                width: 70%;
            }

    .phone-submit {
        width: 30%;
    }
}

@media (max-width: 670px) {
    .content .logo {
        width: 60%;
    }

    .phone-box {
        width: 400px;
    }

    .phone-number {
        width: 75%;
    }

        .phone-number input:nth-of-type(1) {
            width: 35%;
        }

        .phone-number input:nth-of-type(2) {
            width: 65%;
        }

    .phone-submit {
        width: 25%;
    }
}

@media (max-width: 520px) {
    .content .logo {
        width: 70%;
    }

    .phone-box {
        width: 350px;
    }
}

@media (max-width: 426px) {
    #intro-video {
        top: -300px;
        right: 0;
        width: 140%;
        height: 140%;
    }

    .content .logo {
        width: 60%;
        margin-bottom: 70px;
    }

    .phone-box {
        width: 300px;
    }

    .phone-number {
        width: 80%;
    }

        .phone-number > span {
            left: 13px;
            top: 12.5px;
            font-size: 14px;
        }

        .phone-number input {
            font-size: 15px;
            padding: 5px;
        }

            .phone-number input:nth-of-type(1) {
                width: 40%;
            }

            .phone-number input:nth-of-type(2) {
                width: 65%;
            }

        .phone-number .horizontal-line {
            margin-right: 2px;
            padding-right: 2px;
            border-right: 1px solid black;
            height: 25px;
        }

    .phone-submit {
        width: 30%;
        height: 40px;
    }

        .phone-submit > span {
            height: 13px;
            font-size: 11px;
        }

    .network > svg {
        font-size: 25px;
        margin: 0 15px;
    }

    .footer {
        margin-top: 70px;
    }

        .footer > span {
            font-size: 15px;
        }
}

@media only screen and (max-height: 670px) {
    .content .logo {
        margin-bottom: 45px;
    }

    .content .network {
        margin-top: 45px;
    }

    .footer {
        margin-top: 45px;
    }
}

@media only screen and (max-height: 572px) {
    .content .logo {
        margin-bottom: 45px;
    }

    .content .network {
        margin-top: 45px;
    }

    .footer {
        margin-top: 45px;
    }
}

@media only screen and (max-height: 481px) {
    .content .logo {
        margin-bottom: 35px;
    }

    .content .network {
        margin-top: 35px;
    }

    .footer {
        margin-top: 35px;
    }

        .footer > span {
            font-size: 14px;
        }
}

@media only screen and (max-height: 400px) {
    .content .logo {
        margin-bottom: 30px;
    }

    .content .network {
        margin-top: 30px;
    }

    .footer {
        margin-top: 25px;
    }
}