/* Media Queries */

@media (min-width: 320px) {}

/* XS */
@media (min-width: 475px) {}

/* SM */
@media (min-width: 640px) {}

/* MD */
@media (min-width: 768px) {
    /* Responsive Fonts */

    .heading-primary {
        font-size: var(--text-3xl);
    }

    .heading-secondary {
        font-size: var(--text-2xl);
    }

    /* BreadCrumbs */

    .breadcrumbs-content {
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .breadcrumbs {
        height: 240px;
    }

    .breadcrumbs-content .breadcrumbs-title h1 {
        text-align: center;
        font-size: 4rem;
    }
    
    .breadcrumbs-content .breadcrumbs-slug {
        text-align: center;
    }

    /* || Header Starts */
    .midbar {
        /* background: linear-gradient(to right, rgba(99, 99, 99, 0.9), rgba(76, 116, 164, 0.9)); */
        padding: 10px;
        background: #ffff;
        /* background-size: 1200px; */
        background-position: bottom;
    }

    .midbar.sticky {
        position: static;
    }

    .midbar-logo-wrapper {
        height: 60px;
        width: auto;
    }

    .midbar-logo-wrapper img {
        height: 100%;
        width: 100%;
    }

    .mobile-search-wrapper {
        display: none;
    }

    .topbar-body {
        flex-direction: row;
        gap: 0;
    }

    .topbar-action-wrapper ul {
        display: flex;
        gap: 2rem;
    }

    .header-main-menu {
        display: flex;
        gap: 2rem;
        justify-content: center;
        align-items: center;
    }

    .drop-items {
        margin-top: 2rem;
    }

    .header-main-menu>li {
        padding-block: 2rem;
    }

    /* || Header Ends */

    /* || Hero Starts */

    .hero-title h1 {
        font-size: 5rem;
    }

    /* || Hero Ends */

    /* || Notice Starts */

    @keyframes notice {
        0% {
            transform: translateX(30%);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    /* || Notice Ends */

    /* || Introduction Starts */

    .introduction-imager-wrapper {
        height: 350px;
    }

    /* || Introduction Ends */

    /* || About Us Start  */

    .aboutus-img-wrapper {
        height: 300px;
    }

    /* || About Us Ends  */

    /* Principal Message Start  */

    .principal-img {
        height: 300px;
    }

    /* Principal Message Ends  */

    /* Events Starts */

    .event-btn a {
        width: fit-content;
    }

    /* Events Ends */

    /* Events Single Starts */

    .share-events-text h4 {
        text-align: left;
    }

    .share-icons-wrapper {
        justify-content: start;
    }

    #events-single-image-container {
        height: 450px;
    }

    .events-single-title h2 {
        font-size: 3rem;
        text-align: left;
    }

    /* Events Single Ends */

    /*  */

    /* Blog Single Starts */

    .share-blog-text h4 {
        text-align: left;
    }

    /* Blog Single Ends */


    /* Gallery */
    .single-gallery-title h2 {
        font-size: 3rem;
    }

    /* Contact Starts */
    .form-title h4 {
        font-size: 3rem;
    }

    /* Contact Ends */

    /* Facility Single Starts */


    #facility-single-image-container {
        height: 450px;
    }

    .facility-single-title h2 {
        font-size: 3rem;
    }

    .share-facility-text h4 {
        text-align: left;
    }

    /* Facility Single Ends */

    /* --Program Single Starts */

    .program-single-img {
        height: 300px;
    }

    /* --Program Single Ends */

    /* Notice Starts */

    .notice-single-image-container {
        height: 350px;
    }

    .share-notice-text h4 {
        text-align: left;
    }

    /* Notice Ends */

}

/* XS */
@media (min-width: 1024px) {

    /* Header Starts */

    .header-main-menu {
        gap: 3rem;
    }

    /* Header Ends */

    .section {
        padding-block: 3rem;
    }

    /* Responsive Fonts */

    .heading-primary {
        font-size: var(--text-4xl);
    }

    .heading-secondary {
        font-size: var(--text-3xl);
    }

    /* Mobile Text Center  */
    .mbl-center {
        text-align: left;
    }

    /* Footer Starts */
    .company-info {
        display: block;
    }

    .quick-links-wrapper {
        text-align: left;
    }

    /* Footer Ends */


    /* || Hero Starts */

    .hero-title h1 {
        font-size: 6rem;
    }

    /* || Hero Ends */


    /* || Notice Starts */

    @keyframes notice {
        0% {
            transform: translateX(50%);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    /* || Notice Ends */

    /* || Introduction Starts */

    .introduction-imager-wrapper {
        height: 400px;
    }

    /* || Introduction Ends */

    /* || About Us Start  */

    .aboutus-img-wrapper {
        height: 380px;
    }

    /* || About Us Ends  */

    /* Principal Message Start  */

    .principal-img {
        height: 420px;
    }

    /* Principal Message Ends  */

    /* Blog Single Starts */

    .blog-single-image-container {
        height: 450px;
    }

    /* Blog Single Ends */

    /* Contact Starts */

    .maps-wrapper {
        flex-basis: 45%;
    }

    .form-wrapper {
        flex-basis: 45%;
    }

    .first-name{
        flex-basis: 50%;
      }
      
      .last-name{
        flex-basis: 50%;
      }
      
      .contact-email{
        flex-basis: 50%;
      }
      
      .contact-number{
        flex-basis: 50%;
    }

    /* Contact Ends */

    /* Section Subtitle Starts */

    .section-subtitle {
        display: block;
    }

    /* Section Subtitle Ends */

    /* CTA Starts */

    .cta-body {
        padding: 4rem;
    }

    .cta-body .cta-text h2 {
        font-size: 3rem;
    }

    /* CTA Ends */

    /* --Program Single Starts */

    .program-single-img {
        height: 350px;
    }

    /* --Program Single Ends */

    /* || Footer Starts */

    .company-desc p {
        max-width: 35rem;
    }

    /* || Footer Ends */

    /* Notice Starts */

    .notice-single-image-container {
        height: 450px;
    }

    /* Notice Ends */

    /* All Notice Starts */

    #notice-btn{
        width: fit-content; 
        text-align: left;
      }
      
      /* All Notice Ends */

}

/* XL */
@media (min-width: 1280px) {

    /* Header Starts */

    .header-main-menu {
        gap: 4rem;
    }

    /* Header Ends */

    .section {
        padding-block: 4rem;
    }

    /* Responsive Fonts */

    .heading-primary {
        font-size: var(--text-5xl);
    }

    .heading-secondary {
        font-size: var(--text-4xl);
    }

    /* || Hero Starts */

    .hero-title h1 {
        font-size: 7rem;
    }

    /* || Hero Ends */

    /* || About Us Ends  */

    /* Principal Message Start  */

    .principal-img {
        height: 500px;
    }

    /* Principal Message Ends  */


    /* || Footer Ends */

    /* Notice Starts */

    .notice-single-image-container {
        height: 100%;
    }

    /* Notice Ends */

}

@media (min-width: 1366px) {}

/* 2XL */
@media (min-width: 1536px) {}