/* Make wrapper flex to place sidebar and content side by side */
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
body{
    background-color: #0a0a0a;
    background-image: url(https://idea-bet.live/theme/blue1688/wp-content/uploads/2024/06/4884942-scaled.jpg);
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.main-layout,
footer,
header {
    width: calc(100% - 320px);
    margin-left: auto;
}

@media (max-width: 1000px) {
	.main-sidebar{
		display:none ;
	}
    .main-layout, footer, header {
        width: 100%;
    }
}