.our-work-dt {
  color: #fff;
  background: url('../img/bg_ourWork_m.webp') no-repeat top;
  background-size: cover;
  @media #{$tablet} {
    background: url('../img/bg_ourWork.webp') no-repeat top;
    background-size: cover;
    z-index: 100;
  }
  @media #{$full} {
    //min-height: initial;
    //max-height: 630px;
  }
  .section-container {
    .section-content {
      .section-row {
        display: flex;
        flex-direction: column;
        @media #{$tablet} {
          flex-direction: initial;
        }
        .row-el {
          .header-d {
            display: none;
            @media #{$tablet} {
              display: block;
            }
          }
          .header-m {
            text-align: left;
            margin-bottom: 10px;
            font-size: 26px;
            @media #{$mini} {
              font-size: 30px;
              margin-bottom: 20px;
            }
            @media #{$phone} {
              margin-bottom: 30px;
              font-size: 38px;
            }
            @media #{$tablet} {
              display: none;
            }
          }
          .our-work-photo {
            width: 100%;
            box-shadow: 1px 1px 40px #000;
            margin-bottom: 10px;
            @media #{$mini} {
              margin-bottom: 30px;
            }
            @media #{$tablet} {
              margin-bottom: initial;
            }
          }
          p {
            font-size: 14px;
            line-height: 130%;
            @media #{$mini} {
              font-size: 16px;
              line-height: 140%;
            }
            @media #{$phone} {
              font-size: 22px;
              line-height: 150%;
            }
            @media #{$tablet} {
              line-height: 120%;
              font-size: 14px;
            }
            @media #{$desktop} {
              font-size: 15px;
            }
            @media #{$full} {
              line-height: 140%;
              //font-size: 16px;
            }
            @media #{$ultra} {
              line-height: 150%;
              font-size: 17px;
            }
          }
        }
        .text-el {
          order: 2;
          @media #{$tablet} {
            order: initial;
          }
        }
        .photo-el {
          order: 1;
          position: relative;
          margin-bottom: 20px;
          @media #{$tablet} {
            margin-bottom: 0;
            order: initial;
          }
          .ytd-video {
            position: absolute;
            left: 0;
            top: 0;
            width: calc(100% + 1px);
            height: calc(100% + 1px);
          }
        }
        .our-work-header {
          width: 100%;
          .section-header {
            margin-bottom: 20px;
            @media #{$full} {
              margin-bottom: 40px;
            }
          }
        }
      }
    }
  }
}