/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.row-fluid-wrapper.connect-block > .row-fluid > .dnd-column {
  padding: 30px 20px 20px;
/*   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 4px solid rgba(79, 146, 204, 0.23);
  border-radius: 3px;
}

.row-fluid-wrapper.connect-options > .row-fluid > .dnd-column {
    background-color: #fff;
    border: 2px solid #43719c;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* LAYOUT */
.dnd-section img {
  max-width: 100%;
}
.dnd-section > .row-fluid {
    max-width: 1190px;
    width: auto;
    margin: 0 auto;
  }
  @media only screen and (min-width: 768px) and (max-width: 1279px) {
    .dnd-section > .row-fluid {
        padding-left: 40px;
        padding-right: 40px;
    }
  }
  @media only screen and (min-width: 640px) and (max-width: 767px) {
    .dnd-section > .row-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
  }
  @media only screen and (max-width: 639px) {
    .dnd-section > .row-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
  }
@media only screen and (max-width: 1023px) {
  .tl-sector.tl-sector-break-rows-dt > .row-fluid  {
      flex-direction: column !important;
      align-items: center;
  }
  .tl-sector.tl-sector-break-rows-r > .row-fluid  {
      flex-direction: column-reverse !important;
  }
  .tl-sector.tl-sector-break-rows-dt > .row-fluid > .widget-span {
      width: auto;
  }
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
  .tl-sector.tl-sector-break-rows-sm-dt > .row-fluid  {
      flex-direction: column !important;
      align-items: center;
  }
  .tl-sector.tl-sector-break-rows-sm-dt > .row-fluid > .widget-span {
      width: auto;
  }
}
@media only screen and (max-width: 639px) {
  .tl-sector.tl-sector-break-rows-sm > .row-fluid {
      flex-direction: column !important;
      align-items: center;
  }
  .tl-sector.tl-sector-break-rows-r > .row-fluid  {
      flex-direction: column-reverse !important;
  }
  .tl-sector.tl-sector-break-rows-sm > .row-fluid > .widget-span {
      width: auto;
  }
  
}

        .section-block > div.row-fluid {
              padding-bottom: 60px;
              padding-top: 60px;
              margin: 0 auto;
              max-width: 1190px;
              width: auto;
        }
        @media only screen and (min-width: 768px) {
          .section-block > div.row-fluid {
              padding: 60px 40px;
          }
        }
        @media only screen and (min-width: 640px) and (max-width: 767px) {
          .section-block > div.row-fluid {
              padding: 55px 30px;
          }
        }
        @media only screen and (max-width: 639px) {
          .section-block > div.row-fluid {
              padding: 40px 20px;
          }
        }
        @media only screen and (max-width: 767px) {
          .section-block > div.row-fluid {
              gap: 20px;
              display: flex;
              flex-direction: column-reverse;
          }
/* END LAYOUT */