@media (max-width: 1920px) {
	.marketplace-section .marketplace-tengah a img {
		width: 10%;
	}
}

@media (max-width: 1366px) {

	.header .header-top .nav-item {
		padding: 22px 0;
	}

	.header .header-bottom {
		padding: 12px 0;
		background-size: 120%;
	}

	.header .header-top .nav-item {
		gap: 50px;
	}

	.header .header-top .connect-wallet {
		top: 12px;
	}

	.header .header-top .connect-wallet img {
		width: 150px;
	}

	.main-content .community-section {
		padding: 320px 0;
	}

	.main-content .community-section .mancing {
		top: 50%;
	}

	.hero-section .hero-section-inner .slick-pagination .slick-prev img, 
	.hero-section .hero-section-inner .slick-pagination .slick-next img, 
	.marketplace-art-lists .slick-pagination .slick-prev img, 
	.marketplace-art-lists .slick-pagination .slick-next img {
		width: 30px;
	}

	.marketplace-section .marketplace-tengah a img {
		width: 10%;
	}

	.main-content .community-section-2 .community-text p {
		width: 30%;
	}

	.marketplace-art-lists .marketplace-art-detail .art-text {
		bottom: 10px;
	}

	.main-content .community-section .sunny-solana_badge {
		width: 32%;
    	height: 64%;
	}

	.footer .logo-footer {
		width: 10%;
	}

	.footer .footer-social {
		width: 70%;
		gap: 0 100px;
	}

	.footer .footer-social img {
		height: 65px;
	}

	.footer .footer-rating {
		width: 35%;
	}
}

@media (max-width: 1200px) {

	.header .header-top .nav-item {
		padding: 18px 0;
	}

	.header .header-bottom {
		padding: 11px 0;
		background-size: 130%;
	}

	.header .header-top .connect-wallet {
		display: none;
	}

    .main-content .community-section {
        padding: 285px 0;
    }

	.main-content .community-section .mancing {
        top: 48%;
    }

    .main-content.marketplace-content .marketplace-tengah {
    	width: 60%;
    }

    .marketplace-art-lists .marketplace-art-detail .art-text {
    	bottom: 16px;
    }

    .marketplace-section .marketplace-art {
    	width: 90%;
    }

	.footer .footer-social {
		margin: 10px auto 0 auto;
		padding: 40px 0 40px 0;
	}

	.footer .footer-social img {
		height: 50px;
	}

	.footer .footer-rating {
        width: 30%;
    }

}

@media (max-width: 1024px) {

	.header .header-top .nav-item {
        padding: 13px 0;
    }

    .header .header-bottom {
        padding: 11px 0;
        background-size: 150%;
    }

    .main-content .community-section {
        padding: 250px 0;
    }

	.main-content .community-section .mancing {
        top: 53%;
    }

    .marketplace-art-lists .marketplace-art-detail .art-text {
    	bottom: 20px;
    }

    .main-content.marketplace-content .marketplace-tengah {
    	width: 90%;
    }

    .marketplace-section .marketplace-art {
    	padding: 0 30px;
    }

    .footer .footer-social img {
        height: 45px;
    }

}

@media (max-width: 880px) {

	.header .header-top {
		background-size: 114%;
	}

	.header .header-bottom img {
	    width: auto;
	    height: 18px;
	}

	.header .header-top .nav-item,
	.footer .footer-rating-link {
		gap: 0 40px;
	}

    .main-content .community-section {
        padding: 215px 0;
    }

    .main-content .community-section .mancing {
        top: 45%;
    }

    .main-content .community-section-2 .community-text p {
    	width: 50%;
    }

    .marketplace-art-lists .marketplace-art-detail .art-text {
    	bottom: 14px;
    }

    .main-content .community-section .mancing {
    	top: 52%;
    	left: 8%;
    }

    .marketplace-section .marketplace-art .art-list span {
    	font-size: 22px;
    }

    .marketplace-section .marketplace-art-top .art-list span {
    	bottom: 15px;
    }

    .marketplace-section .marketplace-art-bottom .art-list span {
    	bottom: 18px;
    }

    .main-content .community-section-2 .community-text p {
    	font-family: 'Melancholy Serif', sans-serif;
		font-size: 20px;
    	line-height: 22px;
    }

    .marketplace-art-lists .slick-pagination .slick-prev {
    	left: -9%;
    }

    .marketplace-art-lists .slick-pagination .slick-next {
    	right: -9%;
    }

    .marketplace-section .marketplace-art {
    	flex-wrap: wrap;
    	padding: 0;
    	gap: 80px;
    	margin-bottom: 60px;
    }

	.footer .footer-social {
	    gap: 0 80px;
	}
}

@media (max-width: 768px) {

	.header {
		display: none;
	}

	.header-mobile {
		display: block;
	}

	.main-content {
	    background-image: url(../images/bg-mobile.webp);
	    background-size: cover;
	    background-position: top center;
	    background-repeat: no-repeat;
	}

	.header .header-top {
        background-size: 130%;
    }

    .header .header-bottom {
    	background-size: 175%;
    }

	.main-content .community-section {
        padding: 190px 0;
    }

    .video-section .tree-image {
    	margin-top: -21%;
    }

    .marketplace-section .marketplace-art .art-list span {
    	font-size: 18px;
    }

    .marketplace-section .marketplace-art-top .art-list span {
    	bottom: 6px;
    }

    .marketplace-section .marketplace-art-top .art-list:nth-child(2) span,
    .marketplace-section .marketplace-art-top .art-list:nth-child(3) span {
    	bottom: 12px;
    }

    .marketplace-section .marketplace-art-middle .art-list:nth-child(2) span,
    .marketplace-section .marketplace-art-bottom .art-list:nth-child(1) span,
    .marketplace-section .marketplace-art-middle .art-list:nth-child(1) span {
    	bottom: 10px;
    }
	.main-content .community-section-2 .community-text img {
		width: 25px;
		height: 25px;
	}
	.main-content .community-section-2 .community-text p {
    	width: 75%;
		font-size: 11px;
    	line-height: 20px;
    }
	.footer .footer-social {
	    gap: 0 60px;
	    margin: 0 auto;
	    padding: 33px 0 30px 0;
	}

	.footer .footer-social img {
        height: 38px;
    }

}

@media (max-width: 480px) {

    .header .header-top {
        background-size: 195%;
    }

    .header .header-bottom {
    	padding: 20px 0;
    	background-size: auto;
    }

    .header .header-top .nav-item {
    	gap: 50px;
    	padding: 13px 10px;
    }

    .hero-section .hero-btn img {
    	width: 100px;
    }

    .marketplace-section .marketplace-tengah a img {
    	width: 50px;
    }

    .marketplace-art-lists .marketplace-art-detail .art-image img {
    	width: 100%;
    }

    .marketplace-art-lists .marketplace-art-detail .art-text {
    	bottom: 45px;
    }

    .main-content .community-section {
        padding: 115px 0;
    }

    .main-content.marketplace-content .marketplace-tengah {
    	width: 90%;
    }

    .marketplace-section .marketplace-kiri, .marketplace-section .marketplace-kanan {
    	top: -2%;
    }

    .hero-section .hero-section-inner .slick-pagination .slick-prev img, 
    .hero-section .hero-section-inner .slick-pagination .slick-next img, 
    .marketplace-art-lists .slick-pagination .slick-prev img, 
    .marketplace-art-lists .slick-pagination .slick-next img {
    	width: 20px;
    }

    .header .header-top .connect-wallet {
    	display: none;
    }

    .marketplace-section .marketplace-art {
        flex-wrap: wrap;
        gap: 40px;
    	margin: 0 auto 40px auto;
    }

    .marketplace-section .marketplace-art .art-list {
    	width: 80%;
	    justify-content: center;
	    margin: 15px 0;
    }

    .marketplace-section .marketplace-art-top .art-list span {
    	bottom: 14px;
    }

    .marketplace-section .marketplace-art-top .art-list:nth-child(2) span,
    .marketplace-section .marketplace-art-top .art-list:nth-child(3) span {
    	bottom: 21px;
    }

    .marketplace-section .marketplace-art-middle .art-list:nth-child(2) span,
    .marketplace-section .marketplace-art-middle .art-list:nth-child(1) span,
    .marketplace-section .marketplace-art-bottom .art-list:nth-child(1) span,
    .marketplace-section .marketplace-art-bottom .art-list:nth-child(2) span {
    	bottom: 18px;
    }

    .footer .footer-rating-link {
    	width: 100%;
    	margin: 20px auto 0;
    	display: inline-block;
    }

    .footer .footer-rating-link a {
    	display: block;
    }

    .footer .logo-footer {
        width: 12%;
    }

    .footer .footer-social {
        width: 90%;
        gap: 0 45px;
        padding: 23px 0 20px 0;
    }

    .footer .footer-social img {
        height: 30px;
    }
}