/* Mobile devices */

@media (max-width: 480px) {}


/* iPads, Tablets */

@media (min-width: 481px) and (max-width: 768px) {}


/* Small screens, laptops */

@media (min-width: 769px) and (max-width: 1024px) {}


/* Desktops, large screens */

@media (min-width: 1025px) and (max-width: 1200px) {}


/* Extra large screens, TV */

@media (min-width: 1201px) {}


/* mobile and tablet */

@media (max-width: 768px) {
    #sidebar {
        margin-right: -250px;
    }
    #sidebar.active {
        margin-right: 0;
    }
    #content {
        width: 100%;
    }
    #content.active {
        /* width: calc(100% - 250px); */
    }
    #sidebarCollapse span {
        display: none;
    }
    .page_header .header h1 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .main_content {
        width: 100%;
    }
    #sidebar.active {
        margin-right: 0;
        position: fixed !important;
        left: 0;
        right: 0;
        top: 0;
        z-index: 44444;
        background: #fff;
        height: 100vh;
        min-width: 250px;
        max-width: 100%;
        width: 100%;
    }
    header .logo_cont {
        flex-direction: column;
    }
    header .logo_cont .site-title {
        margin: 10px;
    }
    header .main_menu {
        margin-top: 0;
    }
    .slide_content .slide_text h1 {
        font-size: 35px;
    }
    .slide_content .slide_text p {
        font-size: 20px;
    }
}