.banner-search {position: static; top: 5%; left: 0%; width:100%; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 2% 5%; background: url(../images/blue-background.jpg); background-size: cover;}

/*.banner-search label {width:100%; height: 40px;margin: 10px 0; display: block}
*/

.banner-search select{
float: left;
    width: 100%;
    background: #FFF;
    color: #404040;
    font-size: 12px;
    margin: 15px 0;
    border: none;
    padding: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 30px;}

.banner-search label { display:block;width: 100%; font-size: 17px; color: #FFF; font-family: din_next; font-weight: bold; }
.banner-search input {width: 100%; font-family: din_next; background:#62ba56 url("../images/white-arrow-right.png") no-repeat; background-position: 5%; background-size: 13px; color: #fff; margin-top: 34px; height: 46px; border:solid 1px #fff;	}

.banner-search input:hover { background: #156193 url("../images/white-arrow-right.png") no-repeat;  background-position: 5%; background-size: 13px;  }
.banner-search label span {color: #cb1f1f;}
.search-banner img {display: none;}


.banner-search select {border-radius:10px; background-image: url("../images/dropdown.jpg"), url("../images/blue-arrow-right.png"); background-repeat: no-repeat, no-repeat;
    background-position: 95%, 3%; background-size:12px 9px, 12px 12px; }


.banner-search .service-select {background-image: url("../images/dropdown.jpg"), url("../images/service-icon.jpg"); }

.banner-search .gender-select {background-image: url("../images/dropdown.jpg"), url("../images/gender-icon.jpg"); }

.banner-search .location-select {background-image: url("../images/dropdown.jpg"), url("../images/location-v2-select.jpg"); }

.banner-search .age-select {background-image: url("../images/dropdown.jpg"), url("../images/calendar-icon.jpg"); }

.banner-search .security-select {background-image: url("../images/dropdown.jpg"), url("../images/security-icon.jpg"); }


.search-button { background-image: url("../images/white-arrow-right.png") no-repeat; }


@media only screen and (max-width: 1000px) {

.search-banner .banner-arrow, .job-banner .banner-arrow { position: relative; top:0px; border-radius: 0px; border-top-right-radius: 10px; border-top-left-radius: 10px;  background: #55b9c0; width:100%; overflow: hidden; padding: 10px 10px 20px 10px;}


}


.banner-search form .col:first-child {display: none;}

.banner-search form .col {width: 100%;}



/* =======================================
 @ 600
======================================= */
@media only screen and (min-width: 600px) {

.banner-search select {border-radius:10px; background-image: url("../images/dropdown.jpg"), url("../images/blue-arrow-right.png"); background-repeat: no-repeat, no-repeat;
    background-position: 95%, 2%; background-size:12px 9px, 12px 12px; }


}


/* =======================================
 @ 800
======================================= */
@media only screen and (min-width: 800px) {



.banner-search form .col {width: 48%; margin-top: 0;}



}

/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width: 1000px) {

.search-banner .banner-arrow, .job-banner .banner-arrow {  border-radius: 0px; border-top-right-radius: 10px; border-top-left-radius: 10px; top:0; }

.job-banner .find-job { background: url(../images/orange-background.jpg); }
.banner-search .section {padding:0;}

/*.search-banner .banner-arrow { position: relative; top:-10px; border-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;  background: #55b9c0; width:100%; overflow: hidden; padding: 10px 10px 20px 10px;}
*/
.banner-search select {border-radius:10px; background-image: url("../images/dropdown.jpg"), url("../images/blue-arrow-right.png"); background-repeat: no-repeat, no-repeat;
    background-position: 95%, 2.5%; background-size:12px 9px, 12px 12px; }




}

/* =======================================
 @ 1150
======================================= */
@media only screen and (min-width: 1150px) {


.banner-search {position: absolute; top: 5%; left: 0%; width:100%; padding: 0.5% 5%; background: none;}
.search-banner .banner-arrow, .job-banner .banner-arrow  {  border-radius: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; top: 120px; }

.search-banner img, .job-banner img {display: block;}

.banner-search form .col:first-child {display: block;}

.banner-search form .col {width:  32.26%; margin-top: 1%;}

/*.banner-search form .col {width: 48%; margin-top: 1%;}
*/

}




/* =======================================
 @ 1200
======================================= */
@media only screen and (min-width: 1200px) {

.banner-search {position: absolute; top: 5%; left: 0%; width:100%; padding: 2% 5%; background: none;}
.job-banner .find-job { background: none; }

.banner-search select {border-radius:10px; background-image: url("../images/dropdown.jpg"), url("../images/blue-arrow-right.png"); background-repeat: no-repeat, no-repeat;
    background-position: 95%, 3%; background-size:12px 9px, 12px 12px; }


}




/*Fix for banner inputs layout*/
.banner-search select{
    margin: 5px 0;
    font-family: din_next;
}
.banner-search .BedSearchName{
    margin: 5px 0 !important;
}
.banner-search .search-button{
    margin-top: 15px;
}