@media (max-width: 767px) {
  .ican {
    text-align: center;
    display: flex;
    list-style-type: none;
    justify-content: center;
    margin: auto;
    align-items: center;
    width: 75%;
    flex-wrap: nowrap;
    padding-right: 2vh;
}  
  .new-width {
      width: 70% !important;
    }
    .navbar-toggler:not(:disabled):not(.disabled) {
      cursor: pointer;
      background-color: wheat;
    }
    .mynavBtn {
      margin-left: 0;
      padding: 0.4rem 0.8rem !important;
      margin-top: 1rem;
    }
  
    .pfix {
      padding-bottom: 0 !important;
    }
  
    .listBox {
      /* background-color: rgba(255, 255, 255, 0.541); */
      padding-bottom: 2rem;
    }
  
    .btnli {
      border-bottom: 0 !important ;
    }
  
    .mynav li {
      border-bottom: 1px solid;
      font-weight: 600;
    }
  
    .mynavli:hover {
      background-color: #7a0b03;
      border-radius: 0rem;
      color: #fff !important;
    }
  
    .logo {
      height: 10vh;
    }
  
    .nameslist + button {
      /* margin-bottom: 1rem !important; */
      /* margin-top: -1rem !important; */
    }
  
    .img1 {
      display: unset;
    }
  
    .img2 {
      display: none;
    }
  
    .minus-btn {
      margin-top: 0rem;
      padding: 0.375rem 1rem;
    }
  
    input[type="checkbox"] {
      margin-right: 3rem;
    }
    .mynavli a {
      /* text-align: center; */
    }
  
    .sec-rule {
      /* background-color: #fff; */
      padding: 2rem;
    }
  
    .success {
      margin: 1rem auto;
      width: 30vw;
    }
  
    .logolink {
      position: relative;
      top: 0;
      left: 39%;
    }
    .img-mobile {
      display: unset;
    }
    .img-deskto {
      display: none;
    }
    .about-text p {
      border-radius: 10px;
      background: #ffebd4;
      color: black;
      font-weight: 500;
      padding: 22px 23px;
      font-size: 11.4px;
      width: 90%;
      margin: 58% auto;
      height: 85vh;
      line-height: 2;
      text-align: left;
    }
    .mobile-h1 {
      font-size: 20px;
    }
    .mobile-p {
      font-size: 11px;
    }
    .font p {
      font-weight: 500;
      font-size: 11px;
      margin-top: 2vh;
    }
    .img-mobile img {
      width: 45%;
    }
    .bg-flack {
      background: linear-gradient(90deg, #fe8900, 15%, #fff, 80%, #16d007);
      padding: 0.4rem;
      border-radius: 5px;
      color: black;
      width: 85%;
      margin: auto;
      font-size: 22px;
    }
    .mobile-pp {
      font-weight: 500;
      background: linear-gradient(90deg, #fe8900, 15%, #fff, 80%, #16d007);
      padding: 0.4rem;
      margin: auto;
      width: 100%;
      font-size: 12px !important;
    }
    .more-img {
      width: 100%;
      margin: auto;
    }
    .black-box {
      height: 90vh;
      width: 95%;
      background-color: black;
      border-style: dotted;
      border-color: #ffc703;
      position: absolute;
      top: 18%;
      margin: auto;
      z-index: -1;
      transform: rotate(3deg);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
    }
    .white-box {
      height: 85vh;
      width: 90%;
      background-color: white;
      border-radius: 10px;
    }
    .dancer1 {
      position: absolute;
      right: 0;
      margin-top: -2vh;
    }
    .dancer2 {
      top: 2%;
    }
  
    .new-width {
      background: linear-gradient(90deg, #fe8900, 15%, #fff, 80%, #16d007);
      padding: 0.4rem;
      margin: auto;
      width: 85%;
      font-size: 12px !important;
      font-weight: 600;
    }
  
    .dancerwidth {
      width: 43%;
  }
  
  .para2{
      margin-top: 15% !important;
  }
  
  .dancer5{
          width: 50%;
          top: 4% !important;
  }

  .sponsership .sponsership-mobile{
    margin-top: 10rem;
  }

  .sponsorship_head {
    margin-bottom: 2vh;
    margin-top: 2vh;
}

  .sponsorship_head .sponsorship_element .heading {
    font-size: 14px;
    padding: 8px;
    font-weight: 600;
}

.sponsorship_head .sponsorship_element .price {
  font-size: 17px;
  font-weight: 600;
}

.dance_india_banner{
  width: 100%;
}

  }
  @media only screen and (min-device-width: 321px) and (max-device-width: 1024px) and (orientation: landscape) {
    .about-text p {
      border-radius: 10px;
      background: #ffebd4;
      color: black;
      font-weight: 500;
      padding: 22px 23px;
      font-size: 11.4px;
      width: 90%;
      margin: 22% auto;
      height: 100vh;
    }
    .black-box {
      height: 120vh;
      width: 95%;
      background-color: black;
      border-style: dotted;
      border-color: #ffc703;
      position: absolute;
      top: 20%;
      margin: auto;
      z-index: -1;
      transform: rotate(3deg);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
    }
    .white-box {
      height: 100vh;
      width: 90%;
      background-color: white;
      border-radius: 10px;
    }
  }
  
  @media (max-width: 360px) {
    .dancer2 {
      top: 2%;
    }
    .about-text p {
      height: unset !important;
      text-align: justify;
    }
  
    .black-box {
      height: 117vh;
      top: 16%;
    }
  
    .white-box {
      height: 110vh;
    }
  }
  
  @media (max-width: 320px) {
    .about-text p {
      height: unset;
      margin: 50% auto;
      line-height: 2;
      text-align: left;
    }
  
    .black-box {
      height: 166vh;
      top: 14%;
      transform: rotate(1deg);
      width: 97%;
    }
  
    .dancer2 span {
      margin-left: -1rem;
    }
  
    .white-box {
      height: 160vh;
    }
  }