html, body {
	position:relative;
	height:100%;
	margin:0;
	background:#191851 url('../images/bg_4.jpg') ;
	background-size:cover;
	text-align: center;
	}
.search-box{
	display:inline-block;
	width:50%;
	max-width:460px;
	height:auto;
	margin:18% auto 0 auto;
    vertical-align: top;
	}
.search-box img{
    display: block;
	width:100%;
	max-width:423px;
    margin:20px auto 0 auto;
	}
.search-box ul{
    display: table;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 3px;
    background: #ffffff;
    border-radius: 26px;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, .3);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, .3);
	}
.search-box ul li{
	display:table-cell;
	vertical-align:top;
	}
.search-box ul li:first-child{
	width:80%;
	}
.search-box ul li:last-child{
	width:20%;
	}
.search-btn {
    display: block;
    width: 100%;
    padding: 0 10px;
    height: 42px;
    line-height: 42px;
    border: 0;
    margin: 0;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    text-shadow: 1px 1px rgb(0, 0, 0, .3);
    font-weight: bold;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    background: linear-gradient(320deg, #e55a18, #ffda2d);
    border-radius: 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	}
.search-btn:visited { text-decoration: none; }
.search-btn:hover {
	background: linear-gradient(320deg, #e55a18, #e55a18);
	color:#ffffff;
	}
.InputBox {
    width: 100%;
    height: 42px;
    border: 0;
    background-color: #ffffff;
    padding: 20px 10px 20px 20px;
    border-radius: 26px 0 0 26px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0;
	}
 @media screen and (max-width: 640px) {
	html, body {
		background:#191851 url('../images/bg_mobile_4.jpg') ;
		background-size:cover;
		}
	.search-box img {
		max-width: 340px;
		}
	.search-box{
		display:inline-block;
		width:85%;
		max-width:600px;
		height:auto;
		vertical-align: top;
		}

	.search-box ul li:first-child{
		width:70%;
		}
	.search-box ul li:last-child{
		width:30%;
		}
	.search-box{
		margin:40% auto 0 auto;
		}
}