.row {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  direction: rtl;
  font-size: 0;
}

.col_full {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: var(--transition-all);
  transition: var(--transition-all);
  direction: ltr;
}

.col_half {
  width: 50%;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: var(--transition-all);
  transition: var(--transition-all);
  direction: ltr;
}

.col_quarter {
  width: 25%;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: var(--transition-all);
  transition: var(--transition-all);
  direction: ltr;
}

.disable_scrollbars::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* Chrome/Safari/Webkit */
    height: 0px;
}

.disable_scrollbars {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}

@media only screen and (max-width: 1023px)  {

  .col_half {
    width: 100%;
  }

  .col_half:empty {
    display: none;
  }

  .col_half:not(:empty) + .col_half {
    margin: 0;
  }

}