.flex-section {
  padding-top: var(--pt-desktop, 0);
  padding-bottom: var(--pb-desktop, 0); 
  padding-left: var(--pl-desktop, 0);
    padding-right: var(--pr-desktop, 0);
  margin-top: var(--mt-desktop, 0);
  margin-bottom: var(--mb-desktop, 0);
   margin-right: var(--mr-desktop, 0);
  margin-left: var(--ml-desktop, 0);
}

@media (max-width: 991px) {
  .flex-section {
    padding-top: var(--pt-tablet, var(--pt-desktop, 0));
    padding-bottom: var(--pb-tablet, var(--pb-desktop, 0));
       padding-right: var(--pr-tablet, var(--pr-desktop, 0));
    padding-left: var(--pl-tablet, var(--pl-desktop, 0));
    margin-right: var(--mr-tablet, var(--mr-desktop, 0));
    margin-left: var(--ml-tablet, var(--ml-desktop, 0));
  }
}

@media (max-width: 575px) {
  .flex-section {
    padding-top: var(--pt-mobile, var(--pt-tablet, 0));
    padding-bottom: var(--pb-mobile, var(--pb-tablet, 0));
       padding-right: var(--pr-mobile, var(--pr-tablet, 0));
    padding-left: var(--pl-mobile, var(--pl-tablet, 0));
    margin-top: var(--mt-mobile, var(--mt-tablet, 0));
    margin-bottom: var(--mb-mobile, var(--mb-tablet, 0));
        margin-right: var(--mr-mobile, var(--mr-tablet, 0));
    margin-left: var(--ml-mobile, var(--ml-tablet, 0));
  }
}