.text-maths {color:navy;   }    
.idiot{width:110%!important; height:auto!important;margin-left:-10px!important; margin-top:100px!important;}
.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:100px!important;}
}

@media screen and (max-width: 1399px){ 
.idiot{margin-top:100px!important;}
.text-maths {font-size:14px;}
}

@media screen and (max-width: 1255px){ 
.idiot{margin-top:120px!important;}
}

@media screen and (max-width: 1201px){ 
.idiot{margin-top:120px!important;}
}

@media screen and (max-width: 1025px){ 
.idiot{margin-top:80px!important;}
}
@media screen and (max-width: 991px){ 
.idiot{width:115%!important; margin-top:100px!important;}
}


@media screen and (max-width: 767px){ 
.idiot{width:115%!important; height:auto!important;margin-left:-10px!important; height:auto!important;margin-top:15px!important;}
.watchT {margin-top:5px; font-size:10px;}
.tutorial { margin-right: 18px; }
.result h6 {font-size:13px;}
}

@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;
}