/*
 * My account section.
 */
@media all and (max-width: 699px) {
  /*
   * -------------------------------------------------------------------------------------
   * Account Page Navigation
   * -------------------------------------------------------------------------------------
   */
  body .account-navigation {
    margin-top: 0;
  }

  body .account-navigation ul {
    height: auto;
  }

  body .account-navigation ul li {
    display: block;
    float: none;
    padding: 0;
    border: none;
  }

  /*
   * -------------------------------------------------------------------------------------
   * Global (layout)
   * -------------------------------------------------------------------------------------
   */
  body .my-account-wrapper {
    width: auto;
  }

  body .my-account .sub-title {
    margin-top: 0;
  }
  body .my-account .sub-title a {
    text-transform: none;
  }

  body .dashboard .col2-set {
    padding-bottom: 0;
  }

  /*
   * ------------------------------------------------------------------------------------
   * Addresses Index
   * ------------------------------------------------------------------------------------
   */
  body.customer-address-index .my-account-wrapper .button {
    padding: 0.4em 0.8em;
  }

  body.customer-address-index .my-account-wrapper .col2-set > .sub-title {
    margin-top: 20px;
  }

  body.customer-address-index .addresses-list ol li {
    display: block;
    float: none;
  }

  body.customer-address-index .col2-set .col-2 .edit-link a {
    font-size: 11px;
  }

  /*
   * -------------------------------------------------------------------------------------
   * Address add/edit form
   * ------------------------------------------------------------------------------------
   */
  body .my-account .form-edit .form-list .field {
    display: block;
    float: none;
    width: auto;
  }

  body.customer-address-form .my-account-wrapper {
    margin-top: 20px;
  }

  body.customer-address-form form .back-link {
    margin-bottom: 25px;
  }

  /*
   * -------------------------------------------------------------------------------------
   * Orders Index (data table)
   * -------------------------------------------------------------------------------------
   */
  body .account-order-history {
    width: auto;
    min-height: 0;
  }

  body .account-order-history .pager {
    padding-left: 0;
    padding-right: 0;
  }

  .account-order-history #my-orders-table thead tr th:nth-child(2),
  .account-order-history #my-orders-table thead tr th:nth-child(3),
  .account-order-history #my-orders-table tbody tr td:nth-child(2),
  .account-order-history #my-orders-table tbody tr td:nth-child(3),
  .account-order-history #my-orders-table tbody tr td .link-reorder {
    display: none;
  }

  body.sales-order-history .account-order-history-items {
    margin-top: 0;
    padding-top: 0;
  }

  /*
   * -------------------------------------------------------------------------------------
   * Order view page.
   * -------------------------------------------------------------------------------------
   */
  body.sales-order-view .order-detail-title .button {
    display: inline-block;
    padding: 0.4em 0.8em;
    margin-top: 20px;
    margin-left: 0;
  }

  body.sales-order-view #my-orders-table thead tr th:nth-child(5),
  body.sales-order-view #my-orders-table tbody tr td.order-details-qty {
    display: none;
  }

  body.sales-order-view #my-orders-table .item-options {
    display: none;
  }

  body.sales-order-view #my-orders-table tfoot {
    padding-top: 20px;
  }

  body.sales-order-view #my-orders-table tbody tr:first-child td.last {
    border-top: 1px solid #bebcb9;
  }

  body.sales-order-view #my-orders-table tbody tr td.last {
    border-bottom: 1px solid #bebcb9;
  }

  body.sales-order-view #my-orders-table tfoot .order-totals-summary-title.last {
    display: none;
  }

  .order-detail-bill-to-address .box-title h2,
  .order-items .order-data-table tfoot td.order-totals-summary-title {
    padding-top: 20px;
  }

  /*
   * -------------------------------------------------------------------------------------
   * Wishlist Index (data grid)
   * -------------------------------------------------------------------------------------
   */
  body.wishlist-index-index .col1-layout .col-main .page-title {
    margin-top: 0;
    padding-left: 0 !Important;
    padding-right: 0 !Important;
  }

  body.wishlist-index-index .my-wishlist .page-title {
    display: none;
  }

  body.wishlist-index-index .my-wishlist form fieldset {
    padding: 0;
    margin: 0;
  }

  #wishlist-table thead {
    display: none;
  }

  #wishlist-table tbody tr td:nth-child(2) {
    display: none;
  }

  /*
   * -------------------------------------------------------------------------------------
   * Share wishlist
   * -------------------------------------------------------------------------------------
   */
  body.wishlist-index-share .page-title {
    display: none;
  }

  body.wishlist-index-share .my-account form {
    margin-top: 20px;
  }

  body.wishlist-index-share form .back-link {
    text-align: left;
    margin-bottom: 25px;
    float: none;
    width: auto;
  }

  /**
   * -------------------------------------------------------------------------------------
   * Edit account info form
   * -------------------------------------------------------------------------------------
   */
  body .my-account .form-edit .form-list .user-defined-attributes li {
    display: block;
    float: none;
    width: auto;
  }

  body.customer-account-edit .my-account-wrapper {
    margin-top: 20px;
  }

  body.customer-account-edit form .back-link {
    margin-bottom: 25px;
  }

  /**
   * -------------------------------------------------------------------------------------
   * Newsletter Subscriptions
   * -------------------------------------------------------------------------------------
   */
  body.newsletter-manage-index .my-account-wrapper {
    margin-top: 20px;
  }

  body.newsletter-manage-index .my-account-wrapper form .form-list {
    display: table;
    width: 100%;
  }

  body.newsletter-manage-index .my-account-wrapper form .form-list .control {
    display: block;
    overflow: hidden;
  }

  body.newsletter-manage-index .my-account-wrapper form .form-list .control label {
    display: block !Important;
    margin-bottom: 0;
    width: auto !Important;
    float: left;
    margin-right: 2em;
  }
  body.newsletter-manage-index .my-account-wrapper form .form-list .control .input-box {
    display: block !Important;
    float: right;
    margin-left: 0;
    padding: 0;
    width: auto !Important;
  }

  body.newsletter-manage-index .my-account-wrapper form .back-link {
    margin-bottom: 25px;
  }

  /*
   * -------------------------------------------------------------------------------------
   * Recent orders table on account index page.
   * -------------------------------------------------------------------------------------
   */
  body.customer-account-index #my-orders-table thead tr th:nth-child(2),
  body.customer-account-index #my-orders-table thead tr th:nth-child(3),
  body.customer-account-index #my-orders-table thead tr th:nth-child(4),
  body.customer-account-index #my-orders-table tbody tr td:nth-child(2),
  body.customer-account-index #my-orders-table tbody tr td:nth-child(3),
  body.customer-account-index #my-orders-table tbody tr td:nth-child(4),
  body.customer-account-index #my-orders-table tbody tr td:last-child a + a {
    display: none;
  }

  /*
   * -------------------------------------------------------------------------------------
   * Main dashboard
   * -------------------------------------------------------------------------------------
   */
  body.customer-account-index .dashboard > .logout {
    display: block;
    margin: 15px 0 0 0;
  }
  body.customer-account-index .dashboard > .logout a {
    padding: 0.4em 0.8em;
  }

  body.customer-account-index .col2-set .col-2 .edit-link a {
    font-size: 11px;
  }

  /*
   * -------------------------------------------------------------------------------------
   * Create account page
   * -------------------------------------------------------------------------------------
   */
  body.customer-account-create form .form-list li:nth-child(3) {
    padding: 10px 0;
    overflow: hidden;
  }
  body.customer-account-create form .form-list li:nth-child(3) label {
    float: left;
    width: auto !Important;
  }
  body.customer-account-create form .form-list li:nth-child(3) .input-box {
    margin-left: 0;
    float: left;
    width: auto !Important;
    padding-right: 1em;
  }

  body.customer-account-create form .back-link {
    text-align: left;
    margin-bottom: 25px;
    float: none;
    width: auto;
  }

  body.customer-account-create form div.buttons-set + .required {
    margin-top: 10px;
  }
}