@media (max-width: 768px) {
    .body img {
        display: none;
    }

    nav {
        font-size: 12px;
    }

    .options {
        gap: 50px;
    }

    form {
        width: 350px;
    }

    .text {
        width: 400px;
        padding-right: 10px;
    }

    .pbox {
        width: 200px;
        padding: 10px;
    }

    .footer .foptions {
        width: 110px;
        padding: 0;
    }

    .footer .foptions p {
        font-size: 10px;
    }

    .footer {
        font-size: 5px;
        padding: 0;
    }

    .footer .namad {
        gap: 15px;
    }

    .footer .mes {
        gap: 8px;
    }

    .footer .foptions #zarinpal a img {
        display: block;
        width: 40px;
    }

    .footer .foptions a img {
        width: 40px;
    }

    .footer .foptions .messenger {
        width: 80px;
    }
}