@media (max-width:992px) {
  .template-inner-tab {
    grid-template-columns:1fr;
  }
  .nav {
    display: flex;
  }
  .nav-item{
    margin: 0px 5px 5px 0px;
  }
  .borderRight{
    border-right: none;
  }
}

@media (max-width:767px) {
  .trackFlex{
    display: flex;
    flex-direction: column-reverse;
  }
  .profileBox {
    grid-template-columns: 1fr;
  }
  .mobileTable{
      width: 900px!important;
      max-width: 900px!important;
  }
  .main-nav{
    width: 600px;
    overflow: scroll;
  }
  .img-bg-box {
    margin-bottom: 60px;
  }
  .demo-sec .sec-bg-1 {
    display: none;
  }
  .demo-sec .sec-bg-2 {
    display: none;
  }
  .social-link{
    margin-bottom: 40px;
  }
  .useful-link {
    text-align: center;
  }
  .copyright-text{
    text-align: center;
  }
  .loginSection {
    grid-template-columns: 1fr;
  }
  .loginLeft{
    display: none;
  }
  .loginRight {
    padding: 40px 30px;
    width: 100%;
  }
  
}
@media (max-width:550px) {
  .main-nav{
    width: 375px;
    overflow: scroll;
  }
  .nav-link {
    font-size: 11px;
    padding: 4px 8px;
  }
  .dropdown-menu.dropdown-menu-notice {
    left: -250px !important;
    width: 300px !important;
  }
}