@media (max-width: 767px) and (min-width: 280px) {
    .account-section .account-wrapper {
        padding-bottom: 10px;
    }

    .address-detail-button {
        margin-top: 10px;
    }

    .estimate-confirmation {
        margin-bottom: 10px;
    }

    .estimate-confirmation br {
        display: none;
    }

    .repair-table tr:first-child {
        padding-top: 13px;
        padding-bottom: 23px;
    }

    .repair-table tr:last-child {
        padding-bottom: 13px;
    }

    .repair-table .radio-buttons {
        padding-top: 0;
        padding-bottom: 0;
    }

    .account-wrapper .col-md-5 {
        width: 50%;
        float: left;
    }

    .account-wrapper .col-md-4 + .col-md-4 {
        margin-top: 30px;
    }

    .account-section h2 {
        margin-bottom: 12px;
    }

    .account-navigation {
        display: none;
    }

    .account-navigation-mobile,
    .mobile-logout {
        display: block;
    }

    .account-navigation-mobile {
        margin-bottom: 30px;
    }

    .mobile-logout {
        float: right;
        font-size: 9px;
        margin-top: -5px;
        font-family: Avenir-Heavy;
        color: #000;

    }

    .mobile-logout:hover,
    .mobile-logout:focus {
        color: #999;
    }

    .account-section h1 {
        margin: 30px 0;
    }

    .account-section {
        padding: 65px 0;
        min-height: calc(100vh - 65px);
    }

    .order-history.order-history-mobile {
        display: block;
    }

    .order-history {
        display: none;
    }

    .order-history-mobile .table td,
    .order-history-mobile .table th {
        vertical-align: top;
        padding: 10px 0;
        width: 50%;
        float: left;
    }

    .order-history-mobile .table th {
        border: none;
    }

    .order-history-mobile tbody,
    .order-history-mobile.order-detail tbody,
    .order-history-mobile.order-detail tbody:last-child {
        border-top: 2px solid #000;
        padding: 20px 0;
    }

    .order-history-mobile .table,
    .order-history-mobile .table tbody,
    .order-history-mobile .table td,
    .order-history-mobile .table th
    .repair-table,
    .repair-table tbody,
    .repair-table td {
        display: block;
    }

    .repair-table td {
        float: left;
        width: 100%;
    }

    .repair-table td.estimate-text,
    .repair-table td.estimate-price,
    .repair-table .radio-buttons {
        float: left;
        width: 50%;
        margin: 0;
    }

    .repair-table .radio-buttons {
        padding-right: 30px;
        line-height: 17px;
    }

    .repair-table .radio-buttons + .radio-buttons {
        margin: 0;
    }

    .repair-table tr,
    .order-history-mobile .table tr {
        display: inline-block;
        width: 100%;
    }

    .account-section h1 {
        font-size: 20px;
        line-height: 23px;
        letter-spacing: .8px;
    }

    .order-image img {
        width: 100%;
    }

    .order-option li {
        display: block;
        padding: 8px;
        padding-left: 32px;
        border: 1px solid #000;
        background: #fff;
    }

    .order-option li span {
        left: 6px;
    }

    .order-address-detail-info {
        padding-top: 25px;
        border-top: 2px solid #000;
    }

    .final-price table td.first,
    .final-price table td {
        width: 60%;
        min-width: 60%;
        max-width: 60%;
        font-size: 12px;
        vertical-align: top;
    }

    .thanks-space {
        padding: 25px 0;
    }

    .thanks-space h1 {
        margin: 0;
        font-size: 20px;
        padding-bottom: 10px;
    }

    .profile-address,
    .account-update-password,
    .refer-friends-info:first-child {
        padding-top: 25px;
        border-top: 2px solid #000;
    }

    .refer-friends-info {
        font-size: 13px;
        line-height: 18px;
    }

    .denim-dollars-info {
        padding: 25px 0;
        border-top: 2px solid #000000;
    }

    .final-price {
        height: auto;
    }

    .address-form {
        margin-top: 30px;
    }

    .thanks-space p {
        font-size: 13px;
        line-height: 18px;
    }

    .thanks-space p + p {
        margin-top: 20px;
    }

    .promo-code {
        width: 100%;
    }
}

@media (max-width: 360px) and (min-width: 280px) {
    .repair-table .radio-buttons {
        font-size: 13px;
    }

    .account-section h1 {
        font-size: 18px;
    }

    .account-section h1 a {
        margin-top: -3px;
    }
}