/* ============================= */
/* Tablet Devices (below 1024px) */
/* ============================= */
@media (max-width: 1024px) {

    .offcanvas{
        background-color: var(--color-primary) !important;
    }

    .navbar-nav .nav-item {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .navbar-nav .nav-item .nav-link {
        font-size: 1rem !important;
    }

    .header .pnpac-logo img{
        width: 235px;
    }

    /* Hero Content */
    .hero-content-wrapper .title-highlighted{
        margin-bottom: 8px !important;
    }
    .hero-content-wrapper .title-highlighted h1{
        font-size: 1.5rem !important;
    }
    .hero-content-wrapper .hero-main-title{
        font-size: 2.45rem !important;
        margin-bottom: 8px !important;
    }
    .hero-content-wrapper .hero-date{
        margin-bottom: 8px !important;
    }
    .hero-content-wrapper .hero-date h3{
        font-size: 1rem !important;
    }
    .hero-content-wrapper .pnpac-location-text p{
        font-size: 1rem !important;
    }
    .hero-content-wrapper .pnpac-location-text p .ri-map-pin-2-fill{
        font-size: 1rem !important;
    }

    /* Hero Date Section */
    .hero-dates-banner .date-title {
        font-size: 0.75rem !important;
    }

    .hero-dates-banner .date-date {
        font-size: 0.9rem !important;
    }

    .conference-partners-wrapper p{
            font-size: 1rem;
    }

    .payment-details-wrapper{
        margin: 1rem 0 !important;
    }
    .payment-details-wrapper h1{
        font-size: 1.5rem !important;
    }

}


/* ============================= */
/* Modern Smartphones (below 768px) */
/* ============================= */
@media (max-width: 768px) {

    .navbar-nav{
        justify-content: start !important;
        align-items: center !important;
    }

    .hero{
        height: 900px;
    }

    .hero .hero-content-wrapper .hero-content{
        margin-top: -50px !important;
    }

    .border-end-md {
        border-right: 1px solid rgba(0, 0, 0, 0.5) !important;
    }

    .hero-main-title {
        font-size: 2.2rem;
    }

    .hero-date h3 {
        font-size: 1.3rem;
    }

    .themes-wrapper .theme-content::after {
        display: none;
    }

        .registration-details-card{
        padding: 2rem 1rem !important;
    }

    .registration-details-left{
        flex-direction: column !important;
        gap: 1.5rem !important;
        border-right: none;
    }
    .registration-details-left::after{
        content: '';
        width: 75%;
        /* margin: 0.5rem 0; */
        border-bottom: 2px solid var(--color-white);
    }
    .registration-details-right h2{
        font-size: 1.3rem !important;
        text-align: center;
    }

    .regs-abs-container{
        padding: 3rem 1.5rem;
    }

    .conference-partners-logo-wrapper img{
        width: 80% !important;
    }

    .hero-dates-border{
        border-right: none !important;
        text-align: center;
    }

    .sub-theme-text .hover-list{
        margin-top: -35px;
    overflow: scroll;
    overflow-x: hidden;
    }

    .conference-sub-persons-title{
        text-align: center !important;
        width: 100% !important;
        font-size: 1.5rem !important;
    }

    .conference-sub-persons-person h3{
        font-size: 1.2rem !important;
    }
    .conference-sub-persons-person p{
        font-size: 1rem !important;
    }

    .template-download-btn{
        font-size: 1rem !important;
        padding: 0.5rem 1rem !important;
    }

}


/* ============================= */
/* Small Smartphones (below 480px) */
/* ============================= */
@media (max-width: 480px) {

    /* Small phones */
    .hero .hero-content-wrapper .hero-content{
        margin-top: -50px !important;
    }

    .section-title-primary{
        font-size: 1.75rem;
    }

    .regs-abs-container .registraion-process {
        font-size: 1.3rem;
    }

    .hero-content-wrapper .title-highlighted h1 {
        font-size: 1.3rem !important;
    }

    .hero-content-wrapper .hero-main-title{
        font-size: 2.7rem !important;
    }

    .conference-partners-logo-wrapper img{
        width: 80% !important;
    }

    .regs-abs-container {
        border-top-right-radius: 65px;
        border-bottom-left-radius: 65px;
        border-bottom-right-radius: 65px;
    }

    .section-title-secondary{
        font-size: 1.5rem;
    }

    .text-justify{
        font-size: 0.8rem !important;
    }
    .cmn-section {
        margin-top: 3rem !important;
        margin-bottom: 1rem !important;
    }

    #about-parul-institute-of-applied-science, #about-conference{
        padding: 2rem 0 !important;
    }

    .template-download-btn{
        font-size: 1rem !important;
        padding: 0.5rem 1rem !important;
    }

}


/* ============================= */
/* Very Small / High-DPI Small Phones (below 360px) */
/* ============================= */
@media (max-width: 360px) {

    /* Small DPI phones */

    .hero-content-wrapper .title-highlighted h1 {
        font-size: 1rem !important;
    }

    .hero-content-wrapper .hero-main-title {
        font-size: 2.5rem !important;
    }

    .hero-content-wrapper .hero-date {
        padding: 10px !important;
    }
    .hero-content-wrapper .hero-date h3 {
        font-size: 0.85rem !important;
    }
    
    
    .hero-content-wrapper .pnpac-location-text p {
        font-size: 0.85rem;
    }
    
    .dates-container{
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .speaker-card img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    }

    .rsvp-wrapper h3{
        font-size: 1.2rem !important;
    }
    .rsvp-wrapper h4{
        font-size: 1rem !important;
    }

    .rsvp-wrapper .rsvp-left{
        padding: 2rem 1rem !important;
    }

     .rsvp-wrapper .rsvp-right{
        padding: 2rem 1rem !important;
    }

    .payment-details-wrapper h1{
        font-size: 1rem !important;
    }

    .template-download-btn{
        font-size: 0.9rem !important;
        padding: 0.5rem 1rem !important;
    }
}