@media screen and (max-width: 768px)
{
	 .screen-only{
	 	 display: none;
	 }

	 .mobile-only{
	 	 display: block;
	 }
     
     body {
        font-size: 10px;
        max-width: 100%;
     }
     
     .onepcssgrid-1200 {
        max-width: 100%;
     }
     
     #container {
     }
     
     #header {
        padding: 2px;
        height: 16px;
    }

     #header .navbar-brand{
        font-size: 12px;
        line-height: 16px;
    }
    
    #header .nav>li>a {
    color: #999;
    line-height: 16px;
}
    
    section#input .col12, section#output .col12 {
        margin-bottom: 2px;
    }
    
    .textbox {
        font-size: 14px;
        min-height: 14px;
        padding: 2px 0px 2px 2px;
    }
    
    input[type=name],
    input[type=email],
    input[type=password],
    input[type=text],
    textarea[type=text] {
        font-size: 14px;
        min-height: 14px;
        padding: 2px 0px 2px 2px;
    }
    
    input[type="range"] {
        width: 100%;
        margin-top: 2px;
    }
    
    footer#footer {
        font-size: 100%;
    }

}