/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

    .daterangepicker .ranges ul {
        width: 140px;
    }

    .daterangepicker.single .ranges ul {
        width: 100%;
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none;
    }

    .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
        float: left;
    }

    .daterangepicker {
        direction: ltr;
        text-align: left;
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0;
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px;
    }

    .daterangepicker .ranges, .daterangepicker .drp-calendar {
        float: left;
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}

@media only screen and (max-width: 920px) {
    .comparison-result-wrapper .difference-wrapper {
        max-width: 100%;
    }
    header.header-wrapper{
        padding-top: 16px;
        height: 120px;
    }

    header.header-wrapper .navigation {
        gap: 0;
    }

    .single-ticker-wrapper .ticker-content .left{
        padding-top: 0;
    }

    .container,
    .container.full-width {
        padding: 0 16px;
    }

    .hide-mobile {
        display: none !important;
    }

    .hide-desktop {
    }

    .show-mobile {
        display: flex !important;
        flex-direction: column !important;
    }

    .daterangepicker .drp-selected {
        display: none !important;
    }

    .modal.show .modal-wrapper {
        padding: 5px;
        overflow: auto;
        max-height: 600px;
    }

    .modal .modal-wrapper .modal-content {
        min-width: auto;
        padding: 80px 20px 20px 20px;
    }

    .modal .modal-wrapper .modal-content.buy-modal-content .title {
        font-size: 32px;
        line-height: 1;
        margin-bottom: 24px;
    }

    .modal .modal-wrapper .modal-content.share-modal-content .title {
        font-size: 32px;
        line-height: 1;
        margin-bottom: 24px;
    }

    .modal .modal-wrapper .modal-content.buy-modal-content .description {
        font-size: 16px;
        line-height: 22px;
    }

    .modal .modal-wrapper .modal-content.buy-modal-content .recommended .item {
        gap: 12px;
    }

    .modal .modal-wrapper .modal-content.buy-modal-content .recommended .item .button {
        height: 46px;
        font-size: 14px;
        line-height: 22px;
    }

    .modal .modal-wrapper .modal-content.share-modal-content .button-wrapper .button {
        height: 50px;
    }

    section.comparison-wrapper,
    section.ranking-table-wrapper,
    section.single-ticker-wrapper {
        margin: 40px auto 0 auto;
    }

    section.comparison-wrapper .section-title-wrapper, section.ranking-table-wrapper .section-title-wrapper {
        max-width: 500px;
    }

    section.comparison-wrapper .section-title-wrapper .title, section.ranking-table-wrapper .section-title-wrapper .title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    section.ranking-table-wrapper .section-title-wrapper .title {
        margin-bottom: 0;
    }

    .comparison-form-wrapper .comparison-input {
        width: 100%;
    }

    .comparison-form-wrapper .search-input {
        width: 100%;
    }

    .comparison-form-wrapper .selected {
        width: 100%;
        min-width: 100%;
    }

    .comparison-form-wrapper {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 40px;
    }

    .comparison-form-wrapper .comparison-icon .icon {
        transform: rotate(-90deg);
        position: relative;
        display: flex;
        height: 100%;
    }

    .comparison-result-wrapper .price-wrapper {
        flex-wrap: wrap;
    }

    .comparison-result-wrapper .price-wrapper .icon-wrapper {
        margin-right: 8px;
    }

    .comparison-result-wrapper .price-wrapper .price {
        font-size: 22px;
        line-height: 30px;
    }

    .comparison-result-wrapper .price-wrapper .percentage {
        font-size: 22px;
        line-height: 30px;
    }

    .comparison-result-wrapper .difference-wrapper {
        margin-bottom: 40px;
    }

    .comparison-result-wrapper .input-wrapper .label-information {
        font-size: 14px;
        line-height: 22px;
    }

    section.comparison-wrapper .section-title-wrapper, section.ranking-table-wrapper .section-title-wrapper {
        margin-bottom: 48px;
    }

    section.comparison-wrapper .comparison-result-wrapper .section-title-wrapper .title, .comparison-result-wrapper .section-title-wrapper .title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.2em;
        font-weight: 700;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    section.comparison-wrapper .comparison-result-wrapper .section-title-wrapper .title, .comparison-result-wrapper .section-title-wrapper .title a {
        font-weight: 700;
    }

    .comparison-result-wrapper .difference-wrapper .chart-line-wrapper .item {
        flex-wrap: wrap;
    }

    .comparison-result-wrapper .difference-wrapper .chart-line-wrapper .item .value {
        font-size: 14px;
        line-height: 22px;
        width: 100%;
        text-align: left;
    }

    .comparison-form-wrapper .navigation-button-wrapper, .comparison-result-wrapper .navigation-button-wrapper {
        position: relative;
        right: 0;
    }

    .comparison-form-wrapper .navigation-button-wrapper .navigation .nav-item, .comparison-result-wrapper .navigation-button-wrapper .navigation .nav-item {
        width: 100%;
    }

    .comparison-form-wrapper .navigation-button-wrapper .navigation .nav-item .nav-link.colored, .comparison-result-wrapper .navigation-button-wrapper .navigation .nav-item .nav-link.colored {
        width: 100%;
        min-width: 100%;
    }

    section.native-wrapper .container {
        padding: 24px 20px;
    }

    section.feed-wrapper .separator {
        display: none;
    }

    section.feed-wrapper .list-wrapper {
        width: 100%;
    }

    section.feed-wrapper .list-wrapper .navigation {
        max-width: 100%;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link {
        gap: 8px;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item .favicon-wrapper {
        display: none;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item .details .title {
        text-align: left;
        max-width: 100%;
        width: 100%;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item .details .value {
        justify-content: left;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item:last-child .details .title {
        text-align: right;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item:last-child .details .value {
        justify-content: right;
    }

    section.ranking-table-wrapper .ranking-table-details {
        flex-direction: column;
        padding: 24px 0;
    }

    section.ranking-table-wrapper .ranking-table-details .total {
        order: 1;
        margin: 0 auto 20px auto;
    }

    section.ranking-table-wrapper .ranking-table-details .per-page {
        order: 3;
        margin: 24px auto 0px auto;
    }

    section.ranking-table-wrapper .ranking-table-details .pagination-wrapper {
        order: 3;
        gap: 10px;
    }

    section.ranking-table-wrapper .ranking-table-details .pagination-wrapper .pages-navigation {
        gap: 0;
    }

    section.ranking-table-wrapper .ranking-table-details .pagination-wrapper .pages-navigation .nav-item {
        margin-left: 0;
    }

    section.ranking-table-wrapper .ranking-table-details .pagination-wrapper .actions .navigation {
        gap: 20px;
    }

    section.ranking-table-wrapper .ranking-table-details .pagination-wrapper .actions .navigation .nav-item {
        margin-left: 0;
    }

    section.comparison-wrapper .empty-result .message {
        text-align: center;
    }

    section.comparison-wrapper .comparison-profitability-results {
        flex-direction: column;
        gap: 40px;
        margin-bottom: 40px;
    }

    section.comparison-wrapper .comparison-profitability-results .column {
        max-width: 100%;
    }

    section.comparison-wrapper .comparison-profitability-results .item {
        flex-direction: column;
    }

    section.comparison-wrapper .comparison-profitability-results .details .title {
        text-align: center;
    }

    section.comparison-wrapper .comparison-profitability-results .details .period {
        text-align: center;
    }

    section.comparison-wrapper .comparison-profitability-results .chart-icon {
        display: none;
    }

    section.comparison-wrapper .comparison-profitability-chart {
        margin-top: 0;
        flex-direction: column;
    }

    section.comparison-wrapper .comparison-profitability-chart .card {
        padding: 20px;
    }

    section.comparison-wrapper .comparison-profitability-chart .card .section-title {
        margin-bottom: 24px;
    }

    section.comparison-wrapper .comparison-profitability-chart .card .section-title .title {
        font-size: 22px;
        line-height: 32px;
    }

    section.comparison-wrapper .comparison-profitability-chart .card .input-control {
        font-size: 16px;
        line-height: 22px;
    }

    section.comparison-wrapper .comparison-profitability-chart .card .input-wrapper .label-control {
        width: 60px;
        font-size: 16px;
        line-height: 22;
    }

    section.comparison-wrapper .comparison-profitability-chart .card .item {
        gap: 20px;
        flex-direction: column;
        margin-bottom: 40px;
    }

    section.comparison-wrapper .comparison-profitability-chart .card .item .details {
        text-align: center;
    }

    section.comparison-wrapper .comparison-profitability-chart .card .item .icon-wrapper .favicon {
        width: 48px;
    }

    section.comparison-wrapper .comparison-profitability-chart .card .details .title {
        font-size: 24px;
        line-height: 32px;
    }

    section.comparison-wrapper .comparison-profitability-chart .card .details .value {
        font-size: 24px;
        line-height: 32px;
    }

    section.comparison-wrapper .comparison-profitability-chart .card .details .value .icon {
        font-size: 10px;
    }

    section.comparison-wrapper .comparison-profitability-chart .card .chart-icon {
        display: none;
    }

    section.content-wrapper nav.navigation-wrapper .navigation {
        gap: 20px;
        flex-direction: column;
        align-items: initial;
    }

    section.content-wrapper .title-wrapper .title {
        font-size: 32px;
        line-height: 40px;
    }

    section.content-wrapper .form-wrapper .input-wrapper .input-control {
        font-size: 16px;
        line-height: 22px;
    }

    section.content-wrapper article.content h2 {
        font-size: 24px;
        line-height: 32px;
    }

    section.single-ticker-wrapper .section-header {
        flex-wrap: wrap;
        margin-bottom: 40px;
        align-items: flex-end;
    }

    section.single-ticker-wrapper .section-header .favicon-wrapper .favicon {
        width: 40px;
        height: auto;
    }

    section.single-ticker-wrapper .section-header .title-wrapper .title {
        font-size: 26px;
        line-height: 34px;
    }

    section.single-ticker-wrapper .section-header .title-wrapper .price {
        font-size: 16px;
        line-height: 24px;
        display: flex;
        gap: 4px;
        flex-wrap: wrap;
    }

    section.single-ticker-wrapper .section-header .latest-change {
        display: none;
    }

    section.single-ticker-wrapper .section-header .title-wrapper .rank {
        line-height: 16px;
    }

    section.single-ticker-wrapper .wrapper {
        flex-direction: column;
        gap: 24px;
    }

    section.single-ticker-wrapper .wrapper .column {
        flex: 1;
        max-width: 100%;
    }

    section.single-ticker-wrapper .wrapper .range-charts .item {
        margin-bottom: 24px;
    }

    section.single-ticker-wrapper .wrapper .range-charts .item .title-wrapper .title {
        font-size: 16px;
        line-height: 24px;
    }

    section.single-ticker-wrapper .wrapper .range-charts .item .title-wrapper .information {
        font-size: 16px;
        line-height: 24px;
    }

    section.single-ticker-wrapper .wrapper .top-comparison-wrapper .title {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    section.single-ticker-wrapper .wrapper .comparison-wrapper .title-wrapper {
        justify-content: center;
        margin-bottom: 24px;
    }

    section.single-ticker-wrapper .wrapper .comparison-wrapper .title-wrapper .title {
        font-size: 16px;
        line-height: 24px;
    }

    section.single-ticker-wrapper .wrapper .comparison-wrapper .navigation-button-wrapper .navigation {
        flex-direction: column;
    }

    section.single-ticker-wrapper .wrapper .comparison-form-wrapper .comparison-icon .icon {
        transform: rotate(-180deg);
    }

    section.single-ticker-wrapper .wrapper .recommended-wrapper .title {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    section.single-ticker-wrapper .wrapper .recommended-wrapper .navigation {
        display: flex;
        overflow: auto;
        padding-bottom: 10px;
        justify-content: flex-start;
    }

    section.single-ticker-wrapper .wrapper .recommended-wrapper .navigation .nav-link .logo {
        height: 18px;
    }

    section.single-ticker-wrapper .ticker-details {
        gap: 0;
        padding: 40px 0;
        overflow: auto;
    }

    section.single-ticker-wrapper .ticker-details .column {
        width: 100%;
    }

    section.single-ticker-wrapper .ticker-details .column .item:last-child {
        border-bottom: 1px solid #282832;
    }

    section.single-ticker-wrapper .ticker-details .column:last-child .item:last-child {
        border-bottom: none;
    }

    section.single-ticker-wrapper .chart-wrapper {
        margin-bottom: 0;
        gap: 0;
    }

    section.single-ticker-wrapper .chart-wrapper .title-wrapper .title {
        font-size: 16px;
        line-height: 24px;
    }

    section.single-ticker-wrapper .chart-wrapper .title-wrapper {
        justify-content: center;
    }

    section.single-ticker-wrapper .chart-wrapper .chart-details {
        margin-bottom: 24px;
        justify-content: center;
    }

    section.single-ticker-wrapper .chart-wrapper .chart-details .last-updated {
        font-size: 10px;
    }

    section.single-ticker-wrapper .chart-wrapper .chart-navigation {
        flex-direction: column;
    }

    section.single-ticker-wrapper .chart-wrapper .chart-navigation .navigation {
        margin-bottom: 20px;
    }

    section.single-ticker-wrapper .chart-wrapper .chart-navigation .navigation .nav-item {
        flex: 1 1 auto;
    }

    section.single-ticker-wrapper .chart-wrapper .chart-navigation .navigation .nav-item .nav-link {
        width: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 22px;
    }

    section.single-ticker-wrapper .chart-wrapper .chart-navigation .navigation:last-child {
        margin-left: initial;
    }

    footer.footer-wrapper .container .wrapper {
        flex-direction: column;
    }

    footer.footer-wrapper .copyrights {
        order: 3;
        text-align: center;
        font-size: 14px;
        line-height: 22px;
    }

    footer.footer-wrapper .main-navigation-wrapper {
        margin: 0 0 25px 0;
    }

    footer.footer-wrapper .main-navigation-wrapper .navigation .nav-item {
        margin-left: 0;
    }

    footer.footer-wrapper .main-navigation-wrapper .navigation .nav-link {
        font-size: 14px;
        line-height: 22px;
    }

    footer.footer-wrapper .navigation-wrapper.social-wrapper {
        margin-bottom: 25px;
    }

    footer.footer-wrapper .navigation-wrapper.social-wrapper .nav-item {
        margin-left: 0;
    }

    footer.footer-wrapper .navigation-wrapper.social-wrapper .nav-item .nav-link {
        color: #eeeeee;
        font-size: 14px;
        line-height: 22px;
    }

    footer.footer-wrapper .navigation {
        flex-direction: column;
    }

    footer.footer-wrapper header.header-wrapper {
        height: auto;
    }

    footer.footer-wrapper header.header-wrapper .settings-wrapper {
        width: 100%;
        border-top: 1px solid #333333;
        padding: 48px 0 0 0;
        margin-top: 48px;
    }

    footer.footer-wrapper header.header-wrapper .navigation {
        flex-direction: row !important;
        width: 100%;
        position: relative;
        justify-content: center;
    }

    footer.footer-wrapper header.header-wrapper .navigation .nav-item {
        margin-left: 0;
    }

    .not-found .title {
        font-size: 140px;
    }

    .native-wrapper .card .button .icon {
        width: 33px;
        height: 12px;
    }

    section.single-ticker-wrapper .wrapper .range-charts .item .title-wrapper {
        position: relative;
    }

    section.single-ticker-wrapper .ticker-details .column .item {
        position: relative;
    }

    .tooltip {
        position: initial;
    }

    section.single-ticker-wrapper .wrapper .range-charts .item .title-wrapper .information {
        position: initial;
    }

    .tooltip .content {
        left: 0;
        width: 100%;
        top: auto;
        margin: 0;
    }

    .comparison-result-wrapper .toggle-navigation .navigation {
        display: inline-flex;
        padding: 4px;
        border-radius: 4px;
        border: 1px solid #949298;
        gap: 4px;
    }

    .comparison-result-wrapper .toggle-navigation .navigation .nav-link {
        font-size: 14px;
        line-height: 20px;
        padding: 4px 8px;
        border-radius: 4px;
    }

    section.ranking-table-wrapper .table th:first-child {
        display: none;
    }

    section.ranking-table-wrapper .table tr td:first-child {
        display: none;
    }

    section.ranking-table-wrapper .row-name .details .ticker .rank {
        border-radius: 4px;
        background: #252D4A;
        color: #FFF;
        padding: 0 2px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 21px;
        height: 21px;
    }

    section.ranking-table-wrapper .row-name .details .ticker {
        display: flex;
        flex-direction: row;
        gap: 4px;
        align-items: center;
    }

    section.ranking-table-wrapper .section-title-wrapper .footer {
        flex-direction: column;
        gap: 16px;
    }

    .single-ticker-wrapper .ticker-content .right .stats .stats-item {
        width: calc(100% / 2);
    }

    .single-ticker-wrapper .ticker-content .right .stats .stats-item:last-child {
        width: 100%;
    }
}

@media only screen and (min-width: 500px) and (max-width: 1023px) {
    section.feed-wrapper .wrapper {
        justify-content: center;
    }

    section.feed-wrapper .list-wrapper {
        width: 100%;
        max-width: 550px;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item .favicon-wrapper {
        display: inline-block;
    }

    .comparison-form-wrapper .comparison-input {
        max-width: 550px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 920px) {
    .container {
        max-width: 550px;
    }

    section.comparison-wrapper .comparison-profitability-chart {
        max-width: 550px;
        margin: 0 auto;
    }

    .modal .modal-wrapper .modal-content {
        padding: 80px;
    }

}

@media only screen and (min-width: 921px) and (max-width: 1023px) {
    .container,
    .container.full-width {
        padding: 0 24px !important;
    }

    section.feed-wrapper .list-wrapper {
        width: 100%;
    }

    section.feed-wrapper .list-wrapper .navigation {
        max-width: 100%;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item .favicon-wrapper {
        display: inline-block !important;
    }

    .comparison-form-wrapper .navigation-button-wrapper, .comparison-result-wrapper .navigation-button-wrapper {
        position: relative;
        right: 0;
    }

    .comparison-form-wrapper .navigation-button-wrapper .navigation .nav-item, .comparison-result-wrapper .navigation-button-wrapper .navigation .nav-item {
        width: 100%;
    }

    .comparison-form-wrapper .navigation-button-wrapper .navigation .nav-item .nav-link.colored, .comparison-result-wrapper .navigation-button-wrapper .navigation .nav-item .nav-link.colored {
        width: 100%;
        min-width: 100%;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item .details .title {
        text-align: left;
        max-width: 100%;
        width: 100%;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item .details .value {
        justify-content: left;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item:last-child .details .title {
        text-align: right;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item:last-child .details .value {
        justify-content: right;
    }

    section.ranking-table-wrapper .ranking-table-details {
        flex-direction: column;
    }

    section.ranking-table-wrapper .ranking-table-details .total {
        order: 1;
        margin: 0 auto 20px auto;
    }

    section.ranking-table-wrapper .ranking-table-details .pagination-wrapper {
        order: 3;
    }
}

@media only screen and (min-width: 921px) and (max-width: 1295px) {

    footer.footer-wrapper .container .wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    footer.footer-wrapper .copyrights {
        order: 3;
        margin-top: 24px;
    }

    footer.footer-wrapper .main-navigation-wrapper {
        margin: 0 24px 0 0;
    }
}

@media only screen and (max-width: 1200px) {
    .mobile-navigation {
        display: flex !important;
    }

    .desktop-navigation {
        display: none !important;
    }

    header.header-wrapper .navigation .nav-item {
        position: initial;
    }

    header.header-wrapper .navigation .nav-item .nav-link.menu-icon:after {
        content: none;
    }

    header.header-wrapper .navigation .dropdown-wrapper {
        min-width: 100%;
        width: 100%;
        top: 44px;
        transform: translateY(0) scale(1) translateX(0);
        -moz-transform: translateY(0) scale(1) translateX(0);
        -webkit-transform: translateY(0) scale(1) translateX(0);
        -o-transform: translateY(0) scale(1) translateX(0);
        border-radius: 0;
    }

    .dropdown-container .dropdown-wrapper {
        transform: translateY(-20px) scale(1) translateX(0);
        -moz-transform: translateY(-20px) scale(1) translateX(0);
        -webkit-transform: translateY(-20px) scale(1) translateX(0);
        -o-transform: translateY(-20px) scale(1) translateX(0);
        left: 0;
    }

    .dropdown-container .dropdown-wrapper.show {
        transform: translateY(0) scale(1) translateX(0);
        -moz-transform: translateY(0) scale(1) translateX(0);
        -webkit-transform: translateY(0) scale(1) translateX(0);
        -o-transform: translateY(0) scale(1) translateX(0);
        left: 0;
    }

    header.header-wrapper .navigation .dropdown-wrapper .dropdown-menu {
        padding: 0;
    }

    header.header-wrapper .navigation .dropdown-wrapper .dropdown-menu .nav-link {
        padding: 15px 0;
    }

    header.header-wrapper .navigation .dropdown-wrapper .dropdown-menu .nav-item {
        border-bottom: 1px solid #37354f;
        margin: 0;
    }

    header.header-wrapper .navigation .dropdown-wrapper .dropdown-menu .nav-item:last-child {
        border-bottom: none;
    }

    header.header-wrapper .navigation .nav-link.has-label:after,
    header.header-wrapper .navigation .nav-link.dropdown.has-label-dropdown:before {
        margin-top: initial;
    }

    .comparison-form-wrapper.crypto-and-stock-page .comparison-input .search-input {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 500px) {
    section.comparison-wrapper .section-message-new-features .title,
    section.comparison-wrapper .section-message-new-features .description {
        font-size: 14px;
    }

    section.comparison-wrapper .section-message-new-features {
        padding: 10px;
    }

}

@media only screen and (min-width: 921px) {
    .crypto_calculator_wrapper {
        flex-direction: row;
    }

    .crypto_calculator_wrapper .crypto_calculator_left, .crypto_calculator_wrapper .crypto_calculator_right {
        width: 50%;
    }

    .single-ticker-wrapper .ticker-content .left .tooltip .content {
        right: 0;
        left: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .crypto_calculator_wrapper .crypto_calculator_left .crypto_calculator_content .comparison-result-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px
    }

    .crypto_calculator_wrapper .crypto_calculator_left .crypto_calculator_content .comparison-result-wrapper .input-outer {
        width: calc(calc(100% - 16px) / 2);
    }

    .crypto_calculator_wrapper .crypto_calculator_left .crypto_calculator_content .comparison-result-wrapper .input-outer:first-child {
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .hypebar .hypebar-aside .title-wrapper .title {
        display: none;
    }

    .hypebar .hypebar-aside {
        padding: 0 16px;
    }
}

@media only screen and (min-width: 375px) {
    .single-ticker-wrapper .ticker-content .right .comparison-wrapper .comparison-content .comparison-form-wrapper.single-ticker {
        padding: 24px;
    }

    section.feed-wrapper .wrapper {
        max-width: 338px;
        width: 100%;
        margin: 0 auto;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item .details .title {
        width: 120px;
    }

    section.feed-wrapper .wrapper .list-wrapper .navigation .nav-item .nav-link .item:last-child .details .title {
        margin-left: auto;
    }

    .pills-mobile-wrapper .pill.hidden {
        display: block;
    }

    .pills-mobile-wrapper .pill.hidden ~ .pill.hidden {
        display: none;
    }

    .pills-mobile-wrapper .submenu .pill:first-child {
        display: none;
    }
}

@media only screen and (min-width: 500px) {
    .pills-mobile-wrapper .pill.hidden ~ .pill.hidden {
        display: block;
    }

    .pills-mobile-wrapper .submenu .pill:nth-child(2) {
        display: none;
    }

    section.feed-wrapper .wrapper {
        max-width: initial;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item .details .title {
        max-width: 142px;
    }
}

@media only screen and (min-width: 921px) {
    section.content-wrapper.page-wrapper .container .legal {
        flex-direction: row;
        gap: 30px;
    }

    section.comparison-wrapper .comparison-profitability-chart .card {
        max-width: 425px;
    }

    .single-ticker-wrapper .ticker-content {
        flex-direction: row;
    }

    .single-ticker-wrapper .ticker-content .left {
        min-width: 220px;
        width: 220px;
    }

    .single-ticker-wrapper .ticker-content .left.crypto {
        min-width: 268px;
        width: 268px;
    }

    .comparison-result-wrapper.bg {
        flex-direction: row;
    }

    .comparison-result-wrapper.bg > div {
        width: calc(100% / 2);
        max-width: 352px;
    }

    .comparison-result-wrapper.ticker-page > div {
        max-width: 100%;
        width: 100%;
    }

    .comparison-form-wrapper .navigation-button-wrapper .navigation, .comparison-result-wrapper .navigation-button-wrapper .navigation {
        flex-direction: row;
    }

    .comparison-result-wrapper .navigation-button-wrapper.navigation-button-wrapper-estimated .navigation .nav-item {
        flex: 0;
    }

    .comparison-result-wrapper .navigation-button-wrapper.navigation-button-wrapper-estimated .navigation .nav-item:first-child {
        flex: 1;
    }

    .comparison-result-wrapper .navigation-button-wrapper.navigation-button-wrapper-estimated .navigation .nav-item .nav-link {
        width: 48px;
        min-width: 48px;
    }

    .navigation-text-hidden-desktop {
        display: none;
    }

    .comparison-result-wrapper .difference-wrapper .chart-line-wrapper .item .market-cap-entity {
        display: block;
    }

    .comparison-result-wrapper .difference-wrapper .chart-line-wrapper .item .market-cap-entity.show-mobile {
        display: none;
    }

    .comparison-result-wrapper .difference-wrapper {
        display: block;
    }

    .comparison-result-wrapper .difference-wrapper.show-mobile {
        display: none;
    }

    header.header-wrapper {
        height: 64px;
    }

    .comparison-result-wrapper.multiple-results table tr th {
        min-width: initial;
    }

    .comparison-result-wrapper.multiple-results table tr td {
        min-width: initial;
    }

    header.header-wrapper .container {
        gap: 0;
        justify-content: space-between;
    }

    header.header-wrapper .container .header-right {
        margin-right: 32px;
    }

    header.header-wrapper .container .header-right .advertise.has-label {
        display: flex;
    }

    header.header-wrapper .container .header-right .search-wrapper {
        display: flex;
    }

    header.header-wrapper .container .search-mobile {
        display: none
    }

    header.header-wrapper .container .header-right .settings-wrapper {
        position: relative;
    }

    header.header-wrapper .container .header-right .settings-sub-menu {
        left: auto;
        max-width: 300px;
        width: 300px;
        top: 51px;
        transform: translateY(0) scale(1) translateX(0);
    }

    section.comparison-wrapper, section.ranking-table-wrapper, section.single-ticker-wrapper {
        margin: 56px auto 64px auto;
    }

    section.single-ticker-wrapper {
        margin-top: 0;
        margin-bottom: 0;
    }

    section.comparison-wrapper .section-title-wrapper .title {
        font-size: 28px;
        font-weight: 700;
        line-height: 42px;
    }

    .comparison-form-wrapper {
        gap: 48px;
    }

    section.feed-wrapper .wrapper {
        flex-direction: row;
        max-width: initial;
        margin: 0;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link .item .details .title {
        max-width: 130px;
        width: 130px;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link {
        padding: 16px;
        gap: 13px;
    }

    footer .footer-inner {
        gap: initial;
    }

    footer .footer-inner .navigation {
        width: initial;
    }

    .single-ticker-wrapper .ticker-content .left .pills-wrapper {
        display: flex;
    }

    .single-ticker-wrapper .ticker-content .left .pills-wrapper .pills-hidden {
        display: none;
    }

    .single-ticker-wrapper .ticker-content .left .pills-wrapper .pills-hidden .pill {
        margin-bottom: 4px;
    }

    .single-ticker-wrapper .ticker-content .left .pills-wrapper .toggle-pills .icon {
        transition: all .2s ease-in-out;
    }

    .single-ticker-wrapper .ticker-content .left .pills-wrapper .toggle-pills .icon.active {
        transform: rotate(180deg);
        transition: all .2s ease-in-out;
    }

    .single-ticker-wrapper .ticker-content .right {
        padding-left: 32px;
        padding-top: 48px;
        border-left: 1px solid #262E48;
    }

    .single-ticker-wrapper .ticker-content {
        gap: 32px;
    }

    .single-ticker-wrapper .ticker-content .right .comparison-wrapper {
        padding-bottom: 32px;
        border-bottom: 1px solid #262E48;
    }

    .pills-mobile-wrapper {
        display: none;
    }

    .single-ticker-wrapper .ticker-content .right .comparison-wrapper .comparison-content .comparison-result-wrapper {
        max-width: 100%;
    }

    .comparison-wrapper.roi-calculator .comparison-form-wrapper .search-input {
        width: 344px;
    }

    section.content-wrapper.page-wrapper .container .legal {
        padding-top: 64px;
    }

    section.content-wrapper.page-wrapper .container .legal .navigation-wrapper {
        width: 220px;
    }

    .single-ticker-wrapper .ticker-content .right .stats .stats-item {
        width: calc(100% / 2);
        align-items: center;
    }

    .single-ticker-wrapper .ticker-content .right .stats .stats-item:last-child {
        width: 100%;
    }

    .single-ticker-wrapper .ticker-content .left .pills .pill-link {
        height: 40px;
    }

    header.header-wrapper .container .search-wrapper {
        width: 280px;
        display: flex;
        justify-content: flex-end;
    }

    header.header-wrapper .container .search-wrapper > .dropdown {
        width: 200px;
        transition: width 0.3s ease;
    }

    header.header-wrapper .container .search-wrapper > .dropdown.show {
        width: 280px;
    }
    section.content-wrapper.page-wrapper .container .legal .wrapper{
        width: calc(100% - 252px);
    }
}

@media only screen and (min-width: 1200px) {
    .single-ticker-wrapper .ticker-content .right .stats {
        justify-content: center;
        flex-wrap: nowrap;
    }

    .single-ticker-wrapper .ticker-content .right .stats .stats-item {
        padding: 16px;
        min-width: calc(100% / 5);
        width: auto;
        border: 1px solid #262E48;
        border-right: none;
        flex: auto;
    }

    .single-ticker-wrapper .ticker-content .right .stats .stats-item:last-child {
        border-right: 1px solid #262E48;
        width: initial;
        border-radius: 0 6px 6px 0;
    }

    .single-ticker-wrapper .ticker-content .right .stats .stats-item:first-child {
        border-radius: 6px 0 0 6px;
    }

    .single-ticker-wrapper .ticker-content .right .stats .stats-item:nth-child(even) {
        border-right: none;
    }

    .single-ticker-wrapper .ticker-content .right .comparison-wrapper .comparison-result-wrapper .image-empty {
        padding: 0;
    }

    .single-ticker-wrapper .ticker-content .right .comparison-wrapper .comparison-content .comparison-result-wrapper {
        border: 1px solid #262E48;
        border-left: none;
    }

    .single-ticker-wrapper .ticker-content .right .comparison-wrapper .comparison-content .comparison-form-wrapper.single-ticker {
        border: 1px solid #262E48;
    }

    .single-ticker-wrapper .ticker-content .right .comparison-wrapper .comparison-content {
        flex-direction: row;
        align-items: stretch;
    }

    header.header-wrapper .container .header-right {
        margin-right: 0;
    }

    section.feed-wrapper .list-wrapper .navigation .nav-item .nav-link {
        padding: 16px 74px;
        gap: 48px;
    }

    .crypto_calculator_wrapper .crypto_calculator_left .crypto_calculator_content .comparison-result-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px
    }

    .crypto_calculator_wrapper .crypto_calculator_left .crypto_calculator_content .comparison-result-wrapper .input-outer {
        width: calc(calc(100% - 16px) / 2);
    }

    .crypto_calculator_wrapper .crypto_calculator_left .crypto_calculator_content .comparison-result-wrapper .input-outer:first-child {
        width: 100%;
    }

    .single-ticker-wrapper .ticker-content .right .comparison-wrapper .comparison-content .comparison-result-wrapper {
        border-left: none;
        border-radius: 0 6px 6px 0;
    }

    .single-ticker-wrapper .ticker-content .right .comparison-wrapper .comparison-content .comparison-form-wrapper.single-ticker {
        border-radius: 6px 0 0 6px;
    }

    section.comparison-wrapper .section-title-wrapper .title {
        font-size: 36px;
        font-weight: 600;
        line-height: 54px;
    }

}