/* .no-gutters {
    margin-right: 0;
    margin-left: 0;
  } */

  /*  Small devices (landscape phones, 576px and up) */
/* @media (min-width: 576px) {  } */

/*  Medium devices (tablets, 768px and up) */
/* @media (min-width: 768px) {  } */

/*  Large devices (desktops, 992px and up) */
/* @media (min-width: 992px) {  } */

/* Extra large devices (large desktops, 1200px and up) */
/* @media (min-width: 1200px) {  } */

/*  Extra small devices (portrait phones, less than 576px) */
/* @media (max-width: 575.98px) { } */

/*  Small devices (landscape phones, less than 768px) */
/* @media (max-width: 767.98px) { } */

/*  Medium devices (tablets, less than 992px) */
/* @media (max-width: 991.98px) { } */

/*  Large devices (desktops, less than 1200px) */
/* @media (max-width: 1199.98px) {  } */


/*  Apply styles starting from medium devices and up to extra large devices */
/* @media (min-width: 768px) and (max-width: 1199.98px) {  } */

.x24col-1{ width: 4.166%;}
.x24col-2{ width: 8.332%;}
.x24col-3{ width: 12.498%;}
.x24col-4{ width: 16.664%;}
.x24col-5{ width: 20.83%;}
.x24col-6{ width: 24.996%;}
.x24col-7{ width: 29.162%;}
.x24col-8{ width: 33.328%;}
.x24col-9{ width: 37.494%;}
.x24col-10{ width: 41.66%;}
.x24col-11{ width: 45.826%;}
.x24col-12{ width: 49.992%;}
.x24col-13{ width: 54.158%;}
.x24col-14{ width: 58.324%;}
.x24col-15{ width: 62.49%;}
.x24col-16{ width: 66.656%;}
.x24col-17{ width: 70.822%;}
.x24col-18{ width: 74.988%;}
.x24col-19{ width: 79.154%;}
.x24col-20{ width: 83.32%;}
.x24col-21{ width: 87.486%;}
.x24col-22{ width: 91.652%;}
.x24col-23{ width: 95.818%;}
.x24col-24{ width: 100%;}


.col-x-1{width: 4.16%;float: left;}
.col-x-2{width: 8.33%;float: left;}
.col-x-3{width: 12.5%;float: left;}
.col-x-4{width: 16.66%;float: left;}
.col-x-5{width: 20.83%;float: left;}
.col-x-6{width: 25%;float: left;}
.col-x-7{width: 29.16%;float: left;}
.col-x-8{width: 33.33%;float: left;}
.col-x-9{width: 37.5%;float: left;}
.col-x-10{width: 41.66%;float: left;}
.col-x-11{width: 45.83%;float: left;}
.col-x-12{width: 50%;float: left;}
.col-x-13{width: 54.16%;float: left;}
.col-x-14{width: 58.33%;float: left;}
.col-x-15{width: 62.5%;float: left;}
.col-x-16{width: 66.66%;float: left;}
.col-x-17{width: 70.83%;float: left;}
.col-x-18{width: 75%;float: left;}
.col-x-19{width: 79.16%;float: left;}
.col-x-20{width: 83.33%;float: left;}
.col-x-21{width: 87.5%;float: left;}
.col-x-22{width: 91.66%;float: left;}
.col-x-23{width: 95.83%;float: left;}
.col-x-24{width: 100%;float: left;}


.x24row  {
  width: 100%;
  min-height: 500px;
  max-height: 800px;
  background-color: rgba(43, 105, 69, 0.576);
}
.x24row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="x24col-"] {
  float: left;
  height: 100%;
  display: table;
  /* padding: 15px; */
  /* border: 1px solid red; */
}

[class*="x24col-"] {
  float: left;
  padding: 15px;
  border: 1px solid red;
}

  /* For mobile phones: */
/* [class*="col-"] {
    width: 100%;
  } */
  
  @media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
  }
  @media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
  }






  /*BOXES PROCESSES*/
  .pd-box-1 {padding: 1px;}
  .pd-box-2 {padding: 2px;}
  .pd-box-3 {padding: 3px;}
  .pd-box-4 {padding: 4px;}
  .pd-box-5 {padding: 5px;}
  .pd-box-6 {padding: 6px;}
  .pd-box-7 {padding: 7px;}
  .pd-box-8 {padding: 8px;}
  .pd-box-9 {padding: 9px;}
  .pd-box-10 {padding: 10px;}
  .pd-box-11 {padding: 11px;}
  .pd-box-12 {padding: 12px;}
  .pd-box-13 {padding: 13px;}
  .pd-box-14 {padding: 14px;}
  .pd-box-15 {padding: 15px;}
  .pd-box-16 {padding: 16px;}
  .pd-box-17 {padding: 17px;}
  .pd-box-18 {padding: 18px;}
  .pd-box-19 {padding: 19px;}
  .pd-box-20 {padding: 20px;}


.xcol-1{ width: 4.166%;}
.xcol-2{ width: 8.332%;}
.xcol-3{ width: 12.498%;}
.xcol-4{ width: 16.664%;}
.xcol-5{ width: 20.83%;}
.xcol-6{ width: 24.996%;}
.xcol-7{ width: 29.162%;}
.xcol-8{ width: 33.328%;}
.xcol-9{ width: 37.494%;}
.xcol-10{ width: 41.66%;}
.xcol-11{ width: 45.826%;}
.xcol-12{ width: 49.992%;}
.xcol-13{ width: 54.158%;}
.xcol-14{ width: 58.324%;}
.xcol-15{ width: 62.49%;}
.xcol-16{ width: 66.656%;}
.xcol-17{ width: 70.822%;}
.xcol-18{ width: 74.988%;}
.xcol-19{ width: 79.154%;}
.xcol-20{ width: 83.32%;}
.xcol-21{ width: 87.486%;}
.xcol-22{ width: 91.652%;}
.xcol-23{ width: 95.818%;}
.xcol-24{ width: 100%;}

.b24row  {
  width: 100%;
  height: auto;
  /* max-height: 800px; */
  /* background-color: rgba(43, 105, 69, 0.576); */
}
.b24row::after {
    content: "";
    clear: both;
    display: table;
}