@media screen and (max-width:767px) and (min-width:320px) {
    .login-page {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .login-slide {
        margin-top: 50px;
        margin-bottom: 10px;
    }
    .open-page-counter h3 {
        text-align: center;
    }
    ul.pagination-setting {
        text-align: center;
    }
    .top-bar ul.logo-setting li:first-child {
        min-width: 160px;;
    }

}

@media screen and (max-width:768px) and (min-width:1024px) {

}

@media (max-width: 1024px) {
    #sidebar {
        margin-left: -250px;
        z-index: 10;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #content {
        margin-left: 0;
    }

}