@media screen and (max-width: 1279px) {
    h1{font-size: 53px;}h3{font-size: 32px;}
    h2{font-size: 44px;}
    .lending-sec .wrapper{gap: 60px;}
    .crypto-sec{padding: 80px 0px;}
    .partners-sec.crypto-sec .crypto-box{width: 25%;}
    .partners-sec.crypto-sec .crypto-box img{height: auto;}
    .main{padding-top: 130px;}.loyality-sec .loyality-dtl .dtl-card{width: 28%;}
    .earn-sec .flex .earn-card{width: 15%;}
    .benifits-sec .benifitcard{width: 29%;}
    .spacer{padding: 80px 0px;}.mission-sec .card-container .card{width: 26%;}
    .mission-sec .card-container{row-gap: 30px;}
    .blog-sec .flex .bolgcard{width: 45%;}
    .blog-sec .flex .bolgcard h3{font-size: 18px;}
    .blog-sec .flex .bolgcard img{width: 150px;height: 150px;}
    .blog-dtl .blogdtl-info h1{font-size: 35px;}.blog-dtl {padding-bottom: 60px;}
    .security-info-block .loyality-dtl {
    padding-top: 70px;
}
}
@media screen and (max-width: 1023px) {
     h1{font-size: 44px;}h3{font-size: 24px;} h2{font-size: 38px;}
     h4{font-size: 30px;}.main{padding-top: 100px;}
	.nav-menu .menu-item a {
		font-size: 18px;font-weight: 700;
	}
	.hamburger {
		display: inline-block;
	}
    .hamburgar-block {
		text-align: right;
	}

	.navbar {
		padding: 20px;
	}
	.btn_nav {
		width: 85%;
		text-align: right;
	}

	.nav-menu {
		background: #fff;
		flex-direction: column;
		opacity: 0;
		position: absolute;
		top: -100%;
		/* right: -100%; */
		bottom: 0;
        gap: 40px;
        height: 100vh;
		left: 0;
		align-items: flex-start;
        padding: 24px;
		justify-content: flex-start;
		/* transform: translatex(-100%); */
		text-align: center;
		-webkit-clip-path: circle(29px at calc(350px - 5vw - 30px) calc(5vh + 30px));
    clip-path: circle(29px at calc(350px - 5vw - 30px) calc(5vh + 30px));
	transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
   right: 0;
	}.menu-item{text-align: start;}

	.hamburgar-block {
		order: 2;
	}

	.menu-active .nav-menu {
		/* right: 0; */
        top: 69px;
		opacity: 1;
		webkit-clip-path: circle(100% at 175px 50vh);
		clip-path: circle(100% at 50% 50%);overflow-y: auto;
	}
   
    .navbar .logo img{height: 30px;width: 100%;}
    .menu-item:hover > .sub-menu{position: initial;box-shadow: none;border-radius: 0;gap: 24px;align-items: flex-start;padding: 20px 0px 0px 0px;}
    .sub-menu .menu-item a{font-weight: 400;}
     .sub-menu .menu-item{padding-left: 20px;}
    .nav-menu .sub-menu{min-width: auto;}
    .banner{padding-top: 150px;}
    .banner .mobaile-block.moaile-text{padding-top: 50px;}
    .lending-sec .wrapper{gap: 40px;}.crypto-sec{padding: 60px 0px;}
    .crypto-sec .crypto-box,.crypto-sec .crypto-box:nth-child(even){flex-direction: column;}
    .crypto-sec .crypto-box .left,.crypto-sec .crypto-box .right{width: 93%;}
    .suported-sec .chain-block{padding: 40px 16px;}
    .suported-sec .chain-block p.info{padding-bottom: 30px;}
    .partners-sec.crypto-sec .crypto-box{width: 23%;}
footer .footer-block{padding: 50px 30px;}footer .footer-box{flex-wrap: wrap;}
footer .logo-social.info-sec .left img{height: 50px;object-fit: contain;}
.loyality-sec .loyality-block img{height: 30px;}
.loyality-sec .loyality-block .dowload-apk img{padding-top: 0;}
.loyality-sec .loyality-block .dowload-apk{flex-wrap: wrap;}
.loyality-sec .loyality-dtl{gap: 20px;}
.loyality-sec .loyality-dtl .dtl-card{width: 31%;}
.earn-sec .flex{gap: 40px;}.earn-sec {padding: 40px 0px;}
.earn-sec .daimond{width: 100px;height: 100px;}
.benifits-sec .benifitcard{width: 27%;}.benifits-sec .flex{padding-top: 40px;}
.benifits-sec .benifitcard span{font-size: 13px;}
.spacer{padding: 60px 0px;}    .mission-sec .card-container .card {
        width: 41%;
    }.nav-menu .copyright{display: block;padding-top: 30px;opacity: 0.4;}
  .black_bg .nav-menu{background: #000302;}
  .black_bg .nav-menu .sub-menu{border: 0;}
   .black_bg  .nav-menu .copyright{color: #fff;}
   .ecobanner .ecoblock img{width: 200px;height: 200px;}
   .logos-sec .scal-project .info{padding-top: 20px;}.logos-sec .scal-project .project-card{width: 46%;}.lending-sec.security-main .lending-block{flex-direction: column-reverse;}
   .lending-sec.security-main .left{text-align: center;}
   .lending-sec.security-main .right,.lending-sec.security-main .right p{align-items: center;text-align: center;}.security-main .right .flex{max-width: 100%;}
       .blog-sec .flex .bolgcard {
        width: 44%;flex-direction: column;
    }.blog-sec .flex .bolgcard img{width: 100%;height: 200px;object-fit: cover;}
    .blog-dtl .blogdtl-info h1{font-size: 28px;}
}
@media screen and (max-width: 767px) {
    h4{font-size: 25px;text-align: center;}.p-big{font-size: 16px;text-align: center;}
     .navbar .logo img{height: 70px;}h3 {font-size: 19px;text-align: center;}
         h1{font-size: 30px;text-align: center;} h2{font-size: 28px;text-align: center;}
    .banner{padding-top: 120px;padding-bottom: 60px;}
    .banner .dowload-apk,  .banner .mobaile-block.moaile-text{flex-direction: column;}
    .banner .dowload-apk a:last-child,.banner .mobaile-block .box{display: none;}
    .banner .mobaile-block{padding-top: 50px;}
    .banner .mobaile-block .middale{display: block;width: 80%;margin: 0 auto;}
    .banner .mobaile-block.moaile-text .box{display: block;width: 100% !important;}
    .banner .mobaile-block.moaile-text{gap: 30px;}
    .lending-sec .left, .lending-sec .right{text-align: center;align-items: center;}
    .lending-sec .lending-block:nth-child(even) .left{text-align: center;align-items: center;}
    .lending-sec .lending-block:nth-child(even){flex-direction: column-reverse;}
    .crypto-sec,.suported-sec{padding: 50px 0px;}
    .crypto-sec .crypto-box .left, .crypto-sec .crypto-box .right {
        width: 86%;text-align: center;
    }.partners-sec.crypto-sec .cypto-block{padding-top: 30px;}
    .crypto-sec .crypto-box a {
    margin-left: auto;margin-right: auto;}
    .suported-sec .block-chains{overflow-x: auto;overflow-y: hidden;}
    .suported-sec .block-chains .box{flex-direction: row;flex-wrap: nowrap;width: 100%;}
    .partners-sec.crypto-sec .crypto-box{width: 38%;padding: 10px;}
    footer .footer-col{text-align: center;}
    footer .logo-social,footer .logo-social .left{flex-direction: column;align-items: center;
    text-align: center;}
    footer .logo-social.info-sec .left,footer .logo-social.info-sec .right,
    .benifits-sec .benifitcard,.mission-sec .card-container .card{width: 100%;align-items: center;
    text-align: center;}.loyality-sec .loyality-dtl .dtl-card
    {width: 100%;text-align: center;}
    .earn-sec .flex .earn-card{width: 44%;}.benifits-sec .earn-dtls{padding: 40px 0px 0px 0px;}.spacer{padding: 40px 0px;}
    .faq .accordion{margin-top: 20px;}
    .banner .dowload-apk a img,.loyality-sec .loyality-block .dowload-apk img{object-fit: cover;height: auto;width: 60%;}
    .mission-sec .wrapper.top-sec p,
    .mission-sec .card-container .card p{text-align: center;}.mission-sec .wrapper.top-sec h4{padding-bottom: 20px;}.mission-sec .card-container .card{gap: 20px;}
    .faq .accordion p{padding: 0px 16px;}
    .ecobanner{padding: 20px 0px;}.ecobanner .ecoblock img {
        width: 150px;
        height: 150px;
    }.together-sec{padding: 40px 0px 0px 0px;}
    .logos-sec .wrapper{gap: 40px;}
    .logos-sec .serviceprovide .logos img {object-fit: contain;} 
    .logos-sec .scal-project .project-card{width: 100%;align-items: center;text-align: center;}.logos-sec .scal-project .flex{gap: 30px;}
    .security-main .right .flex{justify-content: center;max-width: 180px;}.security-main .right .flex .cards:last-child{display: none;}.security-main .right .flex img {
    width: 100%;height: auto;}.policy-block p{text-align: center;}
    .policy-block ul li p{text-align: left;}.blog-sec .flex .bolgcard img{height: auto;}
    .blog-sec .flex .bolgcard,.blog-sec .flex .bolgcard .info{width: 100%;align-items: center;text-align: center;}.blog-sec .flex .bolgcard .info h3{text-align: center;}
     .blog-dtl .blogdtl-info h1{font-size: 22px;}
     .blog-dtl .blogdtl-info img{height: auto;margin: 30px 0px 20px 0px;}
     .blog-dtl .blogdtl-info p.date{padding-bottom: 30px;}
     .blog-dtl .blogdtl-info p{text-align: center;}.blog-dtl {padding-bottom: 40px;}
     .security-info-block .loyality-dtl {
    padding-top: 50px;
}
}