/* Increase the size of text, input controls and padding in between the controls in Mobile journey */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px),
       only screen and (min-device-width: 481px) and (max-device-width: 768px),
       only screen and (min-device-width: 769px) and (max-device-width: 1024px),
       only screen and (min-device-width: 1025px) and (max-device-width: 1200px){
    html, body, div, title, span, applet, object, iframe, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        font-size: 22px;
    }

    input[type=text], input[type=password], select {
        height: 40px;
        box-sizing: border-box;
    }

    select, textarea, input {
        font-size: 22px;
    }

    .clsMobile {
        padding-bottom: 20px;
    }

    .sort-code > input {
        width: 40px !important;
    }
}