@media screen and (max-width:950px){

#header-wrapper{	width:100%;}
#logo{	
	float:left;
	margin-left:10px;
}
.m-menu-button{
	display:inline-block;
	background:url('../img/menu.png');
	background-size: 50px 50px;
     background-repeat: no-repeat;
	width:50px;
	height:50px;	
	font-size:25px;
	text-align:center;
     float:right;
	margin:0 10px 0 0;       
	
}

.menu{
	display:none;
}
.mobile-menu{
	width:100%;
}
menu{
	float:right;	
        margin:10px 0 0 0;

	
}
menu ul{
	position:absolute;
	z-index:10000;
	background:#fff;
	transition:all 0.3s ease;
	width:100%;
	top:72px;
	left:0px;
}
menu ul li{
	display:block;
	text-align:center;
	width:100%;		
}
menu ul li a{
	width:100%;
}
header.sticky{
  top:0px; left:0px;display:block;
  width:100%;
}
header.sticky #logo{
display:none;
}
header.sticky menu{
   float:left;
}
header.sticky .m-menu-button{
   float:left;
   position:absolute;
   bottom:5px;
   left:5px;
}
header.sticky menu ul{
	top:46px;
	width:100%;
	left:0px;
      
}
.inner-wrapper{
	width:90%;
	
}
.content-intro{
	width:100%;
}
#intro img{
	display:none;
}
.box{
	display:block;
	margin:0 auto;
	float:none;
	height:auto;
	font-size:1.3em;
}
.feature{	
	display:block;
	margin:0 auto;
	float:none;
	height:auto;
	font-size:1.3em;
}
#outro p{
	font-size:1.1em;
	margin-bottom:20px;
	
}
#outro label{
	font-size:1.0em;
}
#outro{
	margin:0;
	height:auto;
}
.left, .right{float:none;padding:0px}
.left{
	position:relative;
	bottom:260px;
	
}
.left input{
	margin:10px 0 0 0;
}
.left label{
	display:none;
}
.right textarea{
	width:90%;
}
.right .order{
	min-width:300px;
}
.right{
	position:relative;
	top:150px;
}
input{
	border: 0px none #e4e4e2;
    padding: 12px 12px 12px 38px;
	text-indent: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
	width:90%;    
}
#flags{
	display:none;
}
.intro-tip{
	left:0px;
}
}