/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1400px) {
    .container{
        max-width: 1398px;
    }
}

@media (min-width: 1300px) and (max-width: 1399px){
    .bitcoin-head { max-width: 720px; padding: 42px 24px; }
}

@media (min-width: 1200px) and (max-width: 1299px){
    .bitcoin-head { max-width: 720px; padding: 42px 24px; }
}

@media (min-width: 992px) and  (max-width: 1199px){


    .bitcoin-head { max-width: 600px; padding: 42px 18px; margin: 0 18px 0 0; }
    .time-line .content-detail { padding: 6px; border-radius: 6px; }
    .time-frame { padding: 12px;}
    .tab-content {margin: 16px 0 0 0; }
    .amount .tag-title { margin: 0 0 12px 0; }
    .execute-btn .btn { padding: 12px 30px; }
    .bitcoin-button .green-btn { max-width: 166px; }
    .bitcoin-button .red-btn {max-width: 175px; }
    .tradingview-widget-container  { height: 400px !important; }
}

@media (max-width: 991px) {
    /* button-start */

    button.navbar-toggler { border: none; }
    .navbar-toggler { right: 0; top: 0; }
    .navbar-toggler { border: none; background-color: transparent; position: relative; z-index: 9999; right: 0; } 
    .navbar-collapse { position: fixed; top: 0; right: -100%; max-width: 100%; width: 100%; bottom: 0; height: 100%; overflow: auto; background-color: #000; transition: 0.5s; z-index: 9; display: flex ; flex-direction: column; justify-content: center; align-items: center; }
    .navbar-collapse.show { right: 0; height: auto; }
    .navbar-collapse.show::before { right: 0; }
    .navbar-collapse::before { content: ""; position: fixed; width: 100%; height: 80px; top: 0; right: -100%; background-color: #000; transition: 0.5s; z-index: 9; }
    .navbar .navbar-nav { align-items: center; position: relative; top: 80px; }
    .header .navbar-nav .nav-item:first-child { padding-left: 0; }
    .navbar-toggler span { background-color: #fff; background-image: none; width: 25px; height: 2px; display: block; margin-bottom: 5px; transition: 0.5s; position: relative; }
    .navbar-toggler.open span:first-child { top: 5px; transform: rotate(45deg); }
    .navbar-toggler.open span:nth-child(2) { display: none; }
    .navbar-toggler.open span:last-child { top: -2px; transform: rotate(-45deg); }
    .navbar-toggler:focus { box-shadow: none; }

    /* button-end */

    .container { max-width: 100%; }
    .navbar-expand-lg .navbar-nav .nav-link { margin: 0 0 40px 0; }
    .header-btn .btn { font-size: 18px; padding: 20px 30px; }
    .navbar-nav .nav-link { font-size: 24px; }
    .bitcoin-main .row { align-items: center; }
    .bitcoin-head { margin: 0 0 24px 0; }
    .bicoin-details { margin: 0 auto; max-width: 450px; }
    .bitcoin-tab { margin: 0 auto; }

}

@media (min-width: 768px) and (max-width: 991px){
}

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

@media (max-width: 767px) {
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
    .form-group .form-control { width: 265px; }
}

@media (max-width: 340px) {
    .country-money-dropdown .dropdown-menu { min-width: 260px; }
}

@media (min-width: 240px) and (max-width: 575px){

    .bitcoin-head-inner {flex-direction: column;  align-items: normal; gap: 18px;}
    .form-group .form-control { width: 100%; }
    .bitcoin-head { padding: 12px;}
    .tradingview-widget-container  { height: 360px !important; }
}