@media (max-width: 1280px) {
    body{
     
        /* margin-left: 10px; */

    }
    .card{
        width: 450px;
        margin-left: 10%;
    }

    @media (max-width: 1245px) {
        .card{
            width: 450px;
            margin-left: 10%;
        }

}

@media (max-width: 1216px) {
    .card{
        width: 450px;
        margin-left: 8%;
    }

}


@media (max-width: 1193px) {
    .card{
        width: 450px;
        margin-left: 8%;
    }

}

@media (max-width: 1152px) {
    .card{
        width: 450px;
        margin-left: 7%;
    }

}

@media (max-width: 1130px) {
    .card{
        width: 450px;
        margin-left: 6%;
    }

}

@media (max-width: 1095px) {
    .card{
        width: 450px;
        margin-left: 5%;
    }

}

@media (max-width: 1060px) {
    .card{
        width: 400px;
        margin-left: 5%;
    }

}

@media (max-width: 1024px) {
    .card{
        width: 400px;
        margin-left: 7%;
    }

}

@media (max-width: 939px) {
    .card{
        width: 400px;
        margin-left: 4%;
    }

}

@media (max-width: 912px) {
    .card{
        width: 500px;
        margin-left: 22%;
    }

}

@media (max-width: 905px) {
    .card{
        width: 500px;
        margin-left: 23%;
    }

}



@media (max-width: 820px) {
    .card{
        width: 500px;
        margin-left: 19%;
    }

}


@media (max-width: 768px) {
    .card{
        width: 500px;
        margin-left: 17.5%;
    }

}


@media (max-width: 540px) {
    .card{
        width: 500px;
        margin-left: 3.5%;
    }

}


@media (max-width:414px) {
    .card{
        width: 450px;
        margin-left: 0%;
    }

}

@media (max-width:412px) {
    .card{
        width: 413px;
        margin-left: 0%;
    }

}
}