.SearchBox { background:none repeat scroll 0 0 #1b7cb2; font-family:Lato, Helvetica, Arial, sans-serif; }
.SearchBox .show-for-medium-up { color:#FFF; display:none !important; }
.SearchBox input[type=text] { width:95%; font-size:14px; padding:5px; }
.SearchBox select { width:100%; font-size:14px; }
.SearchBox .btn { width:100%; font-size:14px;padding:5px 25px;}
.SearchBox #SearchText_wrapper { font-size:16px; margin: 5px 10px 5px 0px; color:White; }
.SearchBox #keywords_wrapper,
.SearchBox #location_wrapper,
.SearchBox #countries_wrapper,
.SearchBox #radius_wrapper,
.SearchBox #findbutton_wrapper { float: none; margin: 5px 0px; }
.SearchBox #keywords_wrapper {width:250px;}
.SearchBox #location_wrapper {width:200px;}
    
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
.SearchBox #intlFSBContainer{ width:100%; margin:0;display:table; }
.SearchBox { padding: 25px; }
.SearchBox input[type=text] { width:97%; font-size:16px; }
.SearchBox select { width:100%; font-size:16px; }
.SearchBox .btn { font-size:16px;}
.SearchBox #SearchText_wrapper { display:none; }
.SearchBox #keywords_wrapper,
.SearchBox #location_wrapper,
.SearchBox #countries_wrapper,
.SearchBox #radius_wrapper,
.SearchBox #findbutton_wrapper { float: none; width:100%; margin: 0px 10px 0px 0px; } 
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.SearchBox #intlFSBContainer{ width:auto; margin:auto;display:table; }
.SearchBox { padding: 25px; }
.SearchBox input[type=text] { font-size:14px; }
.SearchBox select { font-size:14px; }
.SearchBox .btn { font-size:14px;}
.SearchBox #SearchText_wrapper { float:left; font-size:18px; margin: 5px 10px 0px 0px; }
.SearchBox #keywords_wrapper,
.SearchBox #location_wrapper,
.SearchBox #countries_wrapper,
.SearchBox #radius_wrapper,
.SearchBox #findbutton_wrapper { float: left; margin: 0px 10px 0px 0px; } 
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
.SearchBox #intlFSBContainer{ width:auto; margin:auto;display:table; }
.SearchBox { padding: 25px; }
.SearchBox input[type=text] { font-size:16px; }
.SearchBox select { font-size:16px; }
.SearchBox .btn { font-size:16px;}
.SearchBox #SearchText_wrapper { float:left; font-size:20px; margin: 5px 10px 0px 0px; }
.SearchBox #keywords_wrapper,
.SearchBox #location_wrapper,
.SearchBox #countries_wrapper,
.SearchBox #radius_wrapper,
.SearchBox #findbutton_wrapper { float: left; margin: 0px 10px 0px 0px; } 
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.SearchBox #intlFSBContainer{ width:auto; margin:auto;display:table; }
.SearchBox { padding: 25px; }
.SearchBox input[type=text] { font-size:20px; }
.SearchBox select { font-size:20px; }
.SearchBox .btn { font-size:20px;}
.SearchBox #SearchText_wrapper { float:left; font-size:24px; margin: 5px 10px 0px 0px; }
.SearchBox #keywords_wrapper,
.SearchBox #location_wrapper,
.SearchBox #countries_wrapper,
.SearchBox #radius_wrapper,
.SearchBox #findbutton_wrapper { float: left; margin: 0px 10px 0px 0px; } 
}

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {
.SearchBox #intlFSBContainer{ width:auto; margin:auto;display:table; }
.SearchBox { padding: 25px; }
.SearchBox input[type=text] { font-size:20px; }
.SearchBox select { font-size:20px; }
.SearchBox .btn { font-size:20px;}
.SearchBox #SearchText_wrapper { float:left; font-size:24px; margin: 5px 10px 0px 0px; }
.SearchBox #keywords_wrapper,
.SearchBox #location_wrapper,
.SearchBox #countries_wrapper,
.SearchBox #radius_wrapper,
.SearchBox #findbutton_wrapper { float: left; margin: 0px 10px 0px 0px; } 
}