/* Mobile */
#searchbox {
    display: none;
    max-width: 100%;
    border:1px solid #aaaaaa;
}
#searchbox-control:checked ~ #searchbox{
    display:block;
    margin-bottom:10px;
}
#searchbox input,
#searchbox input:focus,
#searchbox input:active,
#searchbox button,
#searchbox button:focus,
#searchbox button:active {
    font-size: 13px;
    border: none;
    outline: none;
    box-shadow: none;
    text-transform: uppercase;
    font-weight:600;
}

/* iPad and Above - 768px */
@media(min-width:768px) {
    #searchbox{
        display:inline-block;
        width:150px;
        max-width:100%;
    }
}

/* iPad Landscape/Smaller Laptops and Above - 992px */
@media(min-width: 992px) {
    #searchbox {
        display: inline-block;
        width: 200px;
        max-width: 100%;
    }
}

/* Larger Screens - 1200px + */
@media(min-width:1200px) {
    #searchbox {
        display: inline-block;
        width: 350px;
        max-width: 100%;
    }
}