/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    
    header {
        text-align: center;
    }

    ul.main-desktop-nav {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        box-shadow: 0.125rem 0 0.25rem rgba(165, 163, 174, 0.3);
        width: 100%;
        padding: 8px 4px;
        z-index: 100;
    }

    ul.main-desktop-nav > li {
        width: 25%;
        text-align: center;
    }

    ul.main-desktop-nav > li > a {
        padding: 0 0;
        font-size: 0.75rem;
    }

    ul.main-desktop-nav > li > a svg {
        display: block;
        margin: 0 auto;
        max-width: 25px;
        max-height: 25px;
        height: auto;
    }

    ul.main-desktop-nav > li.active > a svg {
        fill: #28aae1;
    }

    footer {
        margin-bottom: 60px;
    }

    /* Превью */

    .preview .number,
    .preview .lock,
    .preview .content-type > div {
        width: 30px;
        height: 30px;
    }
    
    .preview .number {
        font-size: 14px;
    }

    .preview .content-type img {
        width: 20px;
        height: 20px;
    }

    .preview .lock img {
        width: 14px;
        height: 14px;
    }

    .preview .homework {
        font-size: 14px;
        height: 28px;
    }

    .preview .homework img {
        width: 18px;
        height: 18px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  Print Method  ==========*/

@media print {

}