@media (max-width: 1400px) {

    .wastage-box .h-5{height: 75px;}

    .container{max-width: 100% !important;}

   
    
}

@media (max-width: 991px) {

    .side-bar{left: -100% !important; z-index: -1;}

    .warpper-tabs .tabs .nav{display: flex; flex-flow: row !important; overflow-x: auto;}

    .warpper-tabs .tabs .nav-pills .nav-item{width: 100% !important; padding-bottom: 15px;}

    .warpper-tabs .tabs .nav .nav-item{display: block; width: 100%; white-space: nowrap;}

    .wastage-box .h-5{height: auto;}

    .warpper-tabs .tabs .nav-pills .nav-link{ width: 100% !important;}

}