@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .mx-14{
        margin-left: 0rem;
        margin-right: 0rem;
    }

    .mx-16{
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mx-28{
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .text-2xl {
        font-size: 1.1rem;
        line-height: 1.2rem;
    }

    .w-1\/4 {
        width:48%;
    }

    .w-1\/2 {
        width: 100%;
    }

    .mr-4{
        margin-right:0rem !important;
    }

    .ml-4{
        margin-left:0rem !important;
    }

    .h-48{
        height: auto !important;
    }

    .grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grid-cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .w-36{
        width: 6rem;
    }
}