@charset "utf-8";

/* GiftPlanning.com - Crescendo Interactive (C) Copyright 2019 */

/*****************************************/

/*****************************************/

/**************** LEVEL 1 ****************/

/*****************************************/

/*****************************************/
@media (max-width:1350px) {
    html {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        text-size-adjust: none;
    }

    header {
        margin: 0 0 1em 0;
    }

    #cres_content {
        padding: 0 20px;
        min-height: auto;
    }

    #wills_center #cres_willscontent {
        padding: 0;
    }

    #cres_willswrapper {
        width: auto;
        padding: 0 25px;
    }

    #cres_willslogin {
        padding: 0.2em 0.5em 1em 1em;
    }

    .cres_willsline {
        margin: 0.8em -0.3em 1em -1em;
    }

    #cres_willsnav {
        position: fixed;
        z-index: 15;
        width: 280px;
        right: -280px;
        top: 0;
        height: 100%;
        overflow: hidden;
        transition: right .3s ease-in-out, visibility .3s ease-in-out;
        visibility: hidden;
    }

    #cres_willsnav.nav_open {
        visibility: visible;
        right: 0;
        transition: right .3s ease-in-out;
    }

    #cres_mobilemenu {
        display: inline-block;
        color: var(--Main-Text-Color, #000);
        margin: 25px 0 0 25px;
        text-decoration: none;
    }

    #cres_mobilescroll {
        overflow-x: hidden;
        overflow-y: scroll;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 15px;
    }

    .cres_lockscroll {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #cres_mobileoverlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 15;
        top: 0;
        visibility: hidden;
        opacity: 0;
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
        display: none;
    }

    #cres_mobileoverlay.nav_open {
        visibility: visible;
        opacity: 1;
        display: block;
    }

    #cres_mobilemenu svg {
        width: 35px;
        height: 35px;
        position: relative;
        top: 12px;
        margin-right: 0.3em;
    }

    #cres_mobilescroll #cres_closemenu {
        display: block;
        text-align: right;
        box-sizing: border-box;
        text-decoration: none;
        position: absolute;
        z-index: 1;
        top: auto;
        right: 15px;
        outline: none;
    }

    #cres_mobilescroll > p {
        margin: 3em 0 0 0;
    }

    .cres_willsnavsection {
        margin: 3em 0 0;
    }

    .cres_ppsection {
        margin: 0 1.3em 0 0;
    }

    #cres_mobilescroll > .cres_boxtitle {
        margin: 0.7em 0 0.4em 0;
    }

    .cres_ppsection .cres_boxtitle {
        margin: 1em 0 0.4em 0;
    }

    #cres_closemenu svg {
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

    #cres_progressarea {
        padding: 6px 8px 7px 13px;
        top: -50px;
        right: 22px;
        width: 250px;
    }

    #wills_center #cres_progressarea {
        top: -100px;
    }

    #settings_page #cres_progressarea {
        top: -45px;
    }
    
    #cres_settings > div > div:nth-child(2) {
        padding: 0 0.7em 0 0.7em;
    }


    #cres_content .cres_willssubtitle, #cres_content .cres_willssubtitle1, #cres_content .cres_willssubtitle2, #cres_content .cres_willssubtitle3, #cres_content .cres_willssubtitle4 {
        max-width: none;
        clear: both;
    }

    .cres_willspretitle {
        margin-bottom: -0.5em;
    }

    #cres_content .cres_willssubtitle {
        padding: 0.5em 0.5em 0.4em 0;
    }

    #cres_content .cres_willssubtitle1 {
        padding: 0.5em 0.5em 0 0;
    }

    #cres_content .cres_willssubtitle6 {
        padding: 0.5em 0 0.3em 0;
        margin: 50px 0 0 0;
    }

    .HelpBox {
        max-width: none;
        clear: both;
    }

    #cres_willssections {
        width: auto;
    }

    .cres_footertop p, .cres_footerbottom p {
        margin: 0 1em 1em 1em;
    }

    #cres_willsnav h3:nth-child(2) {
        margin: 1.5em 0 0.4em 0;
    }

    .cres_title, #loginPage .cres_title {
        margin: 0;
    }

    #cres_willscontent {
        width: 100%;
        min-height: auto;
        padding: 45px 0 0 0;
    }

    .cres_willstable, .cres_willtypetable, .cres_infotable, .cres_shorttable {
        width: 100%;
    }

    .cres_financepages .cres_financetable td#cres_adaitemwhose {
        padding: 0.5em 2em 0.5em 2em;
    }

    .cres_financepages .cres_financetable td.cres_whosemobile {
        width: 180px;
        padding: 0.5em 2em 0.5em 2em;
    }

    #cres_willscontent p {
        max-width: none;
    }

    .cres_summarycoltitle {
        width: 100%;
    }

    #cres_summaryblock table.cres_infotable td {
        width: auto;
    }

    #cres_ppwrapper {
        width: auto;
        margin: 0;
        padding: 0 1.5em;
    }

    .cres_helptext {
        max-width: none;
    }

    #S3Households fieldset {
        margin: 0 1em 0 0;
    }

    .contactPage .cres_relationship input {
        margin: 0 0 0.5em 0;
    }

    .cres_summarydownload1 {
        display: none;
    }

    .cres_summarydownload2 {
        display: block;
    }

}

/*****************************************/

/*****************************************/

/**************** LEVEL 2 ****************/

/*****************************************/

/*****************************************/
@media (max-width:1279px) {
    header img {
        width: 250px;
    }

    .cres_willstitle div {
        font-size: 1.9em;
    }

}

/*****************************************/

/*****************************************/

/**************** LEVEL 3 ****************/

/*****************************************/

/*****************************************/
@media (max-width:767px) {
    header {
        flex-direction: column;
        padding: 0.4em 1em 0.5em 1em;
    }

    .cres_mainsite {
        font-size: 0.9em;
        margin: 0 0 1em 0;
        align-self: flex-end;
    }

    .cres_orglogo {
        order: 2;
        margin: 0 0 0.7em 0;
    }

    .cres_willstitle {
        order: 3;
        padding: 0;
    }

    .cres_mainsite {
        order: 1;
    }

    #cres_ppwrapper {
        padding: 0 1em;
    }

    .ppmaincontent img {
        height: auto;
        max-width: 100%;
    }

    #loginPage main {
        display: flex;
        flex-direction: column-reverse;
    }

    #cres_content.cres_loginpage {
        align-items: stretch;
    }

    #loginPage #cres_content {
        flex-wrap: wrap;
        flex-direction: row-reverse;
        padding: 0 1em;
    }

    #cres_willslogin {
        margin: 0;
    }

    .cres_willssummary h2::before {
        content: "...";
    }

    .cres_willslegend {
        text-align: left;
    }

    #wills_login_form .cres_willslegend {
        text-align: right;
    }

    .cres_newaccounttable {
        margin: 0;
    }

    #cres_willssections a {
        width: 100%;
    }

    #cres_willssections div:nth-child(2) {
        width: calc(100% - 65px);
    }

    #cres_willssections a:last-child {
        justify-content: left;
    }

    #cres_willssteps div {
        font-size: 1em;
    }

    #cres_willssteps span {
        font-size: 0.7em;
    }

    .cres_infotable td, .cres_newaccounttable td {
        display: block;
        padding: 0 0 0.3em 0;
    }

    .cres_infotable td:nth-child(even), .cres_newaccounttable td:nth-child(even) {
        padding: 0 0 1em 0;
    }

    .cres_enewstable td {
        display: table-cell !important;
    }

    .cres_shorttable td {
        padding: 0.3em 0 0.7em 0.3em;
        display: block;
        margin: 0;
    }

    .cres_shorttable td:last-child {
        padding: 0.3em 0 0.4em 0.3em;
    }

    .cres_shorttable label {
        margin: 3px 0 5px 0;
        display: inline-block;
    }

    .cres_willssubtitle, .cres_willssubtitle1, .cres_willssubtitle2, .cres_willssubtitle3, .cres_willssubtitle4 {
        font-size: 1.7em;
    }

    .cres_footerbottom {
        padding: 3em 1em 2em;
    }

    /**************** FINANCE TABLE ****************/
    .cres_financepages .cres_willstable td, .cres_financepages .cres_willstable td.cres_purchasemobile, .cres_financepages .cres_willstable td.cres_purchasemobile1 {
        display: block;
        padding: 0.5em 0.8em 0.5em 0.8em;
    }

    .cres_financepages .cres_willstable #Asset1 td.cres_descriptionmobile1 {
        display: block;
        padding: 0.5em 0.8em 1em 0.8em;
    }

    .cres_financetable .cres_willslegend {
        background-color: #000;
        color: #fff;
        margin: 0;
    }

    #cres_summaryblock .cres_financetable .cres_willslegend {
        background-color: inherit;
        color: inherit;
    }

    .cres_financepages .cres_infotable .cres_willslegend label {
        margin-bottom: 5px;
    }

    .cres_financepages .cres_willstable tr td:first-child {
        width: auto;
        max-width: none;
    }

    .cres_financepages .cres_willstable tr td.cres_addoption {
        padding: 0 0.8em 0.7em 0.8em;
    }

    .cres_financetable .cres_tablecoltitle {
        display: none;
    }

    #cres_summaryblock .cres_financetable .cres_tablecoltitle {
        display: table-row;
    }

    #cres_summaryblock .cres_financetable {
        font-size: 0.8em;
    }

    .cres_financepages #cres_content .cres_willstable input[type="text"] {
        width: auto;
    }

    #S3Accounts #cres_content .cres_willstable .cres_descriptionmobile1 input[type="text"], #S3RetirementAccounts #cres_content .cres_willstable .cres_descriptionmobile1 input[type="text"], #S3Investments #cres_content .cres_willstable .cres_descriptionmobile1 input[type="text"] {
        width: calc(100% - 15px);
    }

    #S3RetirementAccounts #cres_content .cres_willstable .cres_valuemobile1 input[type="text"] {
        width: calc(100% - 30px);
    }

    .cres_financepages #cres_content .cres_willstable .cres_addressmobile input[type="text"], .cres_financepages #cres_content .cres_willstable .cres_descriptionmobile input[type="text"] {
        width: calc(100% - 15px);
    }

    .cres_financepages #cres_content .cres_willstable [id^="Source"] {
        width: 100%;
        margin-right: 0;
    }

    .cres_financepages .cres_ownermobile fieldset {
        margin-bottom: 0.5em;
    }

    .cres_willsdollar input {
        width: 100%;
    }

    .cres_financepages [id^="Asset"] label.hidden {
        display: block;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .cres_financepages .cres_willsdollar::before {
        float: none;
        position: absolute;
        bottom: 12px;
        left: 15px;
    }

    #cres_content .cres_willsdollar input {
        margin-left: 1.1em;
    }

    .cres_financepages .cres_financetable .cres_ownermobile {
        width: auto;
        padding: 0.5em 0.8em 0em 0.8em;
    }

    #S3RealEstate .cres_financepages fieldset {
        margin-bottom: 0.5em;
    }

    .cres_valuemobile::before, .cres_mortgagemobile::before, .cres_addressmobile::before, .cres_ownermobile::before, .cres_purchasemobile::before, .cres_descriptionmobile::before, .cres_whosemobile::before, .cres_purchasemobile1::before, .cres_descriptionmobile1::before, .cres_valuemobile1::before {
        display: block;
        font-weight: bold;
        margin: 0 0 0.3em 0;
    }

    .cres_valuemobile::before, .cres_valuemobile1::before {
        content: "Value";
    }

    .cres_mortgagemobile::before {
        content: "Mortgage";
    }

    .cres_addressmobile::before {
        content: "Address";
    }

    .cres_ownermobile::before {
        content: "Owner";
    }

    .cres_purchasemobile::before, .cres_purchasemobile1::before {
        content: "Purchase Source";
    }

    .cres_descriptionmobile::before, .cres_descriptionmobile1::before {
        content: "Account Name or Description";
    }

    .cres_whosemobile::before {
        content: "Whose Account?";
    }

    .cres_financepages .cres_infotable {
        padding: 0.1em 1em 1em 0.6em;
    }

    .cres_financepages .cres_field100, .cres_financepages .cres_field150, .cres_financepages .cres_field300, .cres_financepages .cres_field200 {
        max-width: none;
    }

    #S3Accounts .cres_financetable td#cres_adaitemwhose {
        padding: 0.5em 0.8em 0 0.8em;
    }

    .cres_financepages .cres_financetable td.cres_whosemobile {
        padding: 0.5em 0.8em 1em 0.8em;
        width: auto;
    }

    .cres_financepages .cres_whosemobile .delete_item {
        position: relative;
        top: auto;
        right: auto;
    }

    #S3RealEstate .delete_item span, #S3Investments .delete_item span {
        margin: 0.5em 0;
    }

    #S3Accounts .delete_item span, #S3RetirementAccounts .delete_item span {
        margin: 0.5em 0 0.7em 0;
    }

    #S3Accounts .cres_willstable tr td.cres_addoption {
        padding: 0.7em 0.8em;
    }

    #S3Accounts .cres_willstable #Asset1 td.cres_descriptionmobile1, #S3Investments .cres_willstable #Asset1 td.cres_descriptionmobile1 {
        padding: 0.5em 0.8em 0 0.8em;
    }

    #S3Accounts .delete_item1, #S3RetirementAccounts .delete_item1, #S3Investments .delete_item1 {
        margin: 1em 0 1em 0;
        display: block;
        float: none;
    }

    #S3RealEstate .cres_willstable tr td.cres_addoption, #S3RetirementAccounts .cres_willstable tr td.cres_addoption, #S3Investments .cres_willstable tr td.cres_addoption {
        padding: 0.7em 0.8em 0.7em 0.8em;
    }

    #S3RetirementAccounts .cres_willstable #Asset1 td.cres_descriptionmobile1 {
        padding: 0.5em 0.8em 0.1em 0.8em;
    }

    #S3RealEstate .delete_item::after {
        content: "Delete This Property";
        color: var(--Link-Color);
        margin: 0 0 0 0.5em;
    }

    #S3Accounts .delete_item::after, #S3Accounts .delete_item1::after, #S3RetirementAccounts .delete_item::after, #S3RetirementAccounts .delete_item1::after, #S3Investments .delete_item::after, #S3Investments .delete_item1::after {
        content: "Delete This Account";
        color: var(--Link-Color);
        margin: 0 0 0 0.5em;
    }

    .distPage .delete_item {
        float: none;
        border-bottom: 1px solid #777;
        padding: 0 0 1em 0;
        width: 100%;
        display: block;
    }

    #S4FirstEstateMarried .delete_item::after, #S4SecondEstateMarried .delete_item::after, #S4SecondEstateUTCashMarried .delete_item::after, #S4FirstEstateUTCashMarried .delete_item::after, #S4CashGiftsSingle .delete_item::after, #S4CashGiftsUnitrustSingle .delete_item::after, #S4CashGiftsTrustSingle .delete_item::after, #S4CashGiftsUnitrustSingle .delete_item::after, #S4FirstEstateTrustMarried .delete_item::after, #S4SecondEstateTrustMarried .delete_item::after {
        content: "Delete This Gift";
        color: var(--Link-Color);
        margin: 0 0 0 0.5em;
    }

    #S4FirstEstateResidueMarried .delete_item::after, #S4SecondEstateResidueMarried .delete_item::after, #S4EstateResidueSingle .delete_item::after, #S4TrustPercentSingle .delete_item::after, #S4TrustPercentagesMarried .delete_item::after {
        content: "Delete This Distribution";
        color: var(--Link-Color);
        margin: 0 0 0 0.5em;
    }

    #S4UTPayoutsMarried .delete_item::after, #S4UTPayoutsSingle .delete_item::after {
        content: "Delete This Payout";
        color: var(--Link-Color);
        margin: 0 0 0 0.5em;
    }

    #S4TrustDistributionMarried .delete_item::after, #S4TrustDistributionSingle .delete_item::after {
        content: "Delete This Trust Recipient";
        color: var(--Link-Color);
        margin: 0 0 0 0.5em;
    }

    td .cres_itemfields:first-child {
        margin: 0;
    }

    .cres_banktable td, .cres_banktable tr td:nth-child(2), .cres_banktable tr td:nth-child(3) {
        display: block;
        width: auto;
        padding: 0.5em 0.8em 0.5em 0.8em;
    }

    .cres_bankdetails td:first-child::before {
        content: "Bank Name";
        display: block;
        width: auto;
        font-weight: bold;
    }

    .cres_bankdetails .cres_willsdollar::before {
        content: "Account Funds $";
        display: block;
        width: auto;
        font-weight: bold;
    }

    .cres_bankdetails td:nth-child(3)::before {
        content: "Account Type";
        display: block;
        width: auto;
        font-weight: bold;
        margin: 0 0 0.3em 0;
    }

    .cres_banktable .cres_tablecoltitle {
        display: none;
    }

    .cres_banktable .cres_bankdetails:nth-child(even), .cres_banktable .cres_invdetails:nth-child(even) {
        background-color: #ddd;
    }

    .cres_invdetails td:first-child::before {
        content: "Company";
        display: block;
        width: auto;
        font-weight: bold;
    }

    .cres_invdetails .cres_willsdollar::before {
        content: "Value $";
        display: block;
        width: auto;
        font-weight: bold;
    }

    .cres_invdetails td:nth-child(3)::before {
        content: "Type";
        display: block;
        width: auto;
        font-weight: bold;
        margin: 0 0 0.3em 0;
    }

    .cres_propertytable .cres_willsdollar input {
        width: calc(100% - 1.7em);
    }

    /**************** LIABILITIES TABLE ****************/
    #S3Liabilities .cres_willstable td {
        display: block;
        padding: 0 0 0.5em 0.8em;
    }

    #S3Liabilities .cres_willstable div {
        margin: 0.5em 0 0.3em 0;
    }

    #S3Liabilities .cres_willstable .cres_tablecoltitle div {
        margin: 0 0 0.3em 0;
    }

    #S3Liabilities input[type="text"][id*="JointValue"] {
        margin: 0 0 0.7em 0;
    }

    #S3Households .cres_tablecoltitle td {
        padding: 0.5em 0.8em 0.6em 0.8em;
    }

    #S3Households td {
        display: block;
    }

    #S3Households .item_totals td {
        display: table-cell;
    }

    #S3Households .item_totals .cres_willsdollar::before {
        position: relative;
        bottom: auto;
        left: auto;
    }

    /**************** DISTRIBUTION TABLE ****************/
    .cres_distributiontable td {
        display: block;
        white-space: normal;
        padding: 0.5em 0.8em 0.7em 0.8em;
    }

    .cres_distributiontable .cres_tablecoltitle, .cres_payouttable .cres_tablecoltitle, .cres_payouttable2 .cres_tablecoltitle {
        display: none !important;
    }

    .cres_distributionblock td:first-child::before {
        content: "Gift Type";
        display: block;
        width: auto;
        font-weight: bold;
        margin: 0 0 0.5em 0;
    }

    .cres_distributionblock td:nth-child(3)::before {
        content: "Recipient";
        display: block;
        width: auto;
        font-weight: bold;
        margin: 0 0 0.5em 0;
    }

    .cres_distributionblock .cres_willsdollar input {
        width: calc(100% - 1.7em);
    }

    .distPage .cres_distributiontable .cres_giftcol, .distPage .cres_distributiontable .cres_recipientcol {
        padding: 0.5em 0.8em 0 0.8em;
    }

    /**************** PERCENTAGE TABLE ****************/
    .cres_percentblock td:first-child::before {
        content: "Percent of Distribution";
        display: block;
        width: auto;
        font-weight: bold;
        margin: 0 0 0.4em 0;
    }

    .cres_percentblock td:nth-child(2)::before {
        content: "Goes to";
        display: block;
        width: auto;
        font-weight: bold;
        margin: 0 0 0.3em 0;
    }

    /**************** PAYOUT TABLE ****************/
    .cres_payouttable td, .cres_payouttable tr td:first-child, .cres_payouttable2 td, .cres_payouttable2 tr td:first-child {
        display: block;
        padding: 0.5em 0.8em 0.5em 0.8em;
        width: auto;
        box-sizing: border-box;
    }

    .cres_payouttable tr td.cres_addoption, .cres_payouttable2 tr td.cres_addoption {
        padding: 0.5em 0.8em 0.7em 0.8em;
    }

    .cres_payoutblock td:first-child::before, .cres_payoutblock td:nth-child(2)::before, .cres_payoutblock td:nth-child(3)::before, .cres_payoutblock td:nth-child(4)::before {
        display: block;
        width: auto;
        font-weight: bold;
        margin: 0 0 0.2em 0;
    }

    #S4UTPayoutsMarried .cres_payoutblock td:first-child::before {
        content: "Percent of Payouts";
    }

    #S4UTPayoutsMarried .cres_payoutblock td:nth-child(2)::before {
        content: "Recipient";
    }

    #S4UTPayoutsMarried .cres_payoutblock td:nth-child(3)::before {
        content: "Relationship to You";
    }

    #S4TrustDistributionMarried .cres_payoutblock td:first-child::before, #S4TrustDistributionSingle .cres_payoutblock td:first-child::before {
        content: "Trust Percentage";
    }

    #S4TrustDistributionMarried .cres_payoutblock td:nth-child(2)::before, #S4TrustDistributionSingle .cres_payoutblock td:nth-child(2)::before {
        content: "Charity";
    }

    #S4TrustDistributionMarried .cres_payoutblock td:nth-child(3)::before, #S4TrustDistributionSingle .cres_payoutblock td:nth-child(3)::before {
        content: "City";
    }

    #S4TrustDistributionMarried .cres_payoutblock td:nth-child(4)::before, #S4TrustDistributionSingle .cres_payoutblock td:nth-child(4)::before {
        content: "State";
    }

    .cres_payouttable .cres_tablecoltitle {
        display: none;
    }

    .cres_payouttable tr td:nth-child(2) {
        width: auto;
    }

    /**************** SUCCESSOR TABLE ****************/
    .cres_successortable td {
        display: block;
        width: auto !important;
    }

    .cres_successortable .cres_relationship {
        margin: 0;
    }

    .cres_successortable .cres_field200 {
        max-width: none;
    }

    .cres_successorrow1 td::before, .cres_successorrow2 td::before {
        display: block;
        width: auto;
        font-weight: bold;
        margin: 0 0 0.2em 0;
    }

    .cres_successorrow1 td:first-child::before {
        content: "Trustee";
    }

    .cres_successorrow2 td:first-child::before {
        content: "Successor Trustee";
    }

    .cres_successorrow1 td:nth-child(2)::before, .cres_successorrow2 td:nth-child(2)::before {
        content: "Relationship";
    }

    .cres_successorrow1 td:nth-child(3)::before, .cres_successorrow2 td:nth-child(3)::before {
        content: "Email";
    }

    .cres_successorrow1 td:nth-child(4)::before, .cres_successorrow2 td:nth-child(4)::before {
        content: "Phone";
    }

    .cres_successorrow1 td:nth-child(5)::before, .cres_successorrow2 td:nth-child(5)::before {
        content: "Address";
    }

    .distPage .cres_successortable .cres_tablecoltitle, #cres_summaryblock .cres_successortable .cres_tablecoltitle {
        display: none !important;
    }

    .cres_successortable .cres_successorrow2 td:first-child {
        border-top: 1px solid #aaa;
    }

    .cres_successortable .cres_phonecell {
        padding: 0.5em 0.8em 1em 0.8em;
    }

    .cres_successortable div.cres_addoption, .cres_successortable div.cres_removeoption {
        margin: 0 0 0.2em 0;
    }

    #cres_summaryblock .cres_successortable td {
        padding: 0.5em 0.8em 0.5em 0;
    }

    /**************** TRUST TABLE ****************/
    .cres_trustblock td:first-child::before {
        content: "Percent of Trust";
        display: block;
        width: auto;
        font-weight: bold;
    }

    .cres_trustblock td:nth-child(2)::before {
        content: "Charity";
        display: block;
        width: auto;
        font-weight: bold;
    }

    .cres_trustblock td:nth-child(3)::before {
        content: "City & State";
        display: block;
        width: auto;
        font-weight: bold;
    }

    .cres_distributiontablesingle tr td:first-child, .cres_distributiontablesingle tr td:nth-child(2) {
        width: auto;
    }

    #cres_passwordinfo tr:nth-child(2) td:first-child, .cres_willslegend.cres_blank {
        display: none;
    }

    #cres_passwordinfo td {
        padding: 0 0 1em 0;
    }

    .cres_summarycoltitle a {
        display: block;
        float: none;
        top: auto;
        margin: 0.2em 0 0 0;
    }

    .cres_summarycoltitle {
        padding: 0.4em 0.6em 0.5em 0.6em;
    }

    #cres_summaryblock .cres_margin1, #cres_summaryblock .cres_margin2 {
        margin: 0 0 2.5em 0.7em;
        background: none;
    }

    .cres_financehome .cres_willsdollar:nth-child(2)::before, .cres_financerealestate .cres_willsdollar:nth-child(2)::before {
        content: "Value";
    }

    .cres_financehome .cres_willsdollar:nth-child(3)::before, .cres_financerealestate .cres_willsdollar:nth-child(3)::before {
        content: "Mortgage";
    }

    #cres_summaryblock .cres_banktable tr td:nth-child(3) {
        padding: 0.5em 0.8em 0.5em 0.8em;
    }

    .cres_bankdetails td:nth-child(3)::before {
        margin: 0;
    }

    .cres_invdetails .cres_willsdollar::before {
        content: "Value";
    }

    .cres_bankdetails .cres_willsdollar::before {
        content: "Account Funds";
    }

    #cres_summaryblock .cres_cell50 td {
        width: auto;
    }

    .cres_willstable tr[id^="Asset"] td:last-child {
        width: 100%;
        box-sizing: border-box;
    }

    .cres_willstable tr[id^="Asset"] td:last-child input[type="text"], .cres_willstable tr[id^="Asset"] td:last-child select, .cres_payouttable .cres_relationship input[type="text"] {
        width: 65% !important;
    }

    /* Settings */
  
    #mgr_profile_frm table, #passtable {
        width: 100%;
    }

    .double_authentication {
        flex-direction: column;
    }

    .signincol {
        width: auto;
    }

    .signincol:first-child {
        padding: 1em 0 0 0;
    }

    #mgr_gleg_enews_frm fieldset > div, #mgr_glaw_enews_frm fieldset > div {
        padding: 1em 0 0 0;
    }

    #submitpass, .mgr_register_save button {
        margin: 0.5em 0 0 0;
    }

    #authmain {
        margin: 0 0 1em 0;
    }

    #mgr_gleg_enews_frm fieldset > div:last-child, #mgr_glaw_enews_frm fieldset > div:last-child {
        display: block;
        margin: 0.5em 0 1em 0;
    }

    #S1Children1 td.child_title {
        text-align: left;
    }

    #cres_content h1 {
        font-size: 1.7em;
    }

    #cres_content.cres_pphome h1 {
        font-size: 1.5em;
    }

    .cres_pphome > a:nth-child(1) svg {
        width: 50px;
        height: 50px;
    }

    .cres_pphome > a:nth-child(2) svg {
        width: 65px;
        height: 65px;
    }

    .cres_pphome > a:nth-child(3) svg {
        width: 55px;
        height: 55px;
    }

    .cres_pphome > a:nth-child(4) svg {
        width: 45px;
        height: 45px;
    }

    .cres_pphome div {
        margin: 0 0.7em 0 3.8em;
    }

    .cres_pplist li {
        padding: 0 0 1em 0;
    }

    .cres_pparticle img {
        margin: 0 0 2em 0;
        width: 100%;
        float: none;
        max-width: 640px
    }

    #cres_pdfwrapper {
        flex-direction: column;
    }

    #cres_pdfwrapper > div {
        width: auto;
    }

    #cres_pdfbuttons {
        display: block;
    }

    #DownloadWill {
        margin: 1em 0 0 0;
    }

}

/*****************************************/

/*****************************************/

/**************** LEVEL 4 ****************/

/*****************************************/

/*****************************************/
@media (max-width:420px) {
    #cres_content h1 {
        margin: 0.5em 0 0.5em 0;
    }

    #cres_willslogin {
        flex: 0 0 100%;
        margin: 2em 0;
        padding: 0.2em 0.3em 1em 0.3em;
    }

    #cres_willslogin > div:nth-child(2) button {
        margin: 0.5em 0.3em 0 0.3em;
    }

    #loginPage #cres_willscontent {
        padding: 1em 0 0 0;
    }

    #cres_content #cres_willslogin h2 {
        margin: 0.3em 0.3em 0 0.3em;
    }

    #doubleauthwindow {
        margin: 0.5em 0.5em 0.7em 0.5em;
    }

    #cres_willslogin table td {
        display: block;
    }

    #wills_login_form .cres_willslegend {
        text-align: left;
    }

    .cres_willslegend {
        margin: 0.5em 0 0 0;
    }

    #cres_willssteps div {
        font-size: 1em;
    }

    #cres_willssteps span {
        font-size: 0.6em;
    }

    #cres_willssteps svg {
        display: none;
    }

    #cres_willssections div:nth-child(1) {
        width: 50px;
    }

    #cres_willssections a:nth-child(1) svg {
        width: 50px;
        height: 50px;
    }

    #cres_willssections a:nth-child(2) svg {
        width: 60px;
        height: 60px;
    }

    #cres_willssections a:nth-child(3) svg {
        width: 57px;
        height: 57px;
    }

    #cres_willssections a:nth-child(4) svg {
        width: 47px;
        height: 47px;
    }

    #cres_willssections a:last-child svg {
        width: 42px;
        height: 42px;
    }

    #cres_progress {
        vertical-align: top;
        font-size: 0.82em;
    }

    #cres_progressarea {
        width: 150px;
        padding: 6px 10px 6px 10px;
    }

    #cres_percentage {
        width: 100%;
        font-size: 0.82em;
    }

    #cres_mobilemenu {
        margin: 25px 0 0 25px;
    }

    #cres_percentage .progresspercent {
        padding: 0.3em 0 0.2em 0.5em;
    }

    .cres_innerdate {
        display: block;
        margin: 0.5em 0;
    }

    .cres_innerdate label {
        width: 70px;
        display: inline-block;
        text-align: right;
    }

}