/* `sm` applies to small devices (phones, 576px and up) */
@media (max-width: 575.98px) {
  .w-sm-100 {
    width: 100% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .text-sm-center {
    text-align: center !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .footer_bg {
    background-image: none !important;
    background: #150500;
  }

  .mt_sm_3 {
    margin-top: 1.5rem;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .justify-content-sm-center {
    align-items: center;
    justify-content: center;
  }
}

/* `md` applies to medium devices (tablets, 576px to 767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .w-md-100 {
    width: 100% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .footer_bg {
    background-image: none !important;
    background: #150500;
  }

  .mt_sm_3 {
    margin-top: 1.5rem;
  }

  .text-md-center {
    text-align: center !important;
  }
}

/* `lg` applies to large devices (desktops, 768px to 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-100 {
    width: 100% !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .footer_bg {
    background-image: none !important;
    background: #150500;
  }
}

/* `xl` applies to extra-large devices (large desktops, 992px to 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-100 {
    width: 100% !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .positon_fixing {
    width: 100%;
    max-width: 220px !important;
  }
}

/* `xxl` applies to larger desktops (1400px and up) */
@media (min-width: 1200px) {
  .w-xxl-50 {
    width: 50% !important;
  }

  .w-xxl-75 {
    width: 75% !important;
  }

  .w-xxl-100 {
    width: 100% !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }
}