form {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #f7f7f7;
    border: #f7f7f7 1px solid;
    padding: 10px;
    color: #5a5a5a;
    width: 448px;
    margin-left: 480px;
    margin-right: -480px;
    text-align: center;
    margin-right: 0 !important;
    }
@media only screen and (min-width: 1210px) and (max-width: 1449px) {
form {
    width: 368px;
    }
}

@media only screen and (min-width: 970px) and (max-width: 1209px) {
form {
    width: 288px;
    }
}

@media only screen and (min-width: 850px) and (max-width: 969px) {
form {
    width: 248px;
    }
}

@media only screen and (min-width: 730px) and (max-width: 849px) {
form {
    width: 208px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 729px) {
form {
    width: 165px;
    }
}

@media only screen and (min-width: 490px) and (max-width: 600px) {
form {
    width: 448px;
    }
}

@media only screen and (min-width: 442px) and (max-width: 489px) {
form {
    width: 400px;
    }
}

@media only screen and (max-width: 441px) {
form {
    width: 278px;
    }
}

@media only screen and (min-width: 1210px) and (max-width: 1449px) {
form {
    margin-left: 400px;
    margin-right: -400px;
    }
}

@media only screen and (min-width: 970px) and (max-width: 1209px) {
form {
    margin-left: 320px;
    margin-right: -320px;
    }
}

@media only screen and (min-width: 850px) and (max-width: 969px) {
form {
    margin-left: 280px;
    margin-right: -280px;
    }
}

@media only screen and (min-width: 730px) and (max-width: 849px) {
form {
    margin-left: 240px;
    margin-right: -240px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 729px) {
form {
    margin-left: 197px;
    margin-right: -197px;
    }
}

@media only screen and (max-width: 600px) {
form {
    margin-left: 0;
    }
}