/* responsive css */
@media (max-width: 1024px) {
    .meet-speakers .inner {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
header .inner .navbars .close-icon {
    display: none;
}
@media (max-width: 991px) {
    header .inner .ticket-btn button.button-menu {
        display: flex;
    }
    header .inner .navbars {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background-color: var(--light);
        z-index: 99;
        padding: 24px;
    }
    header .inner .navbars ul {
        display: block;
    }
    header .inner .navbars ul li {
        margin-bottom: 24px;
    }
    header .inner .navbars .close-icon {
        display: flex;
        justify-content: end;
        align-items: center;
    }
    header .inner .navbars .close-icon #closeBtn {
        background-color: var(--light);
        border: 1px solid var(--border);
        height: 44px;
        width: 44px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .feature .inner {
        grid-template-columns: 1fr;
    }
    .feature .inner .right p {
        font-size: 16px;
    }
    .feature .content {
        grid-template-columns: 1fr 1fr;
    }
    .inspire .inner {
        grid-template-columns: 1fr;
    }
    .setup-conferences .inner {
        padding: 46px;
    }
    .setup-conferences .inner .content {
        grid-template-columns: 1fr;
        max-width: 100%;
        margin-left: 0px;
    }
    .setup-conferences .inner .content .right {
        justify-content: start;
    }
    .event-agenda .sessions .filter-content h3,
    .event-agenda .sessions .filter-content .input_filter .endbutton .calendra {
        display: none;
    }
    .event-agenda .sessions .filter-content .input_filter {
        justify-content: space-between;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .video-section .inner video {
        height: 315px;
    }
    .meet-speakers .inner {
        grid-template-columns: 1fr 1fr;
        padding: 0px 100px;
    }
    .meet-speakers .inner .box .image img {
        height: auto;
    }
    .premium-unlock .inner {
        flex-wrap: wrap;
    }
    .faq-section .inner {
        grid-template-columns: 1fr;
    }
    .faq-section .inner .section-title {
        margin-bottom: 0px;
    }
    .faq-section .inner .faq-item {
        padding: 12px 0px;
    }
    .latest-news .inner {
        grid-template-columns: 1fr;
    }
    .event-vanue .inner {
        flex-wrap: wrap;
    }
    .event-vanue .inner .box p br {
        display: none;
    }
    .gallery .inner {
        grid-template-columns: 1fr 1fr 1fr;
    }
    header .inner .logo img {
        min-height: 38px;
        max-height: 38px;
        object-fit: contain;
    }
    .container-fluid {
        max-width: 1256px;
        margin: auto;
        padding: 0px 24px;
    }
    .meet-speakers .input_filter {
        flex-wrap: wrap;
    }
    .inner-pages .meet-speakers {
        padding: 64px 0px;
    }
    .inner-pages .our-sponsors,
    .inner-pages .latest-news,
    .blog-details .inner {
        padding-top: 64px;
    }
    .inner-pages .our-sponsors .section-title{
        margin-bottom: 64px;
    }
}
@media (max-width: 600px) {
    footer .inner .top {
        grid-template-columns: 1fr;
    }
    footer .inner .top .right {
        justify-content: start;
    }
}
@media (max-width: 575px) {
    header .inner .ticket-btn .button {
        display: none;
    }
    .hero .container {
        min-height: 630px;
    }
    .hero .container .inner {
        padding: 0px 32px;
    }
    .hero .inner h1 {
        font-weight: 600;
        font-size: 42px;
        line-height: 100%;
    }
    .feature .content {
        grid-template-columns: 1fr;
    }
    .setup-conferences .inner .content .right .buttons {
        flex-wrap: wrap;
    }
    .setup-conferences .inner .content .right .button {
        width: 100%;
        justify-content: center;
    }
    .event-agenda .sessions .content-agenda .event-box,
    .inner-hero .second-inner .content-agenda .event-box {
        flex-wrap: wrap;
        width: 100%;
    }
    .event-agenda .sessions .content-agenda .event-box .left,
    .inner-hero .second-inner .content-agenda .event-box .left,
    .event-agenda .sessions .content-agenda .event-box .right,
    .event-agenda .sessions .content-agenda .event-box .right a,
    .inner-hero .second-inner .content-agenda .event-box .right,
    .inner-hero .second-inner .content-agenda .event-box .right a {
        width: 100%;
    }
    .event-agenda .sessions .content-agenda .event-box .right .top,
    .inner-hero .second-inner .content-agenda .event-box .right .top {
        flex-wrap: wrap;
    }
    .video-section .container {
        padding: 0px;
    }
    .video-section .inner video {
        height: 191px;
    }
    .video-section .inner .icon button {
        height: 32px;
        width: 32px;
    }
    .video-section .inner .icon button svg {
        height: 5px;
        width: 5px;
    }
    .meet-speakers .inner {
        grid-template-columns: 1fr;
        padding: 0px;
    }
    .gallery .inner {
        grid-template-columns: 1fr;
    }
    footer .inner .top .left ul {
        align-items: start;
        flex-direction: column;
    }
    footer .copyright {
        flex-wrap: wrap;
    }
    .meet-speakers .input_filter .search {
        width: 100%;
    }
    .meet-speakers .input_filter .search input {
        min-width: 100%;
        width: 100%;
    }
    .meet-speakers .input_filter .filter {
        width: 100%;
    }
    .meet-speakers .input_filter .filter select {
        width: 100%;
    }
    .inner-pages .section-title h2 {
        font-size: 32px;
        line-height: 100%;
    }
    .inner-pages .meet-speakers {
        padding: 32px 0px;
    }
    .inner-pages  .section-title {
        margin-bottom: 32px;
    }
    .inner-hero .inner .top .design-image img{
        width: 100%;
    }
    .inner-hero .inner {
        padding: 32px 0px 80px;
    }
    .inner-hero .inner .top .design-image {
        transform: translateY(-31px);
    }
    .session-content .inner,
    .inner-pages .latest-news,
    .blog-details .inner{
        padding-top: 32px;
    }
    .inner-pages .our-sponsors {
        padding-top: 32px;
    }
    .blog-details .inner h2{
        font-size: 46px;
        line-height: 60px;
    }
}