@media (max-width: 1536px) {

    /* Signup */

    section#auth-form {
        width: 50%;
    }


}



@media (max-width: 1024px) {

    /* Global */

    .container {
        width: 90%;
    }


    /* Default Form */

    form.default-form {
        width: 70%;
    }



    /* Farmer: Farmer Dashboard */

    section#dashboard-widgets .widgets {
        flex-wrap: wrap;
        justify-content: center;
    }

    section#dashboard-widgets .widgets .widgets-box {
        width: 100%;
    }



    /* Farmer: Product Details */

    section#view-product-details .product-information .information-image img {
        width: 300px;
        height: 300px;
    }


}



@media (max-width: 820px) {

    /* Global */

    .tablet-hidden {
        display: none;
    }


    /* Default Form */

    form.default-form {
        width: 100%;
    }



    /* Signup */

    section#auth-form {
        width: 70%;
    }



    /* Login */

    section#login .login-box {
        width: 100%;
    }



    /* Customer: Product Details */

    section#product-details .product-details-image img {
        object-fit: cover;
        width: 250px;
    }


}



@media (max-width: 420px) {

    /* Global */

    h2 {
        font-size: 1.5rem;
    }


    /* Menu */

    aside {
        width: 260px;
    }

    aside .side-menu .side-menu-category {
        padding: 10px;
    }



    /* Signup */

    h1 {
        font-size: 1.5rem;
    }



    /* Farmer: Farmer Dashboard */

    .small-screen-hidden {
        display: none;
    }

    .small-screen a {
        text-decoration: underline;
    }



    /* Farmer: Planting Records */

    .information {
        width: 100%;
    }



    /* Farmer: Product Details */

    section#view-product-details .product-information .information-image img {
        width: 200px;
        height: 200px;
    }



    /* Customer: Product Details */

    section#product-details .product-details-content {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    section#product-details .product-details-content .product-details-image {
        text-align: center;
    }

    section#product-details .product-details-image img {
        width: 100%;
    }



    /* Customer: Cart */

    .customer-product-box {
        flex-direction: column;
        gap: 1rem;
    }

    .customer-product-content img {
        width: 100px;
        height: 100px;
    }

    .customer-product-box button {
        display: block;
        width: 100%;
    }

    .grand-total {
        flex-direction: column;
        gap: 1rem;
    }



    /* Footer */

    footer {
        margin-top: 10rem;
    }


}