.ntbresponsiveContainer {
    padding-left: 75px;
    padding-right: 100px;
    box-sizing: padding-box;
}


@media (max-width: 767px) {
    .ntbresponsiveContainer {
        padding-left: 0px;
        padding-right: 0px;
        /*padding-left:24px; 
        padding-right:24px;*/
        box-sizing: padding-box;
    }
    #OTPModal {
        /*transform: scale(0.8);*/
    }
    /*.Subtitle1 {
    font-family: "Inter-Medium !important";
    font-size: 16px !important;
    color: #0F2D4F !important;
    margin-bottom: 13px !important;
    }
    .body2 {
    font-family: "Inter-Regular !important";
    font-size: 14px !important;
}*/
}
H2.regsectionTitle {
    font-family: "Inter-SemiBold";
    font-size:24px;
}


h3 {
    /*font-family: "Inter-SemiBold" !important;*/
    font-family: "Inter-Regular" !important;
    font-weight: 800 !important;
}

.box {
    padding-top:40px;
    padding-bottom:40px;
}

.Subtitle1 {
     font-family: "Inter-SemiBold";
    font-size:20px;
    color:#2777D0;
    margin-bottom:13px;
}

.body1 {
     font-family: "Inter-Regular";
    font-size:16px;
}

.body2 {
    font-size:16px;
}

.btnReg1 {
    height:48px;
    width:248px;
    margin-top:1em;
    border: 1px solid #45B0E6;
    color: #45B0E6;
    border-radius: 5px;
    font-family:"inter-SemiBold";
}

#btnreSendSMS.disabled{
    cursor: default;
    text-decoration: none;
    color: #ccc!important;
}

@media (min-width: 160px) and  (max-width: 767px) {
     .fixed-top {
        position: static !important;
    }
    .fixed-bottom {
        position: static !important;
        margin-top:5px !important;
    }
    .ntbhdrPadding {
        height: 5px !important;
    }
}

@media (min-device-width: 160px) and  (max-device-width: 767px) {
     .fixed-top {
        position: static !important;
    }
    .fixed-bottom {
        position: static !important;
        margin-top:5px !important;
    }
    .ntbhdrPadding {
        height: 5px !important;
    }
}




@media (min-width: 768px) and (max-width: 1123px) {
    .ntbFormsContainer .ntbsideNaveMenu {
        flex: 0 0 34% !important;
        max-width: 34% !important;

    }
    .ntbFormsContainer .ntbMainContainer {
       flex: 0 0 66% !important;
       max-width: 66% !important;
    }
    .ntbFormsContainer .ntbMainContainer .ntbresponsiveContainer {
        padding-left: 20px !important;
        padding-right: 30px !important;
    }
}

/*@media (min-width: 992px) and  (max-width: 1123px) {
    .ntbFormsContainer .ntbsideNaveMenu {
        flex: 0 0 30% !important;
        max-width: 30% !important;

    }
    .ntbFormsContainer .ntbMainContainer {
        flex: 0 0 70% !important;
        max-width: 70% !important;
    }
    .ntbFormsContainer .ntbMainContainer .ntbresponsiveContainer {
        padding-left: 20px !important;
        padding-right: 30px !important;
    }
}*/




@media (max-width: 767px) {

    body {
        line-height: 1.1em;
    }

    /* override navbar class*/
    .navbar {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .body1 {
        font-family: "Inter-Regular";
        font-size: 12px;
    }

    H2.regsectionTitle {
        font-family: "Inter-SemiBold";
        font-size: 20px;
    }


    .body2 {
        font-size: 12px !important;
    }

    .btnEnrollNow,
    .btnnewtoROR {
        padding: 10px;
        padding-right: 0px;
    }

    .btnEnrollNow .ntbCol1,
   .btnnewtoROR .ntbCol1 {
        flex: 0 0 20%;
        max-width: 20%;
        display: flex;
        align-items: baseline;
        padding-left: 0px;
        padding-right: 10px;
    }
    .btnEnrollNow .ntbCol2,
   .btnnewtoROR .ntbCol2 {
        flex: 0 0 70%;
        max-width: 70%;
        padding-left: 0px;
        padding-right: 10px;
    }
    .btnEnrollNow .ntbCol3,
   .btnnewtoROR .ntbCol3 {
        flex: 0 0 10%;
        max-width: 10%;
        display: flex;
        align-items: center;
        padding-left: 0px;
        padding-right: 0px;
    }



   .btnnewtoROR .Subtitle1,
      .btnEnrollNow .Subtitle1 {
       font-family: "Inter-Regular" !important;
        font-size: 14px !important;
        color: #0F2D4F !important;
        margin-bottom: 13px !important;
    }

   btnnewtoROR .Subtitle1,
      .btnEnrollNow .body2 {
        font-size: 12px !important;
        line-height:14px !important;
    }





    .ntbsectionNewToRCBC .checklist li {
        background-size: 16px;
        padding: 0;
        margin: 0;
        vertical-align: top;
        margin-bottom: 14px;
    }
   
    .ntbsectionWealth {   
        padding-left: 0px !important;
        padding-right: 0px !important;
    }



    .caption, 
    .ntbsectionNewToRCBC .item-content,
    .cbTerms,
    .tdPDIC,
    .ntbTermsCondition {
        font-size:12px !important;
    }

    .ntbCBContainer {
        margin-top: 0.2em;
    }

    

    .ntbcheckmark {
    top: 0.2em !important;





}
    .btnBluewithArrow, .btnBluewithArrow:visited, .btnBluewithArrow:link, .btnBluewithArrow:hover, .btnBluewithArrow:active, .btnBluewithArrow:focus {
            font-family: 'Inter-SemiBold';
        font-size: 14px;
        font-weight: normal;
        background-color: #45B0E6;
        color: #fff;
        background-image: url(../../../ui/ntb/ntb_arrow_right_clear.png);
        background-repeat: no-repeat;
        background-position-x: 90%;
        background-position-y: 50%;
        outline: none !important;
        box-shadow: none !important;
        height: 48px;
        border-radius: 8px;
        padding-left: 24px;
        padding-right: 16px;
        text-align: center !important;
    }

    .btnBluewithArrow[disabled=disabled] {
        font-family: 'Inter-SemiBold';
        font-size: 14px;
        font-weight: normal;
        background-color: #b7b7b7;
        color: #fff;
        background-image: url(../../../ui/ntb/ntb_arrow_right_clear.png);
        background-repeat: no-repeat;
        background-position-x: 90%;
        background-position-y: 50%;
        height: 48px;
        border-radius: 8px;
        text-align: center !important;
    }


    .customgroupInput .input-group-text, .customgroupInput input, .customgroupInput select, .customgroupInput input:focus, .customgroupInput select:focus,
    .customgroupInput textarea
     {
        border: 0px none;
        outline: none;
        font-size: 14px;
        padding-top: 8px;
        padding-bottom: 10px;
    }
    img.inputCheckimg {
        width: 20px;
    }

    .floating-label-field--s4 + .floating-label {
        top: 7px;
        margin-left: 8px;
        font-size: 14px;
    }
    .floating-label-field--s4:focus + .floating-label, 
    .floating-label-field--s4:not(:placeholder-shown) + .floating-label {
        top: 7px;
        left: -6px !important;
        font-size: 14px;
    }

    .floating-label-field--s3 + .floating-label {
        top: 7px;
        font-size: 14px;
    }


     textarea.floating-label-field--s3:focus + .floating-label, textarea.floating-label-field--s3:not(:placeholder-shown) + .floating-label {
        padding: 0.1em !important;
    }

     .floating-label-field--s5 + .floating-label {
        top: 7px;
        font-size: 14px;
    }


     textarea.floating-label-field--s5:focus + .floating-label, textarea.floating-label-field--s5:not(:placeholder-shown) + .floating-label {
        padding: 0.1em !important;
    }
}




.ntbSOIrow {
    margin-bottom:0.5em;
}


.ntbSOIrow .ntbSOICol1{
    text-align:center;
}

.ntbSOIrow .ntbSOICol2{
    font-size: 14px;
}



@media (min-width:468px) {
    .ntbSOIrow .ntbSOICol1{
        flex: 0 0 10%;
        max-width: 10%;
    }

    .ntbSOIrow .ntbSOICol2{
         flex: 0 0 90%;
        max-width: 90%;
    }

}

@media (max-width:467px) {

    .ntbSOIrow .ntbSOICol1{
        flex: 0 0 14%;
        max-width: 14%;
    }

    .ntbSOIrow .ntbSOICol2{
         flex: 0 0 86%;
        max-width: 86%;
    }

}
@media (max-width:767px) {
    .ntbSOIrow {
        margin-bottom: 1.0em !important;
    }
    
}

@media (max-width:334px) {
    .ntbsectionWealth {
        padding-left:5px;
        padding-right:5px;
    }
     .ntbSOIrow .ntbSOICol1{
        padding-left:2px !important;
        padding-right:2px !important;
    }
}



.phoneCountrySelect {
    width: 57px;
    margin-left: -10px;
    padding-right: 0px !important;
    padding-left: 2px !important;
}