#mobile-menu {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: white;
    top: 115px;
    left: -100%;
    z-index: 9999;
    padding: 20px 0px;
    transition: all 0.2s ease;
}

html #blackmobile {
    max-width: 100% !important;
}

#mobile-menu.opened {
    left: 0;
    display: block;
}

.menu-mobile-menu-optimization-cro-container {
    overflow-y: scroll;
}

.menu-mobile-menu-optimization-cro-container .menu-item {
    padding: 23px 16px;
    color: #333333;
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 700;
}

.menu-mobile-menu-optimization-cro-container .menu-item a {
    color: inherit;
}

.menu-mobile-menu-optimization-cro-container .sub-menu {
    overflow: hidden;
    max-height: 0;
    transition: all 0.1s ease-in-out;
    margin-top: 10px;
}

#menubutton {
    font-size: 24px;
} 

#wpadmin {
    display: none;
}


.menu-mobile-menu-optimization-cro-container .menu-item-has-children::after {
    position: absolute;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="9" viewBox="0 0 15 9" fill="none"><path d="M12.768 0.633716H12.6425L12.5544 0.72305L6.99856 6.35598L1.36416 0.721584L1.15203 0.509452L0.939895 0.721584L0.387893 1.27359L0.300025 1.36145V1.48572V1.5657V1.69107L0.389231 1.77916L6.78923 8.09918L7.00135 8.30865L7.21216 8.09785L13.6122 1.69785L13.8243 1.48572L13.6122 1.27359L13.0602 0.721584L12.9723 0.633716H12.848H12.768Z" fill="black" stroke="black" stroke-width="0.6"/></svg>');
    right: 20px;
    width: 20px;
    height: 20px;
    bottom: 26px;
}

.menu-mobile-menu-optimization-cro-container .menu-item-has-children {
    position: relative;
}

.menu-mobile-menu-optimization-cro-container .sub-menu .menu-item {
    font-weight: 400;
    padding-left: 0;
    padding: 9px 0px;
}

.open-sub-menu .sub-menu{
    max-height: fit-content;
}

.menu-mobile-menu-optimization-cro-container .menu-item.open-sub-menu::after {
    bottom: 0;
    top: 26px;
    transform: rotate(180deg);
}

.mobile-menu-elements {
    height: calc(100% - 95px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mobile-menu-wrapper {
    padding: 20px;
    background: #EFEFEF;
}

.mobile-menu-wrapper a{
    display: block;
    margin-bottom: 24px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

.mobile-menu-cta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 42px;
    align-items: center;
}

a.cta-button {
    margin-bottom: 0;
    padding: 10px 0;
    color: white;
    border-radius: 6px;
    background: #A3050E;
    text-align: center;
    max-width: 132px;
}

a.cta-button-phone {
    margin-bottom: 0;
    display: flex;
    gap: 10px;
    align-items: center;
}

.mobile-menu-social {
    background: #333;
    padding: 16px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

#shiftnav-toggle-main {
    display: none !important;
}

html {
    margin: 0 !important;
}

/* STICKY TOP RIBBON MOBILE */

@media screen and (min-width: 990px) {

    #free-quote {
      display:none!important;
    }
    #link_tel {
      display:none!important;
    }
  }
  @media (min-width: 768px) {
      .header-container {
          /*(max-width: 100%!important;*/
      }
  }
  
  @media screen and (max-width: 990px) {
      #page .topbg .col-sm-6 {
          width: 100% !important;
          max-width: 100% !important;
          background-color: #1D1D20 !important;
      }
    
    
    .site-logo{
          height: 70px!important;
    }
       #menubutton {
          margin-top: 60px !important;
          background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNSA1QzMuMjM0NzggNSAyLjk4MDQzIDUuMTA1MzYgMi43OTI4OSA1LjI5Mjg5QzIuNjA1MzYgNS40ODA0MyAyLjUgNS43MzQ3OCAyLjUgNkMyLjUgNi4yNjUyMiAyLjYwNTM2IDYuNTE5NTcgMi43OTI4OSA2LjcwNzExQzIuOTgwNDMgNi44OTQ2NCAzLjIzNDc4IDcgMy41IDdIMjAuNUMyMC43NjUyIDcgMjEuMDE5NiA2Ljg5NDY0IDIxLjIwNzEgNi43MDcxMUMyMS4zOTQ2IDYuNTE5NTcgMjEuNSA2LjI2NTIyIDIxLjUgNkMyMS41IDUuNzM0NzggMjEuMzk0NiA1LjQ4MDQzIDIxLjIwNzEgNS4yOTI4OUMyMS4wMTk2IDUuMTA1MzYgMjAuNzY1MiA1IDIwLjUgNUgzLjVaTTIuNSAxMkMyLjUgMTEuNzM0OCAyLjYwNTM2IDExLjQ4MDQgMi43OTI4OSAxMS4yOTI5QzIuOTgwNDMgMTEuMTA1NCAzLjIzNDc4IDExIDMuNSAxMUgyMC41QzIwLjc2NTIgMTEgMjEuMDE5NiAxMS4xMDU0IDIxLjIwNzEgMTEuMjkyOUMyMS4zOTQ2IDExLjQ4MDQgMjEuNSAxMS43MzQ4IDIxLjUgMTJDMjEuNSAxMi4yNjUyIDIxLjM5NDYgMTIuNTE5NiAyMS4yMDcxIDEyLjcwNzFDMjEuMDE5NiAxMi44OTQ2IDIwLjc2NTIgMTMgMjAuNSAxM0gzLjVDMy4yMzQ3OCAxMyAyLjk4MDQzIDEyLjg5NDYgMi43OTI4OSAxMi43MDcxQzIuNjA1MzYgMTIuNTE5NiAyLjUgMTIuMjY1MiAyLjUgMTJaTTIuNSAxOC4wMDFDMi41IDE3LjczNTggMi42MDUzNiAxNy40ODE0IDIuNzkyODkgMTcuMjkzOUMyLjk4MDQzIDE3LjEwNjQgMy4yMzQ3OCAxNy4wMDEgMy41IDE3LjAwMUgyMC41QzIwLjc2NTIgMTcuMDAxIDIxLjAxOTYgMTcuMTA2NCAyMS4yMDcxIDE3LjI5MzlDMjEuMzk0NiAxNy40ODE0IDIxLjUgMTcuNzM1OCAyMS41IDE4LjAwMUMyMS41IDE4LjI2NjIgMjEuMzk0NiAxOC41MjA2IDIxLjIwNzEgMTguNzA4MUMyMS4wMTk2IDE4Ljg5NTYgMjAuNzY1MiAxOS4wMDEgMjAuNSAxOS4wMDFIMy41QzMuMjM0NzggMTkuMDAxIDIuOTgwNDMgMTguODk1NiAyLjc5Mjg5IDE4LjcwODFDMi42MDUzNiAxOC41MjA2IDIuNSAxOC4yNjYyIDIuNSAxOC4wMDFaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==);
          margin-left: 15px;
          width: 26px;
      }
    .topbar-menu-wrapper
    {
      display:none
    }
    #buttonhide, #custom_html-2 {
        display:none  
    }
    
    .get-started-mobile {
      color: #fff;
      background-color: #333333;
      border-radius: 0px;
      padding: 0;
      margin: 0;
      display: inline-block;
      font-size: 20px;
      width: 100%;
      margin-top: 18px;
          height: 54px;
  }
        #page .topbg .col-sm-6 {
          padding: 0;
      }
    #spanbutton{
                background-color: #a3050e;
          float: right;
          width: 132px;
          height: 34px;
          margin-right: 15px;
          font-size: 14px;
          border-radius: 6px;
          padding: 8px 20px 8px 20px;
          font-weight: 700;         margin-top: 10px;}
    
        #blackmobile .site-logo img {
          max-height: 42px;
          width: auto !important;
          float: left;
          left: 15px;
          position: relative;
          top: 9px;
      }
    
    #link_tel{
      right:15px;
      float:right;
      top:29px;
      margin-right:15px;
          margin-top:23px;
      font-weight: 700;
      margin-right: 25px; 
  
      
    }
    svg:not(:root) {
      overflow: hidden;
      margin-right: 10px;
              align-items: stretch;
          margin-bottom: -1px;
  }
  
      #menubutton.clicked {
        margin-top: 70px !important;
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjElEQVR4nO2USw6AIAwFey4/iZfQm+NB1J2LMY2YILEYDHGjb0nL8FoKIr+AHnBAY3VDYz5nSHZME4CVXfMV1MM0hs8dUkA9NdQJGsEOjSlgBUzRhgXogNqKyU3ZVy5mY61Nwm6c5jnLgObDVEbPHruri5VM3qU0T5wdY2OOlBQebPfe0wugZT4H+YQ2TTodbMn7W7YAAAAASUVORK5CYII=");
      }
  }
  
  @media (max-width: 990px) {
      #tableOfContents {
  
          position: fixed!important;
          top: 110px !important;
      }

      .mobileSocialHeader {
        display: none !important;
    }
    
    
    .dscr_top{
      margin-top:120px!important;
    }
  }
 

  #loans_header .loan_banner_title h1 {
    padding-top: 20px !important;
  }

  .multistepGriffin .disclaimer {
    color: #5d5d5d !important;
  }

  @media (min-width: 768px){

    #loans_header .loan_banner {
        height:600px !important;
    }
  }

