.main_block_ap{width:100%;margin:0;} .main_block_ap .dano {float:left;width:65%;} .main_block_ap input {display:block;float:left;width:30%;text-align:right;border:2px solid #ccc;border-radius:4px;box-shadow:0 0 5px 2px #ccc;padding:2px 5px;} .main_block_ap input:focus{border:2px solid #498AF3;} #result{float:left;width:auto;margin:1em;} .otvet{font-size:1.1em;color:#0F8500;margin-left:0.8em;} .raschitat{float:center;width:100px;padding:0.5em 0.8em;margin:1em 1em 0 0;background:#D94A38;border:2px solid #fff;box-shadow:0 0 5px 2px #ccc;text-align:center;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;font-size:0.8em;} .raschitat:active{box-shadow:0 0 3px 0 #999;} @media screen and (min-width:690px) { .main_block_ap{width:300px;margin:1em auto;} }