body {
}
/*https://stackoverflow.com/questions/13847755/css-media-queries-for-screen-sizes*/
/*@media only screen and (min-width: 1224px) {*/
@media only screen and (min-width: 601px) and (max-width: 1223px) {
    svg#Layer_1 {
        max-width: 58px;
        display: none;
    }
    .banner_video {
        position: fixed;
        margin: 0;
        width: 50%;
        height: 50%;
        border: 1px solid red;
        /*border-top:none;*/
        border-bottom: none;
        border-right: none;
        overflow: hidden;
    }
    .banner_video img {
        position: absolute;
        width: 100% !important;
        height: auto !important;
        /* background: url(//demosthenes.info/assets/images/polina.jpg) no-repeat; */
        background-size: cover;
        transition: 1s opacity;
        z-index: -1;
    }
    .main-overview {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
        /*grid-template-columns: repeat(auto-fit, minmax(138px, 0fr));*/
        grid-auto-rows: 94px;
        grid-gap: 20px;
        margin: 5px;
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper {
        margin-left: 0px!important;
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header .logo-text {
        display: block !important;
    }
    .navbar-expand-md .navbar-collapse {
        /* display: -webkit-box!important; */
        display: -ms-flexbox !important;
        /* display: flex!important; */
    }
    .topbar .navbar-collapse {
        /*padding: 0px 0px 0px 263px !important;*/
        padding: 0px 10px 0 0;
        /*padding-left: 75%;*/
    }
    li.nav-item.dropdown > label {
        display: none;
    }
    .collapse:not(.show) {
         display: block!important; 
    }
    .page-title {
        font-family: Times New Roman;
        font-size: 25px;
        color: #dc3545;
    }

    .overviewcard {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        background-color: #fffefe;
        box-shadow: 4px 3px 8px 1px #969696;
        /*border-radius: 34px;*/
        /*border-radius: 10px;*/
    }
        .overviewcard.tiles {
            /* background: #d70206; */
            /*  background: linear-gradient(0deg, rgb(255 5 6 / 80%), rgb(246 2 1 / 0%));
            color: #fff !important;*/
            cursor: pointer !important;
            background-color: white !important;
            background: white !important;
        }

            .overviewcard.tiles:hover {
                /* background: #d70206; */
                background: linear-gradient(0deg, rgb(255 5 6 / 80%), rgb(246 2 1 / 0%)) !important;
                color: white !important;
                cursor: pointer !important;
            }

    h3.card-title.mb-0 {
        font-family: calibri;
        font-size: 20px;
    }

    img.light-logo {
        height: 67px;
    }

    .login-container-wrapper {
        max-width: 400px;
        margin: 7% auto 5%;
        margin-right: 5%;
        padding: 40px;
        box-sizing: border-box;
        background: #fff;
        position: relative;
        box-shadow: 0px 30px 60px -5px #000;
        /*background: url("/Images/DuroVideo.mp4");*/
        /*background-image: url('https://images.unsplash.com/photo-1567359781514-3b964e2b04d6?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ');*/
        background-size: cover;
        background-blend-mode: saturation;
    }

    .login .container .login-container-wrapper.clearfix {
        /*top: 50% !important;
        transform: translateY(71%) !important;*/
        /* height: auto; */
        /*margin: auto !important;*/
    }



    .checkbox.checkbox-success {
        padding: 10px 0 0;
    }

    .switcher > li.logo.active > img {
        width: 124%;
        padding-top: 31px;
    }    .switcher > li.logo.active > svg {
        width: 124%;
        padding-top: 31px;
    }
    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 60px;
        background-color: #ffffff;
        border-color: #ffffff;
        border-width: 0 0 1px;
        color: red;
    }
    .page-wrapper {
        background: #ffffff;
        position: relative;
        -webkit-transition: 0.2s ease-in;
        -o-transition: 0.2s ease-in;
        transition: 0.2s ease-in;
        display: none;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    svg#Layer_1 {
        max-width: 58px;
        display: none;
    }

    .banner_video {
        position: fixed;
        margin: 0;
        width: 50%;
        height: 50%;
        border: 1px solid red;
        /*border-top:none;*/
        border-bottom: none;
        border-right: none;
        overflow: hidden;
    }

        .banner_video img {
            position: absolute;
            width: 100% !important;
            height: auto !important;
            /* background: url(//demosthenes.info/assets/images/polina.jpg) no-repeat; */
            background-size: cover;
            transition: 1s opacity;
            z-index: -1;
        }

    .main-overview {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
        /*grid-template-columns: repeat(auto-fit, minmax(138px, 0fr));*/
        grid-auto-rows: 94px;
        grid-gap: 20px;
        margin: 5px;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper {
        margin-left: 0px !important;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header .logo-text {
        display: block !important;
    }

    .navbar-expand-md .navbar-collapse {
        /* display: -webkit-box!important; */
        display: -ms-flexbox !important;
        /* display: flex!important; */
    }

    .topbar .navbar-collapse {
        /*padding: 0px 0px 0px 263px !important;*/
        padding: 0px 10px 0 0;
        padding-left: 75%;
    }

    li.nav-item.dropdown > label {
        display: none;
    }

    .collapse:not(.show) {
        display: block !important;
    }

    .page-title {
        font-family: Times New Roman;
        font-size: 25px;
        color: #dc3545;
    }

    .overviewcard {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        background-color: #fffefe;
        box-shadow: 4px 3px 8px 1px #969696;
        /*border-radius: 34px;*/
        /*border-radius: 10px;*/
    }

        .overviewcard.tiles {
            /* background: #d70206; */
            /*  background: linear-gradient(0deg, rgb(255 5 6 / 80%), rgb(246 2 1 / 0%));
            color: #fff !important;*/
            cursor: pointer !important;
            background-color: white !important;
            background: white !important;
        }

            .overviewcard.tiles:hover {
                /* background: #d70206; */
                background: linear-gradient(0deg, rgb(255 5 6 / 80%), rgb(246 2 1 / 0%)) !important;
                color: white !important;
                cursor: pointer !important;
            }

    h3.card-title.mb-0 {
        font-family: calibri;
        font-size: 20px;
    }

    img.light-logo {
        height: 67px;
    }

    .login-container-wrapper {
        max-width: 400px;
        margin: 7% auto 5%;
        margin-right: 5%;
        padding: 40px;
        box-sizing: border-box;
        background: #fff;
        position: relative;
        box-shadow: 0px 30px 60px -5px #000;
        /*background: url("/Images/DuroVideo.mp4");*/
        /*background-image: url('https://images.unsplash.com/photo-1567359781514-3b964e2b04d6?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ');*/
        background-size: cover;
        background-blend-mode: saturation;
    }

    .login .container .login-container-wrapper.clearfix {
        /*top: 50% !important;
        transform: translateY(71%) !important;*/
        /* height: auto; */
        /*margin: auto !important;*/
    }



    .checkbox.checkbox-success {
        padding: 10px 0 0;
    }

    .switcher > li.logo.active > img {
        width: 124%;
        padding-top: 31px;
    }

    .switcher > li.logo.active > svg {
        width: 124%;
        padding-top: 31px;
    }

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 60px;
        background-color: #ffffff;
        border-color: #ffffff;
        border-width: 0 0 1px;
        color: red;
    }

    .page-wrapper {
        background: #ffffff;
        position: relative;
        -webkit-transition: 0.2s ease-in;
        -o-transition: 0.2s ease-in;
        transition: 0.2s ease-in;
        display: none;
    }
}