/*@media (max-width:1760px) {  

    .time-segment {
        min-width: 200px;
    }

        .time-segment canvas {
            width: 200px;
        }
}*/

@media (max-width: 1599px) {
    .mining-summary-section {
        max-width: 400px;
    }
}

/*@media (max-width: 1540px) {
    .time-segment {
        min-width: 180px;
    }

        .time-segment canvas {
            width: 180px;
        }
}*/

@media (max-width: 1499px) {

    #mining-calculator-inputs .calc-input-section {
        width: 46%;
    }

    .mining-summary-section {
        max-width: initial;
        width: 100%;
    }
}

@media (max-width: 1400px) {
    nav.main-nav ul li {
        margin: 6px 20px 0px 0px;
    }

    h1.page-title {
        font-size: 40px;
    }
}

@media (max-width: 1399px) {
    .calc-input-section-50 {
        width: 100%;
    }

    .flex-container {
        display: block;
    }

    .flex-50 {
        width: auto;
    }

    a.calc-link {
        font-size: 15px;
    }

    .chart-wrapper {
        margin-bottom: 60px;
    }
}

@media (max-width:1320px) {
    #right-col {
        display: none;
        width: 0px;
    }

    #left-col {
        width: calc((100%) - (20px));
    }

    /*.time-segment {       
        min-width: 200px;
    }

        .time-segment canvas {
            width: 200px;
        }*/
}


@media (max-width: 1199px) {


    nav.main-nav ul li {
        margin: 8px 12px 0px 0px;
        font-size: 14px;
    }

    #mining-calculator-inputs .calc-input-section {
        width: 100%;
    }

    .chart-wrapper {
        margin-bottom: 160px;
    }

    nav ul li a, nav ul li.dropdown div.dropdown-menu, #coin-menu ul li a {
        font-size: 14px;
    }

    #coin-menu ul li {
        width: 100px;
    }


        #coin-menu ul li a {
            display: inline-block;
            width: 100px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 4px;
        }

    header {
        clear: both; /* Clear the float on the last li */
    }


#menu-list {
    clear: both;
}

}


@media (max-width: 1079px) {
    nav.main-nav ul li {
        margin: 8px 8px 0px 0px;
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .diffStat3, .diffStat2 {
        width: 100%;
        margin-bottom: 20px;
    }

    h1.page-title {
        font-size: 36px;
    }

    img.coin-img {
        height: 36px !important;
        width: auto !important;
        margin-top: -14px;
        position: relative;
    }
}

@media (max-width: 1009px) {



    nav .logo-container {
        float: none;
        padding-top: 17px;
        margin-top: 0px;
        padding-bottom: 9px;
    }

        nav .logo-container:after {
            clear: both;
        }

    nav.main-nav {
        height: auto;
    }

        nav.main-nav ul {
            display: none;
            height: auto;
            float: none;
            padding-bottom: 20px;
            margin-left: 0px;
        }

            nav.main-nav ul li {
                float: none;
                padding: 10px;
                font-size: 18px;
            }

    nav.main-nav-white {
        height: auto;
    }

        nav.main-nav-white ul {
            display: none;
            height: auto;
            float: none;
            padding-bottom: 20px;
            margin-left: 0px;
        }

            nav.main-nav-white ul li {
                float: none;
                padding: 10px;
                font-size: 18px;
            }

    nav ul li.mobile-menu {
        display: block;
    }

    nav ul li.dropdown {
        display: none;
    }

    nav.main-nav-white ul li.mobile-menu {
        display: block;
    }

    nav.main-nav-white ul li.dropdown {
        display: none;
    }


    #main-menu, #coin-menu-collapse {
        display: inline-block;
        margin-top: -8px;
    }

    #coin-links {
        display: none;
    }

    #coin-menu ul li {
        display: block;
        margin: 10px 0px;
        padding: 10px 0px;
    }

    .miner-info h3 {
        font-size: 28px;
    }

    #coin-menu ul li {
        width: auto;
    }

        #coin-menu ul li a {
            display: inherit;
            width: auto;
            white-space: normal;
            overflow: unset;
            text-overflow: unset;
        }
}



/*MAX WIDTH*/
@media (max-width: 999px) {

    .miner-info h3 {
        font-size: 24px;
    }


    .chart-wrapper {
        margin-bottom: 200px;
    }

    .time-segment {
        width: 50%;
    }

    h1.page-title {
        font-size: 32px;
    }

    img.coin-img {
        height: 32px !important;
        width: auto !important;
        margin-top: -12px;
        position: relative;
    }
}

@media (max-width: 899px) {
    .calc-output-right {
        width: calc((100%) - (80px));
        float: left;
    }

        .calc-output-right div div.mining-stats span.mining-reward {
            font-size: 24px !important;
        }

        .calc-output-right div div.mining-revenue span {
            font-size: 16px;
            font-weight: 600;
        }

        .calc-output-right .mining-revenue {
            height: 140px;
        }
}

@media (max-width: 827px) {

    .ad-300x600 {
        display: none;
    }

    .navbar-toggler {
        display: block;
    }

    .col-2-left {
        float: none;
        width: auto;
        margin: 0px;
    }

    .col-2-right {
        padding: 10px;
    }

    .sub-nav {
        display: none;
    }

    .mining-summary {
        /*padding: 10px 10px 0px 10px;*/
        display: block;
        min-width: 340px;
    }

    .mining-summary-section {
        width: 90%;
    }

        .mining-summary-section h3 {
            font-size: 17px;
        }

    h1 {
        font-size: 38px;
    }

    .mining-summary h2.section-title {
        font-size: 34px;
    }

    .font-48 {
        font-size: 38px;
    }

    .font-38 {
        font-size: 28px;
    }

    .font-32 {
        font-size: 28px;
    }

    .font-28 {
        font-size: 18px;
    }

    .font-24 {
        font-size: 18px;
    }

    .font-22 {
        font-size: 18px;
    }

    .font-20 {
        font-size: 18px;
    }

    .font-18 {
        font-size: 16px;
    }

    h1.page-title {
        font-size: 28px;
    }

    img.coin-img {
        height: 28px !important;
        width: auto !important;
        margin-top: -10px;
        position: relative;
    }

    .scrollTop {
        font-size: 16px;
        right: 20px;
        bottom: 70px;
        background-size: contain;
        width: 40px;
        height: 45px;
    }

    .mining-rev-section strong {
        font-size: 14px;
    }

    footer .footer-section {
        width: 100%;
        float: none;
    }

    .well {
        padding: 10px;
    }

    /*#cryptocurrency-menu-bg {
            height: 50px;
        }

        #cryptocurrency-menu-list {
            display: none;
        }*/
    a.buy-sell {
        padding: 6px;
    }

    .ad-horizonal-728, .sponsored-ad-728 {
        display: none;
    }

    .sponsored-ad-728-300 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ad-horizonal-728-300 {
        height: 100px;
        margin: 20px auto 10px auto;
        max-width: 320px;
        text-align: center;
        overflow: hidden;
    }

    .sponsored-ad-970-250 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ad-horizonal-970-250 {
        height: 100px;
        margin: 20px auto 10px auto;
        max-width: 320px;
        text-align: center;
        overflow: hidden;
    }

    .sponsored-ad-320-50 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ad-horizonal-320-50 {
        height: 50px;
        margin: 20px auto 10px auto;
        max-width: 320px;
        text-align: center;
        overflow: hidden;
    }

    .miner-image {
        float: none;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }



    .miner-info {
        width: 100%;
        margin-left: 0px;
    }

        .miner-info h3 {
            font-size: 24px;
        }

    .chart-wrapper {
        margin-bottom: 240px;
    }
}

@media (max-width: 750px) {
    .chart-wrapper {
        margin-bottom: 260px;
    }
}

@media (max-width: 650px) {
    .chart-wrapper {
        margin-bottom: 300px;
    }

    #btc-halving-2020 {
        display: none;
    }
}

@media (max-width: 550px) {
    .chart-wrapper {
        margin-bottom: 340px;
    }
}

@media (max-width: 450px) {
    .chart-wrapper {
        margin-bottom: 380px;
    }

    .calc-output-right {
        width: 300px;
    }

    h1.page-title {
        font-size: 25px;
    }

    .mining-hardware-by-coin {
        width: 250px;
        float: left;
        margin-right: 24px;
        margin-bottom: 30px;
        background-color: #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        box-shadow: 0px 1px 3px 0px #bbb;
    }

        .mining-hardware-by-coin .mh-header {
            width: 230px;
        }

        .mining-hardware-by-coin .mh-img img {
            width: 250px;
            height: auto;
        }

    .img-hardware {
        width: 32px !important;
        height: auto !important;
    }
}


@media (max-width: 400px) {
    .mining-summary {
        /*padding: 10px 10px 0px 10px;*/
        display: block;
        min-width: 320px;
    }

    .mining-summary-section {
        padding: 10px;
        width: 320px;
        margin-bottom: 20px;
    }

    .mining-rev-section strong {
        font-size: 13px;
    }

    .mining-summary h2.section-title {
        font-size: 32px;
    }

    #mining-calculator-inputs .calc-input-section {
        max-width: 320px;
    }

    .range {
        width: calc((100%) - (40px));
    }

    .range-container {
        width: 100%;
    }

    .chart-wrapper {
        margin-bottom: 400px;
    }

    #cryptocurrency-menu-list ul li {
        display: block;
    }

    h1.page-title {
        font-size: 24px;
    }

    img.coin-img {
        height: 24px !important;
        width: auto !important;
        margin-top: -8px;
        position: relative;
    }
}

@media (max-width: 380px) {
    h1.page-title {
        font-size: 22px;
        margin: 20px 0px;
    }
}

@media (max-width: 359px) {

    .mining-summary-section {
        width: 300px;
    }

    .chart-wrapper {
        margin-bottom: 420px;
    }

    h1.page-title {
        font-size: 17px;
        margin: 20px 0px;
    }
}



/*MIN WIDTH
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
     #move-container {
        display: block;
    }
}*/

@media (min-width: 300px) {
}

@media (min-width: 828px) {
    html {
        font-size: 16px;
    }
}


@media (min-width: 1040px) {
    .container {
        max-width: 980px;
    }
}

@media (min-width: 1080px) {
    .container {
        max-width: 1000px;
    }
}


@media (min-width: 1200px) {

    .container {
        max-width: 1120px;
    }
}

@media (min-width: 1300px) {

    .container {
        max-width: 1180px;
    }
}


@media (min-width: 1400px) {

    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1500px) {

    .container {
        max-width: 1380px;
    }
}


@media (min-width: 1600px) {

    .container {
        max-width: 1480px;
    }
}


/*table*/
/*.calc-table {
    margin: 1em 0;
    min-width: 300px;
}

.calc-table tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}*/

.calc-table th {
    display: none;
}

.calc-table td {
    display: block;
}

    .calc-table td:first-child {
        padding-top: .5em;
    }

    .calc-table td:last-child {
        padding-bottom: .5em;
    }

    .calc-table td:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        width: 6.5em;
        display: inline-block;
    }

@media (min-width: 480px) {
    .calc-table td:before {
        display: none;
    }
}

.calc-table th, .calc-table td {
    text-align: left;
}

@media (min-width: 480px) {
    .calc-table th, .calc-table td {
        display: table-cell;
        padding: .25em .5em;
    }

        .calc-table th:first-child, .calc-table td:first-child {
            padding-left: 0;
        }

        .calc-table th:last-child, .calc-table td:last-child {
            padding-right: 0;
        }
}

.calc-table {
    overflow: hidden;
}

    .calc-table tr {
    }

    .calc-table th, .calc-table td {
        margin: .5em 1em;
    }

@media (min-width: 480px) {
    .calc-table th, .calc-table td {
        padding: 1em !important;
    }
}




@media (max-width: 1023px) {
    .asset-container {
        display: block;
    }

        .asset-container .col1, .asset-container .col2 {
            width: auto;
        }
}

@media (max-width: 599px) {
    .asset-name h2 {
        font-size: 44px;
        line-height: 38px;
    }

    .asset-price .price {
        font-size: 54px;
    }
}

@media (max-width: 449px) {
    .asset-logo img {
        width: 48px;
        height: auto;
    }

    .asset-name h2 {
        font-size: 38px;
        line-height: 26px;
    }

    .asset-price .price-amt {
        font-size: 40px;
    }

    .asset-price .change {
        font-size: 14px;
    }

    .asset-price .change-percent {
        font-size: 14px;
    }

    .asset-stat-time {
        font-size: 12px;
    }
}