.simple-form { max-width: 64%; margin-bottom: 15px; }

.delivery { max-width: 50%; }
.delivery .distance { position: relative; }
.delivery .just-text { display: none; }
.just-text-bubble { position: absolute; top: 0px; left: 103%; width: 350px; background: #e5e5e5; padding: 10px 15px; border-radius: 5px; font-size: 14px; color: #818181; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.just-text-bubble:after { content: ''; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #e5e5e5; position: absolute; top: 8px; left: 0; margin-left: -7px; }
.pole-text { float: left; position: relative; width: 400px; min-height: 38px; font-size: 15px; color: #000; background: #f2f1f0; border: 1px solid #e1e4dc; margin-right: 10px; padding: 10px 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.some-extra-btns { position: absolute; bottom: 1px; right: -60px; }
.some-extra-btns a { display: inline-block; margin-right: 6px; color: #aaa; }
.some-extra-btns a:hover { color: #dc2b19; }

@media only screen and (max-width: 1280px) {
.delivery { max-width: 75%; }
.delivery.simple-form { max-width: 64%; }
.just-text-bubble { width: 220px; padding: 7px 10px; }
}
@media only screen and (max-width: 990px) {
.delivery.simple-form { max-width: 75%; }
.just-text-bubble { display: none; }
.delivery .just-text { display: block; }
}
@media only screen and (max-width: 700px) {
.delivery { max-width: none; }
.delivery.simple-form { max-width: none; }
}
@media only screen and (max-width: 560px) {
.pole-text { width: 300px; }
}
@media only screen and (max-width: 500px) {
.pole-text { width: 230px; }
}
@media only screen and (max-width: 430px) {
.pole-text { width: 195px; }
}