/* min */

@media (min-width: 1400px) {
    .container {
        max-width: 1364px;
    }


}

/* max */
@media (max-width: 1400px) {}

@media (max-width:1299px) {
    .container {
        max-width: 95%;
    }
}

@media (max-width:1199px) {
    .nav-lists ul li {
        font-size: 12px;
    }

    .header-nav-toggle-btn {
        border: none;
        position: relative;
        height: 30px;
        width: 35px;
        display: block;
        cursor: pointer;
        z-index: 111;
        margin-left: 10px;
        background-color: transparent;
        color: black;
    }


    .header-nav-toggle-btn span {
        position: absolute;
        top: 15px;
        left: 0px;
        right: 0;
        display: block;
        padding: 0;
        width: 30px;
        height: 2px;
        background-color: currentColor;
        font-size: 0px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
        margin: auto;
    }

    .header-nav-toggle-btn span:before {
        -webkit-transform: translateY(-250%);
        transform: translateY(-250%);
        -moz-transform: translateY(-250%);
        -ms-transform: translateY(-250%);
        top: -4px;
    }

    .header-nav-toggle-btn span:after {
        -webkit-transform: translateY(250%);
        transform: translateY(250%);
        -moz-transform: translateY(250%);
        -ms-transform: translateY(250%);
        top: 4px;
    }

    .header-nav-toggle-btn span:before,
    .header-nav-toggle-btn span:after {
        position: absolute;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: currentColor;
        content: "";
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
    }

    .header-nav-toggle-btn {
        border: none;
        position: relative;
        height: 30px;
        width: 35px;
        display: block;
        cursor: pointer;
        z-index: 111;
        margin-left: 10px;
        background-color: transparent;
        color: black;
    }

    .header-nav-toggle-btn span {
        position: absolute;
        top: 15px;
        left: 0px;
        right: 0;
        display: block;
        padding: 0;
        width: 30px;
        height: 2px;
        background-color: currentColor;
        font-size: 0px;
        user-select: none;
        transition: background-color 0.3s, transform 0.3s;
        margin: auto;
    }


    .header-nav-toggle-btn.active span:before {
        transform: translateY(0px) rotate(45deg);
    }

    .header-nav-toggle-btn.active span:after {
        transform: translateY(-7px) rotate(-45deg);
    }

    .header-nav-toggle-btn span:before {
        top: -4px;
    }

    .header-nav-toggle-btn span:after {
        top: 4px;
    }

    .menu-header-wrap {
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .menu-header-wrap a {
        color: #016853;
        font-size: 14px;
        font-weight: 600;
    }

}

@media (max-width:1024px) {}

@media (max-width:991px) {
    .container {
        max-width: 100%;
    }

    .logins {
        border-left: 0px;
        padding: 0 !important;
    }

    .hamburger-menu-items-wrap {
        max-height: calc(100vh - 162px);
        overflow: auto;
    }
}



@media (max-width :768px) {
    .colleges-filter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        padding: 40px;
        z-index: 9999;
        transform: translateX(-100%);
        translate: all 0.4s ease-in-out;
    }

    .colleges-filter.active {
        transform: translateX(0%);
    }

    .breadcrumb-item {
        max-width: 240px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .header-banner-sec .wrapper {
        padding: 50px 0px !important;
    }
}

@media (max-width:576px) {}

@media (max-width:550px) {}

@media (max-width:460px) {}