body{
        background-color: #f6f7f9;
	overflow-x: hidden;
        }

    .navbar-band {
        width           : 100vw;
        background-color: #85BB65; /*#212c36;*/
        position        : relative;
        left            : 50%;
        right           : 50%;
        margin-left     : -50vw;
        margin-right    : -50vw;
        z-index         : 1000;
        }
        
    .navbar-max-width{
        max-width   : 1366px;
        margin-left : auto;
        margin-right: auto;
        }
        
    .navbar {
        background-color: transparent;
        padding : 0.7rem 1rem;
        }
        
    .navbar-brand span {
        color: #fff;
        font-weight     : bold;
        font-size       : 1.7rem;
        letter-spacing  : 1px;
        }
        
    .navbar-brand {
        font-weight : 600;
        font-size   : 1.3rem;
        }
        
    .navbar-nav .nav-link {
        color           : #fff !important;
        font-weight     : 500;
        letter-spacing  : .5px;
        }
        
   .nav-item:hover{
        background-color: #006D4A;
        }
        
    .navbar-nav .active {
        background-color: #006D4A;
        border-radius   : 2px;
        }
        
    .dropdown-menu {
        background-color: #85BB65;;
        border          : none;
        min-width       : 250px;
        padding         : 0.5rem 0;
        }
        
    .dropdown-item {
        color       : #fff !important;
        font-weight : 500;
        padding     : 0.5rem 1.2rem;
        transition  : background 0.2s;
        }
        
    .dropdown-item:hover, .dropdown-item:focus{
        background-color: #006D4A;
        color           : #b6ff00 !important;
        }
        
    .container-24{
        max-width   : 1400px;
        margin      : 0 auto;
        display     : grid;
        grid-template-columns: repeat(24, 1fr);
        grid-gap    : 24px;
        }
        
    .card {
        border          : none;
        border-radius   : 8px;
        box-shadow      : 0 2px 6px rgba(120,130,140,0.08);
        height          : 100%;
        }
    
    .price-main {
        font-size   : 2.1rem;
        font-weight : 600;
        color       : #212c36;
    }
    
    .price-change {
        font-size   : 1.3rem;
        font-weight : 500;
        color       : #19c37d;
    }
    
    .price-percent {
        font-size   : 1.2rem;
        color       : #19c37d;
        }

    .price-down {
        color       : #e53935;			
        }

    .price-up {
        color       : #19c37d;
        }

    .flag-icon{
        font-size       : 1.1rem;
        margin-right    : 7px;
        vertical-align  : middle;
        }
        
    .exchange_price_up {
        font-size   :1rem;
        text-align  :right;
        color       :#19c37d;
        }               

    .exchange_price_down {
        font-size   :1rem;
        text-align  :right;
        color       : #e53935;	
        }        
        
    @media (max-width: 1366px) {
        .container-24{
            max-width: 95vw;            
            margin      : 0 auto;
            display     : grid;
            grid-template-columns: repeat(24, 1fr);
            grid-gap    : 24px;

            }
        }
    
    @media (max-width: 991px) {
        .container-24{
            grid-template-columns: 1fr;
            }
        
        .price-main{
            font-size: 1.4rem;
            }
            
        .price-change, .price-percent{
            font-size: 1rem;
            }
        }

    @media (max-width: 450px) {
        .container-24{
            grid-template-columns: 1fr;
            }
            
        .container-6{
            grid-template-columns: 1fr;
            border: 1px solid red;
                        margin      : 0 auto;
            display     : grid;
            grid-template-columns: repeat(24, 1fr);
            grid-gap    : 24px;
            }
        .price-main{
            font-size: 1.4rem;
            }
            
        .price-change, .price-percent{
            font-size: 1rem;
            }
        }    
        
    .currency-label{
        font-size :0.7rem;
        font-weight:bold;
    }
    .platinum_price_up {
        font-size   :1rem;
        text-align  :right;
        color       :#19c37d;
        }               
    .platinum_price_down {
        font-size   :1rem;
        text-align  :right;
        color: #e53935;	
        }
    .history_price_up {
        font-size   :1rem;
        text-align  :left;
        color       :#19c37d;
        }               
    .history_price_down {
        font-size   :1rem;
        text-align  :left;
        color: #e53935;	
        }
    .gold_silver_big_price_up {
        font-size   :1.5rem;
        text-align  :right;
        color       :#19c37d;
        }  
    .gold_silver_big_price_down {
        font-size   : 1.5rem;
        text-align  : right;
        color       : #e53935;	
        }
    .greenClockIcon{
        background-position: 0 -18px;       
    }
    .redClockIcon{
        background-position: 0 -36px;       
    }
    .greenClockIcon,.redClockIcon{
        background-image:url("../../assets/images/openclose.png");
        display         :inline-block;
        width           :15px;
        height          :15px
    }