/* Tablets */
@media (max-width:1024px){

    header .max-w-\[1600px\]{
        padding-left:15px;
        padding-right:15px;
    }

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

}

/* Mobile */
@media (max-width:768px){

    #grid{
        grid-template-columns:1fr;
    }

    main{
        padding-left:15px !important;
        padding-right:15px !important;
    }

    .card-premium{
        padding:15px;
    }

    .hidden.lg\:flex{
        display:none;
    }

}

/* Small phones */
@media (max-width:480px){

    .card-premium h3{
        font-size:20px;
    }

    .card-premium p{
        font-size:10px;
    }

    #toast-container{
        right:10px;
        left:10px;
    }

    .toast{
        min-width:auto;
    }

}