/*fonts*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);

/*custom columns*/
@media (min-width: 320px) {
    .nine-cols .col-md-1,
    .nine-cols .col-sm-1,
    .nine-cols .col-lg-1,
    .nine-cols .col-xs-1 {
        width: 12.5%;
        *width: 12.5%;
    }

    .studyCounterCircle {
        display: none;
    }
}

@media (min-width: 768px) {
    .nine-cols .col-md-1,
    .nine-cols .col-sm-1,
    .nine-cols .col-lg-1,
    .nine-cols .col-xs-1 {
        width: 12.5%;
        *width: 12.5%;
    }

    .studyCounterCircle {
        display: none;
    }
}

@media (min-width: 992px) {
    .nine-cols .col-md-1,
    .nine-cols .col-sm-1,
    .nine-cols .col-lg-1,
    .nine-cols .col-xs-1 {
        width: 12.5%;
        *width: 12.5%;
    }

    .studyCounterLine {
        display: none;
    }

    .studyCounterCircle {
        display: block;
    }
}

@media (max-width: 992px) {
    .list-tasks {
        width: 100%;
        margin: 20px 5%;
        -moz-column-count: 3;
        -moz-column-gap: 20px;
        -webkit-column-count: 3;
        -webkit-column-gap: 20px;
        column-count: 3;
        column-gap: 20px;
        -webkit-column-break-inside: avoid; /* Chrome, Safari */
        page-break-inside: avoid; /* Theoretically FF 20+ */
        break-inside: avoid-column; /* IE 11 */
    }

    .successMsg {
        margin: 20px 0px 10px 0px;
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .nine-cols .col-md-1,
    .nine-cols .col-sm-1,
    .nine-cols .col-lg-1,
    .nine-cols .col-xs-1 {
        width: 12.5%;
        *width: 12.5%;
    }
}

/*UI media queries*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    ul.list-time li, ul.list-days li {
        width: 100%;
        height: 20px;
        line-height: 20px;
    }

    ul.list-time li {
        font-size: 1vw;
    }

    .nine-cols span {
        font-size: 0.8vw;
    }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    ul.list-time li, ul.list-days li {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    ul.list-time li {
        font-size: 1vh;
    }

    .nine-cols span {
        font-size: 0.8vh;
    }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    ul.list-time li, ul.list-days li {
        width: 100%;
        height: 20px;
        line-height: 20px;
    }

    ul.list-time li {
        font-size: 1vw;
    }

    .nine-cols span {
        font-size: 0.8vw;
    }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    ul.list-time li, ul.list-days li {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    ul.list-time li {
        font-size: 1vh;
    }

    .nine-cols span {
        font-size: 0.8vh;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    ul.list-time li, ul.list-days li {
        width: 100%;
        height: 20px;
        line-height: 20px;
    }

    ul.list-time li {
        font-size: 1vw;
    }

    .nine-cols span {
        font-size: 0.8vw;
    }
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    ul.list-time li, ul.list-days li {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    ul.list-time li {
        font-size: 1vh;
    }

    .nine-cols span {
        font-size: 0.8vh;
    }
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

/*tablets*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    ul.list-time li, ul.list-days li {
        width: 100%;
        height: 20px;
        line-height: 20px;
    }

    ul.list-time li {
        font-size: 1vw;
    }

    .nine-cols span {
        font-size: 0.8vw;
    }
}

/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px) {
    ul.list-time li, ul.list-days li {
        width: 100%;
        height: 20px;
        line-height: 20px;
    }

    ul.list-time li {
        font-size: 1vw;
    }

    .nine-cols span {
        font-size: 0.8vw;
    }
}

/*large screens*/
@media (min-device-width: 1080px) {
    ul.list-time li, ul.list-days li {
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

    ul.list-time li {
        font-size: 1vw;
    }

    .nine-cols span {
        font-size: 0.8vw;
    }
}



@media print {
    .clear-all, .pageNavMakers {
        visibility: hidden;
    }
}