@media (max-width: 1170px) {
  .typwritter .text,
  span.typed-cursor,
  .typwritter span {
    font-size: 35px;
  }
  h1.title {
    font-size: 95px;
  }
  span.sub-title {
    font-size: 30px;
  }
}

@media (max-width: 1100px) {
  .toggle_btn {
    display: block;
  }
  ul.nav_left,
  ul.nav_right {
    display: none;
  }

  .show_nav .mobile_nav {
    visibility: visible;
    clip-path: circle(1000px at 50%);
  }

  .show_nav span.top {
    transform: rotate(-45deg);
  }

  .show_nav span.middle {
    display: none;
  }

  .show_nav span.bottom {
    transform: rotate(45deg);
    margin-top: -7px;
  }

  .typwritter .text,
  span.typed-cursor,
  .typwritter span {
    font-size: 30px;
  }

  span.sub-title {
    font-size: 25px;
  }
}

@media (max-width: 1015px) {
  .banner {
    justify-content: center;
  }

  .left_part {
    width: 100%;
    text-align: center;
    order: 2;
  }
  .right_part {
    width: 100%;
    float: none;
    order: 1;
  }

  .typwritter {
    justify-content: center;
  }

  .shwetaImg {
    max-width: 350px;
    padding: 10px 10px 0;
    float: none;
    margin: 0 auto;
    position: relative;
  }
}

@media (max-width: 767px) {
  .section-title p {
    font-size: 57px;
    top: -30px;
  }
  .section-title h2 {
    font-size: 28px;
  }

  .about-track h2 {
    font-size: 28px;
  }

  .track-sec,
  .biography-sec,
  .video-sec,
  .gallery-sec {
    padding: 35px 0;
  }

  .press_sec {
    padding: 35px 0;
  }

  .player-wrapper {
    margin-top: 110px;
  }

  .bio_description ul li {
    width: 100%;
  }
  .pressMain {
    justify-content: center;
  }

  .coverage-box {
    width: 100%;
    margin-bottom: 0;
  }
  #topSvg,
  #bottomSvg {
    display: none;
  }

  .videoSlide {
    max-width: 48%;
  }

  .typwritter span {
    width: 100%;
  }
  .typwritter span.text {
    height: 65px;
  }
  .typed-cursor {
    display: none;
  }

  ul.address li p {
    font-size: 30px;
  }

  .img-box {
    max-width: 55%;
  }
}

@media (max-width: 550px) {
  .pre-loader {
    padding: 0 20px;
  }

  .anim-text ul li {
    font-size: 32px;
  }

  .loading_bar {
    margin-bottom: 0;
  }

  .pre-loader span {
    font-size: 32px;
  }

  .logo a {
    font-size: 30px;
  }
  h1.title {
    font-size: 70px;
  }

  .player__bar {
    border: 1px solid #ddd;
    padding: 10px;
    height: 80px;
    width: 100%;
    max-width: 350px;
  }

  .player__timeline {
    height: 80px;
    padding-left: 110px;
  }
  .player__author {
    font-size: 13px;
  }

  .player__play,
  .player__prev {
    width: 55px;
    height: 55px;
  }

  .player__album {
    width: 90px;
    height: 90px;
  }

  span.sub-title {
    font-size: 20px;
  }
  .typwritter .text,
  span.typed-cursor,
  .typwritter span {
    font-size: 28px;
  }
  .img-box span {
    display: none;
  }

  .img-box::before,
  .img-box::after {
    background: transparent;
  }
  .img-box {
    max-width: 80%;
    outline-offset: 10px;
  }
  .bio_description {
    margin-top: 35px;
  }
  .bio_description ul li {
    margin-left: 10%;
  }

  .videoSlide {
    max-width: 100%;
  }

  .image-gallary {
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
  }
}