div.vote-wrap{ overflow: hidden; } .footer__rateUs{ margin: -2px 0px 28px 0px; } .rate_us { display: flex; justify-content: center; padding: 0 0 26px 0px; color: white; /* position: absolute; */ } .rate_us>div{ width: max-content; } .rate_us .vote-wrap{ overflow: hidden; max-width: 94px; margin-top: -2px; } div.vote-block{ position: relative; } div.vote-hover{ float: left; cursor: pointer; } div.vote-stars{ position: absolute; left: 0; top: 0; } div.vote-active{ position: absolute; left: 0; top: 0; } div.vote-result{ color: #ccc; font-size: 14px; margin-top: 12px; padding-left: 190px; } div.vote-success{ clear: both; color: #575757; font-size: 14px; position: absolute; margin: 10px 0 0 10px; color: white; } div.border-wrap{ background-clip: border-box; background-color: rgb(255, 255, 255); background-origin: padding-box; background-size: auto; border: 1px solid rgb(192, 192, 192); border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; border-top-left-radius: 9px; border-top-right-radius: 9px; margin: 10px auto; overflow: hidden; padding: 10px; position: relative; } div.border-wrap h1{ text-align: center; font-size: 24px; } div.border-wrap h2{ font-size: 20px; } div#zad_plan { background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; z-index: 99999; } .form_otv { left: 25%; position: fixed; top: 25%; z-index: 99999; width: 50%; } .calculator-form-left { width: 315px; height: 320px; float: left; background: #ffe26c; padding: 12px 20px 0 20px; overflow: visible; height: 274px; background: #b6daf2 none repeat scroll 0% 0%; border-radius: 6px; width: 435px; } .rate_otz_header{ text-align: center; color: black; font-size: 17px; font-weight: bold; } @media screen and (max-width:700px) { .footer__rateUs { margin: 17px 0px 28px 0px; } #otzv_kek{ margin: 0px !important; left: 2%; } .rate_otzv{ width: 95% !important; } .form_otv { width: 100%; } } @media screen and (max-width:420px) { .rate_us{ flex-direction:column; } .rate_otzv { /* width: 70% !important; */ /* margin: 0 0 0 2%; */ } }