/* mobile overwrite css */
@media (max-width: 768px) {
  #div-heroBanner{
    display: none;
  }

  body.index .content-container h1{
    font-size: 1.3em;
  }

  .desktop-view{
    display: none!important;
  }
  .mobile-view{
    display: block!important;
  }

  #content, footer{
    margin-left: 0px;
  }

  #div-sideMenu{
    display: none;
    top: 50px;
  }

  /* make mobile logo only show sword bottom once menu is expanded */
  #sideMenu-logo{
    display: none;
  }

  #navbar{
    z-index: 1025;  
    /* breaks user menu dropdown top right */
    /* overflow: hidden; */
  }

  #navbar.visible{
    overflow: unset; 
  }

  #banner-logo{
    display: block;
  }

  #icon-openMenu{
    display: block;
  }

  /*
  .div-card-row{
    display: inline-block;
    width: 100%;
  }
  */

  .div-card{
    flex: 0 0 calc(100%); /* Subtract any margin if needed */
    width: 100%;
  }

  .lot-list-filters{
    display: block;
  }

  .lot-list-filters select{
    width: 100%!important;
    margin: 0px!important;
    margin-bottom:5px!important;
  }

  .thumbs{
    display: none;
  }

  .list.div-card img{
    max-height: 100px;
  }

  .div-bidCurrentText-container > div {
    flex-basis: 100%;
  }

  .bidForm .d-flex{
    flex-wrap: wrap;
  }
  .bidForm .field{
    flex-basis: 100%;
    padding: 5px 0px;
  }
  .bidForm .d-inline-flex{
    flex-basis: 50%;
    flex-grow: 1;
  }
  .bidForm .d-inline-flex .btn{
    width: 100%;
  }
  .bidForm .btn{
    margin: 0px 0px;
  }
  .bidForm .d-inline-flex:last-child{
    padding-left: 5px;
  }

  /* snap testing */
  .auctions > div{
    /*width: 80%;*/
    width: 100%;
    min-width: 300px;
    margin-right: 20px;
  }

  ol li{
    font-size: 1.5em;
    padding: 5px 0px;
  }


  .auctions.list .div-card-inner{
    flex-direction:column;
  }

  .mobile-sidebyside{
    display: flex;
    /*align-items: center;*/
    align-items: start;
  }

  .mobile-sidebyside > div{
    flex-grow:1;
  }

  .auctions.list div.minical {
    /*
    top: 0px;
    bottom:0px;
    border-radius: 10px;
    position: relative;
    font-size: 1.5em;
    width:100%;
    height:100%;
    */
  }

  .list .stretchy-wrapper-container{
    width: 40%;
    min-width: 40%;
  }

   .list .date, .list .timeRemainingBlock{
    bottom: 0px;
    top: auto;
  }

  .list .listview-only{
    display: none!important;
  }


  /* not enough space to show heart on small screens without overlapping content */
  .hidephotos .list .div-card-information-bid{
    margin-top:1.5em;
  }

.a-brochure{
  width:50%;
}


}