@media only screen and (max-width: 1200px) {
body{
	overflow-x: hidden;
}
.features ul li {
    padding: 20px 40px 20px 40px;
}
.features ul {
    margin-top: 0;
}
.what-is {
    padding: 260px 0 510px;
}
.counter .common-title p {
    width: 80%;
}
.solution-single .box {
    margin: 0 0 60px;
}
.security  .common-title{
position: absolute;
    top: 22%;
}
.security  .common-title h1{
    font-size: 38px;
}
.security .patch{
    position: static;
    margin-bottom: 30px;
}
.flow-wrap h2 {
    font-size: 22px;
}
.ps-timeline-sec .container ol.ps-timeline li {
    width: 33%;
}
.ps-timeline-sec .container ol.ps-timeline {
    margin: 220px 0 230px;
}
.tokenomics .common-title {
    margin-top:0;
}
.chart {
    margin-top: 50px;
}
}

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

.main-banner .banner-text .img-div{
	display: none;
}
.navigation .left-btn{
	display: none;
}
.main-banner .banner-text {
    padding: 80px 0 0;
}
h1 {
    font-size: 24px;
}
.coin {
    animation: unset;
    top: 150%;
    width: 150%;
}
.what-is {
    background-size: contain;
    padding: 170px 0 450px;
}
.features ul {
    margin-top: 0;
    padding: 0 0 30px;
}
.py-100 {
    padding: 40px 0;
}
.features ul li {
    width: 100%;
    padding: 20px 60px 20px 60px;
}
.work-single {
    width: 100%;
}
.work-single h2 {
    font-size: 18px;
}
.py-80 {
    padding: 40px 0;
}
.counter .common-title p {
    width: 90%;
}
.counter ul li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 213, 0, 1);
    border-right: unset;
}
.counter ul {
    flex-wrap: wrap;
    width: 100%;
    margin: 70px auto 0;
    padding: 0;
}
.timeline-rightbox .rb-container ul.rb li {
    margin-left: 0;
}
.timeline-rightbox ul.rb li .timestamp {
    font-size: 24px;
}
	    .trust img {
        width: auto;
	display: block;
	margin: 20px auto;
}
.common-title{
	margin-bottom: 30px;
}
.mentions ul {
    gap: 10px;
    padding: 0;
}
p {
    font-size: 16px;
}
.timeline-rightbox .item-title {
    line-height: 25px;
    margin-bottom: 20px;
    font-size: 15px;
    display: flex;
        gap: 10px;
}
.future {
    background-size: auto;
    padding: 100px 0;
    background-attachment: inherit;
}
footer .social {
    margin: 40px 0;
}
.footer-links {
    text-align: left;
}
    nav ul {
        height: 100vh;
        background-color: black;
        position: relative;
        z-index: 999;
    }
        nav ul li a {
       padding: 35px;
        line-height: 20px;
        background: transparent;
        font-size: 25px;
        border-bottom: 1px solid;
    }
    .navbar-dropdown {
    background: #000;
}
    nav {
        width: 100%;
        padding: 0;
        background: unset;
        z-index: 99;
        position: absolute;
        left: 0;
        top: 0;
    }
        .nav-mobile {
        display: block;
        z-index: 9999;
    }
    .navigation {
    position: static;
    height: 70px;
    margin-top: 0;
}
.nav-container {
    display: block;
}
#navbar-toggle {
    position: absolute;
    left: 18px;
    top: 10px;
    cursor: pointer;
    padding: 0;
}
.banner-left {
    padding-right: 0;
}
.mentions li img{
	width: 100%;
}
.counter ul li:nth-last-child(1){
    border-bottom: none;
}
footer .col1{
    padding-right: 0;
}
.solution-wrap{
    flex-wrap: wrap;
    padding-top: 20px;
}
.solution-wrap .solution-single:nth-child(2) img{
    width: 100%;
    margin-bottom: 50px;
}
    .solution-single .box {
        margin: 0 30px 25px;
    }
    .content-security ul {
    display: block;
    padding: 0;
}
.content-security ul li,
.content-security ul:nth-child(1) li {
    width: 100%;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
}
.security .common-title {
        position: absolute;
        top: 15%;
        left: 20%;
    }
    .content-security ul h3 {
    font-size: 18px;
}
    p {
        font-size: 15px;
    }
    .content-security ul li:nth-child(1) {
    border-right: none;
}
.security .common-title h1 {
        font-size: 28px;
    }
    .team .team-text h3 {
    font-size: 18px;
}
.team .team-text h4 {
    font-size: 16px;
}

.team-slider.owl-theme .owl-dots, 
.team-slider.owl-theme .owl-nav{
    margin-top: 20px !important;
}
.flow-wrap .flow-right {
    display: block;
}
    .flow-wrap h2 {
        font-size: 18px;
    }
   .flow-wrap .flow-right .f2 img{
    margin: 30px auto;
    display: block;
    transform: rotate(90deg);

   }
   .flow-wrap .flow-right .f1, .flow-wrap .flow-right .f3 {
    padding: 20px 20px 20px 20px;
}
.work-wrap {
    margin-top: 0;
    gap: 0;
}
.work-single {
    padding: 15px 25px;
}
.flow-wrap h2{
    margin-bottom: 20px;
    margin-top: 0;
}
.banner-text li {
    width: 33%;
    margin-top: 20px;
    padding-left: 10px;
}
.presale-banner li h2 {
    margin-bottom: 0;
    font-size: 13px;
}
.banner-text ul {
    padding-top: 15px;
    padding-bottom: 20px;
}
.presale-banner .banner-text{
    padding: 55px 0 0;
}
.main-banner .logo-name {
    padding-top: 31px;
}
.work-single {
    background: linear-gradient(#000, #000) padding-box, linear-gradient(to top, #FFD50080, #99800000) border-box;
margin-bottom: 30px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    left: 10%;
    margin-top: 0;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
    left: 10%;
    margin-bottom: 0;
}
.ps-timeline-sec .container ol.ps-timeline li h4 {
    font-size: 16px;
}
.tokenomics ul li {
    width: 100%;
}
}