* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body {
	margin:0px;
	padding:0px;
	font-size: 14px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	border-style:none;
	min-height: 100%;
}
.math1 {width: 26%;color: #fff;}
.math2 {width: 3%;color: #fff;}
.math3 {width: 2%;color: #fff;}
.math4 {width: 42%;}
.math5 {width: 22%;min-width: 87px;}
.tr {height: 30px;}
.imp {
        width: 100%;
    min-width: 30px;
	font-size: 18px;
    padding-left: 10px;
    height: 47px;
    margin: 5px;
}
.butt {
    height: 40px;
    font-weight: bold;
    width: 130px;
    margin-bottom: 10px;
    color: #fff;
    background: #838383;
    border: none;	
}
.mathsymbol {width: 100%;height: 47px;}
.calc {
    padding: 15px;
    border-radius: 5px;
    margin: auto;
}

@media all and (max-width: 335px) {
	.math1 {width: 50%;}
	.calc { padding:8px; background-color: #ebebeb;border-radius: 5px;}
	.calc td {float:left;padding-top: 10px;}
	.calc td:nth-child(1) {padding-top: 10px;}
	.calc td:nth-child(2) {clear:left;  }
	.calc td:nth-child(3) {margin-left: 7px;}
	.calc td:nth-child(4) {margin-left: 7px;}
	.calc td:nth-child(5) {margin-left: 7px;}
	.calc input[type=text], .calc2 input[type=number], .calc2 input[type=url] { width:190px; font-size:x-large; }
}