@media (max-width: 767px){

    header {
      background: #fff;
      padding: 5px 0 !important;
      position: fixed;
      top: 0; 
      left: 0; 
      right: 0; 
      z-index: 9;
    }
    header .navbar {
      padding: 0;
    }
    header .navbar .logo-color {
      display: block !important;
    }
    header .navbar .logo-white {
      display: none !important;
    }
    header .navbar-brand img {
      width: 110px;
    }
    header .navbar .container-fluid {
      padding: 0;
    }
    header .navbar .navbar-toggler {
      padding: 0; 
      z-index: 99; 
      border: none;
    }
    header .navbar .navbar-collapse {
      position: fixed; 
      top: 45px; 
      left: 0; 
      right: 0; 
      z-index: 9; 
      overflow: hidden; 
      height: calc(100vh - 50px); 
      background: #fff; 
      padding: 25px 25px;}
    header .navbar .navbar-collapse ul li {
      margin-left: 0; 
      font-size: 1rem;
    }
    header .navbar .navbar-collapse ul li a {
      color: #000 !important;
    }
    header .sidebar-social .footer-box {
      display: block !important; 
      text-align: center; 
      margin-left: -6px;
    }
    header .sidebar-social .footer-box .diamond {
      margin: 0 7px;
    }
    header .sidebar-social .title {
      font-size: 10px; 
      margin: 0; 
      color: #000; 
      font-weight: 500; 
      display: block;
    }
    header .sidebar-social .footer-icon {
      margin-right: 0;
    }
    header .sidebar-social .footer-icon ul li a i{
      width: 40px; 
      height: 40px; 
      line-height: 40px; 
      padding: 0 !important; 
      font-size: 18px; 
      border-color: #a8a7a2; 
      color: #a8a7a2; 
      background: #f1eee8;
      display: block;}
    header .sidebar-social .footer-icon ul li.mail a {
      line-height: 36px;
    }
    header .sidebar-social .footer-icon ul li a i:hover {
      border-color: #ff8000;
      color: #ff8000;
    }

    /* Banner */
    .banner-section {
      padding-bottom: 100px;
    }
    .banner-section, .banner-section .container {
      height: inherit;
    }
    .banner-section .banner-content {
      position: unset;
      width: 100% !important;
      transform: none;
      margin-top: 60px;
      display: block !important;
      padding: 25px 15px;
    }
    .banner-section .banner-content .icon-left img {
      height: 65px;
      border-radius: 4px !important;                       
    }
    .banner-section .banner-content img.text-title {
      width: 90% !important;
      margin-left: -8px;
    }
    .banner-section .banner-content h1 {
      font-size: 2.5rem;
      line-height: 3rem;
    }
    .banner-section .banner-image {
      top: 30px;
      width: 170px;
      float: inherit;
      margin: 0 auto;
    }
    .banner-section .download-list {
      margin-top: 15px;
    }
    .banner-section .download-list ul li img {
      height: 27px;
    }
    .banner-section .banner-image .game-play {
      width: 50px;
      height: 50px;
      top: 50%;
      font-size: 2rem;
    }
    .mouse.marrow {
      width: 30px;
      height: 50px; 
    }
    /* End */

    .main-heading {max-width: 100%;}
    .main-heading h3 {font-size: 1.5rem;}
    .main-heading p {font-size: 0.8rem; line-height: 1rem;}
    .main-heading2 {font-size: 1.1rem;}

    .screenshots {
      padding-bottom: 30px;
      border-radius: 0 0 20px 20px;
    }
    .swiper-center {
      width: 100% !important;
    }

    #appSwiperSlider {padding: 30px 0 !important; overflow: hidden;}
    #appSwiperSlider .swiper-slide.swiper-slide-active {
      transform: scale(1.2) !important; 
      z-index: 10 !important; 
    }
    
    #appSwiperSlider .swiper-pagination {bottom: -30px;}
    #appSwiperSlider .swiper-slide img {
      width: 100%;
    }
    #featureSlider .owl-dots .owl-dot span {
      width: 5px;
      height: 5px;
    }

    .banner-section .container-fluid {
      height: inherit !important;
    }
    .banner-section .banner-right {
      display: none;
    }
    .jumping {
      display: none;
    }
    .slider-center-features {
      width: 100% !important;
    }
    .features-section .feature-box .icon img {
      width: 90px !important;
    }
    .howplay-box::before, .howplay-box::after {
      display: none !important;
    }
    .features-section .feature-box .icon {
      margin: 0 auto 15px;
    }
    .slider1 .feature-box.feature-box.icon-center1 {
      margin-top: 10px !important;
    }
    .slider10 .feature-box.feature-box.icon-center1 {
      margin-bottom: 15px;
    }
    .howplay-box {
      margin-bottom: 30px;
    }
    .howplay-box .icon {
      margin-bottom: 10px;
    }
    .howplay-box .icon img {
      height: 100px
    }
    .icon-top-left1, .icon-top-right1, .icon-floating-topleft, .icon-floating-topright {
      display: none;
    }

    /* Reviews */
    .testimonial-section .row.cover {
      padding: 0;
    }
    .game-download-right {
      margin-top: 30px;
      padding: 20px 20px 18px;
    }
    .game-download-right h2, .main-heading2 {
      font-size: 1.2rem;
    }
    .download-list2 ul {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      flex: 1 1 100%;
    }
    .download-list2 ul li {
      margin-right: 0;
      width: 130px;
    }
    .download-list.dlist2 ul li img {
      height: 27px;
    }

    /* Feqatures */
    .container::before, .container::after, .container-fluid::before, .container-fluid::after, .icon-floating-top, .icon-floating-bottom, .gem-right-top, .features-section .bg::before, .features-section .bg::after {
      display: none;
    }
    .feature-subheading {font-size: 1.1rem; margin-bottom: 10px !important;}
    .features-section .features-image {
      background-size: 90%;
      width: 233px;
      height: 420px;
      padding: 9px 33px 15px 14px;
      margin: 25px auto;
      float: inherit !important;
    }
    .features-section .features-image img {
      border-radius: 23px;
    }
    .features-content {
      height: 530px;
      overflow-y: auto;
    }    
    .slider-center {
      width: 100% !important;
    }
    .slider2 {
      padding: 0;
    }

    .features-section .bg {
      padding: 15px 10px !important;
    }
    .features-section .feature-box h4 {
      font-size: 1rem;
    }
    .features-section .feature-box p {
      font-size: 0.8rem;
      line-height: 18px;
    }

    #featureSlider .slider-image-right {
      display: none;
    }
    #featureSlider .owl-item {
      height: 550px !important;
      overflow-y: auto;
      overflow-x: hidden !important;
    }

    .features-section .feature-box {min-height: inherit !important;}
    .slider1 .feature-box.feature-box.icon-center1 {
      margin-top: 50px;
      margin-bottom: 5px;
      min-height: 220px !important;
    }
    .features-section .feature-box.icon-left {      
      text-align: center !important;
      padding: 15px !important;
    }
    .features-section .feature-box.icon-left .icon {
      margin: 0 auto 10px;
      position: unset !important;
      transform: unset !important;      
    }
    .features-section .feature-box.icon-left .icon img {width: 45px !important;}
    .slider2 .feature-box.icon-left {min-height: 165px !important;}
    .slider3 .feature-box.feature-box.icon-center1 {
      margin: 35px 0 15px;
      min-height: 180px !important;
    }
    .slider9 .feature-box {min-height: 165px !important;}
    .slider4 .col-half {margin-top: 35px;}
    .grid-card .feature-box .content {display: block;}
    .grid-card .feature-box .content h4 {width: 100%; margin-bottom: 10px;} 
    .grid-card .feature-box.align {margin-left: 0 !important;}
    .slider6 .features-section .feature-box {min-height: 110px;}
    .slider10 .feature-box.feature-box.icon-center1 {min-height: 175px !important;}
    .slider10 .col-half {margin-top: 30px;}
    .slider12 .feature-box.feature-box {min-height: 85px; margin-bottom: 20px;}
    .slider13 .feature-box.feature-box {min-height: inherit; margin-bottom: 20px;}
    .slider14 .feature-box.feature-box {min-height: 85px; margin-bottom: 20px;}
    .slider14 .left {margin-top: 0;}

    .howto-play .main-heading {
      margin-bottom: 20px !important;
    }
    .howplay-box {
      margin-top: 25px;
    }

    /* Contact */
    .contact-section {
      border-radius: 20px 20px 0 0;
    }
    .contact-section .contact-box {
      width: 85%;
    }
    .contact-section .contact-box .form-group {
      width: 100%;
    }
    .captchas-row .captchas img {
      width: 90%;
    }
    .captchas-row .captchas {
      margin-top: 8px;
    }
    .contact-box .btn {
      width: 100%;
    }

    /* Footer */
    footer {
      padding: 20px;
    }
    footer .footer-content {
      text-align: center;
    }
    footer .footer-content.address {
      text-align: center;
      margin-top: 25px;
    }
    footer .footer-copyrights .copytext {
      font-size: 0.87rem;
      text-align: center;
    }
    footer .footer-copyrights .terms-link ul {
      text-align: center;
    }
    footer .footer-copyrights .terms-link ul li {
      font-size: 0.8rem;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1199px){

  header {
    padding: 10px 15px;
    background: #fff;
  }
  header .navbar .logo-color {
    display: block !important;
  }
  header .navbar .logo-white {
    display: none !important;
  }
  header .navbar-brand img {
    width: 125px;
  }
  header .navbar .navbar-collapse ul li {
    margin-left: 0;
    margin-bottom: 5px;
  }
  header .navbar .navbar-collapse ul li a {
    color: #000 !important;
  }
  /* Banner */
  .banner-section {
    padding: 70px 0;
  }
  .banner-section, .banner-section .container {
    height: inherit;
  }
  .banner-section .banner-content {
    position: unset;
    width: 100% !important;
    transform: none;
    margin-top: 60px;
    padding: 10px;
  }
  .banner-section .banner-content h1 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .banner-section .banner-image {
    top: 30px;
    width: 170px;
    float: inherit;
    margin: 0 auto;
  }
  .banner-section .banner-content .icon-left img {
    height: 120px;
  }
  .banner-section .download-list {
    margin-top: 15px;
  }
  .banner-section .download-list ul li img {
    height: 27px;
  }
  .banner-section .banner-image .game-play {
    width: 50px;
    height: 50px;
    top: 50%;
    font-size: 2rem;
  }
  /* End */

  .main-heading {max-width: 100%;}
  .main-heading h3 {font-size: 1.5rem;}
  .main-heading p {font-size: 0.8rem; line-height: 1rem;}
  .main-heading2 {font-size: 1.1rem;}

  #appSwiperSlider .swiper-pagination {bottom: -30px;}
  #appSwiperSlider .swiper-slide img {
    width: 100%;
  }

  /* Reviews */
  .testimonial-section .testimonials-left {
    max-height: 547px;
  }
  .game-download-right {
    padding: 15px;
    margin-top: 0;
  }
  .game-download-right h2, .main-heading2 {
    font-size: 1.2rem;
  }
  .download-list2 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    flex: 1 1 100%;
  }
  .download-list2 ul li {
    margin-right: 0;
    height: 85px;
    display: block;
    width: 45%;
  }
  .download-list.dlist2 ul li img {
    height: 25px;
  }
  .download-list.dlist2 ul li {
    width: 27%;
  }
  .game-download-right .download-list {
    margin-top: 5px !important;
  }

  /* Features */
  .feature-subheading {font-size: 1.1rem;}
  .features-section .features-image {
    background-size: 90%;
    width: 233px;
    height: 420px;
    padding: 9px 33px 15px 14px;
    margin: 25px auto;
    float: inherit !important;
  }
  .features-section .features-image img {
    border-radius: 23px;
  }
  .features-content {
    height: 530px;
    overflow-y: auto;
  }    
  footer .footer-copyrights .copytext {
    text-align: center;
    margin-bottom: 20px;
  }

  .banner-section .container-fluid {
    height: inherit !important;
  }
  .banner-section .banner-right {
    display: none;
  }
  .jumping {
    display: none;
  }
  .swiper-center {
    width: 100% !important;
  }
  .slider-center-features {
    width: 100% !important;
  }
  .screenshots {
    overflow-x: hidden;
  }
  .features-section .feature-box .icon img {
    width: 90px !important;
  }
  .howplay-box::before, .howplay-box::after {
    display: none !important;
  }
  .features-section .feature-box .icon {
    margin: 0 auto 15px;
  }
  .slider1 .feature-box.feature-box.icon-center1 {
    margin-top: 10px !important;
  }
  .slider3 .feature-box.feature-box.icon-center1 {
    margin: 0 0 40px;
  }
  .slider3 .feature-box.feature-box.icon-center1 .icon {
    margin: -55px auto 10px;
  }
  .slider3 .feature-box.feature-box.icon-center1 .icon img {
    height: 100px !important;
  }
  .slider10 .feature-box.feature-box.icon-center1 {
    margin-bottom: 15px;
  }
  .howplay-box {
    margin-bottom: 30px;
  }
  .howplay-box .icon {
    margin-bottom: 10px;
  }
  .howplay-box .icon img {
    height: 60px
  }
  .col-right-none {
    display: none;
  }
  .howplay-box p br {display: none;}
  .icon-top-left1, .icon-top-right1, .icon-floating-topleft, .icon-floating-topright {
    display: none;
  }
  .testimonial-section .row.cover {
    padding: 15px;
  }
  .contact-section {
    border-radius: 30px 30px 0 0;
  }
  .contact-section .contact-box {
    width: 85%;
  }
  footer {
    padding: 40px 20px 30px;
  }
  
}


 @media (min-width: 1201px) and (max-width: 1440px) {
  .banner-section .banner-content h1 {
    font-size: 3rem;
  }
  .banner-section .banner-content .game-title img {
    height: 140px;
  }
 }

/* @media (min-width: 1440px) and (max-width: 1600px) { 

  body {background: green;}
  .banner-section .banner-image {
    top: 200px;
  }

} */

/* // Desktop 4K */
@media (min-width: 1920px) and (max-width: 2560px)  {
  .banner-section .banner-image {top: 250px;}
  .banner-section .download-list ul li img {height: 52px;}
  .game-download-right .download-list.dlist2 ul li {width: 30.2%; }
  .download-list.dlist2 ul li img {width: 100%; height: inherit;}
  .testimonial-section .testimonials-left {max-height: 572px;}  
}

@media (min-width: 1441px) and (max-width: 1920px) { 	
   
  
}


/* Client */
@media (min-width: 1921px) and (max-width: 5120px)  {    

  header .navbar .navbar-collapse ul li {
    margin-left: 60px;
    font-size: 1.3rem;
  }

  .banner-section .banner-content {
    width: 65%;
  }
  .banner-section .banner-content .icon-left img {
    height: 240px;
  }
  .banner-content .download-list .game-title img {
    width: 667px;
    margin-left: -20px;
  }
  .banner-section .banner-content h1 {
    font-size: 5rem;
    line-height: 10rem;
  }
  .banner-section .banner-image {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .banner-section .banner-image img {
    width: 100% !important;
  }
  .banner-section .banner-image .game-play {
    top: 50%;
  }  
  
  #featureSlider {
    position: relative;
  } 
  .game-download-right {
    padding-bottom: 24px;
  }
  .game-download-right .download-list2 ul li {width: 23%;}
  .game-download-right .download-list.dlist2 ul li {width: 30%; }
  .download-list.dlist2 ul li img {width: 100%; height: inherit;}
}