.text-maths {color:navy; }    
.idiot{width:300px!important; height:auto!important; margin:auto;}
.error{font-size:11px; display:block; position: absolute;}
.watchT {margin-top:15px;}
.tutorial {text-align: right;}
@media screen and (min-width: 1400px){ 
.idiot{margin-top:50px!important;}
}

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

.text-maths {font-size:14px; }
}

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

}

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

}

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

}

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

.result h6 {font-size:13px;}
.watchT {margin-top:5px; font-size:10px;}
.tutorial { margin-right: 18px; }
}

@media screen and (max-width: 446px){ 
.text-maths{margin-left:15px!important;   }
.tutorial { margin-right: 5px; font-size:18px; }
}

@media screen and (max-width: 346px){ 
.unit{ width:75px!important;}
.converter{margin-left:-10px!important;}
}

.tooltip-inner {
  color: navy !important;
}