/* responsive ******************************************************************************/
@media (max-width: 1599px) {}

/* responsive ******************************************************************************/
@media (max-width: 1399px) {
  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 56px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 18px;
  }

  p {
    font-size: 18px;
  }

  .small {
    font-size: 14px;
  }

  .middle_content_part .prograssbar_details h3 {
    font-size: 24px;
  }

  .btn-transparent {
    font-size: 16px;
  }
}

/* responsive ******************************************************************************/
@media (max-width: 1199px) {
  .container {
    max-width: 100%;
  }

  section {
    padding-bottom: 100px;
  }

  h1 {
    font-size: 44px;
  }

  h2 {
    font-size: 48px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  p {
    font-size: 18px;
  }

  .small {
    font-size: 14px;
  }

  .btn-white {
    font-size: 18px;
  }


  /* Header */
  #header .logo-box img {
    max-width: 180px;
  }


  #header .main-nav a {
    font-size: 15px;
  }

  #review .end .left img {
    max-width: 60px;
  }

  #review .end .right img {
    max-width: 80px;
  }

  #review .start img {
    max-width: 20px;
  }

  #review .box::after {
    width: 50px;
    height: 50px;
    top: -25px;
  }

  #review .box {
    padding: 50px 30px 30px;
    margin-top: 25px;
  }

  .section-heading {
    margin-bottom: 50px;
  }

}

/* responsive ******************************************************************************/
@media (max-width: 1079px) {}

/* responsive ******************************************************************************/
@media (max-width: 991px) {


  #header .main-nav.menu nav {
    position: fixed;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100vh;
    background: #000;
    opacity: 0;
    visibility: hidden;
    transition: .5s all ease-in-out;
    z-index: 111;
    padding-top: 60px;
  }

  #header .main-nav.menu nav.show {
    left: 0;
    opacity: 1;
    visibility: visible;
  }

  #header .main-nav.menu nav ul li {
    display: block;
    text-align: left;
    padding: 15px 20px;
    border-bottom: 1px solid #ffffff14;
  }

  #header .main-nav.menu .click-menu,
  #header .main-nav.menu .cancel-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  #header .main-nav.menu .cancel-menu {
    position: fixed;
    top: 20px;
    left: -100%;
    max-width: 30px;
    width: 100%;
    text-align: center;
    z-index: 222;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
  }

  #header .main-nav.menu .click-menu,
  #header .main-nav.menu .cancel-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  #header .main-nav.menu .cancel-menu.show {
    opacity: 1;
    visibility: visible;
    left: calc(100% - 50px);
  }

  #header .main-nav.menu {
    flex-direction: row-reverse;
  }

  #header .button-box {
    margin-left: 0;
  }

  .btn-white {
    font-size: 17px;
  }

  .homeBanner-box .row {
    row-gap: 20px;
  }

  #footer p,
  #footer a {
    font-size: 14px;
  }

  #footer .top-box .logo-box img {
    max-width: 180px;
  }

  #footer .end-box {
    padding-top: 40px;
  }

  #mindBending marquee h4 img {
    max-width: 40px;
    margin-right: 20px;
  }

  #mindBending marquee h4 span {
    margin-right: 40px;
  }

  #review .box {
    padding: 40px 20px 20px;
    margin-top: 20px;
  }

  #review .box::after {
    width: 40px;
    height: 40px;
    top: -20px;
  }

  #review .end .left img {
    max-width: 50px;
    margin-right: 10px;
  }

  #review .end .right img {
    max-width: 60px;
  }

  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 22px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  p {
    font-size: 18px;
  }

  .small {
    font-size: 14px;
  }

  section {
    padding-bottom: 80px;
  }

  .owl-dots {
    margin-top: 40px !important;
  }

  .section-heading {
    margin-bottom: 40px;
  }

  .banner .button-box img {
    aspect-ratio: 3/1;
    object-fit: fill;
    max-width: 150px;
  }


}

/* responsive ******************************************************************************/
@media (max-width: 767px) {

  section {
    padding-bottom: 60px;
    text-align: center;
  }

  #homeBanner .row {
    flex-direction: column-reverse;
  }

  .button-box ul {
    justify-content: center;
  }

  #header .main-nav {
    justify-content: center;
    row-gap: 10px;
  }

  #header .main-nav nav ul li {
    margin-right: 10px;
  }

  #header .button-box {
    padding-left: 0;
    border-left: none;
  }

  #header .logo-box img {
    max-width: 110px;
  }

  /* New header End */

  .mobile {
    display: block !important;
  }

  .desktop {
    display: none !important;
  }

  br {
    display: none;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 16px;
  }

  p {
    font-size: 16px;
  }

  .small {
    font-size: 12px;
  }

  .btn-white {
    padding: 8px 24px;
  }


  #footer .end-box .link-box ul {
    justify-content: center;
  }

  #footer .end-box .row {
    row-gap: 20px;
  }

  #footer .end-box .text-box {
    float: none;
    text-align: center;
  }

  #footer .box.box1 {
    max-width: 100%;
  }

  #footer .row {
    row-gap: 30px;
  }

  .banner .img-box img {
    max-width: 80%;
  }

  .banner .homeBanner-part {
    padding: 120px 0 80px;
    margin-top: -100px;
  }

  #howToPlay .col-md-3 {
    width: 50%;
  }


  #howToClaimPrizes .row {
    justify-content: center;
  }

  #review .box {
    text-align: left;
  }

  .row {
    row-gap: 30px;
  }

  #review .box .small {
    text-overflow: unset;
    overflow: unset;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    min-height: unset;
  }

  .owl-dots {
    margin-top: 30px !important;
  }



  .section-heading {
    margin-bottom: 30px;
  }

  /* #footer .logo-box {
    text-align: center;
  } */

  #terms {
    text-align: left;
  }



}

/* responsive ******************************************************************************/
@media (max-width: 575px) {


  h4 {
    font-size: 22px;
  }

  .form-control-common {
    padding: 12px 50px 12px 50px;
  }

  #footer .top-box .logo-box img {
    max-width: 130px;
  }

}

/* responsive ******************************************************************************/
@media (max-width: 479px) {
  h1 {
    font-size: 30px;
  }

  #header {
    padding-bottom: 40px;
  }

  #homeBanner .text-box h2 span::after {
    top: -12px;
  }

  #homeBanner .text-box h2 span::before {
    top: -25px;
  }

  h2 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }

  .btn-white {
    font-size: 14px;
    padding: 4px 18px;
    border-radius: 12px;
  }





  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 26px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 14px;
  }

  p {
    font-size: 14px;
  }

  .small {
    font-size: 12px;
  }

  section {
    padding-bottom: 40px;
  }

  .section-heading {
    margin-bottom: 20px;
  }

  .btn-transparent {
    font-size: 14px;
    padding: 10px 18px;
  }

  .bg {
    padding: 30px 0;
  }

  #footer .footer-part {
    padding: 40px 0;
  }

  .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 5px;
  }

}

/* responsive ******************************************************************************/
@media (max-width: 393px) {}

/* responsive ******************************************************************************/
@media (max-width: 375px) {
  h1 {
    font-size: 28px;
  }




}

/* responsive ******************************************************************************/
@media (max-width: 360px) {}

/* responsive ******************************************************************************/
@media (max-width: 320px) {
  h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 22px;
  }



  /*Inner Page Start */
  #innerBanner .right_detail h1 {
    font-size: 22px;
  }



}