#total_submit {
  float: none!important;
}
select {
  background-color: white;
}

@media only screen and (max-width: 1040px) {
  .image_gallery {
    max-width: 100vw;
    overflow: scroll;
    left: 0!important;
    top: 0!important;
    position: fixed!important;
  }
  #div__body {
    max-width: calc(100vw - 15px);
    display: flex;
  }
  td, tr, table, tbody {
    display: block;
  }
  #upper_content {
    max-width: calc(100vw - 78px);
    min-width: 450px;
  }
  #left_upper_content {
    margin: 0 auto;
    float: none;
  }
  #right_upper_content {
    width: 48%!important;
    min-height: 841px;
  }
  #main_image_container {
    width: 100%!important;
    height: auto!important;
    margin-left: 10px;
  }
  #main_image {
    width: 100%!important;
    height: auto!important;
  }
  #zoom_overlay {
    bottom: 31px!important;
    top: auto!important;
  }
  #shipping {
    position: absolute;
    right: 0;
  }
  #related_items tbody tr td, #related_items tbody tr td table {
    width: 100%;
    max-width: 100%;
  }
  #related_items tbody tr td {
    min-width: 380px!important;
  }
  .step_body {
    width: calc(100% - 128px)!important;
  }
  #accessorieslist tbody tr:nth-child(n+2), #accessory_list table tbody tr td table tbody tr:nth-child(n+2) {
    /* height: 127px; */
    height: auto!important;
    background-color: #d8d5ce;
    margin-bottom: 1px;
  }
  .item_beige {
    min-height: 75px;
  }
  /* fireplace doors */
  #add_to_cart_options tbody tr td table tbody {
    display: flex;
  }
  .item_beige.step_body {
    display: flex!important;
    flex-wrap: wrap!important;
    flex-direction: column!important;
    height: auto!important;
  }
  .item_beige.step_body div:nth-child(n+1) {
    float: none!important;
    position: relative!important;
    width: 100%;
    top: auto!important;
    right: auto!important;
  }
  .step_body {
    min-height: 178 px;
  }
  #accessory_list table tr td tablet tbody tr:nth-child(2) {
    display: flex;
    height: 100%;
  }
  #accessory_list table tbody tr td table, #accessory_list table tbody tr td table tbody {
    display: flex;
    flex-wrap: wrap;
  }
  #accessory_list table tbody tr td table tbody tr[valign="top"] {
    width: 100%;
  }
  td[align="right"] {
    text-align: left;
  }
  div#accessorieslist table tbody tr[valign="top"] {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .calc_result {
    pointer-events: none;
  }
  #confighideid {
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    width: 100vw!important;
    max-height: 100vh!important;
    z-index: 10!important;
    overflow-x: scroll!important;
    overflow-y: scroll!important;
  }
}

@media screen and (max-width: 947px) {
  #upper_content {
    display: flex;
    flex-wrap: wrap;
  }
  #left_upper_content {
    order: 3;
  }
  #right_upper_content {
    order: 2;
    margin: 0 auto!important;
    width: 52%!important;
    min-width: 450px!important;
  }
  #total_submit {
    width: 450px!important;
    margin: 0 auto;
  }
  #main_image_container {
    max-width: calc(100vw - 82px);
    margin-left: 0;
    min-width: 450px;
  }
  #main_image {
    width: 99%!important;
  }
  div.expand_area {
    max-width: calc(100vw - 170px);
    overflow-y: scroll;
    overflow-x: scroll;
  }
}

@media screen and (max-width: 867px) {
  #accessory_list table tbody tr td table, #accessory_list table tbody tr td table tbody {
    display: flex;
    flex-wrap: wrap;
  }
  #accessory_list table tbody tr td table tbody tr {
    width: 100%;
  }
  #accessory_list table tbody tr td table tbody tr:nth-child(n+2) {
    height: auto!important;
    background-color: #d8d5ce;
    margin-bottom: 1px;
  }
  .step_body {
    overflow: visible!important;
  }
  .step_body div:nth-child(3) {
    top: 132px!important;
  }
  .step_desc, .item_beige_desc, .step {
    width: 100%!important;
  }
  .step_body>.item_beige {
    width: 100%!important;
    margin-right: 5!important;
    padding-left: 0!important;
  }
  .step_desc, .item_beige_desc, .step {
    width: 100%!important;
  }
  .step_body .item_beige {
    padding-bottom: 20px;
  }
  .item_beige div strong {
    padding-bottom: 20px;
  }
  button.show_more {
    z-index: 9;
  }
}

@media screen and (max-width: 564px) {
  #accessory_list table tbody tr td table {
    min-width: 394px;
    overflow: hidden;
  }
}

@media screen and (max-width: 543px) {
  button.show_more {
    bottom: -90px!important;
  }
}