@media screen and (max-width: 1024px) {
	/*==========ACCOUNT==========*/
.profile {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.sidebar {
		width: 100% !important;
		order: -1;
		margin-bottom: 20px;
		border-radius: 0 0 15px 15px;
	}

	.main-container {
		width: 100% !important;
		padding: 0 10px;
		box-sizing: border-box;
	}

       .dashboard-container {
               align-items: stretch;
       }

       .dashboard-container .content-container {
               flex: 0 0 100% !important;
               max-width: 100% !important;
               width: 100% !important;
               margin: 10px 0;
       }

        /* Orders table requires horizontal scroll on small screens */
        #purchases-container table {
                min-width: 650px;
        }
}
