* {box-sizing: border-box;}
.search-div {
	width: 80%;
	margin: 15px auto;
}
.searchText {
	box-sizing: border-box;
	width: 300px;
	padding: 12px 20px 12px 40px;
	font-size: 16px;
	outline: none;
	background-color: white;
	background-image: url('../images/searchicon.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
	border: 2px solid #ccc;
	border-radius: 4px;
}
.searchText:focus {width: 100%;}