@media only screen and (min-width: 551px) {
  .show-xs {
    display: none !important;
  }
  .VideoBg {
    video {
      width: 100% !important;
    }
  }
}
@media only screen and (max-width: 550px) {
    .profile-section, .profile-hero-filler, .profile-hero-section {
      display: none !important;
    }
  .p-section {
    p {
      font-size: 15px;
    }
    h2 {
      margin-bottom: 20px;
      span {
        font-weight: 700;
        font-size: 20px;
      }
    }
    ul {
      li {
        font-size: 15px;
        img {
          width: 15px;
        }
      }
    }
  }
    .course-recom-section {
      &:before {
        display: none;
      }
    }
  .my-profile {
    .course-recom-section, .stuff-recom-section {
      h2 {
        font-size: 25px;
      }
    }
    .profile-mobile-section {
      .row-3 {
        >div {
          width: 50% !important;
          h3 {
            font-size: 14px;
          }
          ul {
            li {
              font-weight: 100;
              >span {
                font-weight: 700;
                padding-left: 5px;
              }
            }
          }
        }
      }
    }
    .profile-strength-section {
      h2 {
        font-weight: 600;
        border-bottom: 4px solid #cccccc;
        margin-bottom: 20px !important;
        span {
          background-color: #ffffff;
          display: inline-block;
          line-height: 40px;
          position: relative;
          top: 5px;
        }
      }
    }
  }
    .profile-mobile-section {
      background-color: #fff;
      padding-top: 110px;
      padding-bottom: 20px;
      .contact-user {
        color: #fff;
        font-size: 18px;
        margin-bottom: 15px;
        a {
          color: #ffffff;
          font-weight: 600;
        }
      }
      >.container {
        background-color: $secondaryColor;
      }
      .row-1 {
        h2 {
          color: #ffffff;
          font-size: 20px;
          font-weight: 700;
          padding-top: 20px;
        }
        .profile-m-outer {
          border: 11px solid #ffffff;
          border-radius: 310px 40px 200px 0;
          position: absolute;
          width: 108px;
          height: 196px;
          top: -119px;
          left: 18px;
          background-color: #ffffff;
        }
        .profile-m {
          width: 90px;
          height: 90px;
          border-radius: 50%;
          float: left;
          margin-right: 28px;
          position: relative;
          bottom: 30px;
          left: 10px;
        }
      }
      .row-2 {
        p {
          font-size: 15px;
          color: #ffffff;
          margin-bottom: 20px;
        }
      }
      .row-3 {
        .dropdown-item {
          h3 {
            font-size: 14px;
            span {
              font-weight: 600;
            }
          }
        }
        >div {
          &:first-child {
            width: 70%;
            padding-left: 15px;
            ul {
              li {
                margin-right: 3px;
                font-size: 14px;
                img {
                  margin-right: 1px;
                }
              }
            }
          }
          &:last-child {
            width: 30%;
            text-align: right;
            padding-right: 15px;
            ul {
              li {
                margin-left: 5px;
              }
            }
          }
          ul {
            li {
              display: inline-block;
              color: #ffffff;
              font-weight: 600;
              img {

              }
            }
          }
        }
      }
    }
  }