/* Responsive Design */

@media (max-width: 576px) {

  .col-1 { width: 100%; }

  .col-2 { width: 100%; }

  .col-3 { width: 100%; }

  .col-4 { width: 100%; }

  .col-5 { width: 100%; }

  .col-6 { width: 100%; }

  .col-7 { width: 100%; }

  .col-8 { width: 100%; }

  .col-9 { width: 100%; }

  .col-10 { width: 100%; }

  .col-11 { width: 100%; }

  .col-12 { width: 100%; }

}



@media (max-width: 768px) {

  .col-1 { width: 50%; }

  .col-2 { width: 50%; }

  .col-3 { width: 50%; }

  .col-4 { width: 50%; }

  .col-5 { width: 50%; }

  .col-6 { width: 50%; }

  .col-7 { width: 50%; }

  .col-8 { width: 50%; }

  .col-9 { width: 50%; }

  .col-10 { width: 50%; }

  .col-11 { width: 50%; }

  .col-12 { width: 100%; }

}



@media (max-width: 992px) {

  .col-1 { width: 33.33%; }

  .col-2 { width: 33.33%; }

  .col-3 { width: 33.33%; }

  .col-4 { width: 33.33%; }

  .col-5 { width: 33.33%; }

  .col-6 { width: 50%; }

  .col-7 { width: 50%; }

  .col-8 { width: 50%; }

  .col-9 { width: 50%; }

  .col-10 { width: 50%; }

  .col-11 { width: 50%; }

  .col-12 { width: 100%; }

}