@media screen and (max-device-width: 736px), (max-width:736px){
/*@media (max-width:1040px){*/
    .EntryTable td.Label, .EntryTable td.MLabel, .EntryTable td.SLabel, .PosDepCell {display: none;}
    ::-webkit-input-placeholder {color: #888888; font-size: 50pt;}
    :-moz-placeholder {color: #888888; font-size: 50pt;}
    ::-moz-placeholder {color: #888888; font-size: 50pt;}
    :-ms-input-placeholder {color: #888888; font-size: 50pt;}
    .placeholder {color: #888888;}
    select, input:not([type="hidden"]):not(.CWbox), textarea, .SecurityTable .ActionButton, .SecurityTable .dsform, .POSButton {width: 100%; max-width: 100%;}
    .Data.DOB {text-align: center;}
    #member_date_of_birth_dd {float: left;}
    #member_date_of_birth_dd, #member_date_of_birth_mm {width: 33%;max-width:33%;}
    #member_date_of_birth_yy {width: 32%; float: right; margin-right: 0px;max-width:33%;}
    #acc_exp_date1_mm, #acc_exp_date1_yy {width: 49%;}
    .SecurityTable .dsform, td.DOB {text-align: center;}
    .bodyContent, .menuItem, .PosMemTitle, .PosFeeAmount {font-size: 30pt; padding: 0px 5px;}
    .fieldset-tight {
        border: 1px solid;
        padding: 17px 5px;
        margin: 11px 0px;
        display: block;
        clear: both;
    }
    .fieldset-tight.double {width: 48%; display: inline-block;}
    .fieldset-tight.double + .fieldset-tight.double {float: right;}
    .fieldset-tight .SLabel {width: 90%;display: inline-block;}
    .fieldset-tight:empty {display: none;}

    .SubTitle, .PageTitle, .EntryTable .Note, .EntryTable .Error, .EntryTable .SLabel, .EntryTable .Data, .EntryTable .PageTitle,
    .GridHeader, .GridCell, .CompleteText {font-size: 47pt; text-align: center;}
    .GridCell.GridData {white-space: nowrap;}
    h5.SubTitle {padding-top: 0.5em;}
    Input:not([type="checkbox"]):not([type="radio"]), Input:not([type="checkbox"]):not([type="radio"]):focus, textarea, textarea:focus, select, select:focus, .dsform, input + a[tabindex="-1"][onclick]:not([onclick=""]), nav.Combo, .ActionButton, .BMTaskBarButton, .DummyButton, td.Back input, td.Next input, #promo-table .PageTitle {
        font-size: 43pt;
        line-height: 54pt;
        padding: 17px 5px;
        margin-bottom: 12px;
        margin-left: 0px;
        margin-right: 0px;
    }
    input[type="checkbox"].CWbox:checked+span:before, input[type="radio"].CWbox:checked+span:before, .checked {
        outline-width: 22px;
        outline-offset: -40px;
    }
    .CWcal {padding-right: 5px;}
    .toptable img {width: 100%;}
    .toptable img.tight-block {max-width: 100%;}
    .EntryTable .Data:empty {display: none;}
    .EntryTable .Data {padding-left: 0; padding-right: 0;}
    #Promocode, #ApplyPromo {width: 49%;}
    #footer, .PosMemDesc, .PosPerMonth, .PosError {font-size: 16pt;}
    .PosFeeCell {min-width: 150px;}
    .PosMemCell {overflow: hidden;}
    .PosMemTitle, .PosMemDesc {padding-right: 150px;}
    .wide {display: none;}
    .tight:not(.fieldset-tight) {display: inherit;}
    .fieldset-tight .tight {display: inline;}
    #SortCodeValidationError {display: inherit;}
    .col-sm-8 {width: 100%;}
/*}
@media screen and (max-device-width: 736px), (max-width:736px){
    Input, textarea, select, .dsform, input + a[tabindex="-1"][onclick]:not([onclick=""]), nav.Combo, .ActionButton, .BMTaskBarButton, .DummyButton {
        padding: 15px 2px;
        margin: 5px 1px 2px 1px;
    }
*/
    .PageStep {text-align: center;}
    .PageStep img {width: 65%;}
    .bodyContent {padding: 0px 2px;}
    .wide-block {display: none;}
    .tight-block:not(.fieldset-tight) {display: inherit;}
    td.Back img, td.Next img {min-height: 108px; max-width: 100%;}
    td.Back input, td.Next input {width: 100%;}
    #footer {font-size: 47pt;}
    #footer p.copy {font-size: 30pt;  text-align: center;}
    #footer img {width:250px;}
    #footer a {word-break: break-all; display: block;}

    .SecurityTable lock:before {
        content: "\00a0";
        background: url(../Images/cmslock.gif);
        background-size: cover;
        width: 30pt;
        height: 30pt;
        margin-right: 5px;
        display: inline-block;
        vertical-align: middle;
    }

    /*Extra styles for new design*/
    #PageTitle-table, #promo-table {width:100%;max-width:100%;}
    #promo-table {margin:10px 0;padding:10px 0;}
    #Promocode, #ApplyPromo {width:100%;}
    .Promocode {width:55%;max-width: 55%;}
    .ApplyPromo {width:44%;max-width: 45%;}
    .PosFeeAmount {margin-top:0;}
    .SecurityTable .ActionButton {min-height:110px;padding:17px 10px;}
    #footer, .PosMemDesc, .PosPerMonth, .PosError, .PageStep {font-size: 19pt;}
    #promo-table .PageTitle {font-size:36pt;}
    .tight:not(.fieldset-tight) {font-size:27pt;}
    .fieldset-tight {border:none;font-size:19pt;}

    input[type="checkbox"].CWbox+span:before, input[type="radio"].CWbox+span:before {background-size: cover;}
    input[type="checkbox"].CWbox:checked+span:before, .checked {background-position: -77px center;}
    input[type="radio"].CWbox+span:before {background-position: -150px center;}
    input[type="radio"].CWbox:checked+span:before {background-position: -230px center;}

    #POSDetails2 .tight {font-size: 40pt;}
    /*.Toolbar input[value="Continue"].ActionButton:not([type="hidden"]):not(.CWbox) {width:60%;}*/
    td.directdebit {text-align: center;}
    td.directdebit img {width: 300pt;}
    .CompleteText {line-height: 50pt;}
    select, nav.Combo {background: none;}
    .EntryTable select, .EntryTable nav.Combo {background: #ffffff;}
    input[type="checkbox"].CWbox+span:before, input[type="radio"].CWbox+span:before, .checked, .unchecked {width:77px;height:75px;border-width: 1px;}
    .fieldset-tight .SLabel {line-height: 75px;font-size: 40px;}
    #steps-table {width: 100%;}
    #welcome-table, #promo-table, .PromoBlock {width:100%;}
    #promo-table .PageTitle {padding: 5px 5px;}
    #promo-table div {display: inline-flex;}
    #promo-table .ActionButton {height: 100%;}
    .Data textarea {font-size:43pt;}
    .PosmemRow img {display: none;}
    .PosMemRow {vertical-align: top;}
    /*Extra styles for new design 11.2017 ArtemN*/
    #dateCoordinates {
        width: 100px!important;
        height: 30px!important;
        font-size: 30px;
    }
    .Back input.ActionButton, .Next input.ActionButton, .EntryTable input.ActionButton, .Toolbar input.ActionButton {
        height: 110px;
        font-size: 35px;
    }
    .Toolbar td[align=right] .POSNav.tight   {
        float: right;
        width: 100%;
    }
    #lsubmit {max-width:none;}
}