#units{max-width:1366px;margin:0 auto;padding:30px}#units h2{text-transform:uppercase;text-align:center;color:#222;margin-bottom:30px;font-weight:400}#units .table{display:flex}#units .table .measurement-ad{width:270px;height:500px;position:sticky;top:0}#units .table table{border-collapse:collapse;width:100%;max-width:700px;margin:0 auto}#units .table table thead tr{color:#fff;background-color:#3e50b4;height:60px;font-size:18px}#units .table table tbody tr{text-align:center;background-color:#f8f9fb;border-top:3px solid #fff;height:45px;margin-top:5px}#units .table table tbody tr:hover{background-color:#eaeff5}#units .table tr th,#units .table tr td{width:33%;padding:10px}#units #top{margin-top:30px}#units #converter-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}#units #converter-container #inpts{justify-content:center;align-items:center;gap:20px;display:flex}#units #converter-container p{background-color:#f8f9fb;border-radius:5px;justify-content:center;align-items:center;width:550px;height:55px;font-size:24px;display:flex}#units #converter-container span{font-size:30px}#units #converter-container .input-container{align-items:center;display:flex}#units #converter-container .input-container input,#units #converter-container .input-container select{text-align:center;border:2px solid #222;height:45px;font-size:16px}#units #converter-container .input-container input{border-radius:5px 0 0 5px}#units #converter-container .input-container select{border-left:none;border-radius:0 5px 5px 0}@media screen and (max-width:1024px){#units{padding:30px}#units h2{margin-bottom:26px}#units .table{flex-direction:column}#units .table .measurement-ad{width:100%;height:200px;position:relative}#units .table .measurement-ad.measurement-ad-2{display:none}#units .table table{max-width:100%;margin:15px auto}}@media screen and (max-width:500px){#units{padding:20px 10px}#units h2{font-size:20px!important}#units h2#tt{margin-top:30px}#units td,#units th{font-size:14px!important}#units #converter-container{gap:10px}#units #converter-container #inpts{flex-direction:column;gap:10px}#units #converter-container p{width:100%;margin-top:20px;font-size:18px}#units #converter-container span{font-size:30px}#units #converter-container .input-container{align-items:center;display:flex}#units #converter-container .input-container input,#units #converter-container .input-container select{text-align:center;border:2px solid #222;height:45px;font-size:16px}#units #converter-container .input-container input{border-radius:5px 0 0 5px}#units #converter-container .input-container select{border-left:none;border-radius:0 5px 5px 0}}
