@media (max-width: 426px) {

    header {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        gap: 25px;
    }

    .header-ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .header-part {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        text-align: center;
        height: auto;
    }

    .hero-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: auto;
    }

    .hero-info-p {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        width: auto;
    }

    .additional-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .hero-img {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0px;
    }

    .hero-img-card {
        width: 405px;
    }

    .hero-img-card-acc {
        width: 405px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hero-img-card-part {
        width: 405px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero-img img {
        width: 405px;
    }

    .hero-img-card-acc img {
        width: 25px;
    }

    .trending-collection {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
    }

    .collection-card-row {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
        gap: 45px;
    }

    .collection-info-part {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
    }

    .top-rated-artists {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
    }

    .top-rated-head-line {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
    }

    .top-rated-head-line-info p {
        width: 100vw;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .top-rated-head-line-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .artist-cards-grid {
        display: flex;
        height: auto;
        width: 100vw;
        flex-direction: column;
        align-items: center;

    }

    .artist-cards-row {
        width: 100vw;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        height: auto;
        justify-content: center;
    }

    .browse-categories {
        width: 100vw;
        height: auto;
        text-align: center;
    }

    .browse-categories-cards {
        width: 100vw;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .browse-categories-row {
        width: 100vw;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        height: auto;
        align-items: center;
        justify-content: center;
    }

    .discover-more {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
    }

    .discover-more-head-line {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .nft-cards-row {
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .nft-card,
    .nft-card img {
        width: 90vw;
    }

    .nft-artist-info-name img {
        width: 25px;
    }

    .nft-add-info,
    .nft-add-info-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .nft-highlight-img {
        height: auto;
    }

    .nft-highlight {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .nft-highlight-frame {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        gap: 25px;
    }

    .nft-highlight-frame-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        text-align: center;
    }

    .nft-highlight-frame-1 h1 {
        width: 50%;
        height: auto;
    }

    .how-it-works {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        text-align: center;
    }

    .how-it-works-row{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .subscribe-w{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
    }
    
    .subscribe-w-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        text-align: center;
        width: 415px;
    }

    .subscribe-w-img{
        display: flex;
        justify-content: center;
    }

    .subscribe-w-img img{
        width: 370px;
    }

    .subscribe-from{
        width: 370px;
    }

    .subscribe-from input{
        width: 205px;
    }

    .subscribe-from button{
        width: 165px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    footer{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
        width: 100vw;
        padding: 0px;
    }

    .footer-info{
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        text-align: center;
        height: auto;
        width: 100%;
    }

    .footer-nft-market-info{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
        width: 100%;
    }

    .explore{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 90%;
    }

    .icons{
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center;
        text-align: center
    }

    .subscribe{
        width: 90%;
    }

    .footer-frame p{
        width: 100vw;
        display: flex;
        justify-content: center;
        text-align: center;
    }

}