.form{display:flex;padding:5px;justify-content:center;align-items:center;flex-wrap:wrap}.form-input{border:2px solid #1095d4;margin:2px;position:relative;align-items:center;width:150px;position:relative;transition:0.5s}.form-input:hover{border:2px solid #fab82b}.form-input i{color:#1095d4;position:absolute;top:10px;left:5px;font-size:15px;transition:0.5s}.form-input:hover i{color:#fab82b}.form-input input{height:35px;text-transform:uppercase;width:100%;padding-left:30px;border:none}.send{width:80px}.form-input button{height:35px;width:100%;text-transform:uppercase;background:transparent;background:#1095d4;color:#fff;transition:0.5s;border:none}.form-input button:hover{background:#fab82b}.night{width:90px}@media (max-width: 1000px){.form .region,.form .city,.form .name{width:32%;margin:8px 0.5%;flex-grow:1}.form .hotel,.form .night,.form .date,.form .send{margin:8px 0.5%}.form .hotel,.form .date{flex-grow:1}.form .region{order:1}.form .night{order:5}.form .city{order:2}.form .name{order:3}.form .hotel{order:4}.form .date{order:5}.form .send{order:6}}@media (max-width: 600px){.form-input{justify-content:space-between}.form .region,.form .city,.form .name,.form .hotel{width:49%;margin:8px 0.5%}.form .night,.form .date,.form .send{width:32%;margin:8px 0.5%}.form .date{flex-grow:1}}@media (max-width: 480px){.form-input{width:100%}.form-input input{height:45px}.form-input i{top:15px}.form-input button{height:45px}.form .date,.form .night{width:49%;margin:8px 0.5%}}
