.ccm-search-block-form {float:right; min-width: 300px; padding-top: 4px; width:98%; padding-left: 4%; }
.search-title {font-size: 1.1em; font-weight: bold; color: #fff; margin-right: 20px; float: left; padding-top: 9px;}
#mobile-menu-box input[name="query"] {width: 80%; border: none; margin: 0; float: left;}
#mobile-menu-box input[name="submit"] {
	border: none;
	background-color:rgb(42,132,198);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:8px 15px;
	text-decoration:none;
	margin-left: 10px;
	float: left;
	-webkit-transition:300ms ease;
-moz-transition:300ms ease;
-o-transition:300ms ease;
transition:300ms ease;
font-family: 'Homenaje', sans-serif;
}
#mobile-menu-box input[name="submit"]:hover {background-color:rgb(102,223,129);}

  @media only screen and (min-width : 300px) {
  #mobile-menu-box input[name="query"] {width: 50%;}
  }

  @media only screen and (min-width : 680px) {
  .search-title {font-size: 0.9em;}
  #mobile-menu-box input[name="query"] {width: 55%;}
  }

    @media only screen and (min-width : 700px) {
  #mobile-menu-box input[name="query"] {width: 60%;}
  }
@media only screen and (max-width : 1000px) {
    .ccm-search-block-form {display:flex;}
}

  @media only screen and (min-width : 900px) {
  #mobile-menu-box input[name="query"] {width: 70%;}
  }

    @media only screen and (min-width : 1000px) {
  #mobile-menu-box input[name="query"] {width: 80%;}
  }