@media screen and (max-width: 479px){
	.slider-btn .theme-btn {
	    width: 100%;
	    text-align: center;
	    margin-bottom: 15px;
	}
	.token-data-item h3,
	.interface-list h3 {
	    font-size: 13px;
	}
	.stake-for li > a {
	    padding: 4px 8px;
	    font-size: 14px;
	    border-radius: 4px 4px;
	}
	.farm-popup .trade-nav .nav-tabs .nav-item .nav-link {
	    padding: 6px 12px;
	    font-size: 14px;
	}
	.calculator-box > a {
	    width: auto;
	    padding: 6px 10px;
	    font-size: 14px;
	}
	.property-detail-box ul > li > span {
	    float: none;
	    display: block;
	}
	.pools-item .pools-box.pl-right {
	    padding: 0px;
	    margin: 0px 0px 15px;
	}
	.pools-box .pools-img {
	    position: relative;
	    transform: none;
	    top: 0px;
	    margin-bottom: 18px;
	}
	.pools-item .pools-box {
	    float: none;
	    margin: 0px 0px 15px;
	    text-align: left !important;
	}
	.pools-item .pools-box:last-child {
	    margin-bottom: 0px;
	}
	.item-list-box {
	    border-radius: 10px 10px;
	}
	.item-list-box .item-list {
	    width: 100%;
	    float: none;
	    margin-bottom: 15px;
	}
	.item-list-box .item-list:last-child {
		margin-bottom: 0px;
	}
	.theme-input-box.w-60 {
		width: 100%;
	}
	.modal-header .modal-title {
	    font-size: 15px;
	}
	.farm-topbar-left .staked-only {
	    margin: 8px 12px 8px 0px;
	}
	.nav-tabs > .nav-item .nav-link {
	    font-size: 13px;
	    padding: 6px 11px;
	}
	.farm-topbar-right .theme-input-box {
	    float: none;
	    margin-right: 0px;
	    margin-bottom: 12px;
	}
	.farm-topbar-right .theme-input-box:last-child {
	    margin-bottom: 0px;
	}
	.farm-topbar-right .theme-input-box .theme-input {
	    width: calc(100% - 35px);
	}
	.farm-topbar-right .theme-input-box .theme-input.farm-search {
	    width: 100%;
	}
	.page-title .title-left h2 {
	    font-size: 22px;
	}
	.filter-left .filter-dropdown {
	    width: 290px !important;
	}
}
@media screen and (max-width: 575px) and (min-width: 480px){
	.farm-topbar .farm-topbar-right {
	    display: flex;
	}
	.farm-topbar-right .theme-input-box .theme-input.farm-search {
	    width: 100%;
	}
}
@media screen and (max-width: 767px) and (min-width: 480px){
	.pools-item .pools-box.pl-right {
	    width: 100%;
	    float: none;
	    margin: 0px 0px 20px;
	}
	.pools-item .pools-box {
	    width: 50%;
	    float: left;
	    margin: 0px 0px 20px;
	    text-align: left !important;
	}
	.pools-item .pools-box:last-child {
		margin-bottom: 0px;
		width: 100%;
		float: none;
	}
	.item-list-box {
	    padding-bottom: 5px;
	    border-radius: 10px 10px;
	}
	.item-list-box .item-list {
	    width: 50%;
	    margin-bottom: 15px;
	}
}
@media screen and (max-width: 575px) {
	/* header css */
	.site-logo-inner .main-logo > img {
	    max-width: 180px;
	}
	.mode_switcher h6,
	.header_1 .swap-coin {
	    display: none;
	}
	.header_1 #site-menu {
		margin: 0px;
	}
	.mode_switcher {
	    position: absolute;
	    top: 0px;
	    right: 15px;
	}
	.mode_switcher a {
	    width: 38px;
	    height: 38px;
	    margin-left: 8px;
	}
	.header_1 .form-search {
	    margin: 0px;
	}
	/* header css */
	.trade-volume ul {
	    position: static;
	    margin-top: 15px;
	    margin-bottom: 0px;
	    display: inline-block;
	}
	.crypto-world-main > .row > div {
	    max-width: 100% !important;
	}
	.about-main h2,
	.registration-box h2,
	.page-title h2 {
	    font-size: 30px;
	}
	.about-main h3 {
	    font-size: 18px;
	}
	.page-title {
	    text-align: center;
	}
	.page-title .title-left {
		float: none;
	}
	.page-title .title-btn {
	    float: none;
	    margin-top: 15px;
	}
	.items-area.item-two .item-list-box .item-list {
	    width: calc(50% - 3px);
	    float: none;
	    display: inline-block;
	}
	.nft-detail-box .nft-detail-top {
	    display: block;
	    width: 100%;
	}
	.nft-detail-top .nft-detail-media {
	    display: block;
	    width: 100%;
	}
	.nft-detail-top .nft-detail-info {
	    width: 100%;
	    display: block;
	    padding: 0px;
	    margin-top: 25px;
	}
	.footer-link .footer-box {
	    width: 100%;
	    float: none;
	    margin-top: 20px;
	}
	.footer-top .footer-link {
	    margin-top: 20px;
	}
	.footer-social > ul {
		margin: 0px;
	}
	.nft-detail-info h2 {
	    font-size: 26px;
	}
	.buy-modal-item {
	    display: block;
	}
	.buy-modal-item > div {
	    display: block;
	    width: 100%;
	}
	.buy-modal-item .buy-modal-left {
	    margin-bottom: 14px;
	}
	.buy-modal-item .buy-modal-right {
	    text-align: left;
	}
	.buy-btn {
		margin: -4px -4px;
	}
	.buy-btn .theme-btn {
	    font-size: 14px;
	    padding: 10px 14px;
	    margin: 4px 4px;
	}
	.buy-text h4 {
	    margin-bottom: 15px;
	}
	.farm-topbar .farm-topbar-left {
	    margin-bottom: 12px;
	}
	.farm-topbar .farm-topbar-left,
	.farm-topbar .farm-topbar-right {
	    float: none;
	}
}
@media screen and (max-width: 767px){
	/* header css */
	.header-top .topbar-left {
		display: none;
	}
	.header-topbar .topbar-right {
	    float: none !important;
	    display: flex;
	    justify-content: center;
	}
	#site-header-inner {
	    display: block !important;
	}
	.header_1 #site-menu,
	.header_1 .form-search {
		margin: 0px;
	}
	.header_1 #site-menu {
	    margin-top: 10px;
	}
	.button-connect-wallet {
	    position: absolute;
	    bottom: -10px;
	    right: 0px;
	}
	.nav-responsive {
	    height: 40px;
	    width: 40px;
	    background-color: #6424c0;
	    font-size: 22px;
	    text-align: center;
	    line-height: 42px;
	    border-radius: 2px;
	    cursor: pointer;
	}
	#site-menu .main-nav {
	    background-color: #222252;
	    position: absolute;
	    top: 100%;
	    left: 0px;
	    right: 0px;
	    margin-top: 6px;
	    z-index: 99;
	    width: 100% !important;
	    display: none;
	}
	#main-nav>ul>li {
	    float: none;
	    padding: 0px;
	    margin: 0px;
	}
	#main-nav > ul > li > a {
	    padding: 15px 15px;
	    border-bottom: 0.8px solid rgba(255, 255, 255, 0.3);
	    margin: 0px;
	}
	#main-nav > ul > li:last-child > a {
	    border-bottom: 0px;
	}
	/* header css */
	.slider-area {
	    padding: 60px 0px 110px;
	}
	.slider-main {
	    display: block;
	    width: auto;
	    margin: 0px;
	}
	.slider-main .slider-box .slider-image {
	    margin-top: 30px;
	}
	.slider-main .slider-image img {
	    max-width: 280px;
	}
	.slider-main .slider-box {
	    display: block;
	    width: 100%;
	    text-align: center;
	}
	.slider-box h1 {
	    font-size: 32px;
	}
	.about-area .about-box {
	    text-align: center;
	}
	.about-area .about-main {
	    text-align: center;
	}
	.about-area .row, .about-left .row {
	    display: flex;
	    width: auto;
	}
	.about-area .row > div, .about-left .row > div {
	    display: block;
	}
	.about-area .about-box {
	    margin-bottom: 30px;
	}
	.earn-area {
	    text-align: center;
	}
	.earn-area .earn-box {
	    margin-top: 30px;
	    text-align: center !important;
	}
	.earn-area .earn-box img,
	.crypto-exchange-area .earn-box img {
	    max-width: 200px;
	}
	.crypto-exchange-area .earn-box {
	    text-align: center !important;
	    margin-bottom: 30px;
	}
	.crypto-world-area .earn-box {
	    text-align: center !important;
	    margin-top: 30px;
	}
	.crypto-world-area .earn-box {
	    text-align: center;
	}
	.crypto-world-area .earn-box img {
	    max-width: 200px;
	}
	.center-box {
	    display: flex !important;
	    width: auto;
	}
	.center-box > div {
	    display: block;
	    width: 100%;
	}
	.about-area .about-box h3 {
	    font-size: 22px;
	}
	.crypto-world-main > .row > div {
	    max-width: 50%;
	}
	.bradcrumb-area .bradcrumb-left,
	.bradcrumb-area .bradcrumb-right {
	    display: none;
	}
	.farms-main .table-responsive .table,
	.traits-table .table-responsive .table {
	    width: 767px;
	    max-width: inherit;
	}
	.features-img-wrap li:nth-child(2), 
	.features-img-wrap li:nth-child(3) {
	    width: 38%;
	}
	.features-img-wrap li:nth-child(4) {
	    display: none;
	}
	.for-sale-box {
	    margin-top: 20px;
	}
	.item-filter-main .filter-left, 
	.item-filter-main .filter-list {
	    float: none;
	}
	.item-filter-main .item-price-right {
	    float: none;
	    display: inline-block;
	    width: 100%;
	    margin-top: 15px;
	}
	.page-title .title-left, 
	.page-title .title-btn {
	    float: none;
	    text-align: center;
	}
	.farm-topbar .farm-topbar-left {
	    float: none;
	    margin-bottom: 15px;
	}
	.about-box .about-ico {
	    text-align: center;
	}
}
@media screen and (max-width: 991px){
	
}
@media screen and (max-width: 767px) and (min-width: 575px) {
	.footer-link .footer-box {
	    margin-top: 20px;
	}
	.mode_switcher h6,
	.header_1 .swap-coin {
	    display: none;
	}
	.mode_switcher {
	    position: absolute;
	    bottom: -5px;
	    right: 220px;
	}
}
@media screen and (min-width: 768px){
	.nav-responsive {
		display: none;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.header_1 #site-header-inner {
	    display: block !important;
	}
	.button-connect-wallet, 
	.header_1 .swap-coin, 
	.mode_switcher {
	    position: absolute;
	    bottom: 0px;
	}
	.header_1 .swap-coin {
	    right: 100px;
	    bottom: -6px;
	}
	.mode_switcher {
	    right: 15px;
	}
	.button-connect-wallet {
	    right: 234px;
	    bottom: -7px;
	}
	.mode_switcher a {
	    height: 40px;
	    width: 40px;
	    margin-left: 8px;
	}
	.header_1 #site-logo {
	    margin: 0px;
	    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	    padding-bottom: 15px;
	}
	.header_1 #site-header-inner .form-search {
	    width: 320px;
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    margin: 0px;
	}
	.mode_switcher h6 {
	    display: none;
	}
	.slider-area {
	    padding: 50px 0px 120px;
	}
	.slider-box h1 {
	    font-size: 32px;
	}
	.slider-btn .theme-btn {
	    padding: 12px 16px;
	    margin-right: 6px;
	}
	.slider-box p {
	    margin-bottom: 20px;
	}
	.about-area .about-box h3 {
	    font-size: 18px;
	}
	.features-img-wrap li:nth-child(2), 
	.features-img-wrap li:nth-child(3) {
	    width: 38%;
	}
	.features-img-wrap li:nth-child(4) {
	    display: none;
	}
	.property-detail-box ul > li > span {
	    float: none;
	    display: block;
	}
	.pools-item .pools-box.pl-right {
	    width: 100%;
	    float: none;
	    margin: 0px 0px 20px;
	}
	.pools-item .pools-box {
	    margin: 0px 0px 20px;
	    width: 25%;
	}
	.pools-item .pools-box:last-child {
	    margin-bottom: 0px;
	    width: 100%;
	    float: none;
	    text-align: left !important;
	    display: inline-block;
	}
	.item-filter-main .filter-left, 
	.item-filter-main .filter-list {
	    float: none;
	}
	.item-filter-main .item-price-right {
	    float: none;
	    display: inline-block;
	    width: 100%;
	    margin-top: 15px;
	}
	.sale-detail .for-sale-box {
	    margin-top: 30px;
	}
	.farm-topbar .farm-topbar-left {
	    float: none;
	    margin-bottom: 15px;
	}
	.farm-topbar .farm-topbar-right {
	    float: none;
	    margin: 0px;
	}
	.about-area .row, 
	.about-left .row {
	    display: block;
	    width: auto;
	}
	.about-area .row > div, 
	.about-left .row > div {
	    width: 100%;
	    display: block;
	    max-width: 100%;
	}
	.crypto-world-area .center-box {
	    display: block !important;
	    width: auto;
	}
	.crypto-world-area .center-box > div {
	    display: block;
	    width: 100%;
	    max-width: 100%;
	}
	.crypto-world-area .earn-box.earn-images {
	    display: none;
	}
	.footer-link .footer-box {
	    margin-top: 20px;
	}
	.bradcrumb-area .bradcrumb-left.nft-left,
	.bradcrumb-area .bradcrumb-right {
		display: none;
	}
	.about-box .about-ico,
	.about-area .about-box {
	    text-align: center;
	}
	.about-area .about-box {
	    margin-bottom: 25px;
	}
	.about-mix {
	    margin: 0px -15px;
	}
	.about-mix .about-box {
	    width: calc(50% - 30px);
	    float: left;
	    margin-top: 0px !important;
	    margin: 0px 15px;
	}
	.about-area .about-main {
	    margin-top: 30px;
	    text-align: center;
	}
	.bradcrumb-area .bradcrumb-left {
	    display: none;
	}
}
@media screen and (max-width: 1199px){
	
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
	.slider-box h1 {
	    font-size: 42px;
	}
	.about-area .about-box h3 {
	    font-size: 22px;
	}
	.header_1 .swap-coin,
	.mode_switcher h6 {
		display: none;
	}
	.button-connect-wallet {
	    margin: 0px;
	}
	.header_1 .form-search {
		display: none;
	}
	.item-filter-main .filter-left {
	    margin: 9px 10px 9px 0px;
	}
}
@media screen and (max-width: 1400px) and (min-width: 1200px) {
	.mode_switcher h6 {
		display: none;
	}
	.main-logo #logo_header {
	    max-width: 140px;
	    margin: 9px 0px;
	}
}