ResponsiveOne.css

@media only screen and (max-width:330px)
{
    .continut-dreapta2 {
        font-size: 10px;
    }
    .continut-stanga2 img {
        height: 100px;
    }

    .continut-dreapta2 input {
        width: 64%;
        font-size: 10px;
    }
    .card button {
        width: 80%;
        height: 5%;
        font-size: 10px;
    }
    .price2 {
        font-size: 18px;
    }
}

@media only screen and (min-width:331px)
{
    .continut-dreapta2 {
        font-size: 10px;
    }

    .continut-stanga2 img {
        height: 100px;
    }

    .continut-dreapta2 input {
        width: 64%;
        font-size: 10px;
    }

    .card button {
        width: 80%;
        height: 5%;
        font-size: 13px;
    }
    .price2 {
        font-size: 20px;
    }
}

@media only screen and (min-width:768px)
{
    .continut-dreapta2 {
        font-size: 19px;
    }

    .continut-stanga2 img {
        height: 280px;
    }

    .continut-dreapta2 input {
        width: 64%;
        font-size: 20px;
    }

    .card button {
        width: 80%;
        height: 5%;
        font-size: 20px;
    }
}

@media only screen and (min-width:992px)
{ 
    .continut-dreapta2 {
        font-size: 20px;
    }

    .continut-dreapta2 input {
        width:64%;
        font-size: 25px;
    }

    .card button {
        height: 60px;
    }
    .price2 {
        font-size: 30px;
    }
}

@media only screen and (min-width:1600px)
{
    .continut-dreapta2 {
        font-size: 40px;
    }
    .continut-stanga2 img {
        height: 450px;
        margin-top: 20%;
    }
    .price2 {
        font-size: 50px;
    }

    .continut-dreapta2 input {
        width: 60%;
        font-size: 40px;
    }
    .card button {
        width: 100%;
        height: 6%;
        font-size: 40px;
    }
}