/* Main Content */
.site-inner, .wrap {
    margin: 0 auto;
    max-width: 90%;
}

/* Left Sidebar */
.sidebar-secondary {
    float: left;
    width: 18%;
    position: static;
}

/* Right Sidebar */
.sidebar-primary {
    float: right;
    width: 27%;
    background-color: white;
    padding: 12px;
    position: static;
}

/* Middle Content */
.content-sidebar-sidebar .content-sidebar-wrap, 
.sidebar-content-sidebar .content-sidebar-wrap, 
.sidebar-sidebar-content .content-sidebar-wrap {
    width: 80%;
}

.content-sidebar-sidebar .content, 
.sidebar-content-sidebar .content, 
.sidebar-sidebar-content .content {
    width: 70%;
}

/* Entry */
.entry {
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px rgba(70, 70, 70, 0.05);
    margin-bottom: 40px;
    padding: 12px;
}

/* Widgets */
.after-entry .widget, 
.sidebar .widget {
    background-color: #fff;
    border-left: 2px solid #bf5700;
    box-shadow: 1px 0px rgba(70, 70, 70, 0.05);
    padding: 12px;
}

/* Hide the secondary navbar on tablet and mobile versions */
@media screen and (max-width: 810px) {
    .secondary-navbar {
        display: none;
    }
}

/* Ensure the secondary navbar is visible on laptop and larger screens */
@media screen and (min-width: 1200px) {
    .secondary-navbar {
        display: block;
    }
}

/* For desktop and larger screens (up to 1400px) */
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .secondary-navbar {
        display: block;
    }
}

/* For tablet and mobile versions, hide the secondary navbar */
@media screen and (max-width: 810px) {
    .secondary-navbar {
        display: none;
    }
}

/* For mobile version adjustments */
@media screen and (max-width: 320px) {
    .primary-navbar {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #fff; /* Adjust background as needed */
    }

    /* You can adjust the other elements here too */
    .content-sidebar-sidebar .content, 
    .sidebar-content-sidebar .content, 
    .sidebar-sidebar-content .content {
        width: 100%;
    }

    .sidebar-primary, .sidebar-secondary {
        width: 100%;
    }
}