@media (max-width: 1500px) {
    .header-logo img
    {
        height: 60px;
    }

    .header-box-item
    {
        margin-left: 1em;
    }

    .mid-section
    {
        min-width: auto;
        max-width: 100%;
    }

    .border-container
    {
        width: 80%;
    }
}

@media (max-width: 1030px) {
    .header-logo img {
        content: url("/imgs/symbol/symbol_logo.png");
    }
    
    .home-page
    {
        padding: 10px;
    }

    .home-page h1
    {
        font-size: 24px;
    }

    .home-page span
    {
        font-size: 12px;
    }
}

@media (max-width: 900px) 
{
    .page
    {
        margin-top: 10px;
    }

    .half-width-div h1
    {
        font-size: 46px;
    }

    .border-container .column span
    {
        font-size: 16px;
    }

    .border-container .column img
    {
        width: 26px;
        height: 26px;
    }

    .box-item-content span
    {
        font-size: 12px;
    }

    .box-item-content a
    {
        font-size: 14px;
    }

    .box-item-ico
    {
        display: none;
    }

    .page h1
    {
        font-size: 32px;
    }

    .div-container
    {
        width: 95%;
        margin: 10px auto;
        flex-direction: column;
    }

    .div-right-item
    {
        width: 100%;
    }

    .div-container h2, h3
    {
        font-size: 22px;
    }

    .div-container b, span
    {
        font-size: 14px;
    }
}

@media (max-width: 700px)
{
    .header-bottom-bar nav ul li
    {
        margin-right: 0.5em;
        font-size: 14px;
    }

    .tel
    {
        display: none;
    }
}