@media (max-width: 1198px) {
  .road-map {
    width: 300px;
  }
}
@media (max-width: 992px) {
  .mobile-road {
    display: block;
  }
  .desktop-road {
    display: none;
  }
.lib-countdown h1 {
  font-size: 50px !important;
}
  .lib-numberbox {
    padding: 0px 15px;
  }
  .num-num {
    font-size: 45px;
  }
  .lib-iconbox {
    margin-bottom:40px;
  }
  .top-row {
    padding: 0px;
  }
  .hero-animation {
    display: none;
  }
  .lib-iconbox p {
    max-width: 300px;
    margin: 0 auto;
  }
  .no-flex-resp {
    display: flex;
    flex-direction: row;
  }
  .reverse-col-resp {    
    flex-direction: column-reverse;
  }
  .no-flex-resp .col-6 {
    width: 100%;
    display: block;
  }
  .poly-img {
    max-width: 300px;
    margin-bottom:40px;
  }
  .gold-ring::before {
    top: 190px;
  }
  .resp-center {
    text-align: center;
  }
  .lib-box {
    padding: 0px;
  }
  .road-map {
    width: 200px;
  }
  .clean-split {
    flex-direction: column;
    height: unset;
  }
  .split-right,
  .split-left {
    width: 100%;
  }
  .split-left {
    display: none;
  }
  .split-right {
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
  }
  .split-right .split-box {
    padding: 10px 20px 100px 20px;
    margin: 0 auto;
  }
  .tablet-hero {
    display: inline-block;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 768px) {
  .vert-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .vert-btns .lib-btn {
    margin-bottom:20px;
  }
  .laptop-1, .laptop-2 {
    width: 230px;
  }
  .cosmos-laptops {
    height: 290px;
    width: 340px;
    margin: 0 auto 40px auto;
  }
  .tablet-hero {
    display: none;
  }
  .mobile-hero {
    display: inline-block;
    width: 100%;
    height: auto;
  }
  .split-logo {
    width:100%;
    background-color: #0000009c;
    top: 0px;
    left: 0px;
    backdrop-filter: blur(7px);
  }
  .split-logo img {
    width:140px;
    padding:10px;
  }
} 
@media (max-width: 1030px) {
  .main-menu ul li:not(:last-child) {
    margin-right: 0px;
}
}
@media (max-width: 620px) {
  .header-links {
    display: none;
}
.side-sm {
  display: flex !important;
}
.header__logo a img {
  width: 120px;
}
}
@media (max-width: 405px) {
  .header-register {
    display: none;
  }
  .side-register {
    display: block;
  }
}




/*VIEW STARTS HERE*/
@media (max-width: 580px) {
  .lib-table .col-3 {
    width: 50%;
  }
  .lib-table .col-3:nth-child(1) .num-box,
  .lib-table .col-3:nth-child(2) .num-box {
      margin-bottom: 100px;
  }
}
@media (max-width: 300px) {
  .lib-table .col-3 {
    width: 100%;
  }
  .num-box {
      margin-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .lib-table .col-6 {
    width: 100%;
  }
}