div.translate {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #B5B5B5;
	left:-999em;
	padding:1em 1.4em 0.5em 1em;
	position:absolute;
	top:1.8em;
	width:22.3em;
	z-index:1000;
	text-align:left;
}

div.translate label {
	display:none;
}

#translateSelect {
	text-transform:lowercase;
	vertical-align:top;
	margin-left:1em;
	width:10em;
}

div.active {
	left:14.4em;
}

a.close {
	float:right;

}
a.close span {

}

#google_translate_element {
   background-color: #ffffff;
   box-shadow: 0 0 5px 0 #333333;
   left: 10px;
   padding: 3px;
   position: relative;
   top: 11px;  
   width: 305px;
   display: none;
   z-index: 3;
}

@media only screen and (max-width: 640px) and (min-width: 0px){
   
   #google_translate_element {
      background-color: #ffffff;
      box-shadow: 0 0 5px 0 #333333;
      left: 0px;
      padding: 5px;
      position: absolute;
      top: 30px;
      margin: 0 10px;
      width: auto;
      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	   box-sizing: border-box;         /* Opera/IE 8+ */
   }
}