@media screen and (max-width: 500px) {

  .grid {
    width: 90%;
  }

  ul#myTab {
    gap: 3px !important;
  }

  .nav-link {
    padding: 0.4rem 13px !important;
    font-size: 0.9rem !important;
  }
}

@media screen and (max-width: 575px) {


  .battles-bg .landing-banner {

    justify-content: space-between;
    gap: 0;
  }

  .landing-banner .info-container,
  .landing-banner .controls-wrapper {
    bottom: 13%;
  }

  h1 {
    font-size: 1.3rem !important;
  }

  .navbar-right .iq-sub-dropdown {
    right: -1.062em;
    width: 18.75em;
  }

  .serach-hide {
    width: 243px;
  }

  .serach-hide.active {
    right: -984%;
  }

  .modal-dialog {
    max-width: 47rem !important;
  }
}

@media screen and (max-width: 700px) {

  #ui-datepicker-div {
    top: 155% !important;
    left: 8% !important;
  }

  .info-thum {
    width: 100%;
    text-align: left;
    font-size: .7rem;
  }

  .info-thum.purchase-page {
    align-items: center;

  }

  .thumb>img {
    height: 100px;
  }

  .movie {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

  }

  .grid {
    width: 45%;
  }

  .playing {
    left: 76%;
  }
}

@media screen and (max-width: 670px) {
  .playing {
    left: 74%;
  }
}

@media screen and (max-width: 1560px) {
  #ui-datepicker-div {
    top: 71% !important;
    left: 61% !important;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  #ui-datepicker-div {
    top: 81% !important;
    left: 58% !important;
}
}

@media screen and (max-width: 450px) {
  .feature-section>h6 {
    font-size: 0.7rem;
  }

  .landing-banner .info-container {
    width: 49%;
  }

  .iq-breadcrumb-one,
  .movie-slider-watch-page,
  .productlist,
  .tabs-link-profile-pages,
  .upgrade-membor-ship {
    margin-top: 14% !important;
  }

  .first-row,
  .second-row {
    font-size: 0.8rem;
  }

  .playing {
    /*background-color: #0faf40;*/
    left: 80%;
    top: 0;
    padding: 0.4rem 0.6rem;
  }
}

@media (max-width: 500px) {
  #ui-datepicker-div {
    top: 165% !important;
    left: 8% !important;
  }

}

@media (max-width: 550px) {
  .loader-container .snippet {
    left: -9998px;
  }
  #clockdiv div > span {
    font-size: 2rem;
  }

  .movie-deatils>h6 {
    font-size: 0.655rem;
  }

  .iq-title {
    font-size: 0.655rem;
  }

  .frighten-search {
    right: -583% !important;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: 40% !important;
    background-color: #00000094;
    color: white !important;
    padding: 2rem 0.3rem;
  }
  /*for season and episodes adding different class*/
  .swiper-button-nxt,
  .swiper-button-prv {
    top: 40% !important;
    background-color: #00000094;
    color: white !important;
    padding: 2rem 0.3rem;
  }
}

@media screen and (max-width: 390px) {
  .swiper-slide {
    height: 100% !important;
  }

  #clockdiv div > span{
    font-size: 1rem;
  }

  .smalltext {
    font-size: 12px;
  }

  .watch-page-tabs ul>li>button {
    font-size: .7em !important;
  }
}

@media screen and (max-width: 370px) {
  .navbar-right .iq-sub-dropdown {
    right: -3.062em;
  }
}

@media screen and (max-width: 350px) {

  .gradient-button,
  .singin-wrapper>a {
    font-size: .8rem;
  }

  a.gradient-button.full-width {
    font-size: .8rem !important;
    padding: 0.4rem 7rem !important;
  }

}

@media (min-width: 1650px) {
  .container {
    max-width: 1600px !important;
  }
}

/* @media (min-width: 1690px) {

  .playing-video-section .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1200px !important;
  }
} */

@media (max-width: 1250px) {

  section#watch-page-tabs,
  .video-player-watch-page,
  .upgrade-membor-ship {
    margin-top: 7%;
  }
}

@media screen and (max-width: 640px) {
  .pagination__item {
    display: none;
  }

  .pagination__item:first-child,
  .pagination__item:nth-child(2),
  .pagination__item:nth-child(3),
  .pagination__item:nth-child(4),
  .pagination__item:nth-child(5),
  .pagination__item:last-child {
    display: inline-block;
  }

  .pagination__control {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .card {
    margin-top: 2rem;
  }
  .boxer-votes {
    margin-top: 1rem;
}
.align-items-baseline-mobile{
  align-items: center;
}
.m-none {
  display: none;
}
  .box-warpper-batt.reverse {
    flex-direction: column-reverse;
  }

  .boxer-img > img {
  height: 100px;
  border-radius: 50%;
}
  .controls-wrapper .ratings {
    height: 4.4vw;
    font-size: 3.1vw;
  }

  .mobile-show {
    display: block;
    z-index: 99;
  }

  .mobile-hidden {
    display: none;
  }

  .mobile-hidden {
    display: none;
  }

  .serachlistsection,
  .tabs-link-profile-pages,
  .upgrade-membor-ship {
    margin-top: 10%;
  }
}

@media screen and (max-width: 600px) {

  .serachlistsection,
  .tabs-link-profile-pages {
    margin-top: 15%;
  }

  .iq-breadcrumb-one,
  .movie-slider-watch-page,
  .productlist,
  .upgrade-membor-ship {
    margin-top: 15%;
  }
}

@media screen and (max-width: 900px) {

  .iq-breadcrumb-one,
  .movie-slider-watch-page,
  .productlist,
  .tabs-link-profile-pages {
    margin-top: 8%;
  }
}

@media screen and (max-width: 1300px) {

  .iq-breadcrumb-one,
  .movie-slider-watch-page,
  .productlist,
  .tabs-link-profile-pages,
  .upgrade-membor-ship {
    margin-top: 6%;
  }
}

@media screen and (max-width: 550px) {

  .serachlistsection,
  .tabs-link-profile-pages,
  .upgrade-membor-ship {
    margin-top: 19%;
  }
}



@media (max-width: 700px) {
  .buttons-warpper>button {
    width: 142px !important;
    text-align: center;
    font-size: .7rem;
  }

  .button-delete {
    padding: 0.4rem 1rem;
    font-size: .6rem;
  }

  .tabs-sections ul li button {
    padding: 0.4rem 1rem;
    font-size: 0.6rem;
  }

  .purchase-section .movie-list-wrapper {

    box-shadow: none;

  }

  .tabs-sections ul#pills-tab {
    gap: 0.8rem !important;
  }

  .auto-complete {
    top: 8rem;
    right: 5%;
  }

  .mobile-icon {
    display: flex;
    height: 2rem;
    aspect-ratio: 1/2;
    align-items: center;
    /* width: 2rem; */
    cursor: pointer;
    justify-content: flex-start;
  }

  .profile-section {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 20%;
    top: 98%;
  }

  .hover-buttons .btn {
    font-size: 1.875em;
  }

  .profile-section.active {
    opacity: 1;
    visibility: visible;
    z-index: 9999999;
  }

  .mobile-icon>i {
    font-size: 1.6rem;
  }

  .login-sigup-section {
    position: relative;
  }

  .mobile-h {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 3rem;
    right: 58px;
    background-color: var(--bg-black) !important;
    width: 203px;
    padding: 1rem;
    display: flex;
    visibility: hidden;
    align-items: center;
    justify-content: center;
  }

  .mobile-h.active {
    opacity: 1;
    visibility: visible;
  }

  .serach-hide {
    right: -9rem;
  }

  .line-between::before,
  .line-between::after {

    width: 35%;

  }

  .gradient-button,
  .singin-wrapper>a {
    padding: 0.4rem 2rem !important;
  }

  a.google-btn {
    padding: 0.48rem 2.4rem !important;
  }

  a.gradient-button.full-width {
    padding: 0.4rem 7rem !important;
  }

  #subscribe {
    padding: 0.6rem 1.3rem !important;
  }

  #subscribe>svg {
    display: none;
  }

  .controls-wrapper .ratings {
    height: 11.4vw;
    font-size: 3.1vw;
    width: 6rem;
  }

  .mobile-margin {
    margin-top: 1rem !important;
  }

  .footer-margin {
    margin-top: 1rem !important;
  }

  p {
    font-size: 0.8rem !important;
    line-height: 1.8;
  }

  h5 {
    font-size: 0.8rem !important;
  }

  .comments-padding {
    padding: 0 0.1rem !important;
  }

  .space {
    gap: 1rem !important;
  }

  .comment-span {
    font-size: 0.7rem !important;
  }

  .res-image-comment {
    height: 33px !important;
    aspect-ratio: 1/1;
  }

  .reply-image-comment {
    height: 21px !important;
    aspect-ratio: 1/1;
  }
}

@media screen and (max-width: 767px) {
  .purchase-video-single .movie-list-wrapper {
    width: 100%;
  }

  .purchase-video-single .movie {
    flex-wrap: wrap;
    justify-content: center;
  }

  .landing-banner video {
    height: 395px;
  }

  .iq-breadcrumb-one,
  .productlist,
  .upgrade-membor-ship {
    margin-top: 10%;
  }

  .map-top-info {
    margin-top: 2rem;
    gap: 0.2rem;
  }

  .last-footer-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }

  .info-right-section {
    margin-top: 1rem;
  }

  .playing {
    left: 76%;
  }
}

@media screen and (max-width: 575px) {
  .update-profile-wrapper {
    margin-top: 3rem;
  }

  .auto-complete {

    top: 8rem;
    right: -3rem;
  }
}

@media screen and (max-width: 526px) {
  .movie-list-wrapper {
    width: 100%;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 426px) {
  .button-delete {

    margin-top: 2rem;
  }


}

@media (max-width: 1200px) {
  .form-wrapper {
    margin: 0 2rem;
  }
}