@media(min-width:2000px)  {
    .small-buttons {
        display: none !important;

    }

    .fundrasing-plateform {
        font-size: 68px;
        width: 800px;
    }

    .supporting-school p {
        width: 941px;
        line-height: 60px;
    }

    .supporting-school p .fundrasing-plateform {
        font-size: 68px;
        width: 800px;
        line-height: 63px;
    }

    .img-sec img {
        border-radius: 10px 10px 0px 0px;
        max-height: 195px;
        /* object-fit: cover; */
    }
    .inner-image-section2 {
        padding: 20px;
        border: 1px solid #ededed;
        border-radius: 10px;
        box-shadow: rgb(163 143 143 / 15%) 0px 1px 2px;
        margin: 10px 0px;
        min-height: 250px;
        max-height: 250px;
    }
}
@media(min-width:4000px){
    
    .img-sec img {
        max-height: 300px;
    }
}

@media(min-width:1600px) and (max-width:2000px) {
    .navbar-section-top {
        padding: 0px 106px;
    }

    .small-buttons {
        display: none !important;

    }



    .fundrasing-plateform {
        font-size: 68px;
        width: 800px;
        line-height: 60px;
    }

    .supporting-school p .supporting-school p span {
        font-size: 68px;
        line-height: 64px;
    }

    .img-sec img {
        border-radius: 10px 10px 0px 0px;

        /* object-fit: cover; */
    }

    .img-sec {
        max-height: 195px;
        overflow: hidden;
        min-height: 195px;
    }
    .inner-image-section2 {
        padding: 20px;
        border: 1px solid #ededed;
        border-radius: 10px;
        box-shadow: rgb(163 143 143 / 15%) 0px 1px 2px;
        margin: 10px 0px;
        min-height: 250px;
        max-height: 250px;
    }
}

@media(min-width:1200px) and (max-width:1600px) {
    div#navbarSupportedContent {
        gap: 5%;
    }

    .menu-list-items li {
        padding: 0px 5px;
        display: flex;
    }

    .navbar-section-top {
        padding: 0px 70px;
    }



    button.btn.signup-btn {
        border: 1px solid black;
        border-radius: 24px;
        padding: 10px 10px;
    }

    .menu-section1 {
        margin-left: 26px;
    }

    .login-bttn {
        border-radius: 24px;
        padding: 10px 10px;
        background-color: #007273;
        color: white;
    }

    .navbar-section-top {
        padding: 0px 56px;
    }

    .small-buttons {
        display: none !important;

    }

    .right-side-image-section {
        padding-right: 65px;
        padding-top: 40px;
        padding-left: 0px;
    }

    .right-side-image-section img {
        width: 94%;
        margin-left: 60px;
    }

    .fundrasing-plateform {
        font-size: 68px;
        width: 800px;
        line-height: 74px;
    }

    .supporting-school p {

        width: 941px;
        line-height: 64px;
    }

    .supporting-school p span {
        font-size: 68px;
    }

    .college-info img {
        width: 100%;
        height: 70%;
        border-radius: 9px;
    }

    .student-right-section {
        width: 100%;
        margin-bottom: 16px;
    }

    .top-row-student-banner {
        flex-wrap: wrap;
    }

    .student-group {
        width: 100%;
    }

    .recognized-content {
        padding-left: 0px;

    }

    .student-group {

        text-align: center;
    }

    .about-us-page-section {
        padding: 0px 50px;
    }

    .col-md-8.right-values-about-colleges.mt-3 {
        width: 100%;
    }

    .img-sec img {
        border-radius: 10px 10px 0px 0px;

        /* object-fit: cover; */
    }

    .img-sec {
        max-height: 150px;
        overflow: hidden;
        min-height:150px;
    }
    .inner-image-section2 {
        padding: 20px;
        border: 1px solid #ededed;
        border-radius: 10px;
        box-shadow: rgb(163 143 143 / 15%) 0px 1px 2px;
        margin: 10px 0px;
        min-height: 250px;
        max-height: 250px;
    }
}

@media(min-width:992px) and (max-width:1200px) {

    div#navbarSupportedContent {
        gap: 5%;
    }

    .student-group {

        text-align: center;
    }

    .student-right-section {
        width: 100%;
    }

    .top-row-student-banner {
        flex-wrap: wrap;
    }

    .student-group {
        width: 100%;
    }

    .recognized-content {
        padding-left: 0px;

    }

    .menu-list-items li {
        padding: 0px 5px;
        display: flex;
    }

    .college-info img {
        width: 100%;
        height: 70%;
        border-radius: 9px;
    }

    .navbar-section-top {
        padding: 0px 70px;
    }



    button.btn.signup-btn {
        border: 1px solid black;
        border-radius: 24px;
        padding: 10px 10px;
    }

    .menu-section1 {
        margin-left: 26px;
    }

    .login-bttn {
        border-radius: 24px;
        padding: 10px 10px;
        background-color: #007273;
        color: white;
    }

    .navbar-section-top {
        padding: 0px 56px;
    }

    .fundrasing-plateform {
        font-size: 46px;
        width: 100%;
        line-height: 50px;
        padding-bottom: 17px;
    }

    .admin-right-side-banner img {
        width: 91%;
        margin-left: 0px;
    }

    .left-side-content div:nth-child(1) {
        width: 78%;
        padding-top: 20px;
    }

    .small-buttons {
        display: none !important;

    }

    div#navbarSupportedContent {
        justify-content: space-between;
        padding-left: 0%;
    }

    .right-side-image-section {
        padding-right: 65px;
        padding-top: 40px;
        padding-left: 0px;
    }

    .about-us-page-section {
        padding: 0px 50px;
    }

    .col-md-8.right-values-about-colleges.mt-3 {
        width: 100%;
    }

    .img-sec img {
        border-radius: 10px 10px 0px 0px;
        max-height: 119px;
        /* object-fit: cover; */
    }
    .inner-image-section2 {
        padding: 20px;
        border: 1px solid #ededed;
        border-radius: 10px;
        box-shadow: rgb(163 143 143 / 15%) 0px 1px 2px;
        margin: 10px 0px;
        min-height: 250px;
        max-height: 250px;
    }
}

@media(min-width:768px) and (max-width:1100px) {
    .login-form {
        box-shadow: 0px 0px 85.8px #00000012;
        padding: 30px;
        width: 95%;
        margin-left: 5%;
        border-radius: 12px;
    }

    .college-info img {
        width: 100%;
        height: 70%;
        border-radius: 9px;
    }

    div#navbarSupportedContent {
        justify-content: space-between;
        padding-left: 0%;
    }

    a.nav-link {
        padding: 0px 2px !important;
    }

    div#navbarSupportedContent {
        gap: 5%;
    }

    div#navbarSupportedContent {
        justify-content: space-between;
        padding-left: 3%;
    }

    img.vector1 {
        position: absolute;
        top: -4px;
        width: 48%;
        left: 0px;
    }

    img.vector2 {
        position: absolute;
        left: 39%;
        top: -11px;
        width: 42%;
    }

    .search-box input:nth-child(4) {
        padding: 13px 0px;
    }

    img.location-icon {
        margin-right: 5px;
        padding-left: 6px;
    }

    img.school-icon {
        margin-right: 5px;
        padding-left: 6px;
    }

    input.search-input::placeholder {
        font-size: 11px;
    }

    .student-right-section {
        width: 100%;
        margin-bottom: 16px;
    }

    .top-row-student-banner {
        flex-wrap: wrap;
    }

    .student-group {
        width: 100%;
    }

    .recognized-content {
        padding-left: 0px;

    }

    .student-group {

        text-align: center;
    }

    .col-md-3.connection-card {
        width: 50%;
        border: 1px solid white;
    }

    .about-us-page-section {
        padding: 0px 50px;
    }

    .col-md-8.right-values-about-colleges.mt-3 {
        width: 100%;
    }

    .img-sec img {
        border-radius: 10px 10px 0px 0px;

        /* object-fit: cover; */
    }

    .img-sec {
        max-height: 195px;
        overflow: hidden;
        min-height: 195px;
    }
}

@media(min-width:900px) and (max-width:920px) {
    span.circle {
        background: #FF7171;
        border-radius: 50%;
        position: absolute;
        top: 83%;
        width: 11px;
        height: 12px;
        color: white;
    }

    div#navbarSupportedContent {
        justify-content: space-between;
        padding-left: 0%;
    }
}

@media(min-width:768px) and (max-width:992px) {
    .navbar-section-top {
        padding: 0px 36px;
    }

    .fundrasing-plateform {
        font-size: 34px;
        width: 100%;
        line-height: 50px;
        padding-bottom: 17px;
    }

    .left-side-content div:nth-child(1) {
        width: 78%;
        padding-top: 17px;
    }

    span.circle {
        top: 34px;
    }

    .drop-heart-sec {
        display: none;
    }

    .menu-list-items li {
        padding: 7px 0px;
        display: flex;
    }

    .right-side-image-section {
        padding-right: 65px;
        padding-top: 40px;
        padding-left: 0px;
    }

    .right-side-image-section img {
        width: 100%;
        margin-left: 15px;
    }

    .contact-us-section {
        padding-top: 30px;
    }

    .contact-us {
        padding-left: 0px;
    }

    span.circle {
        top: -20%;
        right: -29% !important;
    }

    .small-buttons.d-flex {
        position: relative;
    }

    .row.field_filter {
        flex-wrap: wrap !important;
    }

    .events-cards-input {
        width: 50%;
        margin-bottom: 7px;
    }

    .event-search-btn {
        width: 15%;
        display: flex;
        align-items: center;
        margin-top: 24px;
        justify-content: end;
    }

    .jws_events_search {
        padding: 0px 81px;
        position: absolute;
        width: 100%;
        bottom: -134px;
    }

    .img-sec img {
        border-radius: 10px 10px 0px 0px;
        /* object-fit: cover; */
    }


    .img-sec {
        max-height: 90px;
        overflow: hidden;
    min-height:90px;
    }

    .more-info {
        border: 1px solid #C2C2C2;
        border-radius: 24px;
        padding: 10px 21px;
        height: 45px;
    }
}

@media(min-width:767px) and (max-width:769px) {
    .img-sec img {
        border-radius: 10px 10px 0px 0px;
        /* object-fit: cover; */
    }


    .img-sec {
        max-height: 97px !important;
        overflow: hidden;
        min-height: 97px;
    }
}

@media(max-width:767px) {
    .navbar-section-top.second-search-view-all .suggestions{
        width: 80%;
    }
    .mid-lineSearch-box.change_suggestion_box_pos .suggestions {
        width: 85%;
    }
    .left-side-content .suggestions div:nth-child(1) {
        padding: 10px !important;
    }
    .remember-password,
    .remember-me a {
        font-size: 13px;
    }
    .college-info img {
        width: 100%;
        max-height: 210px;
        border-radius: 9px;
        object-fit: unset;
    }
    .filter-left-btns {
        width: 100%;
    }

    button.btn.filter-btn {
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .right-filter {
        gap: 0px;
    }

    .login-form {
        box-shadow: -3px 0px 65px #00000029;
        border-radius: 12px;
        padding: 30px;
        width: 90%;
        margin: auto;
        margin-bottom: 20px;
    }

    .event-search-btn {
        width: 100%;
        display: flex;
        align-items: center;

        justify-content: end;
    }

    .events-cards-input {
        width: 100%;
        margin-bottom: 37px;
    }

    .register-btn,
    .login-btn {
        padding: 6px 11px !important;
        font-size: 16px !important;
    }

    .login-form .btn-all {
        margin-top: 30px;
        height: 39px !important;
        margin-bottom: 12px;
        font-size: 14px !important;
    }

    .section-image {
        display: none;
    }

    .top-header-section-login {
        padding-bottom: 17px !important;
    }

    button.btn.btn-all.home-btn {
        display: none;
    }

    .login-card-new {
        margin-top: 15px !important;
    }

    .mid-lineSearch-box .search-box {
        width: 85%;
        margin-top: -15px;
    }

    .admin-search {
        margin-top: 5px !important;
    }

    .admin-page-school-listing {
        margin-top: -15px !important;
    }

    .events-cards-input {
        width: 100%;
    }

    .row.field_filter {
        flex-wrap: wrap !important;
    }



    /*  homepage css  */
    .container-fluid.navbar-section-top {
        padding: 6px 0px;
    }

    .serach-box-sec {
        width: 100%;
    }

    span.circle {
        /* background: #FF7171;
        border-radius: 50%;
        position: absolute;
        top: -9%;
        width: 11px;
        height: 12px;
        color: white;
        right: -22%; */


        border-radius: 50%;
        position: absolute;
        top: 2px;
        width: 18px;
        height: 18px;
        color: white;
        right: -9px;
        background: #ff0000;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 700;

    }

    

    .login-sec-btns {
        height: 39px !important;
        font-size: 15px;
    }

    .login-bttn {
        border-radius: 24px;
        padding: 8px 16px;
        background-color: #007273;
        color: white;
        font-size: 14px;
    }

    button.btn.signup-btn {
        border: 1px solid black;
        border-radius: 24px;
        padding: 8px 10px;
        font-size: 14px;
    }

    .login-card-new .image-section {
        display: none !important;
    }

    .login-card-new>*:nth-child(2) {
        width: 100%;
    }

    .fundrasing-plateform {
        font-size: 30px;
        width: 100%;
        line-height: 30px;
    }

    .supporting-school p span {
        color: #003873 !important;
        font-weight: 800;
        font-size: 30px;
    }

    .left-side-content div:nth-child(1) {
        width: 733px;
        padding: 30px 20px;
    }

    .left-side-content p {
        font-size: 15px;
    }

    .supporting-school p {
        line-height: 35px;
    }

    .search_sec input {
        border: 0px solid transparent;
        padding: 10px 40px 10px 10px;
        background: #fff;
        box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
        width: 100%;
        font-size: 16px;
    }

    .search_sec.position-relative.ms-5 {
        margin-left: 0px !important;
        margin-bottom: 10px;
    }

    .view-more {
        text-align: center;
        margin-top: 15px;
    }

    .lines-top {
        display: none;
    }

    .banner-section .row {
        flex-direction: column-reverse;
    }

    .supporting-school p {
        font-size: 25px;
    }

    .menu-list-items li.nav-item {
        border-bottom: 1px solid #d7d7d7;
        margin-bottom: 20px;
        padding-left: 2px;
    }

    .mid-lineSearch-box {
        display: flex;
        justify-content: center;
        padding-top: 30px;
    }

    .college-info {
        text-align: left;
        padding-top: 11px;
    }

    .small-buttons {
        display: block;
    }

    .search-box {
        border: 5px solid #002D5D;
    }

    .main-dashbord-sec {
        padding-top: 85px !important;
    }

    .small-buttons.d-flex {
        position: relative;
    }

    .navbar-section-top {
        padding: 30px 20px 0px;
    }

    .top-heading-section {
        padding: 20px 20px 10px 20px;
    }

    .content-section {
        padding: 0px 20px 0px;
        margin-top: -18px !important;
    }

    .search-box.d-flex.view-all-search {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .second-search-view-all {
        padding: 0px 20px 0px;
    }

    .view-all-schools.navbar-section-top {
        padding: 10px 10px 0px;
    }

    .college-info p {

        line-height: 25px;
    }

    .content-section.text-center.navbar-section-top {
        padding: 20px 20px 0px;
    }

    .home-demo {
        margin-top: -15px;
    }

    .banner-section {
        background-image: url(../images/background-image.png);
        overflow: hidden;
        background-size: contain;

    }

    .login-logo {
        height: 60px;
    }

    .building-sections {
        padding-top: 0px;
    }

    .card-section {
        margin-top: 26px;
    }

    .drop-heart-sec {
        display: none;
    }

    .menu-list-items li {
        padding: 0px 15px;
        display: flex;
    }

    .right-side-image-section img {
        width: 100%;
        margin-left: 0px;
    }

    .right-side-image-section {
        padding-right: 65px;
        padding-top: 40px;
        padding-left: 0px;
        display: none;
    }

    .left-side-content {
        padding: 0px;
    }

    .search-box {

        margin-top: 25px;

    }

    .contact-form-sec {
        padding: 0 2rem;
    }

    .heart-sec {
        padding-top: 6px;
    }

    .about-us,
    .contact-number ul {
        padding-top: 10px;
    }

    .contact-us-section {
        padding-top: 30px;
    }

    .jws_events_search {
        padding: 0px 81px;
        position: absolute;
        width: 100%;
        bottom: -74px;
        display: none;
    }

    .small-display-search-form {
        display: block !important;
        position: relative;
        padding: 0px 30px;
        margin-top: -40px;
    }

    /* ==============================================================  Sign up page css =====================================================    */
    .first-input-user-box {
        border-right: 0PX !important;
    }

    button.owl-next {
        position: absolute;
        right: 9px;
        top: -3%;
    }

    button.owl-prev {
        position: absolute;
        right: 50px;
        top: -3%;
    }

    .form-contact {
        width: 100%;
        max-width: 820px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        z-index: 1;
    }

    .big-circle {
        bottom: 75%;
        transform: scale(0.9) translate(-40%, 30%);
        right: 50%;
        display: none;
    }

    .form {
        grid-template-columns: 1fr;
    }

    .contact-info:before {
        bottom: initial;
        top: -75px;
        right: 65px;
        transform: scale(0.95);
    }

    .contact-form:before {
        top: -13px;
        left: initial;
        right: 70px;
    }

    .square {
        transform: translate(140%, 43%);
        height: 350px;
    }

    .big-circle {
        bottom: 75%;
        transform: scale(0.9) translate(-40%, 30%);
        right: 50%;
    }

    .text {
        margin: 1rem 0 1.5rem 0;
    }

    .social-media {
        padding: 1.5rem 0 0 0;
    }

    .about-us-start img {
        padding-top: 0px;
        width: 100%;
    }

    .recognized-content {
        padding-left: 0px;
    }

    .about-us-page-section {
        padding: 0px 22px;
    }

    .recognized-content h2 {
        font-size: 22px;
        padding-top: 14px;
    }

    .dashboard-new-header-section {
        display: block !important;
    }

    .dashboard-large-screen-header {
        display: none;
    }

    .sidebar-offcanvas-menu {
        display: none;
    }

    .dashboardBodyRight_sec {
        padding: 25px 0px;
    }

    .more-info {
        border: 1px solid #C2C2C2;
        border-radius: 24px;
        padding: 10px 21px;
        height: 45px;
    }

    .sidebar-offcanvas-menu {
        display: block;
        position: unset;
        width: 100%;

        margin-top: unset;
        border-radius: unset;
        background: unset;
    }


    .dashboard-new-menu-section {
        height: 100%;
        transition: all 0.5s ease-in-out;
        background: linear-gradient(180deg, rgba(0, 56, 115, 1) 0%, rgba(0, 114, 115, 1) 100%);
    }

    .new-right-side-admin {
        margin-left: 0px !important;
        padding-top: 25px;
    }

    .inner-image-section2 {

        margin: 20px 0px;
    }

    .view-all-info p {
        font-family: 'ProximaNovaLight';
        font-size: 15px;
        line-height: 27px;
        margin-bottom: 0px;
    }

    .college-info span {
        font-size: 20px;
        font-family: 'ProximaNovaSemiBold';
    }

    .dashboard-offcanvas-body {
        padding: 0px;
    }

    .home-screen {
        position: sticky;
        top: 0;
        background: white;
        z-index: 22;
        box-shadow: rgb(0 0 0 / 10%) 1px 7px 20px;

    }

    .inner-info {
        display: flex;
        justify-content: space-between;
        padding: 5px 12px;

        margin-top: 15px;

        margin: 10px 0px;
    }

    .admin-dashboard-nav {
        position: fixed;
        top: 0;
        background: white;
        z-index: 22;
        box-shadow: rgb(0 0 0 / 10%) 1px 7px 20px;
        width: 100%;
    }

    .adminDasboard_sec {
        margin-top: 69px;
    }

    .large-display-sidebar {
        display: none;
    }

    /* 18-09-2024*/
    .confirm-fields-user2,
    .confirm-fields-user {
        margin-top: 17px;
    }

    .main-user-section {

        margin: 95px 35px;
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
        display: block;
        text-align: left !important;
    }

    .img-sec img {
        border-radius: 10px 10px 0px 0px;
        /* object-fit: cover; */
    }


    .img-sec {
        max-height: 164px;
        overflow: hidden;
        min-height:164px;
    }

    .about-us.small-device-footer {
        margin-top: -25px;
    }
    
}









@media(min-width:300px) and (max-width:552px) {
    img.school-icon {
        margin-right: 0px;
    }

    img.location-icon {
        margin-right: 0px;
        padding-left: 5px;
        width: 30px;

    }

    .search-box input:nth-child(4) {
        width: 100%;
        padding: 13PX 5px;
        border-radius: 0px 40px 40px 0px;
        border: 0px;
    }

    .contact-info:before {
        display: none;
    }

    .square,
    .big-circle {
        display: none;
    }


    .contact-info {
        padding: 1.7rem 1.6rem;
    }

    .text,
    .information,
    .social-media p {
        font-size: 0.8rem;
    }

    .title {
        font-size: 1.15rem;
    }

    .social-icons a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .icon {
        width: 23px;
    }

    .input {
        padding: 0.45rem 1.2rem;
    }
}


.profile-menus-mobile {
    display: none;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .dropdown-menu {
        display: none;
    }

    .profile-menus-mobile{
        display: block;
    }
}

/* Mobile tutorial 22jan25*/
@media only screen and (max-width: 991px) {
    
    #mobile_tutorial{
        position: relative;
    }
    #mobile_tutorial div .btn{
        background: #ffff;
        color: #000;
    }
    
    #mobile_tutorial:after{
        content: "";
        position: fixed;
        background: rgb(16 16 16 / 83%);
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 999;
    }
    /*start signup*/
    .mob_tut_image_signup {
        z-index: 1000;
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        left: 13%;
        top: 9%;
    }
    
    .mob_tut_image_signup img {
        z-index: 1000;
    }

    .mob_tut_close_btn_signup{
        z-index: 1000;
        justify-content: center;
        align-items: center;
        position: fixed;
        bottom: 27rem;
        left: 11rem;
        border-radius: 5px;
    }
    
    /*end signup*/

    .mob_tut_image_login {
        z-index: 1000;
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        left: 30%;
        top: 9%;
    }
    
    .mob_tut_image_login img {
        z-index: 1000;
        border: 2px solid #000;
        box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.7);
        border-radius: 10px;
    }

    .mob_tut_close_btn_login{
        z-index: 1000;
        justify-content: center;
        align-items: center;
        position: fixed;
        bottom: 34rem;
        left: 11rem;
        border-radius: 5px;
    }

    /* Privecy policy page for mobile view text alignment css */
    .privacy-policy-heading{
        font-weight: 900;
        text-align: left;
    }
    .contactus-address{
        margin-left: -5px;
        margin-top: -19px;
    }
    .school-search-placeholder{
        font-size: 10px;
        font-weight: bold;
    }

}

.contactus-address{
    margin-left: -5px;
    margin-top: -19px;
}
    
@media (min-width: 1813px) {
    .contactus-address{
        margin-left: -5px;
        margin-top: 0px;
    }
}