@media screen and (max-width: 1024px) {
    .billing-content .dispute-history {
        font-size: 28px;
    }

    .sidebar ul li a {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .billing-content .dispute-history {
        font-size: 20px;
    }

    .sidebar ul li a {
        font-size: 14px;
    }

    .footer-custom-class nav ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

	.user-meta p{
		display: none !important;
	}
    .sidebar{
        width: 80%;
        left: -100%;   /* hidden */
        top: 100px;
        height: 100vh;
        z-index: 1001;
    }

    .sidebar.active{
        left: 0 !important;       /* visible */
		width: 100% !important;
    }
	
	.content-area{
		margin: 20px auto !important;
        width: 90% !important;
	}
	.menu-icon {
		display: block !important;
	}
	
	  .table-striped th,
  .table-striped td {
    white-space: nowrap;
  }

}