@CHARSET "UTF-8";


@media (min-width: 992px) and (max-width: 1199.98px) {
    .content-area {
        background: url("../Images/content-md-bg.png") repeat-y scroll 0 0 #fff;
    }
    .navbar .navbar-brand {
        padding: 15px 30px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .content-area {
        background: url("../Images/content-sm-bg.png") repeat-y scroll 0 0 #fff;
    }
    .navbar .navbar-brand {
        padding: 15px 5px;
    }
}

/* Off Canvas: the sidebar is a Bootstrap 5 .offcanvas-md below this width.
   Bootstrap 5 defaults the panel to 400px; the previous hand-rolled sidebar
   was 250px, so keep that. */
#sidebar.offcanvas-md {
    --bs-offcanvas-width: 250px;
}

@media (max-width: 767.98px) {
    html, body {
        overflow-x: hidden;
        background: #6b6a55;
    }

    .navbar .navbar-brand {
        padding: 15px 0;
    }
}