@media only screen and (max-width: 800px) {
.box{	position: relative;	margin: auto;	height: 400px;  top: 70px;	left: 0;	z-index: 200;	right: 0;	width:300px;	color:#666;	border-radius: 3px;  margin-bottom: 100px;  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);  background-color:rgba(0, 0, 0, 0.25);  overflow: hidden;}
.box .clsbutton{	background: #cfd8dc;	border:0;	color: #009688;	padding:15px;	font-size: 16px;  font-weight: 300;	width:219px;	margin:20px auto;	display:block;	cursor:pointer;    -webkit-transition: all 0.4s;	transition: all 0.4s;	border-radius: 2px;}
.inputOTP {  font-size:18px;  padding:12px 12px 12px 7px;  display:block;  width:120px;  border:none;  border-bottom:1px solid #757575; background-color:rgba(255, 255, 255, 0.25); color:#fff;}
.inputMaterial {  font-size:18px;  padding:12px 12px 12px 7px;  display:block;  width:219px;  border:none;  border-bottom:1px solid #757575; background-color:rgba(255, 255, 255, 0.25); color:#fff;}
.bar 	{ position:relative; display:block; width:219px; }
}