@media (max-width: 2495px) {
    body{
        
        float: none;
    }

    @media (min-width: 1290px) and (max-width: 3000px) {
        .card{
        width: 500px;
        margin-left:33%;
       
        }
    } 

    @media (max-width:2495px) {
        .card{
            width: 500px;
         
    }
    }

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

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

         
    }
    }

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

    @media (max-width:412px) {
        .card{
            width: 500px;
            margin-left:2px;
            /* margin-top: 40%; */
         
    }
    }

    @media (max-width:540px) {
        .card{
            width: 500px;
        
        

         
    }
    }

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

    @media (min-width:602px) and (max-width:768px) {
        .card{
            width: 500px;
            margin-left:17%;
            /* margin-top: 25%; */
         
    }
    }

    @media (min-width:500px) and (max-width:602px) {
        .card{
            width: 500px;
            margin-left:4%;
            
    }
    }

    @media (min-width:375px) and (max-width:412px) {
        .card{
            width: 500px;
            margin-left:0%;
              
    }
    }

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

    @media (min-width:360px) and (max-width:412px) {
        .card{
            width: 500px;
            margin-left:0%;
               
    }
    }

    
    @media (min-width:280px) and (max-width:360px) {
        .card{
            width: 500px;
            margin-left:0%;
            
         
    }
    }
 }