@media (max-width: 768px) {
  .nav { flex-wrap: wrap; /* Wrap links for smaller screens */ }
  .navItem.link { margin-left: 0; /* Remove spacing again for small screens */ margin-bottom: 1rem; /* Add spacing below each link */ }
    
}

@media (max-width: 768px) { 
    .hide-mobile{display: none!important;}
    .hero{padding: 0px 10px;} .hero .row{display: block;} .hero .row .col{width: 100%; text-align: center;}.hero .text-p p{text-align: center;}.hero .heroImg{margin-bottom: 50px;}.hero .heroImg img{margin-top: -50px;} .hero .herobtn{width:90%;}.hero .herobtn p,.hero .herobtn a, .hero .herobtn .label{font-size: small;}
    .feature{margin: 0px 0px 100px 0px; padding: 0px 10px;}.feature .grid{grid-gap: 5px;}.feature label{font-weight: 300; letter-spacing: 1px;}
    .download h2{font-size: 20px;}.download .btn{font-weight:300; font-size: 15px;}
    .footerHead h5{font-size: 18px;}.footerHead p{font-size: 13px;}.footerHead ul li a{font-size: 13px;}.footerbottom p { font-size: 12px; font-weight: 200;}
  .check{background-color: red;}  

    
}
@media (min-width: 769px) and (max-width: @screen-sm-max) { 
    
    
}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }