/* Breakpoint for columns starts */
@media (min-width: 600px) {
  .col-md-1 {
      width: 8.3333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333%;
  }

  .col-md-5 {
    width: 41.6667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333%;
  }

  .col-md-8 {
    width: 66.6666%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333%;
  }

/* home page banner carousel chevron fix */
  .col-md-auto {
    width: auto;
  }
}

@media (min-width: 600px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
      -webkit-box-flex: 0;
      flex: 0 0 auto;
  }

  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%;
  }
  
  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.3333%;
  }
}

@media (min-width: 600px) {
  .offset-md-1 {
      margin-left: 8.3333% !important;
  }
}

@media (min-width: 1024px) {
  .col-lg-5 {
      width: 41.6667%;
  }

  .col-lg-2 {
    width: 16.6667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-3>* {
    width: 33.3333%;
  }

  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%;
 }
}

@media (min-width: 1024px) {
  .col-lg-1, .col-lg-2 {
      -webkit-box-flex: 0;
      flex: 0 0 auto;
  }
}

@media(min-width: 1024px) {
  .grid .g-col-lg-4 {
    grid-column: auto/span 4
}

.col-lg-3,.col-lg-4 {
  flex: 0 0 auto;
}

.col-lg-4 {
    width: 33.3333%
}

.col-lg-7,.col-lg-8 {
  flex: 0 0 auto
}

.col-lg-8 {
  width: 66.6667%
}
}

/* Breakpoint for columns ends */