@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .container, .mhn-container {
        width: 1170px;
    }
    .banner-content h2 {
        font-size: 88px;
        line-height: 94px;
    }
    .banner-sell-box {
        padding: 40px 60px;
    }
    .single-sell-field input {
        width: 280px;
    }
    .trade-title h2, .learn-crypto-title h2, .faqs-title h2, .advantages-title h2, .about-title h2, .account-guide-title h2, .account-title h2 {
        font-size: 48px;
        line-height: 54px;
    }
    .single-learn-feature {
        -ms-flex-preferred-size: 22%;
            flex-basis: 22%;
        padding: 30px;
    }
    .single-learn-step h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .single-learn-step a {
        padding: 17px 36px;
    }
    .contact-content-top h2 {
        font-size: 42px;
        line-height: 48px;
    }
    .contact-form {
        -ms-flex-preferred-size: 35%;
            flex-basis: 35%;
    }
    .single-account {
        padding: 20px;
    }
    .single-account-guide i {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 35px;
    }
    .account-head h4 {
        font-size: 42px;
        line-height: 48px;
    }
    .account-footer a {
        padding: 12px 35px;
    }
}

/* Medium Device */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .container, .mhn-container {
        width: 970px;
    }
    .header-area {
        padding: 40px 60px;
    }
    .banner-content h2 {
        font-size: 82px;
        line-height: 88px;
    }
    .banner-sell-box {
        padding: 40px 60px;
    }
    .single-sell-field input {
        width: 280px;
    }
    .trade-title h2, .learn-crypto-title h2, .faqs-title h2, .advantages-title h2, .about-title h2, .account-guide-title h2, .account-title h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .single-learn-feature {
        -ms-flex-preferred-size: 23%;
            flex-basis: 23%;
        padding: 30px;
    }
    .single-learn-step h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .single-learn-step a {
        font-size: 16px;
        line-height: 22px;
        padding: 15px 34px;
    }
    .contact-content-top h2 {
        font-size: 40px;
        line-height: 46px;
    }
    .contact-form {
        -ms-flex-preferred-size: 35%;
            flex-basis: 35%;
    }
    .footer-item h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .single-market-content span {
        font-size: 360px;
        line-height: 310px;
    }
    .single-account {
        padding: 20px;
    }
    .single-account-guide i {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 35px;
    }
    .account-head h4 {
        font-size: 42px;
        line-height: 48px;
    }
    .account-footer a {
        padding: 12px 35px;
    }
}

/* Tablet Device */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container, .mhn-container {
        width: 750px;
    }
    .header-area {
        padding: 25px 50px;
    }
    .header {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    .logo {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-right: auto;
    }
    .menu {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        margin-left: 40px;
    }
    .header-btn {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .menu .stellarnav .menu-toggle span.bars span {
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--white-color);
        margin: 0;
    }
    .menu .stellarnav .menu-toggle span.bars span:not(:last-child) {
        margin: 0 0 8px;
    }
    .menu .stellarnav .menu-toggle {
        padding: 0;
    }
    .menu .stellarnav.mobile.left>ul, .stellarnav.mobile.right>ul {
        background: var(--black-color);
        z-index: 99;
        max-width: 100%;
        min-height: 100vh;
    }
    .stellarnav.mobile ul ul {
        margin-top: 15px;
        background: var(--black-color);
        border-top: 0;
        padding-left: 20px;
    }
    .stellarnav.mobile ul {
        position: relative;
        display: none;
        text-align: left;
        background: var(--black-color);
    }
    .stellarnav.mobile li a {
        border-bottom: 0;
    }
    .menu ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 18px;
        padding: 0 12px !important;
        color: var(--white-color);
        cursor: pointer;
    }
    .stellarnav.mobile>ul>li {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgb(var(--gray-color) / 35%);
    }
    .stellarnav.mobile>ul>li>a.dd-toggle {
        margin-top: -14px;
    }
    .stellarnav.mobile>ul>li a img {
        max-width: 24px;
    }
    .stellarnav.mobile li li {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }
    .stellarnav.mobile li li:first-child {
        padding-top: 20px;
    }
    .stellarnav.mobile li li a span {
        margin-left: 10px;
    } 
    .stellarnav a.dd-toggle .icon-plus:after, .stellarnav a.dd-toggle .icon-plus:before, .stellarnav .icon-close:after, .stellarnav .icon-close:before {
        border-bottom-color: var(--white-color);
    }
    .stellarnav .close-menu.full {
        color: var(--white-color);
    }
    .header-btn a {
        font-size: 16px;
        line-height: 22px;
        padding: 14px 36px;
    }
    .header-btn a:hover {
        padding: 12px 36px;
    }
    .banner-sell-box {
        padding: 40px 60px;
    }
    .sell-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .banner-content h2 {
        font-size: 72px;
        line-height: 78px;
    }
    .single-sell-field input {
        width: 280px;
    }
    .trade-title h2, .learn-crypto-title h2, .faqs-title h2, .advantages-title h2, .about-title h2, .account-guide-title h2, .account-title h2 {
        font-size: 36px;
        line-height: 42px;
    }
    .crypto-name h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .crypto-name span, .crypto-price span, .crypto-change span.crypto-percentage-green, .crypto-change span.crypto-percentage-red {
        font-size: 16px;
        line-height: 22px;
    }
    .crypto-action a {
        font-size: 16px;
        line-height: 22px;
        padding: 16px 40px;
    }
    .other-crypto {
        max-width: 500px;
        margin: 0 auto;
    }
    .single-learn-feature {
        -ms-flex-preferred-size: 23%;
            flex-basis: 23%;
        padding: 25px;
    }
    .single-learn-feature-img {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .single-learn-feature-img img {
        max-width: 50px;
    }
    .single-learn-feature h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .single-learn-step {
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
    }
    .single-faq h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .single-faq p {
        font-size: 16px;
        line-height: 22px;
    }
    .contact-content, .contact-form {
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
    }
    .contact-content-top h2 {
        font-size: 36px;
        line-height: 42px;
    }
    .contact-form button {
        font-size: 16px;
        line-height: 22px;
        padding: 16px 36px;
    }
    .footer-item h4 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 25px;
    }
    .footer-item ul li a {
        font-size: 16px;
        line-height: 22px;
    }
    .breadcrumbs h2 {
        font-size: 42px;
        line-height: 48px;
    }
    .advantages-top i {
        width: 50px;
    }
    .advantages-top h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .single-advantages .advantages-head {
        padding: 20px 20px 0;
    }
    .single-advantages:nth-child(2) .advantages-head {
        padding: 26px 20px 0;
    }
    .single-advantages p {
        font-size: 14px;
        line-height: 18px;
    }
    .about-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        gap: 30px;
    }
     .single-market-content span {
        font-size: 280px;
        line-height: 240px;
    }
    .single-market-content h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .single-market-content h2 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 20px;
    }
    .single-market-content h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .single-market-content p, .single-market-img p {
        font-size: 16px;
        line-height: 22px;
    }
    .single-account-guide {
        padding: 20px;
    }
    .single-account-guide i {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 35px;
    }
    .single-account {
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
        margin-bottom: 20px;
    }
}

/* Mobile Device */
@media only screen and (max-width: 767px) {
    .container, .mhn-container {
        width: 320px;
    }
    .header-area {
        padding: 20px 30px;
    }
    .header {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    .logo {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-right: auto;
    }
    .menu {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        margin-left: 30px;
    }
    .header-btn {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .menu .stellarnav .menu-toggle span.bars span {
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--white-color);
        margin: 0;
    }
    .menu .stellarnav .menu-toggle span.bars span:not(:last-child) {
        margin: 0 0 5px;
    }
    .menu .stellarnav .menu-toggle {
        padding: 0;
    }
    .menu .stellarnav.mobile.left>ul, .stellarnav.mobile.right>ul {
        background: var(--black-color);
        z-index: 99;
        max-width: 100%;
        min-height: 100vh;
    }
    .stellarnav.mobile ul ul {
        margin-top: 15px;
        background: var(--black-color);
        border-top: 0;
        padding-left: 20px;
    }
    .stellarnav.mobile ul {
        position: relative;
        display: none;
        text-align: left;
        background: var(--black-color);
    }
    .stellarnav.mobile li a {
        border-bottom: 0;
    }
    .menu ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 18px;
        padding: 0 12px !important;
        color: var(--white-color);
        cursor: pointer;
    }
    .stellarnav.mobile>ul>li {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgb(var(--gray-color) / 35%);
    }
    .stellarnav.mobile>ul>li>a.dd-toggle {
        margin-top: -14px;
    }
    .stellarnav.mobile>ul>li a img {
        max-width: 24px;
    }
    .stellarnav.mobile li li {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }
    .stellarnav.mobile li li:first-child {
        padding-top: 20px;
    }
    .stellarnav.mobile li li a span {
        margin-left: 10px;
    } 
    .stellarnav a.dd-toggle .icon-plus:after, .stellarnav a.dd-toggle .icon-plus:before, .stellarnav .icon-close:after, .stellarnav .icon-close:before {
        border-bottom-color: var(--white-color);
    }
    .stellarnav .close-menu.full {
        color: var(--white-color);
    }
    .header-btn a {
        font-size: 16px;
        line-height: 22px;
        padding: 8px 25px;
    }
    .header-btn a:hover {
        padding: 6px 25px;
    }
    .banner-area {
        padding: 80px 0;
    }
    .banner-content h2 {
        font-size: 36px;
        line-height: 42px;
    }
    .single-banner-icon:nth-child(1), .single-banner-icon:nth-child(3) {
        top: -30px;
    }
    .single-banner-icon:nth-child(2) {
        left: 20px;
    }
    .single-banner-icon:nth-child(4) {
        right: 20px;
    }
    .banner-content p {
        font-size: 16px;
        line-height: 22px;
        margin: 30px 0;
    }
    .banner-btn a:first-child {
        font-size: 16px;
        line-height: 22px;
        padding: 10px 22px;
        margin-right: 10px;
    }
    .banner-btn a:first-child:hover {
        padding: 8px 22px;
    }
    .banner-btn a:last-child {
        font-size: 16px;
        line-height: 22px;
        padding: 8px 22px;
    }
    .banner-btn a:last-child:hover {
        padding: 10px 22px;
    }
    .banner-sell-box {
        padding: 30px;
    }
    .banner-box {
        flex-basis: 100%;
        padding-top: 100px;
    }
    .sell-box-tab ul li a {
        font-size: 20px;
        line-height: 26px;
    }
    .single-sell-field input {
        padding: 20px;
        width: 100%;
    }
    .sell-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .sell-field {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        gap: 20px;
    }
    .single-sell-field {
        width: 100%;
    }
    .sell-transfer-icon i {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .sell-button {
        width: 100%;
    }
    .sell-button button {
        display: block;
        font-size: 16px;
        line-height: 22px;
        padding: 15px 40px;
        width: 100%;
    }
    .sell-button button:hover {
        padding: 13px 40px;
    }
    .trade-title span, .learn-crypto-title span, .faqs-title span, .account-guide-title span, .account-title span {
        font-size: 16px;
        line-height: 22px;
        padding: 16px 50px;
    }
    .trade-title h2, .learn-crypto-title h2, .faqs-title h2, .contact-content-top h2, .advantages-title h2, .about-title h2, .account-guide-title h2, .account-title h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .crypto-table {
        overflow: hidden;
        overflow-x: auto;
    }
    .crypto-table table tr td {
        padding: 10px;
    }
    .crypto-name h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .crypto-name span, .crypto-change span.crypto-percentage-green, .crypto-change span.crypto-percentage-red, .crypto-price span {
        font-size: 16px;
        line-height: 22px;
    }
    td.crypto-price {
        min-width: 105px;
    }
    .crypto-chart h4 {
        font-size: 18px;
        margin-top: 28px;
    }
    .crypto-action a {
        font-size: 16px;
        line-height: 22px;
        padding: 16px 40px;
    }
    .other-crypto {
        max-width: 250px;
    }
    .other-crypto a {
        font-size: 16px;
        line-height: 22px;
        padding: 20px 50px;
    }
    .learn-crypto-title p, .faqs-title p, .contact-content-top p, .advantages-title p, .about-title p, .account-guide-title p, .account-title p {
        font-size: 16px;
        line-height: 22px;
    }
    .learn-crypto-feature {
        row-gap: 10px;
    }
    .single-learn-feature {
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
        padding: 20px;
        border-radius: 20px;
    }
    .single-learn-feature-img img {
        max-width: 50px;
    }
    .single-learn-feature h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .single-learn-step {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
    .single-learn-step h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .single-learn-step p {
        font-size: 16px;
        line-height: 22px;
        margin: 25px 0;
    }
    .single-learn-step a {
        font-size: 16px;
        line-height: 22px;
        padding: 15px 40px;
    }
    .single-learn-step a:hover {
        padding: 16px 40px;
    }
    .single-faq {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
    .single-faq h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .single-faq p {
        font-size: 16px;
        line-height: 22px;
    }
    .contact-social a {
        font-size: 32px;
        line-height: 38px;
    }
    .contact-content {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin-bottom: 50px;
    }
    .contact-form {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
    .contact-form-group label {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .contact-form-group input {
        padding: 20px;
    }
    .contact-form button {
        font-size: 16px;
        line-height: 22px;
        padding: 15px 34px;
    }
    .contact-form button:hover {
        font-size: 16px;
        line-height: 22px;
        padding: 13px 32px;
    }
    .footer-item {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin-bottom: 30px;
    }
    .footer-item h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .footer-item ul li a {
        font-size: 16px;
        line-height: 22px;
    }
    .footer-copyright {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }
    .breadcrumbs-area {
        padding: 80px 0;
    }
    .breadcrumbs h2 {
        font-size: 36px;
        line-height: 42px;
    }
    .contact-page-left, .contact-page-right {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
    .contact-page-right {
        margin-top: 40px;
    }
    .contact-page-left h2, .contact-page-right h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 30px;
    }
    .single-contact:first-child i {
        width: 80px;
    }
    #advantages ul.slick-dots, #guide ul.slick-dots, .account-wrap ul.slick-dots {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
                flex-direction: row !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
        gap: 9px;
        width: 100%;
        margin-top: 20px;
    }
    #advantages ul.slick-dots li button, #guide ul.slick-dots li button, .account-wrap ul.slick-dots li button {
        display: block;
        text-indent: -999px;
        width: 12px;
        height: 12px;
        background-color: rgb(var(--gray-color));
        border: 0;
        border-radius: 50%;
    }
    #advantages ul.slick-dots li.slick-active button, #guide ul.slick-dots li.slick-active button, .account-wrap ul.slick-dots li.slick-active button {
        width: 15px;
        height: 15px;
        background-color: var(--primary-color);
    }
    .advantages-top h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .single-advantages .advantages-head {
        padding: 20px 20px 0;
    }
    .single-advantages:nth-child(2) .advantages-head {
        padding: 26px 20px 0;
    }
    .single-advantages p {
        font-size: 14px;
        line-height: 18px;
    }
    .about-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        gap: 30px;
    }
    .single-about i {
        font-size: 40px;
        line-height: 46px;
    }
    .single-about h4 {
        font-size: 16px;
        line-height: 22px;
        margin: 15px 0;
    }
    .single-about p {
        font-size: 14px;
        line-height: 18px;
    }
    .single-market-content{
        padding: 40px 0;
    }
    .single-market-content, .single-market-img {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        text-align: center;
    }
    .single-market-content h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .single-market-content h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .single-market-content p, .single-market-img p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .market-img-left {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .single-market-content span, .single-market-content h3, .single-market-img p {
        display: none;
    }
    .single-account-guide {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin-bottom: 20px;
    }
    .single-account-guide i {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 35px;
    }
    .single-account {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin-bottom: 20px;
    }
}

/* Wide Mobile Device */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container, .mhn-container {
        width: 450px;
    }
}

.banner-btn a:last-child {
    margin-top: 10px;
}