/*---- 
">=" min-width, 
"<=" max-width
 -----*/

@media (width <= 499px){
  .mcall-us{
    display: none;
  }  
 
 
}

@media (width >= 576px){
  
}
@media (width <= 600px){
  .spacer{
      height: 20px;
  }
  .home-services-img{
    .img-box{
        width:100% !important;
    }
  }
     
}
@media (width <= 767px){
  

  .footer-sec .row .col{
    border-bottom: 1px solid  var(--gray);
  }
  .footer-sec .row .col:last-child{
      border-bottom:none;
  }
    .tableCstmCheck tr {
        display: grid;
        flex-wrap: wrap;
        gap: 10px;
        /* grid-template-columns: repeat( auto-fit, minmax(270px, 1fr) ); */
        grid-template-columns: repeat(2, 1fr);
    }
    .tableCstmCheck.tableCol-1 tr {
      grid-template-columns: repeat(1, 1fr);
  }
  
 
}
@media (width >= 768px){
 
  .grid .g-col-md-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-md-2 {
      grid-column: auto/span 2;
  }
  .grid .g-col-md-3 {
      grid-column: auto/span 3;
  }
  .grid .g-col-md-4 {
      grid-column: auto/span 4;
  }
  .grid .g-col-md-5 {
      grid-column: auto/span 5;
  }
  .grid .g-col-md-6 {
      grid-column: auto/span 6;
  }
  .grid .g-col-md-7 {
      grid-column: auto/span 7;
  }
  .grid .g-col-md-8 {
      grid-column: auto/span 8;
  }
  .grid .g-col-md-9 {
      grid-column: auto/span 9;
  }
  .grid .g-col-md-10 {
      grid-column: auto/span 10;
  }
  .grid .g-col-md-11 {
      grid-column: auto/span 11;
  }
  .grid .g-col-md-12 {
      grid-column: auto/span 12;
  }
  
  .footer-wrap{
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media (width <= 767px){
  .nav-home-tab .tab-item{
    width: 100%;
  }

  
}
@media (width >= 461px) and (width <= 991px){

}
  
@media (width <= 992px){
  .navbar-toggler{
    padding: 0;
    display: flex;
    border: 0;
    align-items: center;
  }
  .navbar-toggler:focus {
    box-shadow:none;
  }
  .hero-section{
    .img-box{
      display: none;
    }
  }
  .hero-section{
    min-height: 50vh;
    .hero-wrapper{
      display: grid;
      grid-template-columns: 1fr;
    }
  }

  
  
 
}

@media (width <= 1023px) {
   
    .tableCstmCheck tr {
       
        grid-template-columns: repeat(2, 1fr);
    }
    .tableCstmCheck.tableCol-1 tr {
      grid-template-columns: repeat(1, 1fr);
    }
    .home-services-img{
      position: relative;
      display: flex;
      flex-wrap: wrap;
      --img-box-size:auto 7/5;
      --space:25%;
      padding-bottom:0;
      margin-bottom: calc(var(--space)/3);
      .img-box{
          width: 50%;
      }
      .box-2{
          position: relative;
          top: 0;
          left:0;
      }
    }
    .gmap{
      aspect-ratio: 16/9;
  
  }
}
@media (width <= 1499px) {

    .tableCstmCheck tr {
       grid-template-columns: repeat(3, 1fr);
    }
    .tableCstmCheck.tableCol-1 tr {
      grid-template-columns: repeat(1, 1fr);
  }
}
@media (width >= 1400px) {

    .tableCstmCheck tr {
        grid-template-columns: repeat(4, 1fr);
    }
    .tableCstmCheck.tableCol-1 tr {
      grid-template-columns: repeat(1, 1fr);
  }
 
      
}
@media (width >= 992px){

  .white_box_shadow,.white-box-shadow{
    padding: 50px;
  }
  .footer-sec .row .col{
    border-right: 1px solid  var(--gray);
  }
  .footer-sec .row .col:last-child{
      border-right:none;
  }
  .footer-btm-links{
    justify-content: space-between;
  }
  .offset-md-50{
    margin-top: -50px;
  }
  .offset-md-70{
    margin-top: -70px;
  }
  .offset-md-80{
    margin-top: -80px;
  }
  .modal-tabs .nav-tabs .nav-link{
    min-width: 200px;
  }
  .grid .g-col-lg-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-lg-2 {
      grid-column: auto/span 2;
  }
  .grid .g-col-lg-3 {
      grid-column: auto/span 3;
  }
  .grid .g-col-lg-4 {
      grid-column: auto/span 4;
  }
  .grid .g-col-lg-5 {
      grid-column: auto/span 5;
  }
  .grid .g-col-lg-6 {
      grid-column: auto/span 6;
  }
  .grid .g-col-lg-7 {
      grid-column: auto/span 7;
  }
  .grid .g-col-lg-8 {
      grid-column: auto/span 8;
  }
  .grid .g-col-lg-9 {
      grid-column: auto/span 9;
  }
  .grid .g-col-lg-10 {
      grid-column: auto/span 10;
  }
  .grid .g-col-lg-11 {
      grid-column: auto/span 11;
  }
  .grid .g-col-lg-12 {
      grid-column: auto/span 12;
  }
 
}

@media (width >=1200px){
  
}