@media only screen and (min-width: 768px) {
  .hide-desktop {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .profile-gigs-blk {
    padding-bottom: 0 !important;
    .col-md-3, .col-md-5 {
      display: none;
    }
  }
  .profile-page.my-profile {
    overflow: hidden;
  }

  .reco-course, .gigs-rec-section, .mpc-section, .my-profile-gigs-section {
    //padding-top: 50px !important;
    .eda-talk {
      //display: none;
      right: -65px !important;
      left: auto !important;
      img {
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
      }
      .chat-pattern {
        right: 75px;
        top: -55px;
        left: auto;
      }
    }
    .action-row {
      margin: 0 -20px !important;
    }
    .action-blk {
      margin-top: 0 !important;
      //text-align: center !important;
      padding: 0;
      margin-bottom: 0 !important;
      a {
        border-radius: 0 !important;
        width: 50% !important;
        float: left;
        margin: 0 !important;
        //margin: 0 auto 20px !important;
        //float: none !important;
      }
    }
  }
  .gigs-rec-section, .my-profile-gigs-section {
    //padding-top: 100px !important;
  }
  .tabs-section {
    .row {
      >div {
        width: 50%;
        padding: 0 !important;
        a {
          border-radius: 0 !important;
          text-align: center;
          padding: 15px;
          border-bottom: 3px solid #cccccc;
        }
      }
    }
  }
  .hide-mobile {
    display: none !important;
  }
  p {
    opacity: 1;
  }
  .hero-section .hero-col {
    .hero-blk {
      text-align: left;
      h2 {
        margin-bottom: 0.5rem;
      }
      p {
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 30px;
        opacity: .7;
        b {
          font-weight: 100;
        }
      }
      a {
        font-size: 14px !important;
        line-height: 16px !important;
      }
    }
  }
  .show-mobile {
    display: flex !important;
  }
  .home-page, .about-page {
    .rc-section {
      padding: 40px 0;
      text-align: center;
      img {
        max-width: 100%;
      }
      h3 {
        font-size: 26px;
        line-height: 33px;
        margin-top: 30px;
      }
      .row-1 {
        margin-bottom: 40px;
      }
    }
    .row {
      >div {
        margin-bottom: 30px;
        h3 {
          text-align: center;
          font-size: 26px;
          line-height: 33px;
          margin-top: 0;
        }
      }
    }
    .hero-section {
      .hero-col {
        .hero-blk {
          h2 {
            font-size: 32px;
            line-height: 40px;
          }
        }
      }
    }
    .hero-action-blk {
      a {
        margin-bottom: 20px;
      }
    }
  }
  .fc-section {
    .row {

    }
  }
  .fc-section, .adl-section, .stg-section {
    h2 {
      font-size: 26px;
      padding: 20px 0;
    }
    .fc-col {
      .inner-blk {
        height: 250px;
        background-color: rgba(255,255,255,0.5);
        .p-detail {
          opacity: 1 !important;
        }
      }
    }
  }

  .jc-section {
    text-align: center;
    padding: 25px 0 25px;
    .row {
      >div {
        margin-bottom: 0;
      }
    }
    h3 {
      font-size: 23px;
      display: block;
      line-height: 30px;
      margin-top: 10px;
    }
    a {
      display: table;
       margin: 10px auto 0;
    }
  }

  .s-stage-section {
    padding: 250px 0 35px;
    .create-stage-blk {
      text-align: left;
      h3 {
        text-align: center;
      }
      a {
        margin: 0 auto;
        display: table;
      }
      h2 {
        font-size: 28px;
        line-height: 34px;
        text-align: center;
        margin-bottom: 20px;
        br {
          display: none;
        }
      }
    }
  }
  .wv-section {
    height: 200px;
    .wv-col {
      display: block;
      text-align: center;
      >img {
        position: relative;
        top: 130px;
        margin: 0 auto;
        float: none;
      }
      a {
        position: absolute;
        top: 38px;
        left: 0;
        padding: 0;
        right: 0;
        img {
          position: static;
        }
      }
    }
  }
  .home-page .VideoBg, .hero-section .hero-col{
    height: 400px !important;
  }

  .team-section {
    padding-top: 40px;
    padding-bottom: 20px;
    .team-col {
      margin-bottom: 30px;
    }
  }

  .press-section {
    padding-bottom: 0;
    overflow: hidden;
    .press-featured-img {
      height: 250px;
    }
    .row-2 {
      margin-bottom: 50px;
    }
    .press-img {
      height: 250px;
      margin-bottom: 20px;
    }
    h3 {
      font-size: 26px;
    }
    p {
      font-size: 15px;
      line-height: 21px;
    }
  }

  .events-section {
    padding-bottom: 30px;
    h3 {
      font-size: 22px;
      line-height: 27px;
    }
    .row-1 {
      >.col-md-8 {
        display: block;
      }
      ul {
        float: left;
        margin-top: 10px;
        li {
          margin-left: 0;
          margin-right: 20px;
        }
      }
    }
    .row-2 {
      padding-bottom: 20px;
      >div {
        padding: 0 15px;
        &:first-child {
          padding: 0;
          margin-bottom: 20px;
        }
      }
      .event-date {
        margin-bottom: 20px;
      }
      .event-img {
        height: 250px;
      }
    }
  }

  .artists-heading-sectoin {
    .input-submit {
      padding-top: 5px;
    }
  }
  .artists-listing-section {
    padding-bottom: 0;
    overflow: hidden;
    .next-icon {
      right: 0;
    }
    .row-1 {
      .artist-img-col {
        .artist-img {
          width: 130px;
          height: 130px;
        }
      }
      .artist-detail-col {
        padding-top: 20px;
        h3 {
          font-size: 20px;
          line-height: 20px;
        }
        .ar-detail {
          position: absolute;
          bottom: 102%;
          left: 165px;
        }
      }
      .col-md-2.stage-col {
        display: none;
      }
    }

  }
  footer {
    .footer-1 {
      h3 {
        font-size: 22px;
        line-height: 30px;
      }
      ul {
        margin: 40px 0;
      }
    }
    .footer-2, .footer-3 {
      width: 50%;
    }
  }

  .artist-detail-section {
    .artist-img {
      width: 90px;
      height: 90px;
    }
    .row-1 {
      margin: 0;
      padding: 15px 0;
      .col-md-6 {
        margin-top: 20px;
      }
    }
    .ar-detail {
      position: absolute;
      top: -95px;
      left: 115px;
    }
    .col-md-4 {
      padding-top: 0 !important;
    }
    .col-md-10 {
      ul {
        flex-flow: wrap;
        li {
          &:first-child {
            width: 100%;
            margin-bottom: 10px;
          }
        }
      }
    }
  }

  .adl-section {
    padding-bottom: 50px !important;
    .i-blk {
      .a-detail {
        opacity: 1 !important;
      }
    }
  }

  .stages-section {
    padding-bottom: 30px;
    .row-1 {
      .col-md-8 {
        display: block;
        padding-left: 0;
        margin-top: 20px;
        ul {
          float: none;
          li {
            margin-left: 0;
            margin-right: 20px;
          }
        }
      }
    }
  }

  .stg-section {
    padding-bottom: 30px;
    .fc-col {
      margin-bottom: 20px;
      .inner-blk {
        .i-blk {
          .profile-p {
            opacity: 1;
          }
        }
      }
    }
  }
  .stg-detail-i {
    height: 250px;
  }

  .form {
    width: 100% !important;
    padding: 0 15px;
  }
  .people-blk {
    max-width: 320px;
    margin: 0 auto 30px;
  }
  .about-page {
    .VideoBg {
      height: 400px !important;
    }
  }

  .profile-strength-section {
    h2 {
      font-size: 12px;
      img {
        width: 20px;
      }
      span {
        top: 0 !important;
      }
      button {
        font-size: 12px !important;
      }
    }
    #headingOne {
      .row {
        >div {
          width: 50%;
        }
      }
    }
    .progress-show {
      position: static;
      margin-bottom: 30px;
    }
    .profile-list {
      li {
        width: 50%;
      }
    }
  }


  nav {
    #navbarText {
      margin-top: 10px;
      li {
        a {
          font-size: 20px;
        }
      }
    }
    .navbar-brand {
      padding-left: 15px;
    }
    .navbar-toggler {
      &:focus {
        outline: none;
      }
    }
  }
}