@media only screen and (min-width: 320px) and (max-width: 768px)  {
.menu{
    display :block;
    background:#1e3799;;
    height:50px;
    text-align:center;
    color:white;

}
.menu h4{
    line-height:50px;
}
.navi{
    display:none;
}
.mynavs{
    display:none;
    width:100%;
    color: #ffffff;
    background:#1e3799;
    height:300px;
    position:absolute;
    z-index:10000;
}
.mynavs ul li{
    height:40px;
    line-height:40px;
    border-bottom:solid 1px #f8f8f8;
    margin-left:-40px;
    list-style:none;
}
.mynavs ul li a{
    display:block;
    color: #ffffff;
    text-decoration:none;
    padding-left:30px;
}


	.links{
		display: none;
	}
	.logo{
		margin-top: -5px;
		margin-bottom: 15px;
	}
	.maincont h1{
		font-size: 12px;
	}
	.member-form h2{
		font-size: 18px;
	}
	
	.member-form p{
		font-size: 14px;
	}
	.sidemenus{
		background-color: white;
		height: 100%;
		position: fixed;
		width: 250px;
		top: 0px;
		right: 0px;
		border-left: solid 1px #f1f1f1;
		z-index: 100000;
		transition: ease-in-out 0.3s;
	}
    .index li {
    background: #f1f1f1;
    padding: 10px;
    width: 100%;
    margin: 5px;
    height: auto;
    margin-top: 10px;
    list-style: none;
    border-left: solid 5px red;
}
	.sidemenus ul li{
		list-style: none;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		margin-left: -40px;
		border-bottom: solid 1px #f8f8f8;
		border-bottom-style: dashed;
	}
	.cancel img{
		height: 20px;
		cursor: pointer;
	}
	.cancel{
		position: absolute;
		top: 10px;
		left: 10px;
	}
	.add{
		position: absolute;
		right: -250px;
	}
	.sidemenus ul li a{
		padding-left: 30px;
		display: block;
		text-decoration: none;
	}
	.mains button{
		margin-top: 35px;
	}
	.mains{
		background: #3c40c6;
		height: 100px;
		text-align: center;
	}
	.toggle{
	display: block;
	position: absolute;
	float: right;
	right: 20px;
	top: 22px;
	}
	.toggle img{
		height: 40px;
		cursor: pointer;
	}
	.maincont{
		margin-top: -50px;
	}
	.maincont h1{
		font-size: 25px;
	}
	.send_request{
		padding: 4px 0px;
	}
	.sharing h2{
		font-size: 22px;
	}
	.sharing{
		padding: 10px 0px;
	}
	.start h3{
		font-size: 22px;
	}
	.send_request h3{
		font-size: 20px;
		text-align: center;
	}
	.send_request input[type='text']{
		height: 40px;
		margin-bottom: 10px;
	}
	.send_request input[type='number']{
		height: 40px;
		margin-bottom: 10px;
	}
	.send_request button{
		height: 40px;
		margin-bottom: 0px;
	}
	.howitwork{
		padding: 10px 0px;
	}
	.block{
		margin-bottom: 30px;
	}
}