/**
 * Created by Maatify.dev
 * User: Maatify.dev
 * Date: 2023-08-31
 * Time: 15:15 PM
 * https://www.Maatify.dev
 */

@media (max-width: 991px) {
    /* Navbar */
    header .navbar {
        padding: 10px 11px 10px 0;
    }

    header .navbar .navbar-nav {
        margin-left: 0;
    }

    header .navbar .navbar-brand {
        margin-left: 5px;
    }

    header .navbar .navbar-nav .nav-item .nav-link {
        margin-right: 0;
    }

    header .navbar .navbar-toggler {
        background: #000;
        padding: 7px 12px;
        border-radius: 5px;
    }

    header .navbar .navbar-toggler span {
        display: block;
        margin-bottom: 5px;
        border-radius: 50px;
        height: 3px;
        background-color: #fff;
        margin-top: 5px;
    }

    header .navbar .navbar-nav.ms-auto .nav-item .nav-link {
        background: none;
        color: #000;
        margin: 0;
        padding: 23px 29px;
    }

    header .navbar .navbar-nav.ms-auto .nav-item .nav-link:hover {
        background: #000;
        color: #fff;
    }

    .navbar-list .navbar-nav {
        flex-direction: inherit;
        overflow-x: auto;
    }

    .navbar-list .nav-item .nav-link {
        min-width: 180px;
    }

    .navbar-list .container-fluid {
        overflow-x: auto;
    }

    /* Navbar */
    /*states Section*/
    .states-list .list li {
        padding: 0 0 0 20px;
    }

    .states-list .list li::before {
        left: -2px;
    }

    .hero.cities-in-state .states-list .list li::before, .details3-list .list li::before {
        left: -3px;
    }

    /*states Section*/
    /* college Section */
    .hero .card-hero .hero-body h1 {
        font-size: 26px;
        font-weight: bold;
    }

    .hero .card-hero .hero-body p {
        font-size: 12px;
        padding: 0 10px;
        line-height: 27px;
    }

    .hero .card-hero .overflow {
        height: 1000px;
    }

    .hero .card-hero img:not(.hero-logo) {
        height: 1000px;
    }
    .school-details .header h1 {
        font-size: 30px;
        font-weight: bold;
    }
    .data-table tr td {
        padding: 17px 14px;
        font-size: 13px;
    }
    .table > :not(:last-child) > :last-child > * {
        padding: 21px 20px;
        font-size: 13px;
    }
    .school-details {
        margin-top: 90px;
    }
    /* college Section */

}