#inner-resizer { /* make room for the resize handle */
    padding: 10px;
}


@media (max-width: 780px) {

    .getstarted {
        margin-top: 10px; 
    }

    .fullRetAgeBoxText {
        padding: 0px 20px;
    }
    .app-container, .main-container {
        max-width: 99%;
        font-size: 0.8331rem;
    }
    .intro-page h2 {
        font-size: 1.25rem;
    }
    .step1Intro {
        margin: 0 auto;;
        font-weight: normal;
        margin-left: 0px !important;
        width: 95%;
    }
    .table .row label.column.pc {
        width: 60%  !important;
        padding-right: 5px;
    }
    .table .row label.column {
        width: 25%;
        /* width: 45% !important; */
    }

    .table .row label.column .pc {
        width: 35%;
        /* width: 45% !important; */
    }

    .table .row label.slider {
        width: 20% !important;
    }

    header .title {
        margin: 0 0 0 30px;
        border-right: 0px solid #000;
    }
    .ebRight {
        margin-right: 40px;
        float: none;
        margin-top: 20px;
        width: 95%;
    }
    .ebLeft {
        width: 100%;
        text-align: center;
        display: grid;
        margin-left: 0px;
    }
    .fullRetAgeTicks {
        width: 100%;
        margin: 0 0px 0 -2px;
        float: inline-end;
        display: ruby;
    }

    .estimatedBenefitsText {
        width: 90%;
        margin-top: 110px;
    }
    .estimatedBenefitsBottom {
        width: 90%;
        margin-top: 20px !important;
    }
    .estimatedBenefitsText.top {
        margin-top: 20px !important;
    }
    .estimatedBenefitsText.bottom {
        margin-top: 110px !important;
    }

    .estimatedBenefitsText.bottom.whenToClaimDiv {
        margin-top: 10px !important;
    }
    .estimatedBenefitsText.bottom.janus {
        margin-top: 140px !important;
    }

    .fullRetAgeLabel {
        margin-left: 0px;
    }
    .fullRetAgeBox {
        height: 90px !important;
    }

     .app-container .app-nav .results .consult {

        width: auto !important;
     }
      /*  top: 25px;
        font-size: 12px;
        position: absolute !important;
        padding: 5px;
        left: 0px;

    } */
    .app-nav .results .consult {

        font-size: 0.625rem;
        padding: 2px 20px !important;
        left: 0px !important;
    }
    .app-nav .results span {

        padding: 0px !important;
    }
    .tipsTextTop, .tipsTextLeft, .tipsTextRight {
        width: 95% !important;
    }
    div.btnNav1, div.btnNav2, div.btnNav3 {
        font-size: 0.75rem;
        width: auto !important; 
        /* padding: 12px !important; */
    }

    .estimatedBenefitsSlider {
        height: 100px;
        padding: 0px;
    }

    input.SLG {
        width: 120px !important;
    }

    .property.frequecny-list {
        width: 100px !important;
    }
    .property.status-list {
        margin-left: -20px;
    }
    .slider.column.left-edge {
        white-space: inherit !important;
    }

    section#main .app-header .step {
        display: none !important;
    }
    .column .property.P {
        width: 20px !important;
    }
    .matchContainer.expand-container .table .row span.column.rightcol {
        padding-left: 0 !important;
        padding-right: 5px;
    }
    .table.start-page .row label.column {

        white-space: pre-wrap;
    }
    .btn-results .left {
        margin: 5px;
    }
    .btn-results .right {
        margin: 5px;
    }
    .column.btnInvestStyle {
        margin: 0 auto;
        
        display: block;
        width: 100%;
        text-align: center;
    }
    .estimatedBenefitsSlider .ebLeft .sliderContainer {
        display: contents !important;
    }

    .column .sliderMinLabel, .column .sliderContainer, .column .sliderMaxLabel {
        display: none !important;
    }
}


@media (max-width: 568px) {


    .app-container .app-nav .results .consult {

        width: auto !important;
        top: 25px;
        font-size: 0.75rem;
        position: absolute !important;
        padding: 5px;
        left: 0px;
    }


    .app-nav {
        height: 70px;
    }
    .app-container .app-nav .results {

    }

    .fnamelabel {
        display: none;
    }

    .column .full .expand-label {
        padding-left: 20px !important;
    }
    .column .btnUseFmt {
        width: 25% !important;
    }

    .slider .sliderContainer span.control {
        /* width: 100% !important; */
    }

    .table .row .column.slider {
        white-space: pre-wrap;
    }

    #SSSingle-chart {

        width: 400px !important;
    }

    .step1Intro {
        margin: 0 auto;;
        font-weight: normal;
        margin-left: 0px;;
    }

    span.btn, span.view-report {
        margin-top: -25px;
        margin-right: 0;

        font-size: 0.9169rem;
        padding: 5px 10px;
    }

    .app-nav .view-report {
        background:  #486380;
        padding: 5px 10px !important;
    }
    /* .table .row label.column {
        width: 20% !important;
    } */

    .table .row label.column.pc {
        /* width: 50% !important;; */
    }
    .table .row .column {
        width: 10% !important;
    }
    .table .row .column.four {
        width: 0% !important;
    }
    .table .row .column.single {
        width: 2% !important;
    }
    input.dates.N {
        width: 28px !important;
    }
    input.month.N {
        width: 16px !important;
    }
    input.D {
        width: 70px;
    }
    .app-nav .view-report { background: #486380 !important; }


    .estimatedBenefitsText.bottom.whenToClaimDiv {
        margin-top: 10px !important;
    }
    .estimatedBenefitsText.bottom.janus {
        margin-top: 140px !important;
    }
    span.btn {
        /* font-size: 9pt !important; */
    }
    .estimatedBenefitsText.bottom {
        margin-top: 110px !important;
    }

    .table .row label.column {
      /* padding-left: 0px; */
    }
   
    .column .sliderMinLabel, .column .sliderContainer, .column .sliderMaxLabel {
        display: none !important;
    }

    .property.frequecny-list {
        width: 100px !important;
    }
    .property.status-list {
        margin-left: -20px;
    }
    .expand-container .table .row label.column {
        padding-left: 30px !important;
        font-weight: normal;
    }
    .matchContainer.expand-container .table .row LABEL.column {
        width: 30% !important;
    }
    div.btnPctDol-onArrow {
        background: none;
    }

    .app-container {
       background-image: none !important;   /*  url(/shared/_images/SS_background_syndicated.jpg); */
       background-color: #9CCBDF;
    }
    .getstarted {
        margin-top: 40px !important; 
    }

}



@media (max-width: 400px) {

    .table .row .column {
        /* width: 7% !important; */
    }

}