@media screen and (min-width: 767px) {
    .agenda-box {
        background-color: #fff;
        min-height: 150px;
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    }
    .mw-lg-900 .row:nth-child(even) .agenda-box {
        /*    background-color: var(--opacity-light-purple);*/
    }
    .speaker figure {
        height: 260px;
    }
    .overlap-sections .left-section {
        position: absolute;
    }
    .overlap-sections .left-section {
        width: 50%;
        top: -62px;
    }
    .overlap-sections-reverse .right-section {
        position: absolute;
    }
    .overlap-sections-reverse .right-section {
        width: 56%;
        top: -62px;
        right: 0;
    }
    .youth-card .img-box img {
        max-height: 245px;
    }
    .mt-md-140 {
        margin-top: -140px;
    }
    .mt-md-84 {
        margin-top: -84px;
    }
    .min-height-md-580 {
        min-height: 580px;
    }
    .pt-md-41 {
        padding-top: 41px;
    }
    .mt-cover {
        margin-top: -60px;
    }
}
@media screen and (min-width: 991px) {
    .overlap-sections .right-section {
        width: 56%;
    }
    .overlap-sections-reverse .left-section {
        width: 50%;
    }
}
@media screen and (min-width: 1920px) {
    .our-speakers .bg-top-right-particle-full:after,
    .event-agenda .bg-top-right-particle-full:after {
        height: 100%;
    }
    .our-speakers .bg-bottom-left-particle-big:before,
    .event-agenda .bg-bottom-left-particle-big:before {
        height: 50%;
    }
}
@media screen and (max-width: 1536px) {
    .m-height-260 {
        max-height: 150px;
    }
}
@media screen and (max-width: 1300px) {
    .header-menu .row {
        max-width: 800px;
    }
    .frame-icon.top.right {
        right: -25px;
    }
    .frame-icon.bottom-left {
        left: -25px;
    }
    .custom-modal .px-custom {
        padding: 45px 30px;
    }
}
@media screen and (max-width: 1200px) {
    :root {
        --tickets-card-mb: 60px;
    }
    .youth-circles .img-bottom {
        position: static;
    }
}
@media screen and (max-width: 1199px) {
    .bg-bottom-left-particle-big:before {
        background-size: cover;
        width: 100%;
        height: 50%;
    }
    .custom-modal .modal-wrapper {
        max-width: 95%;
    }
}
@media screen and (max-width: 992px) {
    .custom-owl-carousel .owl-prev,
    .custom-owl-carousel .owl-next {
        top: 34%;
    }
    .header-static.bg-home {
        background-position: unset;
    }
    .our-speakers .bg-top-right-particle-full:after {
        width: 100%;
        height: 79%;
    }
    .event-agenda .bg-top-right-particle-full:after {
        width: 68%;
        height: 35%;
    }
    .bg-bottom-left-particle-big:before,
    .our-speakers .bg-bottom-left-particle-big:before,
    .event-agenda .bg-bottom-left-particle-big:before {
        width: 100%;
        height: 28%;
    }
    .speaker.clip-down-right {
        clip-path: none;
    }
    .custom-modal .modal-wrapper {
        max-width: 100%;
    }
    .custom-modal .px-custom {
        padding: 20px;
    }
    .overlap-sections .right-section {
        width: 70%;
    }
    .overlap-sections-reverse .left-section {
        width: 70%;
    }
    .mw-vw25 {
        max-width: 30vw;
    }
    .right-line-md-none .right-line {
        border-right: none;
    }
    .startup-header-text .font-14 {
        font-size: 12px;
    }
    .startup-header-text li + li::before {
        height: 20px;
    }
    .clip-down-left-tabs {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 80%);
    }
    .event-agenda-box .font-16 {
        font-size: 14px;
    }
    .agenda-wrapper .event-agenda-cards:nth-child(odd) {
        background-color: #fff;
    }
    .agenda-wrapper .event-agenda-cards:not(:last-child) {
        margin-bottom: 30px;
    }
    .agenda-wrapper .event-agenda-cards {
        margin: 0;
        border-radius: 4px;
        box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
        -webkit-box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
    }
    .agenda-wrapper .event-agenda-cards [class*="col"] {
        border: none;
    }
    .agenda-wrapper .mt-130,
    .agenda-wrapper .mt-100 {
        margin-top: 0;
    }
}
@media screen and (max-width: 767px) {
    :root {
        --owl-nav-position: -20px;
    }
    .custom-container {
        padding: 0;
    }
    main .status-section .row .font-large,
    .status-section .font-large,
    .font-large {
        font-size: 5rem;
        line-height: 48px;
    }
    .font-40 {
        font-size: 30px;
    }
    .font-30 {
        font-size: 24px;
    }
    .bg-speakers,
    .bg-partner {
        background-position: center;
    }
    .bg-tickets {
        background-position: 85% 50%;
    }
    .body-container section {
        padding: 50px 0;
    }
    .main-heading {
        font-size: 30px;
    }
    .header-menu {
        background-color: rgb(235, 234, 236);
    }
    .header-menu .row {
        background-color: transparent;
        /* max-height: 90%; */
        max-height: 0;
    }
    .clip-up-left {
        clip-path: polygon(0 2%, 100% 0, 100% 100%, 0% 100%);
    }
    .white-curved {
        position: static;
    }
    .clip-down-left {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 95%);
    }
    /*  .header-static.bg-small-height {
    min-height: 500px;
  }*/
    .bg-top-right-particle-full:after {
        width: 100%;
        top: 0;
        height: 50%;
    }
    .bg-bottom-left-particle-big:before,
    .our-speakers .bg-bottom-left-particle-big:before,
    .event-agenda .bg-bottom-left-particle-big:before {
        height: 14%;
        width: 100%;
    }
    .our-speakers .bg-top-right-particle-full:after {
        height: 29%;
    }
    .event-agenda .bg-top-right-particle-full:after {
        top: 36px;
    }
    .agenda-box {
        padding-bottom: 0;
    }
    .mw-lg-900 .row {
        margin: 0;
        border-radius: 4px;
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    }
    .mw-lg-900 .row:not(:last-child) {
        margin-bottom: 30px;
    }
    .mw-lg-900 .row:nth-child(odd) {
        background-color: #fff;
    }
    .mw-lg-900 .row:nth-child(even) {
        /*    background-color: var(--opacity-light-purple);*/
    }
    .mw-lg-900 .row .p20 {
        padding: 10px;
    }
    .fintech-agenda .custom-row {
        padding: 20px 10px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        border-radius: 7px;
    }
    .fintech-agenda .custom-row:not(:last-child) {
        margin-bottom: 20px;
    }
    .fintech-agenda .time,
    .fintech-agenda .speaker {
        font-weight: 600;
    }
    .custom-modal .px-custom-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .fintech-page .header-static.clip-down-left {
        clip-path: none;
    }
    .header-static.bg-home {
        background-position: unset;
        max-height: 620px;
        min-height: 100%;
    }
    .header-static.bg-home:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.2;
    }
    .overlap-sections .right-section {
        width: 100%;
    }
    .overlap-sections-reverse .left-section {
        width: 100%;
    }
    .mw-vw25 {
        max-width: 500px;
    }
    .header-static.bg-home figure img {
        max-width: 250px;
    }
    .countdown {
        background: linear-gradient(43deg, rgb(28 32 67 / 55%), transparent);
    }
    /* .speaker figure {
        height: 180px;
    } */
    .py80 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .flip-box-front,
    .flip-box-back {
        min-height: 350px;
    }
    .flip-box-back > div.mt70 {
        height: calc(350px - 50px);
    }
    .flip-box-back > div.mt90 {
        height: calc(350px - 70px);
    }
    .flip-box .inner {
        min-height: 125px;
        padding: 10px 15px;
    }
    .flip-box-front .font-19,
    .flip-box-back .font-19 {
        font-size: 14px;
    }
    .flip-box-front .font-16 {
        font-size: 14px;
    }
    .flip-box-back .font-16 {
        font-size: 10px;
    }
    .flip-box-front .font-14,
    .flip-box-back .font-14 {
        font-size: 14px;
    }
    .flip-box-back .mt70 {
        margin-top: 50px;
    }
    .flip-box-back .mt90 {
        margin-top: 70px;
    }
    .border-right-hidden-mobile {
        border-right-width: 0 !important;
    }
    .border-left-hidden-mobile {
        border-left-width: 0 !important;
    }
    .bg-herobanner:before {
        opacity: 0.2;
        background-position: 75% 50%;
    }
    .glitch-img {
        padding-bottom: 30%;
    }
    .bg-fintech-header:before {
        background-image: url("/-/media/adfw2023/images/fintech/bg-small.jpg");
    }
    .bg-race-header:before {
        background-image: url("/-/media/adfw2023/images/race/bg-small.jpg");
    }
    .bg-economic-header:before {
        background-image: url("/-/media/adfw2023/images/adef/bg-small.jpg");
    }
    .bg-asset-header:before {
        background-image: url("/-/media/adfw2023/images/assetad/bg-small.jpg");
    }
    .bg-regulator-summit:before {
        background-image: url("/-/media/adfw2023/images/regulator-summit/bg-small.jpg");
    }

    .bg-urbanx {
        background-image: url("/-/media/adfw2023/images/urbanx/bg-small.jpg");
    }
    .bg-fintech-header:before,
    .bg-race-header:before,
    .bg-economic-header:before,
    .bg-asset-header:before,
    .bg-regulator-summit:before,
    .bg-urbanx:before {
        opacity: 0.3;
        background-position: center center;
    }
    .bg-fintech-header,
    .bg-race-header,
    .bg-economic-header,
    .bg-asset-header,
    .bg-regulator-summit,
    .bg-urbanx {
        height: 600px;
    }

    .bg-race-header img,
    .bg-economic-header img {
        max-width: 260px;
    }
    .bg-fintech-header img {
        max-width: 150px;
    }

    .bg-asset-header img {
        max-width: 220px;
    }
    .bg-regulator-summit img {
        max-width: 300px;
    }
    .footer-container.body-container ul li:first-child {
        width: auto;
    }
    .m-height-225 {
        max-height: 150px;
    }
    /* Agenda Styles Starts */
    .agenda-wrapper ul > li {
        width: 31%;
    }
    .agenda-wrapper ul > li:not(:last-child) {
        margin-right: 10px;
    }
    /* Agenda Styles Ends*/
}

@media screen and (max-width: 575px) {
    :root {
        --owl-nav-position: -10px;
        --owl-nav-icon: 10px;
    }
    .tickets-cards-spacing {
        padding-left: var(--tickets-card-px);
        padding-right: var(--tickets-card-px);
    }
    .body-container.mt-35 {
        margin-top: -86px;
    }
    .header-menu .row {
        padding: 90px 20px 0 20px;
    }
    .navbar-adfw .font-24 {
        font-size: 18px;
    }
    .display-4 {
        font-size: 2.5rem;
    }
    main .status-section .row .font-large,
    .status-section .font-large,
    .font-large {
        font-size: 4rem;
        line-height: 50px;
    }
    .sub-heading {
        font-size: 18px;
    }

    .navbar-adfw .logo img {
        width: 100px;
    }
    .navbar-adfw .bg-youth-finance .logo img {
        width: 140px;
    }
    nav.bg-dark-blue .logo img {
        width: 116px;
        height: 100px;
    }
    .main-heading {
        font-size: 30px;
    }
    .font-30 {
        font-size: 20px;
    }
    .font-24 {
        font-size: 18px;
    }
    .font-22 {
        font-size: 17px;
    }
    .font-19 {
        font-size: 16px;
    }
    .font-18 {
        font-size: 16px;
    }
    .font-16 {
        font-size: 14px;
    }
    .font-15 {
        font-size: 14px;
    }
    .speaker .font-15 {
        font-size: 12px;
    }

    .side-lines span {
        letter-spacing: 0;
    }
    .explore {
        height: auto;
    }
    .pb80,
    .pt40 {
        padding: 20px 0 40px 0;
    }
    .nav-tabs {
        /* flex-wrap: nowrap; */
        /* overflow-x: scroll; */
        /* overflow-y: hidden; */
        width: 100%;
        z-index: 1;
        justify-content: flex-start;
        padding-right: 10px;
        padding-left: 10px;
    }
    .custom-tabs .nav .nav-item {
        min-width: 50%;
        margin-right: 0;
        margin-bottom: 20px !important;
    }
    .tab-content.mt82 {
        margin-top: 0;
    }
    .right-overflow-line.mt60 {
        margin-top: 15px !important;
    }
    .custom-tabs .nav .nav-item button,
    .our-speakers .bg-bottom-left-particle-big:before,
    .event-agenda .bg-top-right-particle-full:after,
    .event-agenda .bg-bottom-left-particle-big:before,
    .home-header-image {
        width: 100%;
    }
    .mt100 {
        margin-top: 0;
    }

    .event-agenda .bg-top-right-particle-full:after,
    .our-speakers .bg-top-right-particle-full:after {
        height: 16%;
    }

    .bg-bottom-left-particle-big:before,
    .our-speakers .bg-bottom-left-particle-big:before,
    .event-agenda .bg-bottom-left-particle-big:before {
        height: 10%;
    }
    .event-agenda .bg-top-right-particle-full:after {
        top: 60px;
    }
    .clip-down-right-high {
        clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%);
    }
    .status-section h4 {
        font-size: 20px;
    }
    .overlap-sections .wrapper-width {
        padding: 45px 15px;
    }
    .overlap-sections-reverse .wrapper-width {
        padding: 45px 15px;
    }
    .custom-speakers-tabs {
        margin: 0 -5px;
        flex-direction: row !important;
    }
    /*.custom-speakers-tabs li:first-child {
      width:100%;
  }*/
    .custom-speakers-tabs li {
        width: 50%;
        padding: 0 5px;
    }
    .header-static.bg-home figure img {
        max-width: 250px;
    }

    .our-speakers.mt-40 section:first-child {
        padding-top: 100px;
    }
    /* themes responsive banner */
    .bg-crypto,
    .bg-fintech,
    .bg-race,
    .bg-assetad,
    .bg-startup-theme-banner,
    .bg-campus {
        background-position: 60% center;
        position: relative;
        max-height: 600px;
    }
    .bg-crypto:before,
    .bg-startup-theme-banner:before,
    .bg-campus:before,
    .bg-assetad:before,
    .bg-fintech:before,
    .bg-race:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        /*background: var(--purple-dark);*/
        width: 100%;
        opacity: 1;
        z-index: 1;
        background: linear-gradient(var(--purple-dark), #ffffff00);
    }
    .bg-opening {
        background-position: -50% 50%;
    }
    .firstlogo {
        padding-right: 0 !important;
    }
    .our-partners-page .right-line,
    .our-partners .right-line {
        border-right: none;
    }
    .navbar-adfw nav {
        padding: 15px 0;
    }
    .navbar-adfw nav.bg-dark-blue {
        padding: 0 0;
    }
    .speaker-modal-section .custom-modal .bottom-list .font-13 {
        font-size: 12px;
    }

    .header-arrow a {
        bottom: 25px;
    }
    .header-arrow .box-arrow span {
        width: 10px;
        height: 10px;
    }
    .floating-falcon {
        opacity: 0.05 !important;
        left: -100px !important;
        object-fit: contain;
        width: 170%;
    }
    .flip-box-front .font-19,
    .flip-box-back .font-19 {
        font-size: 14px;
    }
    .flip-box-front .font-16 {
        font-size: 12px;
    }
    .flip-box-back .font-16 {
        font-size: 10px;
    }
    .flip-box-back .font-14 {
        font-size: 10px;
        line-height: 1.25;
    }
    .m-height-260 {
        max-height: 130px;
    }
    .flip-box-front .font-16 {
        display: none;
    }
    .flip-box .inner {
        min-height: 85px;
    }
    .our-partners-page .mr34 {
        margin-right: 0;
    }
    .mb60 {
        margin-bottom: 30px;
    }
    .footer-container.body-container ul li:first-child {
        display: inline-block;
    }
    /* .bg-fintech-header img,
    .bg-race-header img,
    .bg-economic-header img,
    .bg-asset-header img,
    .bg-regulator-summit img {
        height: auto !important;
        padding-left: 20px;
        margin-top: 161px;
    } */
    .px5 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .m-width-150 {
        max-width: 115px;
    }
    :root {
        --tickets-card-px: 35px;
    }
    .custom-modal .bottom-list {
        grid-column-gap: 10px;
    }
    .custom-modal .bottom-list li {
        margin-top: 0.75rem !important;
    }
    .custom-modal .bottom-list li .colored-label {
        width: 10px;
        height: 10px;
    }
    .custom-modal .bottom-list li .font-16 {
        font-size: 12px;
    }
    .speaker .color-label-list {
        /* grid-template-columns: auto auto;
        display: grid !important; */
        grid-column-gap: 8px;
    }
    .status-section h1,
    .status-section h4 {
        text-align: center;
    }
    .nav-actions .btn.text-uppercase {
        font-size: 10px;
    }
    .btn.text-uppercase {
        font-size: 14px;
    }
    .mapping-date .left-content {
        width: 100%;
        min-width: 135px;
    }
    .mapping-date .right-content {
        max-width: 100%;
    }
    .m-height-310 {
        max-height: 180px;
        max-width: 125px;
    }
    .m-height-225 {
        max-height: 100px;
    }

    /* Agenda Styles Starts*/
    .agenda-wrapper ul > li.font-18 {
        font-size: 16px;
    }
    .agenda-wrapper ul > li {
        width: 47%;
    }
    .agenda-wrapper ul > li:nth-child(even) {
        margin-right: 0;
        margin-left: auto;
    }
    .agenda-wrapper ul > li:nth-child(3) {
        width: 100%;
    }
    /* Agenda Styles Ends*/
}
