@media screen and (max-width: 1500px) {
.home-banner{height: 100vh;}
}
@media screen and (max-width: 1279px) {
	.hamburger {
		display: inline-block;
	}
    .hamburgar-block {
		text-align: right;
	}

	.nav-menu {
		background: #0e0f1f;
		flex-direction: column;
		opacity: 0;
		position: fixed;
		top: 0px;
		right: -100%;
		bottom: 0;
		align-items: flex-start;
	    transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
        width: 250px;
        height: 100%;
        padding-left: 30px;
        padding-right: 30px;padding-bottom: 30px;
        overflow-y: auto;
	}
.nav-menu .menu-item a.Hosting::before, .nav-menu .menu-item a.Hosting::after{display: none;}
	.hamburgar-block {
		order: 2;
	}

	.menu-active .nav-menu {
		right: 0;
		opacity: 1;
	}.navbar{justify-content: flex-end;gap: 20px;}
    .navbar .logo{flex: 1;}header .nav-menu .submenu{display: block;background: #161828;
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        
        overflow: hidden;
        padding: 0px 16px;
        width: 100%;margin-top: 10px;}
    header .nav-menu .menu-item{text-align: left;width: 90%;padding: 10px 0px;}
    header .nav-menu .menu-item.bg a{background: #161828;
        border-radius: 12px;
        padding: 12px 16px;
        margin-bottom: 0;
        display: block;
        width: 100%;
    }
    header .nav-menu .submenu a{padding: 12px 16px;background: transparent;border-radius: 12px;display: block;}header .nav-menu .submenu a:hover{background: #ffffff0a;}
    header .nav-menu .submenu li{padding: 10px 0px;border-bottom: 1px solid #242533;}
    .footer-top{grid-template-columns: 1fr;}
    .whatchmining-sec.minaery-sec .custom-row:last-child{padding: 40px;}
    .approved-section .approved-grid{padding: 40px;}
    .academy-sec .blockone{padding: 30px 20px;}
    .academy-sec .left img{width: 350px;}
    .academy-sec .blockone:last-child{padding: 0 20px;}
    .academy-sec .blockone:last-child .left{text-align: center;}
    .academy-sec .blockone:last-child .left img{height: 250px;width: 270px;}
    .news-sec .news-block .newsbox{width: 32%;}
    .referrel-banner .banner-dtl .h1{font-size: 64px;}
    .referreword-sec .custom-row:nth-child(odd){padding: 60px 0px;}
    .get-started .box{width: 25%;}
    .colabrated-sec .right, .colabrated-sec .left{width: 50%;}
    .power-sec .right img{width: 350px !important;}
    .roadmap-sec .bottom-slider .card{min-height: 400px;}
}
@media screen and (max-width: 1023px) {
header .nav-menu .submenu a{padding: 8px 10px;}
.footer-top {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-social {
    flex-wrap: wrap;
  }.footer-bottom .bottom-dtl{flex-direction: column-reverse;}
  .logo-sec .wrapper{overflow-x: hidden;}
  .logo-sec .logos-sec{animation: marquee-scroll 30s linear infinite;flex-shrink: 0;}
  @keyframes marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
  }.logo-sec{padding: 25px 0px;}
  .minaery-sec {
    padding: 50px 0px;
  }.lgcustombtn,.transperent-btn-black{padding: 9px 20px;}
  .minaery-sec .custom-row .right img {max-width: 230px;}
  .minaery-sec .custom-row .right{padding-top: 80px;}
  .minaery-sec .custom-row:last-child .right img{max-width: 290px;}
   .minaery-sec .custom-row:last-child .right{padding-top: 30px;}
   .minaery-sec .custom-row:last-child{padding-top: 40px;}
   .minaery-sec .custom-row{flex-direction: column-reverse;gap: 40px;}
   .minaery-sec .custom-row .left, .minaery-sec .custom-row .right{width: 100%;}
   .minaery-sec .custom-row:last-child{flex-direction: column;}
   .minertable-sec .table-container .miner,
   .minertable-sec .table-container .time,.minertable-sec .table-container .type{width: auto;}.minertable-sec {padding: 50px 0px;}
   .whatchmining-sec.minaery-sec .custom-row:last-child{gap: 30px;}
   .whatchmining-sec.minaery-sec .custom-row .right img{max-width: 100%;}
   .btcreword-sec .btcblock{flex-direction: column;}
   .btcreword-sec .btcblock .left,.btcreword-sec .btcblock .right{width: 89%;}
   .btcreword-sec .btcblock .right .information{margin: 0;}
   .btcreword-sec .btcblock .tooltip{transform: translateX(-100%);}
   .approved-section .approved-grid{gap: 20px;padding: 30px;}
   .approved-section { padding: 50px 0px;}
   .suport-sec .suport-block{padding: 30px;}
   .suport-sec .logo-block img{height: 35px;}
   .academy-sec .blockone{gap: 20px;}
   .academy-sec {padding: 50px 0px;}
   .news-sec .news-block .newsbox{width: 48%;}
   .faq .wrapper{flex-direction: column;gap: 20px;}
   .faq .left, .faq .right{width: 100%;}
   .faq .accordion-container{max-width: 100%;}
  .faq {padding: 50px 0px;}
  .approved-section.join-sec .btn a{width: 100px; font-size: 14px}
  .referrel-banner .coin{width: 100%;}
  .referrel-banner .banner-dtl .h1{font-size: 38px;}
  .referreword-sec .custom-row:nth-child(odd),
  .get-started,.suport-about,.fastgrowing-sec{padding: 50px 0px;}
   .minaery-sec.referreword-sec .custom-row{flex-direction: row;}
   .referreword-sec .custom-row.one .right .btn a{padding: 13px 70px;}
   .referreword-sec .custom-row.two .right img{max-width: 300px;}
  .referreword-sec.minaery-sec .custom-row .right{padding-top: 30px;}
  .caseback-sec .left img{width: 100%;}
  .caseback-sec .caseback .right{padding: 30px;}
  .caseback-sec .left img{width: 310px; position: absolute; top: 0;right: 0;}
  .get-started .box{width: 100%;}
  .get-started .box a{width: fit-content;}
  .get-started .wrapper > h2{padding-bottom: 30px;}
  .caseback-sec.waiting-sec .caseback .right{width: 50%;}
  .caseback-sec.waiting-sec .left img{position: initial;width: auto;height: 200px;}
  .caseback-sec.waiting-sec .ruls-block{padding-top: 50px;}
  .minaery-sec.solidminig-sec .custom-row{flex-direction: row;}
  .minaery-sec.whatchmining-sec.power-sec .custom-row{flex-direction: row;}
  .minaery-sec.whatchmining-sec.power-sec .left{padding: 30px;}
  .fastgrowing-sec .growing-block .box .left h2{flex-direction: column;align-items: flex-start;}
  .fastgrowing-sec .growing-block .box .left a{margin: 0;}
  .fastgrowing-sec .growing-block .box .right img{width: 250px;height: 250px;}
  .roadmap-sec .roadmap-block .right .element{padding: 6px 5px;}
  .roadmap-sec .bottom-slider .slick-slide{margin: 0px 35px;}
  .roadmap-sec {
    padding-top: 80px;
} .roadmap-sec .bottom-slider .card{min-height: auto;}
.roadmap-sec .bottom-slider .cardslider .slick-arrow::before{font-size: 40px;}
.roadmap-sec .bottom-slider .cardslider .slick-arrow.slick-next{right: 40px;}
.navbar .logo img{height: 70px;}
.home-banner{background-image: url('../image/homebannertablate.png');}
}
@media screen and (max-width: 767px) {
   .login-page header .cutom-btn{display: none;}
   .login-page header{padding: 20px 15px;}
    .login-page header .back a,.login-page header .left a{font-size: 0px;}
     .login-page header .back a i{font-size: 18px;padding: 8px;border-radius: 12px;background-color: #ffffff1a;border: 1px solid #ffffff1a;}
     .login-page header .left a i{font-size: 18px;} .login-page header .left a{padding: 10px;}
    .login-page{background: #242533;}
    .login-section .login-form{padding: 40px 20px;}
    .login-section{background-image: none;}
    .login-section .terms-dtl{padding: 0px 15px;}
    .nav-menu{position: absolute;width: 86%;height: 100vh;}
    header .navbar .btn_nav{display: none;}
    .home-banner .banner-dtl .btn{flex-direction: column;width: 80%;}
     .home-banner .banner-dtl .btn a{width: 100%;padding: 10px 20px;}
     .footer-left .language-select{display: block;}
     .footer-social .language-select{display: none;}
     .footer-social{justify-content: center;}
     .minaery-sec .custom-row .left .btn a{display: block;margin-bottom: 10px;text-align: center;}
     .minery-coin .wrapper{flex-direction: column;}
     .minery-coin .left, .minery-coin .right{width: 89%;padding: 20px;}
     .minaery-sec.whatchmining-sec{padding-top: 0;}
     .whatchmining-sec.minaery-sec .custom-row:last-child{padding: 30px;border-radius: 24px;}
     .whatchmining-sec.minaery-sec .custom-row .left .par{flex-direction: column;}
     .whatchmining-sec .first img{width: 30px;height: 30px;}
     .whatchmining-sec.minaery-sec .custom-row .right img {
        max-width: 100%;
        height: auto;
        width: 100%;
    } .btcreword-sec .btcblock .left{padding: 20px;}
    .btcreword-sec .btcblock .left, .btcreword-sec .btcblock .right{padding: 20px;border-radius: 18px;}
    .btcreword-sec .btcblock .left .energy .box .h6{font-size: 14px;}
    .approved-section .approved-grid,.academy-sec .blockone{flex-direction: column;}
    .approved-section .approved-left,.approved-section .approved-right{width: 100%;}
    .approved-section .approved-right .btn a{display: block;text-align: center;margin-bottom: 10px;}
     .suport-sec .suport-block{flex-direction: column;padding: 20px;}
     .suport-sec .logo-block{flex-wrap: wrap;justify-content: center;}
     .suport-sec .logo-block img{height: 45px;}
     .academy-sec .left img,.academy-sec .right img,
     .academy-sec .left, .academy-sec .right,.news-sec .news-block .newsbox{width: 100%;}
     .academy-sec .blockone:last-child{flex-direction: column-reverse;padding: 20px;}
     .academy-sec .blockone .right a{display: block;text-align: center;}
     .news-sec .title{flex-direction: column;}
     .faq .accordion-header .icon{height: 30px;width: 30px;line-height: 30px;font-size: 14px;}.faq .accordion-header{font-size: 16px;}
     .approved-section.join-sec .approved-grid{flex-direction: column-reverse;}
     .faq.faq-single .accordion-content{padding: 0;}
     .faq.faq-single .accordion-header{padding: 0;padding-bottom: 20px;}
     .approved-section.join-sec .btn a{display: flex; width: 90%;}
     .language-modal-overlay .language-list{max-height: calc(80vh - 122px);overflow-y: auto;}
     .language-modal-overlay .language-modal{max-width: 73%;}
     .minaery-sec.referreword-sec .custom-row,
     .caseback-sec .caseback{flex-direction: column;}
     .referreword-sec .wrapper > h2{padding-bottom: 30px;}
     .minaery-sec.referreword-sec .custom-row.two,
     .minaery-sec.solidminig-sec .custom-row{flex-direction: column-reverse;}
     .caseback-sec .caseback .left, .caseback-sec .caseback .right{width: 100%;}
     .caseback-sec .caseback .right{padding: 0;}
      .caseback-sec .caseback{padding: 20px;}.caseback-sec .left img{position: initial;}
      .colabrated-sec .wrapper{flex-direction: column;}
      .colabrated-sec .right, .colabrated-sec .left,
      .caseback-sec.waiting-sec .caseback .right{width: 100%;}
      .colabrated-sec .right a{width: initial;text-align: center;}
      .caseback-sec.waiting-sec .caseback .right a{text-align: center;width: 90%;}
      .caseback-sec.waiting-sec .ruls-block,
      .caseback-sec.waiting-sec .ruls-block .right ol{margin-top: 30px;}
      .minaery-sec.whatchmining-sec.power-sec .custom-row{flex-direction: column-reverse;}
   .power-sec .right img{scale: 1.1;width: 280px !important;}
       .minaery-sec.whatchmining-sec.power-sec .left {
        padding: 30px;
        width: 82%;
    }.fastgrowing-sec .growing-block .box{flex-direction: column-reverse;padding: 20px;}
    .fastgrowing-sec .growing-block .box .left{width: 100%;padding: 0;}
    .fastgrowing-sec .growing-block .box .right, .fastgrowing-sec .growing-block .box .left{width: 100%;text-align: left;}.fastgrowing-sec .growing-block .box .right img{position: initial;height: 50px;width: 50px;}
    .fastgrowing-sec .growing-block .box .left a{width: 90%;text-align: center;justify-content: center;}
    .roadmap-sec {
    padding-top: 60px;
}.roadmap-sec .roadmap-block{flex-direction: column;}
.roadmap-sec .roadmap-block .left, .roadmap-sec .roadmap-block .right{width: 100%;}
    .roadmap-sec .bottom-slider .slick-slide {
        margin: 0px 30px;
    }.footer-left .logo{height: 100px;}
    .home-banner{background-image: url('../image/homebanner-mobaile.png');}
        .navbar .logo img {
        height: 60px;
    }.home-banner .banner-dtl{padding-top: 90px;}
      
}
@media screen and (max-width: 425px) {
    .login-section .terms-dtl.sign-up-link{display: block;padding-top: 20px;}
body .country-list{width: 310px !important;}
body .intl-tel-input.iti-container{top: 324px !important;}
.login-form .form-group.pwd #togglePassword{right: 10px;}
}