body .burger-close{display: none; color: #fff;text-align: center;background-color: #a90b0b;padding: 10px;cursor: pointer; font-weight: bold;}
body .collapse:not(.show) {display: block;}
body .list-packages .col-sm-10{padding-left: 15px;max-width:unset;}
body .list-packages .col-sm-2{padding-right: 0; width: 320px;max-width:unset;}
body .list-packages .row{display: inline-block; width: 100%; margin-left: -15px; margin-right: -15px;}
body .main .top-row.auth{justify-content: right;}
body .list-packages .dev-grid-col-UUID .doc-items {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}

@media screen and (max-width: 1230px) {  
  body .sidebar-mob {display: none;}
  body .sidebar-mob.sidebar-expanded{display: block; position: absolute; z-index:500;}
  body .burger-icon {width: 30px;height: 25px;background-image: url(burger-icon.png);position: absolute;left: 31px; cursor: pointer;}
  body .burger-close{display: block;}
  body .navbar-dark{display: none;} 
  body .top-row{font-size: 11px;}
  body .top-row button.btn{font-size: 11px;}
  body .top-row environment{display: none;}
  body .main .top-row > a, 
  body .main .top-row .btn-link{margin-left: 4px;}
  body .list-packages button.btn{font-size:11px;padding:6px;line-height:6px;vertical-align:top;margin-top:1px;}
  body .top-row.auth .user-name-info{display: none;}
  body .list-packages .table-responsive-md{display: table;}
}

@media screen and (max-width: 900px) { 
  body .content table{font-size: 10px; overflow: visible;} 
  body .content table.table-bordered {border: none;} 
  body .list-packages .dev-grid-col-Carrier,
  body .list-packages .dev-grid-col-PaymentId,
  body .list-packages .dev-grid-col-Currency,
  body .list-packages .dev-grid-col-Date{display: none;}

}

@media screen and (max-width: 850px) { 
  body .list-packages .dev-grid-col-UUID .doc-items{width: auto; min-width:calc(90vw - 200px);}
}

@media screen and (max-width: 767.98px){
  body .burger-icon{left:24px;width: 20px;height: 18px; background-size: cover;}

}

@media screen and (max-width: 680px) {
  body .list-packages table {font-size: 9px;}
  body .list-packages button.btn{font-size: 9px;}  
  body .list-packages .dev-grid-col-PriceTotal{display: none;}
}

@media screen and (max-width: 576px) { 
  body .modal-dialog {max-width: 500px; margin: 1.75rem auto;}
  body .modal-content{width: 90vw;}
  
} 

@media screen and (max-width: 420px) { 
  body .sidebar-mob.sidebar-expanded {width: 100%;}

}

@media screen and (max-width: 374px) { 
  body .list-packages .dev-grid-col-UUID button.btn {
	margin-top: 5px;
}

body .list-packages .col-sm-2{width: 290px;}

}