.pre-loader{
    width: 100vw;
    position: fixed;
    height: 100vh;
    top: 0;
    z-index: 999999;
    background: rgba(5, 5, 5, 0.912);
    display: block;
}
.pre-loader>div{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 44vh;
}


.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
  }
  .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
  }


  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }


  .inner-container{
    margin: 10px;
  }
  .seperator{
    margin: 5px;
  }


  
  .search-lot-no{
    margin-left: 36px;
  }
  .column-nav{
    font-weight: 600;
    display: none;
    list-style: none;
    font-size: 22px;
    margin:4px;
    justify-content: space-evenly;
  }
  .column-nav a {
    margin: 0 4px 0 4px;
  }
  .footer {
    width           : 95vw;
    height          : auto;
    color           : rgb(0, 0, 0);
    font-family     : 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.footer .footer-top {
    display        : flex;
    align-items    : flex-start;
    flex-wrap      : wrap;
    justify-content: space-between;
}

.footer .footer-top .footer-top-inner h3 {
    border-bottom: 2px solid lime;
}


.footer .footer-top .footer-top-inner {
    padding: 10px;
    margin : 10px;
}

.footer-contact-brief .fa-envelope {
    color: rgb(214, 33, 33);
}


.footer .fa-facebook {
    color    : #4867aa;
    font-size: 35px;
    margin   : 4px;
}

.footer .fa-instagram {
    color    : #db2d78;
    font-size: 35px;
    margin   : 4px;
}

.footer .fa-twitter-square {
    color    : #2d95db;
    font-size: 35px;
    margin   : 4px;

}

.footer .fa-youtube {
    color    : #ff0000;
    font-size: 35px;
    margin   : 4px;
}




.footer .footer-last {
    text-align: center;
    margin    : 5px;
    padding   : 5px;
}

@media only screen and (max-width:768px) {

    .footer {
        margin-top: 100px;
    }

    .footer .footer-top {
        display: block;
    }

    .footer .footer-top .footer-top-inner {
        width: 95%;
    }

    .footer .footer-top .footer-top-inner {
        border-left : 0;
        border-right: 0;
    }

    .nav-home{
      display: none;
    }
    .column-nav{
      display: flex;
    }
  }