@charset "utf-8";
@media screen and (min-width: 200px) and (max-width: 1023px) {
    .wrapper {
        width: 100%;
    }
}

@media screen and (min-width: 200px) and (max-width: 767px) {
    .mobile-header {
        display: block;
    }
    .desktop-header {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1440) {
    .mobile-header {
        display: none;
    }
    .desktop-header {
        display: block;
    }
}

@media screen and (min-width: 200px) and (max-width: 767px) {
    .header-left {
        background: #ffffff;
        position: inherit;
        min-height: auto;
        width: auto;
        padding: 1em;
        text-align: center;
    }
    .logo img {
        width: 250px;
    }
    .header-left h1 {
        font-size: 32px;
        line-height: 42px;
    }
    .header-left h1 span {
        font-size: 16px;
    }
    .header-left h3 {
        font-size: 24px;
        line-height: 36px;
    }
    .header-left h5 {
        font-size: 18px;
    }
    span.theme {
        border-radius: 70px;
        font-size: 16px;
    }
    .welcome-mgs {
        display: block;
    }
    .welcome-left {
        width: auto;
        padding: 1em;
    }
    .welcome-right {
        width: auto;
    }
    .about-chairperson ul {
        display: block;
    }
    .about-chairperson li {
        width: auto;
        align-items: center;
        margin: 0 0 1em;
    }
    .reg-fee {
        margin: 0;
    }
    .conference-programme {
        flex-wrap: wrap;
        padding: 1em 0;
    }
    .s-programme.blue-box,
    .s-programme.yellow-box {
        width: 100%;
        margin: 0 0;
        padding: 1em;
    }
    .quiz-bg {
        padding: 1em 0;
        background-attachment: initial;
    }
    .quiz-content {
        flex-wrap: wrap;
    }
    .quiz-box1,
    .quiz-box2 {
        padding: 1em;
    }
    .quiz-border {
        width: 100%;
        height: 1px;
    }
    .quiz-content li {
        font-size: 16px;
    }
    .free-communication {
        flex-wrap: wrap;
    }
    .submission-date,
    .instructions {
        width: 100%;
        padding: 1em;
    }
    .submission-date h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .submission-date p {
        font-size: 16px;
    }
    .footerbg {
        padding: 0;
    }
    .footer {
        padding: 0 1em;
        margin: 0;
        text-align: center;
    }
    .footerleft {
        float: none;
        margin: 0;
    }
    .frleft,
    .frright {
        float: none;
    }
    .footer-bottom {
        font-size: 12px;
        line-height: 20px;
    }
    .infonew {
        flex-wrap: wrap;
        margin: 1em;
        padding: 1em;
    }
    .infonew li {
        font-size: 14px;
        line-height: 20px;
    }
    .form-section {
        margin: 1em;
    }
    .contact-page {
        flex-wrap: wrap;
    }
    .contact-box {
        margin: 1em;
        width: 100%;
    }
    .contact-box img {
        max-width: 100%;
    }
    .table-scroll {
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
    }
    .registration-details h2 {
        font-size: 18px;
        line-height: 26px;
    }
    .table-scroll th,
    .table-scroll td {
        font-size: 12px;
    }
    .friday,
    .saturday {
        width: 100%;
        padding: 1.5em;
    }
    .workshops-details h3 {
        font-size: 14px;
    }
    .register-link li {
        width: 100%;
        padding: 0 0 1em;
    }
    .bank-details p {
        line-height: 32px;
        font-size: 14px;
        padding: 0 1em;
    }
    .conference-programme.inner-page li {
        border: none;
        border-bottom: 1px dashed rgb(0 0 0 / 33%);
    }
    .s-programme li {
        width: 100%;
        text-align: left;
        margin: 0 0 10px;
        border: none;
        border-bottom: none;
        padding: 1em;
    }
    .s-programme li span.num {
        display: inline-block;
        font-size: 16px;
        padding: 0;
        margin: 0;
        width: 30px;
        height: 30px;
        color: #ffffff;
        border-radius: 100%;
        margin-right: 5px;
        vertical-align: middle;
        text-align: center;
        line-height: 32px;
    }
    .comm-members-bg {
        padding: 20px 0;
    }
    .welcome-left h2,
    .comm-members-bg h2,
    .s-programme.blue-box h2 {
        margin: 0 0 20px;
        font-size: 22px;
        line-height: 32px;
    }
    .comm-members-bg ul li h3 {
        font-size: 14px;
    }
    .inner-bg {
        padding: 1em;
    }
    .committee-content h4 {
        padding: 5px 20px;
        font-size: 18px;
    }
    .committee-content {
        margin: 0;
        padding: 30px 0 20px;
        border-bottom: 1px solid rgb(255 255 255 / 15%);
    }
    .committee-content ul li {
        font-size: 12px;
        width: auto;
        margin: 10px;
        line-height: 18px;
    }
    .committee-content ul li .ex_committee {
        padding: 5px 20px;
        border-radius: 15px;
    }
    .national-faculty {
        padding: 0;
    }
    .national-faculty li {
        width: auto;
        margin: 15px;
        padding: 10px 20px 15px;
        box-shadow: 0px 0px 8px -2px rgb(65 105 225 / 34%);
        background: #fff;
        position: relative;
        border-radius: 15px;
    }
    .scientific-highlights ul li,
    .sponsors ul li {
        width: auto;
    }
    .registration-details {
        padding: 1em;
        border-radius: 15px;
        margin: 0em 1em 2em;
    }
    .table-scroll table {
        min-width: 767px;
    }
    .reg-address {
        padding: 0;
    }
    .register-link {
        padding: 0 1em;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .header-left {
        background: #ffffff;
        position: inherit;
        min-height: auto;
        width: auto;
        padding: 1em;
        text-align: center;
    }
    .logo img {
        width: 250px;
    }
    .header-left h1 {
        font-size: 38px;
        line-height: 58px;
    }
    .header-left h1 span {
        font-size: 18px;
    }
    .header-left h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .header-left h5 {
        font-size: 18px;
    }
    span.theme {
        border-radius: 70px;
        font-size: 16px;
    }
    .welcome-mgs {
        padding: 2em;
    }
    .welcome-left {
        width: 60%;
    }
    .welcome-right {
        width: auto;
    }
    .about-chairperson ul {
        flex-wrap: wrap;
    }
    .about-chairperson ul li {
        width: auto;
        margin: 0 0 1em;
    }
    .submission-date,
    .instructions {
        padding: 1em;
    }
    .free-communication {
        align-items: stretch;
    }
    .submission-date h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .footer {
        padding: 10px 20px;
    }
    .footerleft {
        margin: 0 2em 0 0;
    }
    .infonew {
        flex-wrap: wrap;
        margin: 1em;
        padding: 1em;
    }
    .infonew li {
        font-size: 14px;
        line-height: 20px;
    }
    .form-section {
        margin: 1em;
    }
}