.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 1200px) {
    .related-guides .card-ranking-list img {
        max-width: 100px;
    }
}

@media only screen and (max-width: 1800px) {
    .gradient-half-bg::after {
        width: 73%;
    }
}
@media only screen and (max-width: 1200px) {
    header .bottom .navbar .nav-link {
        padding: 1.5rem 1rem;
    }
    .home-mast .row .col-md-4:nth-child(1) .home-card,
    .home-mast .row .col-md-4:nth-child(3) .home-card {
        height: 290px;
    }
    .home-mast .row .col-md-4:nth-child(2) .home-card {
        height: 330px;
    }
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (min-width: 992px) {
    .card-preview-related img {
        max-height: 96px;
        margin-left: 0;
        margin-right: 0;
    }
}
@media only screen and (max-width: 992px) {
    main:not(:has(.top-content)) {
        padding-top: 90px;
    }
    header .bottom .navbar .nav-link {
        padding: 10px;
    }
    .navbar-brand {
        padding-left: 10px;
    }
    .navbar-toggler {
        padding-right: 10px;
    }
    #browse-all-link.collapse {
        display: none;
    }
    #browse-all-link.collapse.show {
        display: block;
    }
    .browse-all-link {
        display: block;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 768px) {
    #card-type-filter .top-buttons button,
    #card-type-filter .top-buttons .btn {
        display: inline-block;
        width: 20%;
    }
    .personalized-recommendations .question {
        height: auto;
    }
    .personalized-recommendations .btn {
        margin-bottom: 10px;
    }
    .cards-container .card {
        margin-bottom: 15px;
    }
    .home-mast h1 {
        font-size: 30px;
    }
    .personalized-recommendations h3,
    #cards-filter-container h2,
    .radial-gradient-bg h2 {
        font-size: 25px;
    }
    #cards-filter-container h4 {
        font-size: 20px;
    }
    .credit-card .award-systems,
    .credit-card .bank-info {
        width: 50%;
        vertical-align: top;
        float: left;
    }
    .bordered-sidebar > .award-systems,
    .bordered-sidebar > .bank-info {
        border-bottom: none;
    }
    .sign-up-free-index .gradient-half-bg {
        background: none;
    }
    .looking-for .col-2 .recommendation-number {
        display: inline-block;
        text-align: center;
        width: 30px;
        padding: 0;
        height: 30px;
        line-height: 30px;
    }
    .looking-for .col-2 {
        text-align: right;
    }
    .sign-up-free-index main {
        overflow: hidden;
    }
    .sign-up-free-index .additional-image {
        width: 1140px;
        margin-left: -70px;
    }
    .switch-profiles-avatars {
        display: none !important;
    }

    .content-col h1 {
        font-size: 30px;
    }

    /* Credit Card Listing */

    .credit-card .col-lg-2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
    .credit-card .credit-card-image-link {
        display: flex;
        flex-direction: row;
        flex-basis: 100%;
    }
    .value-rankings-index .credit-card .apply-link,
    .credit-cards-view .compare-button {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        margin-bottom: 15px !important;
        flex-flow: nowrap;
        flex: 1;
        margin-right: 5px;
        align-items: center;
        justify-content: center;
        border: 1px solid #e19e20;
    }
    .credit-cards-view .card-name-apply-links .btn.apply-link {
        width: 48%;
        float: left;
        clear: left;
    }
    .credit-cards-view .card-name-apply-links .compare-button {
        width: 48%;
        float: right;
        margin-top: 3px;
    }
    .credit-card .spend-categories .apply-link {
        display: block;
        text-align: center;
        border-radius: 5px;
        padding: 10px;
    }
    .credit-card .compare-button {
        display: flex !important;
        flex-direction: column;
        flex-basis: 100%;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        flex: 1;
        flex-flow: nowrap;
        align-items: center;
        justify-content: center;
    }
    .credit-card .compare-button i {
        margin-left: 5px;
    }

    /* Spend Category Listing */

    .best-card-for-index .page-mast {
        padding: 40px 0 80px;
    }
    .top-cards > h2 {
        font-size: 25px;
    }
    .radial-gradient-bg p {
        font-size: 16px;
    }
    .icon-row {
        padding-bottom: 25px;
        margin-bottom: 20px;
        border-bottom: 1px solid #d8dee5;
    }
    .related-guides img {
        float: left;
        max-width: 30%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .related-guides .card-ranking-list img {
        max-width: 100%;
        float: none;
    }
    .related-guides p {
        margin-bottom: 0;
    }
    .related-guides .read-more.float-right {
        display: none;
    }
    .related-guides .col-md-4 {
        padding: 15px;
    }
    .related-guides .col-md-4:nth-child(odd) {
        background: #edeff2;
    }

    /* Sticky Individual Card Top */

    .card-name-apply-links {
        position: fixed;
        width: 100%;
        background: white;
        text-align: center;
        padding-top: 20px;
        z-index: 3;
        left: 0;
    }
    .card-name-apply-links.is-hidden {
        top: 0;
    }
    .card-name-apply-links img {
        max-width: 160px;
    }
    .card-name-apply-links .btn {
        width: 75%;
        margin: 0 auto;
        display: block;
        float: none;
    }
    .card-name-apply-links button.btn {
        float: right;
        padding: 6px !important;
    }
    .bordered-sidebar .award-systems,
    .bordered-sidebar .bank-info {
        padding-top: 290px !important;
    }
    .bank-view .bordered-sidebar .bank-info {
        padding-top: 0 !important;
    }
    .card-name-apply-links.sticking.is-visible img {
        width: auto;
        float: none;
        margin: 0 auto;
    }
    .card-name-apply-links.sticking.is-visible h4 {
        width: 100%;
        float: none;
        text-align: center;
    }
    .card-name-apply-links.sticking.is-hidden img {
        float: left;
        width: 20%;
    }
    .card-name-apply-links.sticking.is-hidden h4 {
        float: right;
        width: 75%;
        font-size: 1.5rem;
        text-align: left;
    }
    .credit-cards-view .spend-categories svg,
    .credit-cards-view .card-benefits svg,
    .credit-cards-view .card-benefits img {
        width: 50px;
        height: 55px;
    }
    .point-transfer-options > .row.mb-3.mx-0 > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    /* Hiding Switch Profiles on Card Finder */

    .switch-profiles-avatars {
        display: none !important;
    }
    .two-col-list,
    .two-column-list {
        column-count: 1;
        padding-left: 0;
    }
    .two-column-list li {
        margin-bottom: 10px;
    }
    .two-column-list {
        padding: 0 20px;
    }
    .user-profile-card-board .page-mast,
    .my-points-index .page-mast {
        padding: 40px 0;
    }
    .my-points-index a[data-target='#add-card-form-modal'] {
        display: block;
        margin-bottom: 30px;
    }
    header .profile-icon-shadow {
        color: white;
    }

    .cards-container.side-cards .card.airfare {
        background: white url(/img/card-side/airlines.png) no-repeat 0 bottom / 140px 100%;
    }
    .cards-container.side-cards .card.hotels {
        background: white url(/img/card-side/hotels.png) no-repeat 0 bottom / 140px 100%;
    }
    .cards-container.side-cards .card.banks {
        background: white url(/img/card-side/bank.png) no-repeat 0 bottom / 140px 100%;
    }
    .cards-container.side-cards .card.general {
        background: white url(/img/card-side/general.png) no-repeat 0 bottom / 140px 100%;
    }

    .spend-categories-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    #browse-all-link.account-sidebar {
        background: #edeff2;
    }

    .user-profile-setup .question.final a {
        padding-top: 30%;
        font-size: 44px;
    }
    #extended-filter .dropdown-menu {
        max-height: 240px;
    }
    #extended-filter button {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .modal-body .confirm-buttons button {
        padding: 5px 0;
    }

    .modal-title,
    .cards-container.side-cards .card h5.modal-title {
        font-size: 24px;
    }
    .modal-header .close {
        font-size: 38px;
    }
    .card-name-apply-links {
        padding-top: 30px;
    }

    /* Subscribe Page */

    .subscription-head h3 {
        font-size: 1.5rem;
    }

    .overlay-mast {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 767px) {
    /* Hide comparison tool in any size under ipad */

    .card-name-apply-links button.btn,
    #compare-preview-open-container,
    .credit-card .compare-button {
        display: none !important;
    }
    main:not(:has(.top-content)) {
        padding-top: 50px;
    }
}

@media screen and (max-width: 890px) and (min-width: 767px) {
    header .bottom .navbar .nav-link {
        padding: 20px 10px 10px;
        font-size: 15px;
    }
    header .navbar-brand img {
        width: 150px;
    }
    .navbar-brand {
        padding-left: 0;
        margin-right: 0;
    }
    header .bottom .nav-item:nth-child(4) a {
        padding-left: 0;
    }
    header .bottom .nav-item:nth-child(8) a {
        padding-right: 0;
    }
    #search:focus {
        width: 95vw;
        height: 2.5rem;
        font-size: 14px;
    }
    header .top .navbar-nav .nav-item .dropdown-menu {
        right: 0;
        left: auto;
    }
}

@media only screen and (max-width: 700px) {
    .featured-article-image {
        height: 150px;
    }
    #board-form,
    .board-index .settings-card h3 {
        display: none;
    }
    .board-index .settings-card .btn.secondary-btn {
        display: block;
        font-family: 'Prompt', sans-serif;
        font-size: 17px;
    }
    .mobile-settings,
    .board-settings #board-form {
        display: block;
    }
    .user-spend-category-user-update table tr td:nth-child(1),
    .user-spend-category-user-update table tr th:nth-child(1) {
        display: none;
    }
    .user-spend-category-user-update table tr td:nth-child(2) {
        max-width: 200px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 480px) {
    .home-card,
    .home-mast .row .col-md-4:nth-child(1) .home-card,
    .home-mast .row .col-md-4:nth-child(3) .home-card,
    .home-mast .row .col-md-4:nth-child(2) .home-card {
        border-radius: 5px;
        height: 300px;
    }
    .home-card h3 {
        margin-bottom: 15px;
    }
    .home-card img {
        display: none;
    }
    #card-slider {
        margin-bottom: -90px;
    }
    .personalized-recommendations .question {
        height: auto;
        padding-top: 120px !important;
    }
    #card-type-filter .top-buttons button,
    #card-type-filter .top-buttons .btn {
        width: 32%;
    }
    .additional-guides img {
        width: 100%;
    }
    .additional-guides .col-lg-3 {
        margin-bottom: 15px;
    }
    #card-type-filter .top-buttons button:hover,
    #card-type-filter .top-buttons .btn:hover {
        border-bottom: none;
    }
    #hobby h3 {
        text-align: center;
        display: block;
    }
    h3.border-top-gold a {
        display: block;
        margin: 20px auto 0;
        background: #e19e20;
        color: white;
        font-size: 17px;
        padding: 10px 20px;
        border-radius: 5px;
        width: 75%;
    }
    h3.border-top-gold {
        text-align: center;
    }
    #cards-filter-container.filter.home-cards-filter-list {
        padding: 40px 0;
    }
    #card-type-filter .top-buttons .btn:nth-child(1) {
        display: none;
    }

    h4.card-name {
        margin-top: 15px;
    }

    .number-box {
        margin-bottom: 10px;
    }

    /* Best Card For Styles */

    .cards-container.side-cards .card {
        padding-top: 20px;
    }
    .cards-container.side-cards .card.spend-categories {
        padding-left: 20px;
        background: white url(/img/card-side/bfs-top-spend-cat.png) no-repeat center top;
        padding-top: 140px;
    }
    .cards-container.side-cards .card.spend-categories h4:after,
    .cards-container.side-cards .card.benefits h4:after {
        content: none;
    }
    .spend-categories h5,
    .card.benefits h5 {
        display: none;
    }
    .cards-container.side-cards .card h4 {
        font-size: 30px;
    }
    .cards-container.side-cards .card.benefits {
        padding-left: 20px;
        background: white url(/img/card-side/bfs-top-benefits.png) no-repeat center top;
        padding-top: 140px;
    }
    .spend-categories .show-all-link {
        display: block;
        text-align: center;
    }

    /* Styles for Card Rankings Tables */

    .credit-card .col-lg-2 .credit-card-image-link,
    .card-ranking-detail-list .credit-card-image-link {
        display: block;
        position: relative;
    }
    .credit-card .col-lg-2 .credit-card-image-link:after,
    .card-ranking-detail-list .credit-card-image-link:after {
        content: 'Card Details';
        position: absolute;
        bottom: 60px;
        padding: 15px 45px 15px 0;
        display: block;
        font-size: 17px;
        left: 0;
        text-align: right;
        width: 100%;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.3+0,1+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(
            to right,
            rgba(255, 255, 255, 0.3) 0%,
            rgba(255, 255, 255, 1) 100%
        ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    }
    .credit-card .col-lg-2 .credit-card-image-link:before,
    .card-ranking-detail-list .credit-card-image-link:before {
        content: url(/img/icons/read-more.svg);
        display: block;
        z-index: 2;
        position: absolute;
        bottom: 65px;
        right: 10px;
    }
    .credit-card a.card-details,
    .credit-cards-view .application-rules,
    .credit-cards-view .bordered-left-content .related-guides,
    .card-ranking-detail-list .card-details {
        display: none;
    }

    /* Force table to not be like tables anymore */
    .point-details-table,
    .point-details-table thead,
    .point-details-table tbody,
    .point-details-table th,
    .point-details-table td,
    .point-details-table tr,
    .card-details-table,
    .card-details-table thead,
    .card-details-table tbody,
    .card-details-table th,
    .card-details-table td,
    .card-details-table tr {
        display: block;
    }

    .point-details-table table,
    .card-details-table table {
        margin-bottom: 0 !important;
    }

    .table.bottom-table tbody td {
        min-height: 35px;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .point-details-table thead tr,
    .card-details-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .point-details-table tbody,
    .card-details-table tbody {
        background: none;
    }

    .point-details-table td,
    .card-details-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .point-details-table td {
        padding-left: 34%;
    }
    .point-details-table .point-system-ratings td {
        padding-left: 30%;
    }

    .point-details-table td:before,
    .card-details-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0px;
        left: 0px;
        font-family: 'Dosis', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #002b5c;
        width: 45%;
        background: #f1f1f1;
        height: 100%;
        padding-right: 10px;
        padding: 10px;
        white-space: nowrap;
    }

    .point-details-table td:before {
        display: flex; /* Use flexbox for easy vertical alignment */
        align-items: center; /* Centers content vertically */
        justify-content: center; /* Optionally centers content horizontally */
        height: 100%; /* Ensures the pseudo-element takes up the full height of the `td` */
        white-space: pre-wrap; /* Preserves line breaks, if needed */
        width: 30%;
    }

    .point-details-table td.point-values {
        text-align: center;
    }

    .point-details-table td.point-values .point-values-container .d-flex {
        justify-content: center;
    }

    .credit-cards-view .card-details-table td:before {
        background: white;
        padding-left: 0;
    }

    .credit-cards-view .card-details-table {
        margin-bottom: 15px;
    }

    .point-details-table td,
    .card-details-table td {
        background: white;
    }

    .details-index #benefits .border-left,
    #all-benefits .border-right {
        border: none !important;
    }

    .point-details-table tbody tr td:nth-of-type(6),
    .card-details-table tbody tr td:nth-of-type(6) {
        margin-top: 10px;
        margin-bottom: 10px;
        border-left: 0 !important;
    }

    .point-details-table .bottom-table {
        text-align: center;
    }

    .point-details-table td:before {
        text-align: center;
    }
    .point-details-table td.bottom-line {
        text-align: left;
    }

    /* Point Details Table Labels */
    .point-details-table tbody tr td:nth-of-type(1):before {
        content: 'Ease Of Collection';
    }
    .point-details-table tbody tr td:nth-of-type(2):before {
        content: 'Usability';
    }
    .point-details-table tbody tr td:nth-of-type(3):before {
        content: 'Product Quality';
    }
    .point-details-table tbody tr td:nth-of-type(4):before {
        content: 'Flexibility';
    }
    .point-details-table tbody tr td:nth-of-type(5):before {
        content: 'Cost Of Holding';
    }

    .point-details-table:nth-of-type(2) tbody tr td:nth-of-type(1):before {
        content: 'Points Value';
    }
    .point-details-table:nth-of-type(2) tbody tr td:nth-of-type(2):before {
        content: 'Bottom Line';
    }
    .point-details-table:nth-of-type(2) tbody tr td:nth-of-type(3):before {
        content: 'Personalization\A Factors';
        white-space: pre-wrap;
    }

    /* Card Details Table Labels */
    .card-details-table table.top-table tbody tr td:nth-of-type(1):before {
        content: 'Bonus Points';
    }
    .card-details-table table.top-table tbody tr td:nth-of-type(2):before {
        content: 'Minimum Spend';
    }
    .card-details-table table.top-table tbody tr td:nth-of-type(3):before {
        content: 'Point Value';
    }
    .card-details-table table.top-table tbody tr td:nth-of-type(4):before {
        content: 'Annual Value';
    }
    .card-details-table table.top-table tbody tr td:nth-of-type(5):before {
        content: 'Annual Fee';
    }
    .card-details-table table.top-table tbody tr td:nth-of-type(6):before {
        content: '1st Year Value';
        background-color: var(--pn-light-blue);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border-top-left-radius: 0.375rem;
        border-bottom-left-radius: 0.375rem;
    }

    .card-details-table.bonus-extra table.bottom-table tbody tr td:nth-of-type(1):before {
        content: 'Bonus Extra';
    }
    .card-details-table.bonus-extra table.bottom-table tbody tr td:nth-of-type(2):before {
        content: 'Differentiating Perks';
    }
    .card-details-table.bonus-extra table.bottom-table tbody tr td:nth-of-type(3):before {
        content: 'Rules';
    }

    .card-details-table:not(.bonus-extra) table.bottom-table tbody tr td:nth-of-type(1):before {
        content: 'Differentiating Perks';
    }
    .card-details-table:not(.bonus-extra) table.bottom-table tbody tr td:nth-of-type(2):before {
        content: 'Rules';
    }

    /* Styles for Individual Spend Category and Benefit Table */

    /* Force table to not be like tables anymore */
    .rankings-table table,
    .rankings-table table thead,
    .rankings-table table tbody,
    .rankings-table table th,
    .rankings-table table td,
    .rankings-table table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .rankings-table table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .rankings-table table tbody {
        background: none;
    }

    .rankings-table table tr {
    }

    /*
	Label the data
	*/
    .rankings-table table tbody tr td:nth-of-type(3):before {
        content: 'Point Value';
    }
    .rankings-table table tbody tr td:nth-of-type(4):before {
        content: 'Annual Value';
    }
    .rankings-table table tbody tr td:nth-of-type(5):before {
        content: 'Annual Fee';
    }
    .rankings-table table tbody tr td:nth-of-type(6):before {
        content: '1st Year Value';
    }
    .rankings-table table:nth-of-type(2) tbody tr td:nth-of-type(1):before {
        content: 'Best Value';
    }
    .rankings-table table:nth-of-type(2) tbody tr td:nth-of-type(2):before {
        content: 'Differentiating Perks';
    }
    .rankings-table table:nth-of-type(2) tbody tr td:nth-of-type(3):before {
        content: 'Rules';
    }

    .benefit-view .rankings-table table tbody tr td:nth-of-type(3):before {
        content: 'Point Value: ';
        padding-left: 110px;
        font-weight: 700;
    }

    /* User Profile Card Table */

    /* Force table to not be like tables anymore */
    .user-profile-card-finder-table,
    .user-profile-card-finder-table thead,
    .user-profile-card-finder-table tbody,
    .user-profile-card-finder-table th,
    .user-profile-card-finder-table td,
    .user-profile-card-finder-table tr,
    .user-profile-card-finder-table tfoot {
        display: block;
    }

    .user-profile-card-finder-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0px;
        left: 0px;
        font-family: 'Dosis', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #002b5c;
        width: 45%;
        background: #f1f1f1;
        height: 100%;
        padding-right: 10px;
        padding: 10px;
        white-space: nowrap;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .user-profile-card-finder-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .user-profile-card-finder-table tbody {
        background: none;
    }

    .user-profile-card-finder-table tr {
        margin-bottom: 10px;
    }

    .user-profile-card-finder-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        min-height: 40px;
    }

    .user-profile-card-finder-table tfoot td {
        padding-left: 0;
        text-align: center;
    }

    .user-profile-card-finder-table td.card-img {
        border-bottom: none;
    }

    /*
	Label the data
	*/
    /* .user-profile-card-board .user-profile-card-finder-table tbody tr td:nth-of-type(1):before { */
    /*     content: 'Card Image Here'; */
    /* } */
    .user-profile-card-board .user-profile-card-finder-table tbody tr td:nth-of-type(3):before {
        content: 'Date Opened';
    }
    .user-profile-card-board .user-profile-card-finder-table tbody tr td:nth-of-type(4):before {
        content: 'Date Bonus Received';
    }
    .user-profile-card-board .user-profile-card-finder-table tbody tr td:nth-of-type(5):before {
        content: 'Years Old';
    }
    .user-profile-card-board .user-profile-card-finder-table tbody tr td:nth-of-type(6):before {
        content: 'Credit Limit';
    }
    .user-profile-card-board .user-profile-card-finder-table tbody tr td:nth-of-type(7):before {
        content: 'Annual Fee';
    }
    .user-profile-card-board .user-profile-card-finder-table tbody tr td:nth-of-type(8):before {
        content: 'Eligible for bonus?';
    }
    .user-profile-card-board .user-profile-card-finder-table tbody tr td:nth-of-type(9):before {
        content: 'Actions';
    }

    .user-profile-card-board .user-profile-card-finder-table tfoot tr td:nth-of-type(1),
    .user-profile-card-board .user-profile-card-finder-table tfoot tr td:nth-of-type(3),
    .user-profile-card-board .user-profile-card-finder-table tfoot tr td:nth-of-type(4),
    .user-profile-card-board .user-profile-card-finder-table tfoot tr td:nth-of-type(5),
    .user-profile-card-board .user-profile-card-finder-table tfoot tr td:nth-of-type(8),
    .user-profile-card-board .user-profile-card-finder-table tfoot tr td:nth-of-type(9) {
        display: none;
    }

    /* End User Profile Card */

    /* My Points Labels */

    .my-points-index .user-profile-card-finder-table tbody tr td:nth-of-type(1):before {
        content: 'Profile';
    }
    .my-points-index .user-profile-card-finder-table tbody tr td:nth-of-type(2):before {
        content: 'Point System';
    }
    .my-points-index .user-profile-card-finder-table tbody tr td:nth-of-type(3):before {
        content: 'Point Balance';
    }
    .my-points-index .user-profile-card-finder-table tbody tr td:nth-of-type(4):before {
        content: 'Expiration Date';
    }
    .my-points-index .user-profile-card-finder-table tbody tr td:nth-of-type(5):before {
        content: 'Point Value';
    }
    .my-points-index .user-profile-card-finder-table tbody tr td:nth-of-type(6):before {
        content: 'Total Value';
    }
    .my-points-index .user-profile-card-finder-table tbody tr td:nth-of-type(7):before {
        content: 'Actions';
    }

    .my-points-index .user-profile-card-finder-table tbody tr.award-extra-row:before {
        content: 'Award Extra';
    }

    .my-points-index .user-profile-card-finder-table tbody tr td:nth-of-type(2) img {
        display: none;
    }

    .my-points-index .user-profile-card-finder-table tfoot tr td:nth-of-type(2),
    .my-points-index .user-profile-card-finder-table tfoot tr td:nth-of-type(4),
    .my-points-index .user-profile-card-finder-table tfoot tr td:nth-of-type(5),
    .my-points-index .user-profile-card-finder-table tfoot tr td:nth-of-type(7) {
        display: none;
    }

    /* End My Points Labels */

    .credit-cards-view .bordered-sidebar > section.related-guides {
        clear: both;
        border-top: 1px solid #d8dee5;
        border-bottom: 1px solid #d8dee5;
        margin-left: -15px;
        padding-left: 15px;
        margin-bottom: 15px;
    }
    .rankings-table table tbody tr td:nth-of-type(1),
    .rankings-table table tbody tr td:nth-of-type(2) {
        float: left;
    }
    .rankings-table table tbody tr td:nth-of-type(1) {
        width: 20%;
    }
    .rankings-table table tbody tr td:nth-of-type(2) {
        clear: left;
        width: 75%;
    }
    .benefit-view .rankings-table table tbody tr td {
        clear: none;
    }
    .benefit-view .rankings-table table tbody tr td:nth-of-type(2) {
        float: left;
        width: 65%;
    }

    .spend-category-view .rankings-table table td {
        padding-left: 0;
        padding-right: 0;
    }

    .spend-category-view .rankings-table table td p.description {
        margin-bottom: 0;
    }

    .spend-category-view .rankings-table td:nth-child(1) {
        height: 100%;
        float: left;
        margin-right: 10px;
        padding: 10px 5px;
    }
    .spend-category-view .rankings-table td:nth-child(2) {
        float: left;
        clear: none;
        width: 70%;
        padding: 5px;
    }
    .spend-category-view .rankings-table td:nth-child(3) {
        clear: left;
    }

    .spend-category-view .rankings-table td:nth-child(3),
    .spend-category-view .rankings-table td:nth-child(4),
    .spend-category-view .rankings-table td:nth-child(5) {
        float: left;
        width: 33%;
        padding: 5px;
        font-size: 14px;
        text-align: center;
    }

    .spend-category-view .rankings-table td:nth-child(3):before,
    .spend-category-view .rankings-table td:nth-child(4):before,
    .spend-category-view .rankings-table td:nth-child(5):before {
        font-weight: 700;
        display: block;
    }

    .spend-category-view .rankings-table td:nth-child(4) {
        border-left: 1px solid #d8dee5;
        border-right: 1px solid #d8dee5;
    }

    .spend-category-view .rankings-table tr:nth-child(odd) {
        background: #edeff2;
        margin: 10px 0;
    }

    .spend-category-view .rankings-table table tr {
        clear: both;
    }
    .guides-view .bordered-sidebar {
        display: none;
    }

    .point-transfer-options .border-content .pto {
        border: none;
        padding: 0;
        margin: 10px 0 0;
    }

    .credit-cards-view .spend-categories svg {
        width: 35px;
        height: 45px;
    }
    .credit-cards-view .card-benefits svg,
    .credit-cards-view .card-benefits img {
        width: 80px;
        height: 85px;
    }

    /* Table for the Holy Grail */

    .system-points-table.table tbody td,
    .trade-in-points-table tbody td,
    .trade-in-points-table tfoot td.text-right {
        font-size: 14px;
        padding: 0.5rem;
    }

    .trade-in-points-table tfoot td h3,
    .system-points-table.table tbody tr h3 {
        font-size: 20px;
    }

    .trade-in-points-table tbody td i.fa-square-full,
    .system-points-table tbody td i.fa-square-full {
        display: none;
    }

    .trade-in-points-table thead tr th:last-child,
    .trade-in-points-table tbody tr td:last-child {
        display: none;
    }

    /* Remove Login Padding */

    .wrapper {
        padding: 0;
    }
    #formContent {
        width: 100%;
    }
    #compare-preview-container li {
        width: 26%;
        height: auto;
    }

    .modal-content button {
        margin-bottom: 10px;
    }

    .airlines-within {
        text-align: center;
        margin-bottom: 10px;
    }
    .airlines-within img {
        display: block;
        margin: 0 auto;
    }
    .subscription-body .subscribe-row .col-md-2.pr-0 div,
    .subscription-body .subscribe-row .col-md-2.pl-0 div {
        text-align: center;
        padding-top: 0 !important;
    }
    .subscription-body .subscribe-row .col-md-2.pr-0 div:before,
    .subscription-body .subscribe-row .col-md-2.pl-0 div:before {
        font-family: 'Dosis', sans-serif;
        display: block;
        font-size: 1.25rem;
        margin-right: 5px;
    }
    .subscription-body .subscribe-row .col-md-2.pr-0 div:before {
        content: 'Free Feature?';
        color: #22689b;
    }
    .subscription-body .subscribe-row .col-md-2.pl-0 div:before {
        content: 'Insider Feature?';
        color: #e19e20;
    }
    .pays-itself .bottom .row .col-md-4:nth-child(2) {
        margin: 0;
        padding-right: 15px;
    }

    .credit-cards-view .card-name-apply-links .btn.apply-link {
        width: 100%;
        float: none;
    }
    .card-name-apply-links {
        padding-top: 30px;
    }
    .credit-cards-view .card-name-apply-links h4,
    .card-name-apply-links.sticking.is-hidden h4 {
        font-size: 18px;
    }

    .credit-cards-view .card-name-apply-links.sticking.btn.apply-link,
    .credit-cards-view .card-name-apply-links.sticking.is-visible .btn.apply-link {
        width: 100%;
        float: none;
    }
    .credit-cards-view .card-name-apply-links.sticking.is-hidden .btn.apply-link {
        float: right;
        widows: 60%;
    }

    .overlay-mast {
        margin-top: 0;
    }
    .user-profile-card-board .settings-card {
        display: none;
    }
}
@media only screen and (max-width: 400px) {
    #card-type-filter .top-buttons button,
    #card-type-filter .top-buttons .btn {
        display: inline-block;
        width: 30%;
        vertical-align: top;
    }
    #card-type-filter .top-buttons .btn:nth-child(1) {
        display: none;
    }
    .details-index #point-transfer {
        display: none;
    }
    .spend-categories-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}