@media screen and (max-width: 479px) {
    .slider-btn .theme-btn {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .mobileView{
        font-size: 8px;
    }
    .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;
    }
    .mobileView{
        font-size: 8px;
    }
    .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;
    }
    .mobileView{
        font-size: 8px;
    }
    .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: 140px;
    }
    .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: 0px;
        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;
    }
}