
/* INDEX */

.goldbroker{
    background-color:#000000d6;
    margin-top:50px;
    margin-bottom:50px;
    padding:20px;
}
.time_wrapper{
    background-color: #fefcf7; 
    margin: 20px 0; 
    padding: 30px 0; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
/* Tablets and smaller devices */
@media (max-width: 992px) {
    /* Adjust tablet and smaller laptop layouts */
    .time_wrapper{ 
        padding: 30px 32px;  
    }
}

/* Tablets and mobile phones */
@media (max-width: 768px) {
    /* Adjust columns, spacing and font sizes */
    .time-section-wrapper { 
        flex-direction: row !important; 
    }
    .dropdown-time-wrapper { 
        flex-direction: row !important; 
        flex-wrap: nowrap !important; 
    }
}

/* Mobile phones */
@media (max-width: 576px) {
    /* Adjust cards, headings and navigation */
    .time-section-wrapper { 
        flex-direction: column !important; 
    }
    .dropdown-time-wrapper { 
        flex-direction: column !important; 
        flex-wrap: wrap  ; 
    }
    .time_wrapper{ 
        padding: 20px 0;  
        margin-left: -3%;
    }
}

/* Small mobile phones */
@media (max-width: 480px) {
    /* Fine-tune small-screen layouts */
    
    .time_wrapper{ 
        padding: 20px 0;  
        margin-left: -3%;
    }
}
