
     .img-breaker-height {
         min-height: 65vh;
       }

    .img-radius {
  border-radius: 15px;
  }
   .studios-content-main .mod_color-splash-2 {
  background-color: #f0f0f0;
  color: #000;
  }

  .studios-content-main .button {
      border-radius: 50px;
      padding: 15px;
      background-color: #EE5720 !important;
  }
  .studios-content-main a:hover {
      color: #fff !important;
     background: #D5410B !important;
      text-decoration: none !important;
  }

  /* -----------------------------------
    X ONE SIDED STICKY
  ----------------------------------- */
      .mod_article-sticky > .container-fluid > .row {
        display: flex;
        min-height: 100vh;
        align-items: flex-start;
      }
      .mod_article-sticky .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        min-height: 100vh;
        /*display: flex;
        align-items: flex-end;
        justify-content: center;
        flex-wrap: wrap;*/
        align-content: center;
        padding: 0;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size:cover;
        z-index:1;
      }
      .mod_article-sticky .sticky-items {
        background-color: transparent;
        padding: 0 3.5em 3.5em 3.5em;
        text-align: center;
        width: 100%;
      }
      .mod_article-sticky .not-sticky {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 150vh;
        padding: 3em 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #222;

        color:#fff;
        z-index: 10;
      }
      .mod_article-sticky .media {
        margin-bottom: 0px;
        padding: 3.5em 4em 3.5em 0;
        background-color: #f0f0f0;
      }

      .mod_article-sticky .media .media-image {
        width: 35%;
        margin-right: 2em;
        border-radius: 15px;
        box-shadow: 2px 2px 6px 2px #d6d6d6;
      }
      .mod_article-sticky .media .media-image div::before {
        padding-bottom: 100%;
      }
      .mod_article-sticky .media-body h5 {
        margin-bottom: 6px;
      }
      .scroll-items {
        width: 90%;
      }
      .scrollitemcopy{
        width: fit-content;
      /*  margin: auto;*/
      }
      .scrollitemouter{
      }
      .scroll-hr{
        border-top: solid 4px #cd4c1e;
        width: 75%;
        max-width: 1000px;
        margin: 3rem auto 5rem;

      }

      .box{
   border: none;
        padding:3%;
        background-color:#333;
        color:#fff;
        border-radius:0px!important;
      }
      .box strong{
  color:#cddb29;
      }
      @media screen and (min-width: 768px) {
        .mod_article-sticky .not-sticky {
          z-index:10;
        }
        .mod_article-sticky .not-sticky .contentCopy {
          background-color: transparent;
        }
      }

      @media screen and (max-width: 767px) {
        .mod_article-sticky .not-sticky .contentCopy {
          margin-top: 300px;
        }
        .mod_article-sticky .sticky {
          background-position: 20% 66%!important;
        }
        .mod_article-sticky .sticky {
          top: 0 !important;
          position: relative !important;
          max-height: none !important;
          min-height: auto;
          display: none;
        }
        .mod_article-sticky .not-sticky .contentCopy {
          width: 100%;
        }
        .mod_article-sticky .sticky-items {
          padding: 3em;
        }
        .mod_article-sticky .not-sticky {
          padding: 2rem 0rem;
          min-height: 145vh;
          border: solid #fff 1rem;
        }
        .mod_article-sticky .media {
          padding: 2em 1em;
          flex-direction: column;
          align-items: center;
        }
        .mod_article-sticky .media .media-image {
          width: 65%;
          margin: 1rem auto 1rem !important;
        }
        .mod_article-sticky .media:last-child {
          border-bottom: 2px solid transparent;
        }

      }
  /* -----------------------------------
    X ONE SIDED STICKY
  ----------------------------------- */

  @media screen and (max-width: 767px) {
      .mobile{
      display:block!important;
    }
    .desktop{
      display:none!important;
    }
    .img-breaker-height {
  min-height: 40vh;
  }

   }
   .desktop{
    display:block;
   }
   .mobile{
    display:none;
   }
