@media only screen and (max-width: 900px) { 

    /* ----- The Modal (background) ---- */
    .modal-window {
        display: none;
        position: fixed;
        z-index: 1030;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
    }

    /* Modal Content/Box */
    .modal-window-content {
        float: right;
        margin: 15px 20px;
        padding: 20px 15px;
        height: 94vh;
        width: 50%;
        overflow: auto;
        overflow-x: hidden;
    }

    .account-tab {
        padding: 5px 0;
    }

    .account-tab .acct-tab-profile {
        display: flex;
        flex-direction: row;
        flex: auto;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .account-tab .acct-tab-profile .profile-container {
        display: flex;
        flex: auto;
        flex-direction: row;
    }

    .account-tab .acct-tab-profile .profile-container .profile-img img {
        margin-top: 10px;
        width: 40px;
        height: 40px;
        margin-right: 15px;
    }

    .account-tab .acct-tab-profile .profile-container .profile-info p {
        margin: 0;
        padding: 0;
    }

    .account-tab .acct-tab-profile .profile-container .profile-info p.username {
        font-size: 18px;
        text-transform: lowercase;
    }

    .account-tab .acct-tab-profile .profile-container .profile-info p a {
        font-size: 13px;
    }

    .account-tab .acct-tab-profile .minimize-modal .btn {
        font-size: 14px;
        padding: 8px 12px;
    }

    .account-tab .acct-tab-profile .minimize-modal .btn:hover {
        background: #3d4145;
        font-size: 15px;
    }

    .account-tab .acct-tab-list {
        margin-top: 20px;
    }

    .account-tab .acct-tab-list ul {
        padding-left: 0;
    }

    .account-tab .acct-tab-list ul li {
        margin: 12px 5px;
    }

    .account-tab .acct-tab-list ul li a {
        font-size: 24px;
    }

    .account-tab .connected-wallet {
        margin-top: 20px;
        padding: 5px;
    }

    .account-tab .connected-wallet .title {
        font-size: 13px;
    }

    .account-tab .connected-wallet .wallet-box {
        padding: 20px;
    }

    .account-tab .connected-wallet .wallet-box .wallet-balance {
        padding: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex: auto;
    }

    .account-tab .connected-wallet .wallet-box .wallet-balance p {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 13px;
    }

    .account-tab .connected-wallet .wallet-box .eth-wallets {
        margin-top: 15px;
    }

    .account-tab .connected-wallet .wallet-box .eth-wallets .eth-address {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .account-tab .connected-wallet .wallet-box .eth-wallets .eth-address .address-section p.title {
        font-size: 13px;
    }

    .account-tab .connected-wallet .wallet-box .eth-wallets .eth-address .address-section p.address {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .account-tab .connected-wallet .wallet-box .eth-wallets .eth-address .eth-buttons .btn {
        font-size: 13px;
        padding: 8px 12px;
        margin-left: 5px;
    }

    .account-tab .connected-wallet .wallet-box .eth-wallets .eth-connect-button {
        margin-top: 10px;
    }

    .account-tab .connected-wallet .wallet-box .eth-wallets .eth-connect-button .btn {
        font-size: 14px;
        padding: 10px 30px;
    }

    .account-tab .connected-wallet .wallet-box .wallet-buttons {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .account-tab .connected-wallet .wallet-box .wallet-buttons .btn {
        font-size: 14px;
        padding: 8px 20px;
    }

    .account-tab .logout {
        margin-top: 35px;
        margin-left: 10px;
    }

    .account-tab .logout .btn {
        padding: 10px 30px;
        font-size: 14px;
        letter-spacing: 1px;
    }

    /* DASHBOARD SECTIONS AND STYLES STARTS HERE */

    /* owners dashboard section */
    .dashboard-section {
        padding: 10px 10px 20px;
        top: 90px;
        position: relative;
    }

    .owner-section {
        padding: 0 10px 20px;
    }

    .owner-section .owner-profile-images {
        height: 330px;
    }

    .owner-section .owner-profile-images .cover-photo {
        height: 300px;
        overflow: hidden;
    }

    .owner-section .owner-profile-images .profile-img {
        overflow: hidden;
        height: 110px;
        width: 110px;
        margin-left: 30px;
        position: relative;
        top: -70px;
        border-radius: 55px;
    }

    .owner-section .owner-profile-info {
        display: flex;
        flex: auto;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    .owner-section .owner-profile-info .profile-details {
        margin-top: 15px;
        margin-left: 20px;
        max-width: 50%;
    }

    .owner-section .owner-profile-info.creator-profile .profile-details {
        max-width: 90%;
    }

    .owner-section .owner-profile-info .profile-details p.username {
        font-size: 20px;
    }

    .owner-section .owner-profile-info .profile-details p.fullname {
        font-size: 16px;
    }

    .owner-section .owner-profile-info .profile-details p.short-bio {
        margin-top: 10px;
        font-size: 13px;
    }

    .owner-section .owner-profile-info .profile-details .profile-buttons {
        margin-top: 15px;
        display: flex;
        flex-direction: row;
    }

    .owner-section .owner-profile-info .profile-details .profile-buttons .btn {
        margin-right: 15px;
        font-size: 13px;
        padding: 10px 20px;
    }

    .owner-section .owner-profile-info.creator-profile .wallet-box {
        display: none;
    }

    .owner-section .owner-profile-info .wallet-box {
        position: relative;
        top: -10px;
        padding: 10px;
        width: 320px;
    }

    .owner-section .owner-profile-info .wallet-box .wallet-balance-box {
        padding: 10px;
    }

    .owner-section .owner-profile-info .wallet-box .wallet-balance-box .title {
        font-size: 12px;
        margin-bottom: 5px;
        padding-bottom: 0;
    }

    .owner-section .owner-profile-info .wallet-box .wallet-balance {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex: auto;
    }

    .owner-section .owner-profile-info .wallet-box .wallet-balance p {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 12px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets {
        margin-top: 15px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets .eth-address .address-section p.title {
        font-size: 12px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets .eth-address .address-section p.address {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets .eth-address .eth-buttons .btn {
        font-size: 12px;
        padding: 8px 12px;
        margin-left: 5px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets .eth-connect-button {
        margin-top: 10px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets .eth-connect-button .btn {
        font-size: 12px;
        padding: 10px 30px;
    }

    .owner-section .owner-profile-info .wallet-box .wallet-buttons {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .owner-section .owner-profile-info .wallet-box .wallet-buttons .btn {
        font-size: 13px;
        padding: 8px 20px;
    }

    /* owners nft section */
    .owner-nft-section {
        border-top: 1px solid #303336;
        padding-top: 50px;
    }

    /* dashboard sidebar content */
    .dash-sidebar .show-menu {
        visibility: visible;
    }

    .dash-sidebar .menu-button {
        margin-bottom: 20px;
    }

    .dash-sidebar .menu-button .btn {
        font-size: 14px;
        padding: 12px 20px;
    }

    .dash-sidebar .menu-button .btn .fas {
        margin-left: 5px;
    }

    .dash-sidebar #dashNFTSidebar {
        display: none;
    }

    .dash-sidebar .dash-sidebar-content {
        padding: 15px 20px 0;
        width: 60%;
    }

    .dash-sidebar .dash-sidebar-content ul {
        padding-left: 0;
    }

    .dash-sidebar .dash-sidebar-content ul li {
        padding: 15px 0;
    }

    .dash-sidebar .dash-sidebar-content ul li .fas {
        float: right;
    }

    .dash-sidebar .dash-sidebar-content ul li .list-item {
        font-size: 16px;
    }

    /* dashboard main content */
    .dash-main-content .note {
        margin-top: 20px;
        font-size: 15px;
    }

    /* dashboard nft styles */
    .dash-owner-nfts {
        margin-top: 15px;
        padding: 0 10px;
        height: 100vh;
        width: 100%;
        overflow: auto;
        overflow-x: hidden;
    }

    /* empty content styles */

    .dash-main-content .empty-nft-content {
        width: 100%;
        height: 400px;
        padding: 10px;
        margin: 10px 0 50px;
    }

    .dash-main-content .empty-nft-box {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        padding: 10px;
    }

    .dash-main-content .empty-nft-box .empty-nft {
        margin: auto;
        max-width: 300px;
    }

    .dash-main-content .empty-nft-box .empty-nft h5 {
        font-size: 21px;
    }

    .dash-main-content .empty-nft-box .empty-nft p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    /* nft content here */
    .dash-owner-nfts .col-lg-4 {
        margin: 0;
        padding: 6px;
    }

    .dash-nft-box {
        margin-bottom: 30px;
        padding: 5px;
    }

    .dash-nft-box .nft-img {
        height: 240px;
        width: 100%;
    }

    .dash-nft-box .nft-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    .dash-nft-box .nft-body {
        padding: 10px 0 5px;
    }

    .dash-nft-box .dash-nft-info {
        margin-bottom: 10px;
        padding: 10px 5px 0;
    }

    .dash-nft-box .dash-nft-info .nft-name {
        font-size: 13px;
        margin-bottom: 0;
    }

    .dash-nft-box .price-box {
        padding: 8px 15px;
        margin-bottom: 10px;
    }

    .dash-nft-box .price-box .title {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .dash-nft-box .price-box .nft-price {
        font-size: 13px;

        text-transform: none;
        margin-bottom: 0;
    }

    .dash-nft-box .price-box .nft-price .d-price {
        font-size: 12px;

        float: right;
    }

    .dash-nft-box .dash-nft-button {
        visibility: visible;
    }

    .dash-nft-box .dash-nft-button .btn {
        width: 80%;
        font-size: 13px;
        padding: 8px;
    }

    /* activities styles are here joor */
    .activity-content {
        margin-top: 30px;
    }

    .activity-content .activity-filters .note {
        font-size: 15px;
    }

    .activity-content .activity-filters ul {
        padding-left: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .activity-content .activity-filters ul li {
        margin-right: 15px;
    }

    .activity-content .activity-filters ul li .btn .fas,
    .fab {
        margin-right: 8px;
    }

    .activity-content .activity-filters ul li .btn {
        padding: 8px 14px;
        font-size: 13px;
    }

    .activity-content .activity-filters ul li .btn.active {
        padding: 8px 14px;
        font-size: 13px;
    }

    .activity-content .activity-list {
        margin-top: 30px;
        height: 100vh;
        overflow: auto;
        overflow-x: hidden;
    }

    .activity-content .activity-list .activity-box {
        display: flex;
        flex-direction: row;
        padding: 20px;
        margin-bottom: 20px;
    }

    .activity-content .activity-list .activity-box .activity-img {
        margin-right: 15px;
        width: 65px;
        height: 65px;
    }

    .activity-content .activity-list .activity-box .activity-info p {
        margin-bottom: 3px;
        padding-bottom: 0;
    }

    .activity-content .activity-list .activity-box .activity-info .name {
        font-size: 14px;
    }

    .activity-content .activity-list .activity-box .activity-info .name .dollar {
        font-size: 13px;
        margin-left: 10px;
    }

    .activity-content .activity-list .activity-box .activity-info .activity {
        font-size: 13px;
    }

    .activity-content .activity-list .activity-box .activity-info .date {
        font-size: 13px;
    }

    /* empty content styles */
    .activity-content .empty-activity .empty-activity-wrapper .empty-activity-box h5 {
        font-size: 18px;
    }

    .activity-content .empty-activity .empty-activity-wrapper .empty-activity-box p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .activity-content .empty-activity .empty-activity-wrapper .empty-activity-box a.btn {
        font-size: 13px;
        padding: 12px 15px;
    }

    /* deposit funds style here */
    .deposit-container {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .deposit-container .note {
        font-size: 17px;
    }

    .deposit-container .deposit-wrapper {
        margin-top: 20px;
        padding: 20px 20px;
    }

    .deposit-container .deposit-wrapper.withdraw-wrapper {
        padding: 0 10px 20px;
    }

    .deposit-container .deposit-wrapper .deposit-limit-box {
        display: flex;
        justify-content: center;
    }

    .deposit-container .deposit-wrapper .deposit-limit {
        padding: 15px 20px 5px;
        display: flex;
        flex-direction: row;
        max-width: 70%;
    }

    .deposit-container .deposit-wrapper .deposit-limit p {
        margin-bottom: 10px;
        padding-bottom: 0;
        font-size: 14px;
    }

    .deposit-container .deposit-wrapper .deposit-limit .deposit-limit-sub-title {
        margin-left: 20px;
    }

    .deposit-container .deposit-wrapper .deposit-form {
        margin-top: 30px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group {
        margin: 30px 10px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group .form-inline {
        display: flex;
        flex-direction: row;
        padding: 0;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group label {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group .form-inline input {
        font-size: 14px;
        height: 50px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group .form-inline .btn {
        width: 30%;
        font-size: 14px;
        height: 50px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group input {
        font-size: 14px;
        height: 50px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-button {
        margin-top: 60px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-button .btn {
        width: 70%;
        border-radius: 30px;
        height: 47px;
        font-size: 14px;
    }

    #importForm .form-button .btn {
        width: 50%;
    }

    /* pay to deposit funds container */

    .deposit-container .deposit-wrapper.pay-wrapper {
        padding: 10px;
    }

    .deposit-pay-box {
        padding: 25px 10px;
    }

    .deposit-pay-box .pay-box .header {
        margin-bottom: 20px;
        padding: 0px 10px;
    }

    .deposit-pay-box .pay-box .header p.link {
        font-size: 13px;
    }

    .deposit-pay-box .pay-box .header p.link .fas {
        margin-right: 5px;
    }

    .deposit-pay-box .pay-box .header p.time {
        padding: 5px 20px;
        font-size: 13px;
    }

    .deposit-pay-box .pay-box p.title {
        font-size: 13px;
        margin-top: 10px;
        max-width: 400px;
    }

    .deposit-pay-box .pay-box .qr-img .img-fluid {
        width: 120px;
    }

    .deposit-pay-box .pay-box .qr-img a.how-to {
        font-size: 12px;
        margin-top: 10px;
    }

    .deposit-pay-box .pay-box .pay-form {
        margin-top: 20px;
        padding: 20px 10px 0;
    }

    .deposit-pay-box .pay-box .pay-form .form-group {
        margin: 0 0 30px;
    }

    .deposit-pay-box .pay-box .pay-form .form-group label {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .deposit-pay-box .pay-box .pay-form .form-group label .network {
        margin-left: 20px;
        font-size: 12px;
    }

    .deposit-pay-box .pay-box .pay-form .form-group input {
        font-size: 13px;
        height: 45px;
    }

    .deposit-pay-box .pay-box .pay-form .form-group .form-inline {
        display: flex;
        flex-direction: row;
        padding: 0;
    }

    .deposit-pay-box .pay-box .pay-form .form-group .form-inline input {
        font-size: 14px;
        height: 45px;
    }

    .deposit-pay-box .pay-box .pay-form .form-group .form-inline.w-address input {
        font-size: 13px;
        padding: 3px 5px;
    }

    .deposit-pay-box .pay-box .pay-form .form-group .form-inline .btn {
        width: 15%;
        font-size: 13px;
        height: 45px;
    }

    .deposit-pay-box .pay-box .pay-form .form-group .form-inline .btn .far {
        font-size: 16px;
    }

    .deposit-pay-box .footer-box {
        display: flex;
        flex: auto;
        flex-direction: row;
        justify-content: space-between;
        padding: 15px 30px;
        margin-top: 20px;
    }

    .deposit-pay-box .footer-box p {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .deposit-pay-box .footer-box p.amt {
        margin-top: 10px;
        font-size: 14px;
    }

    .deposit-pay-box .footer-box .btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    /* provider box section */
    .providers-link .btn img {
        width: 26px;
        border-radius: 13px;
    }

    .providers-link .btn .pills {
        padding: 3px 7px 1px;
        font-size: 10px;
        margin-right: 5px;
    }

    /* connect dapp styles */

    .connect-dapp {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .connect-dapp .note {
        font-size: 18px;
    }

    .connect-dapp .connect-content {
        margin-top: 20px;
        padding: 25px 30px;
    }

    .connect-dapp .connect-content .connect-dapp-header {
        margin-bottom: 30px;
    }

    .connect-dapp .connect-content .connect-dapp-header .title {
        font-size: 21px;
    }

    .connect-dapp .connect-content .connect-dapp-header .sub-title {
        font-size: 14px;
    }

    .connect-dapp .connect-content .dapp-wallets .dapp-wallet-wrapper {
        max-width: 80%;
        min-width: 50%;
    }

    .connect-dapp .connect-content .dapp-wallets .dapp-wallet-box {
        padding: 20px 20px;
        margin: 10px 0 30px;
    }


    /* profile setting styles are here */
    .profile-settings {
        margin-top: 15px;
    }

    .profile-settings .title {
        font-size: 27px;
    }

    .profile-form {
        margin-top: 30px;
    }

    .profile-form .edit-profile-images {
        height: 320px;
    }

    .profile-form .check_data {
        font-size: 13px;
        margin-left: 20px;
    }

    .profile-form .edit-cover-photo {
        position: relative;
        height: 280px;
        width: 100%;
        overflow: hidden;
    }

    .profile-form .edit-cover-photo .btn {
        visibility: visible;
        opacity: 1;
        position: absolute;
        top: 20px;
        z-index: 1;
        right: 20px;
        font-size: 13px;
        padding: 10px 20px;
    }

    .profile-form .edit-profile-img {
        position: relative;
        overflow: hidden;
        height: 100px;
        width: 100px;
        margin-left: 20px;
        position: relative;
        top: -70px;
        border-radius: 50px;
    }

    .profile-form .edit-profile-img .img-fluid {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .profile-form .edit-profile-img .overlay {
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: #95979780;
        opacity: 0.8;
        transition: opacity 0.3s ease;
    }

    .profile-form .edit-profile-img .overlay .img-overlay {
        margin: 35% auto;
        width: 38px;
        padding: 10px;
        background: #222528d0;
    }

    .profile-form-details {
        margin: 10px 0 30px;
    }

    .profile-form-details .form-group {
        margin: 20px 0;
    }

    .profile-form-details .form-group .form-control {
        font-size: 14px;
    }

    .profile-form-details .form-group select {
        padding: 10px 20px;
        font-size: 14px;
        height: 50px;
    }

    .profile-form-details .form-group input {
        height: 50px;
        padding-left: 20px;
    }

    .profile-form-details .form-group textarea {
        padding-left: 20px;
        padding-top: 15px;
        font-size: 13px;
    }

    .profile-form-details .form-group label {
        margin-bottom: 5px;
        font-size: 13px;
    }

    .profile-form-details .form-group p.form-note {
        font-size: 12px;
        margin: 5px 0 0;
        padding: 0;
    }

    .profile-form-details .form-group .form-inline {
        display: flex;
        flex-direction: row;
        height: 50px;
    }

    .profile-form-details .form-group .form-inline p {
        margin: auto;
        padding: 0;
        width: 50px;
        font-size: 14px;
    }

    .profile-form-details .form-group .form-inline .form-control {
        padding-left: 0;
    }

    .social-links {
        margin-top: 30px;
    }

    .social-links .s-title {
        font-size: 18px;
    }

    .social-links .s-sub-title {
        font-size: 14px;
    }

    .profile-form-details .form-button {
        margin-top: 50px;
    }

    .profile-form-details .form-button .btn {
        font-size: 13px;
        padding: 12px 16px;
    }

    /* nft details collection */
    .sell-nft.nft-details-wrapper {
        margin-bottom: 70px;
    }

    .nft-details-content-left {
        margin-bottom: 30px;
    }

    .nft-details-content-left .nft-details-img {
        margin-top: 50px;
    }

    .nft-details-content-left .nft-details-img img {
        width: 380px;
        height: 380px;
        object-fit: cover;
        cursor: zoom-in;
    }

    .nft-details-content-left .nft-description {
        margin-top: 30px;
    }

    .nft-details-content-left .overview {
        margin: auto;
        padding: 5px;
        max-width: 380px;
    }

    .nft-details-content-left .overview .btn {
        padding: 7px 15px;
        font-size: 14px;
    }

    .nft-details-content-left .nft-description .desc-title {
        font-size: 21px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .nft-details-content-left .nft-description .desc-text {
        font-size: 14px;

        max-width: 600px;
    }

    .nft-details-content-right {
        margin-top: 50px;
    }

    .nft-collection {
        font-size: 15px;

        margin-bottom: 15px;
    }

    .nft-name {
        font-size: 24px;
    }

    .current-owner {
        margin-top: 40px;
        display: flex;
        margin-bottom: 30px;
    }

    .current-owner .owner-img {
        width: 40px;
        height: 40px;
        overflow: hidden;
    }

    .current-owner .owner-info {
        margin-left: 15px;
    }

    .current-owner .owner-info p {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .current-owner .owner-info .owner-note {
        font-size: 13px;
    }

    .current-owner .owner-info .username a {
        font-size: 14px;
    }

    .blockchain {
        display: flex;
        padding: 15px;
        margin-bottom: 30px;
    }

    .blockchain p {
        margin: 0;
        padding: 0;
        font-size: 14px;
    }

    .blockchain .chain-name {
        margin-left: 20px;
    }

    .blockchain .chain-name img {
        width: 12px;
        margin-right: 5px;
    }

    .nft-price-wrapper {
        padding: 15px;
    }

    .nft-price-wrapper .price-wrapper {
        padding: 15px;
    }

    .nft-price-wrapper .price-wrapper p {
        margin-bottom: 5px;
        padding-bottom: 0;
    }

    .nft-price-wrapper .price-wrapper .price-note {
        font-size: 13px;
    }

    .nft-price-wrapper .price-wrapper .eth-price {
        font-size: 17px;
    }

    .nft-price-wrapper .price-wrapper .dollar-price {
        font-size: 13px;
        margin-bottom: 0;
    }

    .nft-price-wrapper .price-button {
        margin-top: 20px;
    }

    .nft-price-wrapper .price-button .btn {
        padding: 12px 20px;
        width: 100%;
        font-size: 14px;
    }

    .more-collections {
        margin-top: 50px;
        margin-bottom: 8%;
    }

    .more-collections h3.title {
        font-size: 21px;
        margin-bottom: 40px;
    }

    /* create nft section */
    .create-nft-box {
        padding: 20px 0;
    }

    .create-form {
        padding: 10px 10px 30px;
        height: 100%;
        overflow: auto;
        overflow-x: hidden;
    }

    .create-form .main-text {
        font-size: 27px;
        margin-bottom: 10px;
    }

    .create-form .sub-text {
        font-size: 15px;
    }

    .create-form .blockchain {
        margin-top: 20px;
        padding: 15px 20px;
    }

    .create-form .upload-nft {
        margin-top: 20px;
    }

    .create-form .label {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .upload-nft .upload-nft-box {
        min-height: 150px;
        max-height: 250px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .upload-nft .upload-nft-box .text {
        font-size: 14px;
    }

    .upload-nft .upload-nft-box .btn {
        font-size: 13px;
        padding: 10px 15px;
    }

    .upload-nft .upload-nft-box .upload-button-box {
        display: block;
    }

    .upload-nft .upload-nft-box .nft-image-container {
        width: 100%;
        height: 250px;
        padding: 20px;
        position: relative;
        display: none;
    }

    .upload-nft .upload-nft-box .nft-image-container .btn {
        padding: 3px 10px;
        font-size: 14px;
        z-index: 1030;
        position: absolute;
        right: 30px;
        top: 30px;
    }

    .put-marketplace {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
    }

    .put-marketplace p {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .put-marketplace .left-section .text {
        font-size: 15px;

        margin-bottom: 5px;
    }

    .put-marketplace .left-section .sub-text {
        font-size: 13px;
        margin-bottom: 5px;
    }

    /* checkbox and toggle button styles */

    /* https://www.w3schools.com/howto/howto_css_switch.asp */
    .put-marketplace .switch {
        position: relative;
        display: inline-block;
        width: 46px;
        height: 20px;
    }

    .put-marketplace .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .put-marketplace .slider {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .put-marketplace .slider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 4px;
        bottom: 3px;
        border-radius: 50%;

        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .nft-price-section {
        margin-top: 20px;
    }

    .create-form .form-group {
        margin: 30px 0;
    }

    .create-form .form-group .form-control {
        font-size: 14px;
    }

    .create-form .form-group input {
        height: 45px;
        padding-left: 20px;
    }

    .create-form .form-group select {
        height: 45px;
        padding-left: 20px;
        font-size: 14px;
        padding: 10px 20px;
    }

    .create-form .form-group select option {
        font-size: 14px;
    }

    .create-form .form-group textarea {
        padding-left: 20px;
        padding-top: 15px;
    }

    .create-form .form-group .p-note {
        font-size: 12px;
        margin: 5px 0 0;
        padding: 0;
    }

    .create-form .form-group .form-inline {
        display: flex;
        flex-direction: row;
        height: 45px;
    }

    .create-form .form-group .form-inline p {
        margin: auto;
        padding: 0;
        width: 20%;
        font-size: 14px;
    }

    .create-form .form-group .form-inline p .fab {
        margin-left: 5px;
    }

    .create-form .form-group .form-inline .form-control {
        padding-right: 0;
    }

    .price-return {
        display: flex;
        flex-direction: row;
        padding: 15px 20px 7px;
        justify-content: space-between;
    }

    .price-return p {
        margin-bottom: 8px;
        padding-bottom: 0;
        font-size: 13px;
    }

    .mint-nft {
        padding: 10px 20px 5px;
        margin-bottom: 20px;
    }

    .mint-nft p {
        margin-bottom: 5px;
    }

    .mint-nft .dollar-price {
        font-size: 13px;
    }

    .mint-nft .eth-price {
        font-size: 15px;
    }

    .form-button {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .form-button .btn {
        width: 50%;
        padding: 12px 30px;
        font-size: 14px;
    }

    .nft-preview-box {
        margin-top: 30px;
    }

    .nft-preview-box .preview-title {
        font-size: 14px;
    }

    .nft-preview-box .preview-content {
        height: 50vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nft-preview-box .preview-content .preiview-text {
        font-size: 13px;
        padding: 20px;
    }

    .preview-nft-box {
        display: none;
        margin-bottom: 30px;
        padding: 5px;
    }

    .preview-nft-box .nft-img {
        height: 220px;
        width: 100%;
    }

    .preview-nft-box .nft-body {
        padding: 10px 0 5px;
    }

    .preview-nft-box .nft-info {
        margin-bottom: 10px;
        padding: 5px 5px 0;
    }

    .preview-nft-box .nft-info .name {
        font-size: 13px;

        margin-bottom: 5px;
    }

    .preview-nft-box .nft-info .nft-name {
        font-size: 14px;
        text-transform: none;
        margin-bottom: 0;
    }

    .preview-nft-box .price-box {
        padding: 8px 10px;
        margin-bottom: 10px;
    }

    .preview-nft-box .price-box .title {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .preview-nft-box .price-box .nft-price {
        font-size: 14px;
        margin-bottom: 0;
    }

    .preview-nft-box .price-box .nft-price .d-price {
        font-size: 12px;
        float: right;
    }

    .preview-nft-box #display-price {
        display: none;
    }

    /* ----- The Portal (background) ---- */
    #coverImagePortal {
        display: none;
    }

    #profileImagePortal {
        display: none;
    }

    /* Portal Content/Box */
    .portal-window-content {
        background: #1e2025;
        margin: auto;
        padding: 20px 15px;
        width: 50%;
    }

    .upload-portal {
        padding: 15px;
    }

    .upload-portal .title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .upload-portal .sub-title {
        font-size: 14px;
        margin-bottom: 30px;
    }

    #verifyEmail .upload-portal .sub-title {
        font-size: 14px;
        margin-bottom: 5px;
    }

    #verifyEmail .upload-portal .sub-note {
        font-size: 12px;
        margin-bottom: 30px;
    }

    .upload-portal .btn {
        width: 100%;
        font-size: 14px;
        padding: 12px 25px;
    }

    .upload-portal .btn.btn-outline {
        margin-top: 20px;
    }

    .upload-portal input[type="file"] {
        display: none;
        font-size: 13px;
        margin-top: 30px;
    }

    .nft-details-content-right .label {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .nft-details-content-right .form-group {
        margin: 30px 0;
    }

    .nft-details-content-right .form-group .form-control {
        font-size: 14px;
    }

    .nft-details-content-right .form-group input {
        height: 45px;
        padding-left: 20px;
    }

    .nft-details-content-right .form-group .form-inline {
        display: flex;
        flex-direction: row;
        height: 45px;
    }

    .nft-details-content-right .form-group .form-inline p {
        margin: auto;
        padding: 0;
        width: 20%;
        font-size: 14px;
    }

    .nft-details-content-right .form-group .form-inline p .fab {
        margin-left: 5px;
    }

    .nft-details-content-right .form-group .form-inline .form-control {
        padding-right: 0;
    }

    /* nft import preview collection */

    .import-details-wrapper .nft-details-content-left {
        margin-bottom: 30px;
    }

    .import-details-wrapper .nft-details-content-left .nft-details-img {
        margin-top: 50px;
    }

    .import-details-wrapper .nft-details-content-left .nft-details-img img {
        width: 350px;
        height: 350px;
        object-fit: cover;
        cursor: zoom-in;
    }

    .import-details-wrapper .nft-details-content-right {
        margin-top: 50px;
    }

    .import-details-wrapper .nft-collection {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .import-details-wrapper .nft-name {
        font-size: 24px;
    }

    .import-details-wrapper .current-owner {
        margin-top: 20px;
        display: flex;
        margin-bottom: 30px;
    }

    .import-details-wrapper .current-owner .owner-img {
        width: 40px;
        height: 40px;
        overflow: hidden;
    }

    .import-details-wrapper .current-owner .owner-info {
        margin-left: 15px;
    }

    .import-details-wrapper .current-owner .owner-info p {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .import-details-wrapper .current-owner .owner-info .owner-note {
        font-size: 13px;
    }

    .import-details-wrapper .current-owner .owner-info .username {
        font-size: 14px;
    }

    .import-details-wrapper .blockchain p {
        margin: 0;
        padding: 0;
        font-size: 14px;
    }

    .import-details-wrapper .blockchain .chain-name {
        margin-left: 20px;
    }

    .import-details-wrapper .blockchain .chain-name img {
        width: 12px;
        margin-right: 5px;
    }

    .import-details-wrapper .nft-price-wrapper {
        padding: 15px;
    }

    .import-details-wrapper .nft-price-wrapper .price-button .btn {
        padding: 12px 20px;
        width: 100%;
        font-size: 15px;
    }

    .import-nft-header {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .import-nft-header h5 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .import-nft-header p {
        font-size: 14px;
    }

    .bottom-note {
        font-size: 13px;
    }

    .display-imported-nfts {
        margin-top: 30px;
    }

    .dashboard-section .verify-box {
        padding: 8px;
    }

    .verify-box-text {
        margin-top: 15px;
    }

    .verify-box-text h5 {
        font-size: 15px;
    }

    .verify-box-text p {
        font-size: 13px;
    }

    .dashboard-section .verify-box .btn {
        font-size: 13px;
        width: 100%;
        padding: 10px;
    }
}

/* mobile screen one */

@media only screen and (max-width: 767px) {

    /* Modal Content/Box */
    .modal-window-content {
        float: right;
        margin: 15px 20px;
        padding: 20px 15px;
        height: 94vh;
        width: 70%;
        overflow: auto;
        overflow-x: hidden;
    }

    .account-tab .acct-tab-profile .profile-container .profile-img img {
        margin-top: 10px;
        width: 35px;
        height: 35px;
        margin-right: 15px;
    }

    .account-tab .acct-tab-profile .profile-container .profile-info p.username {
        font-size: 15px;
    }


    .account-tab .acct-tab-profile .minimize-modal .btn {
        font-size: 15px;
        padding: 8px 12px;
    }

    .account-tab .acct-tab-profile .minimize-modal .btn:hover {
        background: #3d4145;
        font-size: 15px;
    }

    .account-tab .acct-tab-list {
        margin-top: 20px;
    }

    .account-tab .acct-tab-list ul {
        padding-left: 0;
    }

    .account-tab .acct-tab-list ul li {
        margin: 12px 5px;
    }

    .account-tab .acct-tab-list ul li a {
        font-size: 20px;
    }

    .account-tab .connected-wallet {
        margin-top: 25px;
        padding: 5px;
    }

    .account-tab .connected-wallet .title {
        font-size: 13px;
    }

    .account-tab .connected-wallet .wallet-box {
        padding: 20px 10px;
    }

    .account-tab .connected-wallet .wallet-box .wallet-balance {
        padding: 10px;
    }

    .account-tab .connected-wallet .wallet-box .eth-wallets .eth-address .address-section p.title {
        font-size: 12px;
    }

    .account-tab .connected-wallet .wallet-box .eth-wallets .eth-address .address-section p.address {
        font-size: 13px;
        letter-spacing: 1px;
    }

    .account-tab .connected-wallet .wallet-box .eth-wallets .eth-address .eth-buttons .btn {
        font-size: 13px;
    }

    .account-tab .connected-wallet .wallet-box .eth-wallets .eth-connect-button .btn {
        font-size: 13px;
    }

    .account-tab .connected-wallet .wallet-box .wallet-buttons .btn {
        font-size: 13px;
    }

    .account-tab .logout .btn {
        font-size: 13px;
    }

    /* DASHBOARD SECTIONS AND STYLES STARTS HERE */

    /* owners dashboard section */
    .dashboard-section {
        padding: 10px 5px 20px;
        top: 90px;
        position: relative;
    }

    .owner-section {
        padding: 0 5px 20px;
    }

    .owner-section .owner-profile-images {
        height: 280px;
    }

    .owner-section .owner-profile-images .cover-photo {
        height: 260px;
        overflow: hidden;
    }

    .owner-section .owner-profile-images .profile-img {
        overflow: hidden;
        height: 80px;
        width: 80px;
        margin-left: 30px;
        position: relative;
        top: -60px;
        border-radius: 40px;
    }

    .owner-section .owner-profile-info {
        display: flex;
        flex: auto;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    .owner-section .owner-profile-info .profile-details {
        margin-top: 15px;
        margin-left: 20px;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .owner-section .owner-profile-info.creator-profile .profile-details {
        max-width: 100%;
    }

    .owner-section .owner-profile-info .profile-details p {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .owner-section .owner-profile-info .profile-details p.username {
        font-size: 17px;
    }

    .owner-section .owner-profile-info .profile-details p.fullname {
        font-size: 14px;
    }

    .owner-section .owner-profile-info .profile-details p.short-bio {
        margin-top: 10px;
        font-size: 12px;
    }

    .owner-section .owner-profile-info .profile-details .profile-buttons .btn {
        margin-right: 15px;
        font-size: 13px;
        padding: 10px 20px;
    }

    .owner-section .owner-profile-info .wallet-box {
        position: unset;
        padding: 10px;
        max-width: 350px;
        align-self: center;
        justify-self: center;
    }

    .owner-section .owner-profile-info .wallet-box .wallet-balance-box {
        padding: 10px;
    }

    .owner-section .owner-profile-info .wallet-box .wallet-balance-box .title {
        font-size: 13px;
        margin-bottom: 5px;
        padding-bottom: 0;
    }


    .owner-section .owner-profile-info .wallet-box .wallet-balance p {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 13px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets {
        margin-top: 15px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets .eth-address .address-section p.title {
        font-size: 12px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets .eth-address .address-section p.address {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets .eth-address .eth-buttons .btn {
        font-size: 13px;
        padding: 8px 12px;
        margin-left: 5px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets .eth-connect-button {
        margin-top: 10px;
    }

    .owner-section .owner-profile-info .wallet-box .eth-wallets .eth-connect-button .btn {
        font-size: 13px;
        padding: 10px 30px;
    }

    .owner-section .owner-profile-info .wallet-box .wallet-buttons .btn {
        font-size: 13px;
        padding: 8px 20px;
    }

    /* dashboard sidebar content */
    .dash-sidebar .show-menu {
        visibility: visible;
    }

    .dash-sidebar .menu-button {
        margin-bottom: 20px;
    }

    .dash-sidebar .menu-button .btn {
        font-size: 14px;
        padding: 12px 20px;
    }

    .dash-sidebar .menu-button .btn .fas {
        margin-left: 5px;
    }

    .dash-sidebar .dash-sidebar-content {
        padding: 15px 20px 0;
        width: 85%;
    }

    .dash-sidebar .dash-sidebar-content ul {
        padding-left: 0;
    }

    .dash-sidebar .dash-sidebar-content ul li {
        padding: 15px 0;
    }

    .dash-sidebar .dash-sidebar-content ul li .fas {
        float: right;
    }

    .dash-sidebar .dash-sidebar-content ul li .list-item {
        font-size: 15px;
    }

    /* dashboard main content */
    .dash-main-content .note {
        margin-top: 20px;
        font-size: 14px;
    }

    /* dashboard nft styles */
    .dash-owner-nfts {
        margin-top: 15px;
        padding: 0 7px;
        height: 100vh;
        width: 100%;
        overflow: auto;
        overflow-x: hidden;
    }


    /* nft content here */
    .dash-owner-nfts .col-lg-4 {
        margin: 0;
        padding: 6px;
    }

    .dash-nft-box {
        margin-bottom: 30px;
        padding: 5px;
    }

    .dash-nft-box .nft-img {
        height: 180px;
        width: 100%;
    }


    .dash-nft-box .nft-body {
        padding: 10px 0 5px;
    }

    .dash-nft-box .dash-nft-info {
        margin-bottom: 10px;
        padding: 5px 5px 0;
    }

    .dash-nft-box .dash-nft-info .nft-name {
        font-size: 13px;
        height: 40px;
        margin-bottom: 0;
    }

    .dash-nft-box .price-box {
        padding: 8px 15px;
        margin-bottom: 10px;
    }

    .dash-nft-box .price-box .title {
        font-size: 13px;
        display: none;
        margin-bottom: 5px;
    }

    .dash-nft-box .price-box .nft-price {
        font-size: 13px;
        display: flex;
        min-height: 40px;
        margin-bottom: 5px;
        flex-direction: column;
    }

    .dash-nft-box .price-box .nft-price .fab {
        margin-right: 0;
        padding-right: 0;
    }

    .dash-nft-box .price-box .nft-price .d-price {
        font-size: 12px;
        margin-top: 5px;
        float: unset;
    }

    .dash-nft-box .dash-nft-button {
        visibility: visible;
    }

    .dash-nft-box .dash-nft-button .btn {
        width: 80%;
        font-size: 13px;
        padding: 8px;
    }

    /* activities styles are here joor */
    .activity-content {
        margin-top: 30px;
    }

    .activity-content .activity-filters .note {
        font-size: 15px;
    }

    .activity-content .activity-filters ul {
        padding-left: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .activity-content .activity-filters ul li {
        margin-right: 15px;
        margin-bottom: 15px;

    }

    .activity-content .activity-filters ul li .btn .fas,
    .fab {
        margin-right: 8px;
    }

    .activity-content .activity-filters ul li .btn {
        padding: 8px 14px;
        font-size: 13px;
    }

    .activity-content .activity-filters ul li .btn.active {
        padding: 8px 14px;
        font-size: 13px;
    }

    .activity-content .activity-list {
        margin-top: 30px;
        height: 100vh;
        overflow: auto;
        overflow-x: hidden;
    }

    .activity-content .activity-list .activity-box {
        display: flex;
        flex-direction: row;
        padding: 20px 10pz;
        margin-bottom: 20px;
    }

    .activity-content .activity-list .activity-box .activity-img {
        margin-right: 15px;
        width: 60px;
        height: 60px;
    }


    /* deposit funds style here */
    .deposit-container {
        margin: 15px 5px 80px;
    }

    .deposit-container .note {
        font-size: 17px;
    }

    .deposit-container .deposit-wrapper {
        margin-top: 20px;
        padding: 20px 15px;
    }

    .deposit-container .deposit-wrapper.withdraw-wrapper {
        padding: 0 10px 20px;
    }

    .deposit-container .deposit-wrapper .deposit-limit-box {
        display: flex;
        justify-content: center;
    }

    .deposit-container .deposit-wrapper .deposit-limit {
        padding: 15px 15px 5px;
        display: flex;
        flex-direction: row;
        max-width: 80%;
    }

    .deposit-container .deposit-wrapper .deposit-limit p {
        margin-bottom: 10px;
        padding-bottom: 0;
        font-size: 14px;
    }

    .deposit-container .deposit-wrapper .deposit-limit .deposit-limit-sub-title {
        margin-left: 20px;
    }

    .deposit-container .deposit-wrapper .deposit-form {
        margin-top: 30px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group {
        margin: 30px 10px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group label {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group .form-inline input {
        font-size: 14px;
        height: 50px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group .form-inline .btn {
        width: 30%;
        font-size: 13px;
        height: 50px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group input {
        font-size: 14px;
        height: 50px;
    }



    .deposit-container .deposit-wrapper .deposit-form .form-group p.connect-p {
        font-size: 13px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-button {
        margin-top: 60px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-button .btn {
        width: 70%;
        border-radius: 30px;
        height: 47px;
        font-size: 14px;
    }

    #importForm .form-button .btn {
        width: 80%;
    }

    /* pay to deposit funds container */

    .deposit-container .deposit-wrapper.pay-wrapper {
        padding: 10px;
    }

    .deposit-pay-box {
        padding: 25px 5px;
    }

    .deposit-pay-box .pay-box .header {
        margin-bottom: 20px;
        padding: 0px 10px;
    }

    .deposit-pay-box .pay-box .header p.link {
        font-size: 13px;
    }

    .deposit-pay-box .pay-box .header p.link .fas {
        margin-right: 5px;
    }

    .deposit-pay-box .pay-box .header p.time {
        padding: 5px 20px;
        font-size: 13px;
    }

    .deposit-pay-box .pay-box p.title {
        font-size: 13px;
        margin-top: 10px;
        max-width: 400px;
    }


    .deposit-pay-box .pay-box .pay-form .form-group .form-inline {
        display: flex;
        flex-direction: row;
        padding: 0;
    }

    .deposit-pay-box .pay-box .pay-form .form-group .form-inline input {
        font-size: 13px;
        height: 45px;
    }

    .deposit-pay-box .pay-box .pay-form .form-group .form-inline.w-address input {
        font-size: 13px;
        padding: 3px 5px;
    }

    .deposit-pay-box .pay-box .pay-form .form-group .form-inline .btn {
        width: 15%;
        font-size: 13px;
        height: 45px;
    }

    .deposit-pay-box .pay-box .pay-form .form-group .form-inline .btn .far {
        font-size: 15px;
    }

    .deposit-pay-box .footer-box {
        display: flex;
        flex: auto;
        flex-direction: row;
        justify-content: space-between;
        padding: 15px 20px;
        margin-top: 20px;
    }



    .deposit-pay-box .footer-box p.amt {
        margin-top: 10px;
        font-size: 14px;
    }

    .deposit-pay-box .footer-box .btn {
        padding: 10px 20px;
        font-size: 13px;
    }

    /* provider box section */
    .providers-link .btn img {
        width: 24px;
        border-radius: 12px;
    }

    .providers-link .btn .pills {
        padding: 3px 5px 1px;
        font-size: 10px;
        margin-right: 5px;
    }

    /* connect dapp styles */

    .connect-dapp {
        margin-top: 15px;
        margin-bottom: 100px;
    }

    .connect-dapp .note {
        font-size: 18px;
        padding: 5px 10px;
    }

    .connect-dapp .connect-content {
        margin-top: 20px;
        padding: 25px 15px;
    }

    .connect-dapp .connect-content .connect-dapp-header {
        margin-bottom: 30px;
    }

    .connect-dapp .connect-content .connect-dapp-header .title {
        font-size: 20px;
    }

    .connect-dapp .connect-content .connect-dapp-header .sub-title {
        font-size: 14px;
    }


    .connect-dapp .connect-content .dapp-wallets .dapp-wallet-wrapper {
        max-width: 80%;
        min-width: 50%;
    }

    .connect-dapp .connect-content .dapp-wallets .dapp-wallet-box {
        padding: 15px 15px;
        margin: 10px 0 30px;
    }


    /* profile setting styles are here */
    .profile-settings {
        margin-top: 15px;
    }

    .profile-settings .title {
        font-size: 24px;
    }

    .profile-form {
        margin-top: 20px;
    }

    .profile-form .edit-profile-images {
        height: 280px;
    }

    .profile-form .check_data {
        font-size: 13px;
        margin-left: 20px;
    }

    .profile-form .edit-cover-photo {
        position: relative;
        height: 250px;
        width: 100%;
        overflow: hidden;
    }

    .profile-form .edit-cover-photo .btn {
        visibility: visible;
        opacity: 1;
        position: absolute;
        top: 15px;
        z-index: 1;
        right: 20px;
        font-size: 13px;
        padding: 10px 20px;
    }

    .profile-form .edit-profile-img {
        position: relative;
        overflow: hidden;
        height: 80px;
        width: 80px;
        margin-left: 25px;
        position: relative;
        top: -60px;
        border-radius: 40px;
    }

    .profile-form .edit-profile-img .overlay .img-overlay {
        margin: 35% auto;
        width: 35px;
        padding: 10px;
        background: #222528d0;
    }

    .profile-form-details {
        margin: 10px 5px 30px;
    }

    .profile-form-details .form-group {
        margin: 20px 0;
    }

    .profile-form-details .form-group .form-control {
        font-size: 14px;
    }

    .profile-form-details .form-group select {
        padding: 10px 20px;
        font-size: 14px;
        height: 50px;
    }

    .profile-form-details .form-group input {
        height: 50px;
        padding-left: 20px;
    }

    .profile-form-details .form-group textarea {
        padding-left: 20px;
        padding-top: 15px;
        font-size: 13px;
    }

    .profile-form-details .form-group label {
        margin-bottom: 5px;
        font-size: 13px;
    }

    .profile-form-details .form-group p.form-note {
        font-size: 12px;
        margin: 5px 0 0;
        padding: 0;
    }

    .profile-form-details .form-group .form-inline {
        display: flex;
        flex-direction: row;
        height: 50px;
    }

    .profile-form-details .form-group .form-inline p {
        margin: auto;
        padding: 0;
        width: 50px;
        font-size: 14px;
    }

    .profile-form-details .form-group .form-inline .form-control {
        padding-left: 0;
    }

    .social-links {
        margin-top: 30px;
    }

    .social-links .s-title {
        font-size: 17px;
    }

    .social-links .s-sub-title {
        font-size: 14px;
    }

    .profile-form-details .form-button {
        margin-top: 50px;
    }

    .profile-form-details .form-button .btn {
        font-size: 13px;
        padding: 12px 16px;
    }

    /* nft details collection */
    .sell-nft.nft-details-wrapper {
        margin-bottom: 70px;
    }

    .nft-details-content-left {
        margin-bottom: 30px;
    }

    .nft-details-content-left .nft-details-img {
        margin-top: 20px;
    }

    .nft-details-content-left .nft-details-img img {
        width: 350px;
        height: 350px;
        object-fit: cover;
        cursor: zoom-in;
    }



    .nft-details-content-left .overview .btn {
        padding: 6px 12px;
        font-size: 13px;
    }

    .nft-details-content-left .nft-description .desc-title {
        font-size: 21px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .nft-details-content-left .nft-description .desc-text {
        font-size: 13px;
        max-width: 500px;
    }

    .nft-details-content-right {
        margin-top: 50px;
    }

    .nft-collection {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .nft-name {
        font-size: 19px;
    }

    .current-owner .owner-img {
        width: 35px;
        height: 35px;
        overflow: hidden;
    }

    .current-owner .owner-info {
        margin-left: 15px;
    }


    .current-owner .owner-info .owner-note {
        font-size: 12px;
    }

    .current-owner .owner-info .username a {
        font-size: 13px;
    }

    .blockchain p {
        font-size: 13px;
    }

    .blockchain .chain-name {
        margin-left: 20px;
    }

    .blockchain .chain-name img {
        width: 10px;
        margin-right: 5px;
    }



    .nft-price-wrapper .price-wrapper .price-note {
        font-size: 13px;
    }

    .nft-price-wrapper .price-wrapper .eth-price {
        font-size: 16px;
    }

    .nft-price-wrapper .price-wrapper .dollar-price {
        font-size: 13px;
        margin-bottom: 0;
    }

    .nft-price-wrapper .price-button {
        margin-top: 20px;
    }

    .nft-price-wrapper .price-button .btn {
        padding: 12px 20px;
        width: 100%;
        font-size: 14px;
    }

    .more-collections {
        margin-top: 50px;
        margin-bottom: 8%;
    }

    .more-collections h3.title {
        font-size: 19px;
        margin-bottom: 40px;
    }

    /* create nft section */
    .create-nft-box {
        padding: 20px 0;
    }

    .create-form {
        padding: 10px 10px 30px;
        height: 100vh;
        overflow: auto;
        overflow-x: hidden;
    }

    .create-form .main-text {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .create-form .sub-text {
        font-size: 14px;
    }

    .create-form .blockchain {
        margin-top: 20px;
        padding: 15px 20px;
    }

    .create-form .upload-nft {
        margin-top: 20px;
    }

    .create-form .label {
        font-size: 14px;
        margin-bottom: 8px;
    }


    .put-marketplace .left-section .text {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .put-marketplace .left-section .sub-text {
        font-size: 13px;
        margin-bottom: 5px;
    }


    .nft-price-section {
        margin-top: 20px;
    }

    .create-form .form-group {
        margin: 30px 0;
    }

    .create-form .form-group .form-control {
        font-size: 14px;
    }

    .create-form .form-group input {
        height: 45px;
        padding-left: 20px;
    }

    .create-form .form-group select {
        height: 45px;
        padding-left: 20px;
        font-size: 14px;
        padding: 10px 20px;
    }

    .create-form .form-group select option {
        font-size: 14px;
    }

    .create-form .form-group textarea {
        padding-left: 20px;
        padding-top: 15px;
    }

    .create-form .form-group .p-note {
        font-size: 12px;
        margin: 5px 0 0;
        padding: 0;
    }

    .create-form .form-group .form-inline {
        display: flex;
        flex-direction: row;
        height: 45px;
    }

    .create-form .form-label {
        font-size: 14px;
        font-weight: 500;
    }

    .mint-nft {
        padding: 10px 20px 5px;
        margin-bottom: 20px;
    }

    .mint-nft p {
        margin-bottom: 5px;
    }

    .mint-nft .dollar-price {
        font-size: 13px;
    }

    .mint-nft .eth-price {
        font-size: 15px;
    }

    .form-button {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .form-button .btn {
        width: 60%;
        padding: 12px 30px;
        font-size: 14px;
    }

    .nft-preview-box {
        margin: 20px 0 70px;
        align-self: center;
        justify-self: center;
    }

    .nft-preview-box .preview-title {
        font-size: 14px;
    }

    .nft-preview-box .preview-content {
        height: 50vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nft-preview-box .preview-content .preiview-text {
        font-size: 13px;
        padding: 20px;
    }

    .preview-nft-box {
        display: none;
        margin-bottom: 30px;
        padding: 5px;
    }

    .preview-nft-box .nft-img {
        height: 180px;
        width: 100%;
    }


    /* ----- The Portal (background) ---- */
    #coverImagePortal {
        display: none;
    }

    #profileImagePortal {
        display: none;
    }

    /* Portal Content/Box */
    .portal-window-content {
        background: #1e2025;
        margin: auto;
        padding: 20px 15px;
        width: 70%;
    }

    .upload-portal {
        padding: 15px;
    }

    .upload-portal .title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .upload-portal .sub-title {
        font-size: 13px;
        margin-bottom: 30px;
    }

    .upload-portal .btn {
        width: 100%;
        font-size: 13px;
        padding: 12px 25px;
    }

    /* nft import preview collection */

    .import-details-wrapper .nft-details-content-left {
        margin-bottom: 30px;
    }

    .import-details-wrapper .nft-details-content-left .nft-details-img {
        margin-top: 50px;
    }

    .import-details-wrapper .nft-details-content-left .nft-details-img img {
        width: 350px;
        height: 350px;
        object-fit: cover;
        cursor: zoom-in;
    }

    .import-details-wrapper .nft-details-content-right {
        margin-top: 30px;
    }

    .import-details-wrapper .nft-collection {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .import-details-wrapper .nft-name {
        font-size: 21px;
    }

    .import-details-wrapper .current-owner .owner-img {
        width: 35px;
        height: 35px;
        overflow: hidden;
    }

    .import-details-wrapper .current-owner .owner-info {
        margin-left: 15px;
    }

    .import-details-wrapper .current-owner .owner-info p {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .import-details-wrapper .current-owner .owner-info .owner-note {
        font-size: 12px;
    }

    .import-details-wrapper .current-owner .owner-info .username {
        font-size: 13px;
    }

    .import-details-wrapper .nft-price-wrapper .price-button .btn {
        padding: 12px 20px;
        width: 100%;
        font-size: 15px;
    }

    .import-nft-header h5 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .import-nft-header p {
        font-size: 14px;
    }

    .bottom-note {
        font-size: 13px;
    }

    .display-imported-nfts {
        margin-top: 30px;
    }

    .dashboard-section .verify-box {
        padding: 8px;
        margin-bottom: 100px;
    }

    .verify-box-text {
        margin-top: 15px;
    }

    .verify-box-text h5 {
        font-size: 15px;
    }

    .verify-box-text p {
        font-size: 13px;
    }

    .dashboard-section .verify-box .btn {
        font-size: 13px;
        width: 100%;
        padding: 10px;
    }
}

/* mobile screen two */

@media only screen and (max-width: 535px) {

    /* Modal Content/Box */
    .modal-window-content {
        float: right;
        margin: 15px 20px;
        padding: 20px 15px;
        height: 94vh;
        width: 85%;
        overflow: auto;
        overflow-x: hidden;
    }

    /* Portal Content/Box */
    .portal-window-content {
        background: #1e2025;
        margin: auto;
        padding: 20px 15px;
        width: 80%;
    }

    .connect-dapp .connect-content .dapp-wallets .dapp-wallet-wrapper {
        max-width: 95%;
        min-width: 60%;
    }

    .connect-dapp .connect-content .dapp-wallets .dapp-wallet-box {
        padding: 15px 15px;
        margin: 10px 0 30px;
    }


    .connect-dapp .connect-content .dapp-wallets .dapp-wallet-box p {
        font-size: 13px;
    }

    .connect-dapp .connect-content .dapp-wallets .dapp-wallet-box .btn {
        padding: 12px 20px;
        font-size: 14px;
        ;
    }


    .connect-dapp .connect-content .dapp-wallets .dapp-wallet-box .btn .icon .fas {
        font-size: 18px;
    }



    /* secret content styles */

    .secret-container {
        height: 90vh;
        background: transparent;
        text-align: center;
    }

    .secret-container .secret-header {
        padding-top: 0;
    }

    .secret-container .secret-header h5 {
        font-size: 18px;
    }

    .secret-container .secret-header h5 .fas {
        font-size: 15px;
        color: #feda03;
        margin-right: 5px;
    }

    .secret-container .secret-header .p-tag {
        display: flex;
        justify-content: center;
    }

    .secret-container .secret-header p {
        font-size: 13px;
        font-weight: 300;
        max-width: 90%;
        color: #f7f7f7;
        line-height: 25px;
    }

    .secret-container .important {
        font-weight: 500;
        color: #aaaaaa;
    }

    .secret-container .secret-content {
        margin: 10px 0;
    }

    .secret-container .secret-content p.copy {
        font-size: 14px;
    }

    .secret-container .secret-content p.copy .far {
        margin-right: 10px;
    }


    .secret-container .secret-content .secret-content-box {
        max-width: 90%;
    }

    .secret-container .secret-content .secret-content-box p {
        line-height: 30px;
        font-size: 14px;
    }

    .secret-container .secret-content p.eyes-only {
        font-size: 13px;
    }

    .secret-container .secret-content .secret-content-footer .secret-box-foot {
        max-width: 90%;
    }

    .secret-container .secret-content p {
        font-size: 13px;
        text-align: center;
        margin-top: 0px;
        padding-top: 0px;
    }

    .secret-container .secret-button {
        margin: 20px 0 20px;
    }

    .secret-container .secret-button .btn.btn-primary {
        width: 80%;
        font-size: 14px;
        height: 45px;
    }

    .secret-container .secret-button .btn .fa-solid {
        font-size: 15px;
        margin-right: 10px;
    }


    .payment-method .method-tab .btn {
        width: 100%;
        padding: 13px;
        font-size: 13px;
        letter-spacing: normal;
        font-weight: 500;
      }

      
.payment-method .payment-method-body {
    padding: 0 10px;
}

.payment-method .form-group input {
    font-size: 13px;
    height: 45px;
}

.payment-method .form-group label {
    font-size: 14px;
    font-weight: 500;
  }

  .payment-method .form-btn .btn {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 16px;
    width: 55%;
  }

}


/* mobile screen three */
@media only screen and (max-width: 414px) {

    /* Modal Content/Box */
    .modal-window-content {
        float: right;
        margin: 15px 15px;
        padding: 20px 10px;
        height: 94vh;
        width: 90%;
        overflow: auto;
        overflow-x: hidden;
    }

    /* Portal Content/Box */
    .portal-window-content {
        background: #1e2025;
        margin: auto;
        padding: 20px 15px;
        width: 90%;
    }

    /* provider box section */
    .providers-link .btn .pills {
        padding: 3px 5px 1px;
        font-size: 9px;
        margin-right: 5px;
    }

    .deposit-container .deposit-wrapper .deposit-form .form-group select {
        font-size: 12px;
        height: 50px;
    }
}