@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1434px;
    }
}
@media (max-width: 1600px) { 
	.sky {
        height: 70%;
        background-position: center;
    }
    .exchange-section {
        overflow-x: hidden;
    }
}

@media (max-width: 1399.98px) {
    .section-title {
        font-size: 70px;
    }
    .exchange-section {
        background-size: cover;
    }
    .hero-title {
        font-size: 80px;
    }
    .hero-elements {
        padding: 120px 0 400px 0;
    }
   
    .dolphine-top {
        max-width: 500px;
        top: -170px;
    }
    .moon {
        max-width: 200px;
    }
    .footer-wrapper {
        padding: 50px;
    }
 }
 @media (max-width: 1199.98px) { 
    .static-section>img {
        top: -76px;
    }
    @keyframes rotate-card {
        0% {
            transform: rotate(0deg) scale(.8);
        }
    
        100% {
            transform: rotate(360deg) scale(.8);
        }
    }
 }

@media (max-width: 991.98px) {
    .brand-logo {
        max-width: 170px;
    }
    .social-media {
        width: 44px;
        height: 44px;
    }
    .hero-title {
        font-size: 70px;
    }
    .hero-elements {
        padding: 120px 0 400px 0;
    }
   
    .dolphine-top {
        max-width: 400px;
        top: -100px;
    }
    .moon {
        max-width: 200px;
    }
    .exchange-oct{
        max-width: 80px;
    }
    @keyframes rotate-card {
        0% {
            transform: rotate(0deg) scale(.65);
        }
    
        100% {
            transform: rotate(360deg) scale(.65);
        }
    }
    .social-media-lg {
        width: 100%;
        max-width: 90px;
    }
    .footer-wrapper p {
        font-size: 18px;
    }
    
 }


@media (max-width: 767.98px) { 
   
    .static-data h3 {
        font-size: 40px;
    }
    .sky {
        height: 100%;
        background-position: center;
    }
    .hero-title {
        font-size: 66px;
    }
    .hero-elements {
        padding: 80px 0 200px 0;
    }
   
    .dolphine-top {
        max-width: 400px;
        top: -140px;
    }
    .moon {
        max-width: 140px;
    }
    .exchange-oct{
        max-width: 80px;
    }
    .static-section>img {
        top: -42px;
    }

    .static-data h3 span {
        font-size: 18px;
    }
    .section-title {
        font-size: 44px;
    }
    .web-content {
        font-size: 16px;
    }
    .cloud-img{
        max-width: 400px;
        animation: move 9s linear infinite alternate;
    }
    .cloud-img-sm{
      display: none;
    }
    .seating-dol-img {
        height: 600px;
    }
    .tree-lg {
        max-width: 300px;
        right: 0;
        bottom: 60px;
    }
    .tree {
        max-width: 180px;
        right: 50%;
        bottom: 100px;
    }
    .exchange-item{
        padding: 30px 20px;
        width: calc(100%/2 - 4px);
        flex-grow: 1;
        border: 4px solid #8BBFDB;
        border-radius: 12px;
        }
        .exchange-item img{
            object-fit: contain;
           max-height: 50px;
        }
        .token-info {
            padding: 12px;
            font-size: 18px;
            font-weight: 600;
            margin-top: 30px;
        }
        .token-ca {
            padding: 12px;
            font-size: 18px;
            font-weight: 600;
            margin-top: 30px;
        }
        .buy-card-container {
            margin-top: 30px;
            gap:24px;
            width: 75%;
        }
        .buy-card {
            width:70%;
        }   

        @keyframes rotate-card {
            0% {
                transform: rotate(0deg) scale(.5);
            }
        
            100% {
                transform: rotate(360deg) scale(.5);
            }
        }
        .buy-section {
            padding: 80px 0 40px 0;
        }
        .social-proof-section {
            padding: 40px 0;
        }
        .footer-section{
            background-size: cover;
        }
 }

@media (max-width: 575.98px) { 

    .dolphine-top {
        max-width: 300px;
        top: -70px;
    }
    .static-section {
        padding:60px 0;
    }
    .section-title {
        font-size: 30px;
        margin-bottom: 24px;
        line-height: 150%;
    }
    .web-content {
        font-size: 16px;
    }
    .seating-dol-img {
        height: 500px;
    }
    .about-section {
        padding: 40px 0;
        overflow: hidden;
    }
    .exchange-oct{
        max-width: 40px;
    }
    .holding-dol {
        max-width: 220px;
    }
    .exchange-item-wrapper {
        margin-top: -50px;
    }
    .exchange-item {
        padding:20px 16px;
        width: calc(100%/2 - 4px);
        flex-grow: 1;
        border: 4px solid #8BBFDB;
        border-radius: 12px;
    }
    .exchange-container {
        padding: 60px 0;
        margin-top: 0;
    }
    .buy-section {
        padding:40px 0 40px 0;
    }
 
    .bubble {
        width: 40px;
        height: 40px;
    }
    .tokono-wrapper {
        padding: 40px 0;
    }
    @keyframes bbl {
        0% {
            transform: scale(.0);
            top: 42%;
            right: 40%;
        }
        10% {
            transform: scale(.2);
            top: 42%;
            right: 40%;
        }
        90%{
            transform: scale(1.2);
            top: 30%;
            right: 40%;
        }
    
        100% {
            top: 29%;
            right: 40%;
            opacity: 0;
        }
    }
    @keyframes rotate-card {
        0% {
            transform: rotate(0deg) scale(.4);
        }
    
        100% {
            transform: rotate(360deg) scale(.4);
        }
    }
    .footer-wrapper {
        padding: 20px 20px 40px 20px;
        border-radius: 30px;
    }
    .footer-wrapper p {
        font-size: 14px;
    }
    .social-media-lg {
        max-width: 44px;
    }
 
 }


 @media (max-width: 400px) {
    .seating-dol-img {
        height: 350px;
    }
    .tree {
        max-width: 100px;
        right: 50%;
        bottom: 60px;
    }
    .tree-lg {
        max-width: 200px;
        right: 0;
        bottom: 20px;
    }
    .token-info {
        padding: 12px 8px;
        font-size: 14px;
        margin-top: 20px;
    }
    .token-ca {
        padding: 12px 8px;
        font-size: 1px;
        margin-top: 20px;
    }
    .buy-card-container {
        width: 100%;
    }
    .b-card-title {
        font-size: 18px;
    }  
    .hero-title {
        font-size: 44px;
    } 
    .hero-elements {
        padding: 60px 0 164px 0;
    }
    .dolphine-top {
        max-width: 200px;
        top: -10px;
    }
    .static-section>img {
        top: -25px;
    }
    .social-media {
        width:28px;
        height:28px;
    }
    .brand-logo {
        max-width: 80px;
    }
    @keyframes rotate-card {
        0% {
            transform: rotate(0deg) scale(.28);
        }
    
        100% {
            transform: rotate(360deg) scale(.28);
        }
    }
    .ft-dol {
        max-width: 280px;
    }
 }