@import url('http://fonts.googleapis.com/css?family=Archivo+Black');

#searchform{ width:100%; position:relative; display:inline-block;}

#searchtoggl {
	float:right;
  padding:14px 20px;
  color:#fff;
  margin:25px 0 0;
}


/** hidden search field **/
#searchbar {
  display: none;
  float: left;
  width: 100%;
  height:54px;
  padding:0;
  z-index: 9999;
  background: #333;
}

#s {
  display: block;
  width:100%;
  border: 0;
  outline: none;
  padding:0 60px 0 20px;
  height:54px;
  line-height: 60px;
  font-size:1.5em;
  font-weight: bold;
  color: #000;
}

#searchsubmit {
  display: block;
  font-size:28px;
  float: right;
  margin-top:11px;
  background: none;
  color: #717171;
  border: 0;
  outline: none;
  cursor: pointer;
  position:absolute;
  z-index:33;
  right:15px;
  top:0;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



@media screen and (max-width:990px){
#searchtoggl {
	float:right;
  padding:14px 20px;
  color:#fff;
  margin:15px 0 0;
}
}

@media screen and (max-width:768px){
#searchtoggl {
	float:right;
  padding:14px 20px;
  color:#fff;
  margin:17px 0 0;
}
}

@media screen and (max-width:576px){
#searchtoggl { float:right; padding:14px 10px 10px; color:#fff; margin:17px 0 0;}
}


@media screen and (max-width:375px){
#searchtoggl { float:right; padding:14px 10px 10px; margin:5px 0 0;}
}