#search{
	margin-top:30px;
		margin-left:7%;
border-radius: 30px 30px 30px 30px;	
width:86%;
height:40px;
font-size:large;
background-color:rgba(255,255,255,1);
color:rgba(0,0,0,1);
border-width:2px;
border-style:solid;
border-color:rgba(0,255,0,1);
 outline: none;
 position:relative;
   box-shadow: 1px 3px rgba(240,240,240,1);;
}
#data{
	margin-top:0px;
	padding-top:0;
	margin-left:10px;
	clear:both;
border-radius: 30px 30px 30px 30px;
width:60%;
height:36px;
font-size:large;
background-color:rgba(255,255,255,1);
color:rgba(0,0,0,1);
position:absolute;
border-color:rgba(255,255,255,1);
border:none;
outline: none;
}

#submit{
	margin-left:65%;
background-color:rgba(255,255,255,1);
border-style:solid;
border-color:rgba(255,255,255,1);
border:none;
font-weight:bold;
 outline: none;
}
#submit-img-search{
	 outline: none;
	width:34px;
}
#img-mic{
	float:right;
	outline:none;
	margin-right:10px;
	width:36px;
	margin:2px;
}

#search-suggestion-box{
	
	border-left-color:rgba(0,255,0,1);
	border-right-color:rgba(0,255,0,1);
	border-bottom-color:rgba(0,255,0,1);
		border-left-width:1px;
		border-right-width:1px;
		border-bottom-width:1px;
		border-left-style:solid;
		border-right-style:solid;
		border-bottom-style:solid;
		width:65%;
		padding:10px;
		display:inline-table;
		text-align:left;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		background-color:rgba(255,255,255,1);
}


@media(min-width:900px){
/*if screen is greater then for mobile phone screen and tablet*/	

#search{

margin-left:20%;
width:60%;
}

#search-suggestion-box{
	width:40%;
	
}


}