/* smartphones, iPhone, portrait 480x320 phones */
@media (min-width:320px)  {
    #search-form input{
        width: 100vw;
    }
}
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) {
    #search-form input{
        width: 49.5vw;
    }
}
@media (min-width:1281px) {
    #search-form input{
       width: 49.5vw;
    }
}