@media all and (max-width:1199px) {
    .listings li {
        min-height: 190px;
    }

    .navbar-collapse {
        width: 72%;
        float: left;
    }

    .quiz label {
        width: 92%;
    }

    .blog li img {
        margin-bottom: 15px;
    }

    .page-section.blog-page h1 {
        text-align: left;
    }

    .results .circle {
        width: 40%;
    }

    .results .arrow {
        width: 10%;
    }
}


@media all and (max-width:990px) {
    .navbar-collapse {
        width: 60%;
    }

    .navbar-collapse {
        width: auto;
    }

    .menubar nav li a {
        padding: 16px 5px;
        font-size: 14px;
    }

    .content .listing li {
        width: 100%;
    }

    .content h1.border {
        margin: 0;
    }

    .quiz label {
        width: 95%;
    }

    .results .circle {
        width: 50%;
    }

    .results .details {
        width: 40%;
    }

    .results .card h4 {
        margin-top: 18px;
    }

    .results .card {
        float: left;
        width: 46%;
    }
}
    @media all and (max-width:767px) {
        .listing li {
            width: 100%;
        }

        .navbar-collapse {
            width: 100%;
        }

        .listing {
            width: 90%;
            float: left;
            padding: 0;
            margin: 0 30px;
        }

        .page-section h1 {
            text-align: center;
        }


        .carousel {
            height: auto;
        }

        .navbar-header {
            width: 50%;
            float: right;
        }

        .quiz label {
            width: 93%;
        }

        .page-section.blog-page h1 {
            font-size: 25px;
        }

        .listings li {
            list-style: none;
            width: 20%;
            text-align: center;
            float: left;
            margin: 15px 0;
            min-height: 180px;
        }

        .listing li a img {
            width: 100%;
        }

        .centerColor h2 {
            text-align: center;
        }

        .chapters .listing {
            width: auto;
            float: left;
            padding: 0;
        }

        .results .card {
            width: 100%;
        }

        .results .circle {
            width: 25%;
        }

        .results .details {
            width: 63%;
        }
    }

    @media all and (max-width:580px) {
        .listings li {
            min-height: 180px;
            float: none;
            margin: 0 auto;
        }

        .navbar-header {
            width: 25%;
        }

        .quiz label {
            width: 80%;
        }

        .btn {
            padding: 10px;
            margin: 10px;
        }

        .logo {
            width: 185px;
        }


        .logo img {
            width: 100%;
        }

        h1 {
            font-size: 23px;
        }

        .listings li {
            width: 25%;
            float: left;
            min-height: 125px;
        }


        .listings li img {
            min-height: auto;
            width: 100%;
            height: auto;
        }

        .main .listings a img {
            width: 100% !important;
            height: auto !important;
        }

        .listings li span {
            font-size: 14px;
        }

        .navbar-brand {
            float: left;
            height: auto;
            padding: initial;
            font-size: 18px;
            line-height: 20px;
        }

        .centerColor h2 {
            text-align: center !important;
        }

        .results .card {
            width: 100%;
        }

        .results .circle {
            width: 30%;
        }

        .results .details {
            width: 40%;
        }

    }

    @media all and (max-width:580px) {

        .results .circle {
            width: 50%;
        }

        .results .details {
            width: 40%;
        }
    }