@media only screen and (min-width: 769px) {
     .header-nav{
         padding: 5px;
         border-left: 0px;
         border-right: 0px;
       background:#ffffff;
    }
    .img-links{
        float:right;
    }
    .about-img{
        height:400px;
               text-align: right;
    }
       .about-img img{
           max-height:100%;
       }
     .ct-top {
         margin-top: -40px;
    }
     .testimonials .testi-pad {
         padding-right: 60px;
    }
     .sa-form form {
         padding-left: 100px;
    }
     .min-row-pad {
         padding: 30px 0px;
    }
     .modal-dialog {
         max-width: 680px;
    }
     .container.container-1200 {
         max-width: 1170px;
    }
     .event-flex-box {
         flex-direction: row;
         justify-content: center;
         align-items: center;
         gap: 20px;
         padding-right: 20px;

    }
     .left-column, .right-column {
         display: flex;
         flex-direction: column;
         justify-content: center;
         gap: 20px;
        width: 50%;
    }
     .desk-col-pad-left {
         padding-right: 40px;
    }
     .desk-col-pad-right {
         padding-left: 40px;
    }
     .cbox-item {
         width: calc(33.33% - 20px);
    }
     .timeline-item.left .timeline-block {
         flex-direction: row-reverse;
         text-align: right;
    }
     .large-popup .modal-dialog {
         max-width: 1000px;
    }
     .large-popup .modal-body {
         padding: 40px;
    }
    .border-right-line{
             background: url(../../uploads/images/line-right.webp) no-repeat;
    background-size: 1px auto; /* Set the size of the background image to 1px */
            background-position: 96% /* Adjust the background position as needed */
    }
    .mh-div{
        
        height:350px;
        overflow-y:scroll;
        scrollbar-width: thin; /* "auto" or "thin" for Firefox */
        scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color); /* Firefox */
    }
    .mh-div::-webkit-scrollbar {
        width: 8px; /* Width of the scrollbar */
    }

    .mh-div::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb-color); /* Color of the thumb */
        border-radius: 10px; /* Rounded corners for the thumb */
    }

   .mh-div::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track-color); /* Color of the track */
    }
}
 @media only screen and (min-width: 1025px) {
     .session-list.session-list-3-col .session-list-item {
         width: calc(33.33% - 20px);
    }
     .ap-block {
         width: calc(33.33% - 20px);
    }
}
 @media screen and (max-width: 1499px) and (min-width: 1025px) {
     .abs-speaker {
         width: calc(33.33% - 30px);
    }
}
 @media only screen and (min-width: 1520px) {
     .container {
         max-width: 1420px;
    }
}
 @media screen and (max-width: 1024px) and (min-width: 600px) {
     .res-ipad-count-2 .res-column {
         width: calc(50% - 40px);
    }
     .session-list-item {
         width: calc(25% - 20px);
    }
}
 @media only screen and (max-width: 768px) {
     h1, h2, h3, h4, h5, h6 {
         text-align: center;
         margin-bottom: 20px;
    }
     p, .mini-title {
         text-align: center;
    }
     h1 {
         font-size: 40px;
    }
     h2 {
         font-size: 32px;
    }
     h3 {
         font-size: 26px;
    }
     h4 {
         font-size: 24px;
    }
     h5 {
         font-size: 22px;
    }
     h6 {
         font-size: 20px;
    }
     .header-nav {
         position: unset;
         background: #ffffff;
         border-bottom: 1px solid #d7d8d9;
    }
     .header-nav .container {
         flex-direction: row-reverse;
    }
     .header-nav .navbar-collapse {
    }
     .navbar-toggler {
         background: #ffffff;
         padding: 5px;
         border: 0px;
         border-radius: 0px;
         color: #ffffff;
    }
     .header-nav .nav-item {
         margin: 5px 0px;
    }
     .header-nav .nav-item a {
         display: inline-block;
    }
     .row-pad {
         padding: 40px 0;
    }
     .res-spacer {
         height: 30px;
    }
     .res-auto {
         display: block;
         margin: 0px auto;
    }
     .sign-img.res-auto {
         margin-left: 0px;
    }
    .abs-profile .sign-img.res-auto {
          display: block;
         margin: 0px auto;
    }
     .map iframe {
         height: 300px;
    }
     .res-border {
         border: 0px !important;
    }
     .res-pad {
         padding: 0px !important;
    }
     .min-row-pad {
         padding: 15px 0px;
    }
     .event-flex-box {
         flex-wrap: wrap;
         gap: 20px;
    }
     .left-column .ef-block:first-child {
         margin-bottom: 20px;
    }
     .timeline::before {
         left: 0px;
    }
     .timeline-item {
         width: 100%;
         padding-left: 60px;
         padding-right: 25px;
         padding-bottom: 40px;
    }
     .timeline-item.left, .timeline-item.right {
         left: 0;
    }
     .timeline-item::before {
         top: 20px;
         left: -10px;
         margin-left: 0;
    }
     .timeline-block {
         flex-wrap: wrap;
         text-align: left;
         justify-content: flex-start;
    }
     .timeline-content {
         width: 100%;
    }
     .timeline-content * {
         text-align: left;
         justify-content: flex-start;
    }
     .carousel-content {
            position: relative;
            z-index: 10;
            text-align: center;
            padding: 1rem;
            background-color:var(--heading-color); /* Semi-transparent background */
            color: white;
        }
        #heroCarousel .carousel-content,
        #heroCarousel .carousel-item::before{
          
        }
        #heroCarousel .carousel-content{
            width:100%;
            height: 100%;
            left:0;
            top:0;
            transform:unset;
            background:rgba(189, 139, 15, 0.5);
        }
       #heroCarousel  .carousel-item img{
                 height: 100%;
        min-height: 862px;
        }
         #heroCarousel  .carousel-indicators{
           bottom:-10px;
        }
        .welcome-img{
               height: 220px;
        object-position: center;
        object-fit: contain;
        display: block;
        margin: 0px auto;
         }
         .scrollspy-example p{
             text-align:left;
         }
}
 @media only screen and (max-width: 599px) {
     h1, h2, h3, h4, h5, h6 {
         text-align: center;
         margin-bottom: 20px;
    }
     h1 {
         font-size: 36px;
    }
     h2 {
         font-size: 30px;
    }
     h3 {
         font-size: 26px;
    }
     h4 {
         font-size: 24px;
    }
     h5 {
         font-size: 22px;
    }
     h6 {
         font-size: 20px;
    }
      
     .res-p-5{
         padding:2rem !important;
    }
     .hero-event-date, .hero-event-venue {
         font-size: 20px;
         padding: 0;
    }
     h1.hero-title {
         font-size: 36px;
         border: 0px;
         padding: 0px;
    }
     .hero-event-top {
         border: 0px;
    }
     .hero-banner {
         min-height: unset;
         height: unset;
         text-align: center;
    }
     .navbar-toggler{
         border-radius:25px;
    }
     .inner-hero-banner{
       padding:30px 20px !important;
    }
     .hero-banner .primary-title {
         font-size: 20px;
         font-weight: 300;
    }
     .hero-banner .secondary-title {
         font-size: 32px;
         font-weight: 600;
    }
     .theme-name {
         font-size: 20px;
    }
     .jlink img, .res-img img {
         margin-bottom: 20px;
    }
     .res-margin {
         margin: 5px 10px;
    }
     .res-mt {
         margin-top: 15px;
    }
     .subcribe-form #subscribe input {
         box-shadow: none;
    }
     .subcribe-form #subscribe #subscribe-button {
         position: relative;
         width: 100%;
         right: 0px;
    }
     .res-text-center {
         text-align: center !important;
    }
     .res-justify-content-center {
         justify-content: center !important;
    }
     .venue-contact ul li {
         margin-bottom: 8px;
         text-align: center;
    }
     .venue-contact ul li i {
         display: block;
         margin: 0px 8px 0px 0px;
    }
     .input-check {
         flex-wrap: wrap;
    }
     .ic-main, .ic-box {
         width: 100%;
    }
     .footer-links a {
         display: block;
    }
     .res-mobile-count-1 .res-column {
         width: 100%;
    }
     .res-flex-wrap {
         flex-wrap: wrap;
    }
     .res-justify-center {
         justify-content: center;
    }
     .subcribe-form #subscribe input {
         width: 100%;
    }
     .subcribe-form #subscribe #subscribe-button {
         width: 100%;
    }
     .mb-5 {
         margin-bottom: 30px !important;
    }
     .session-list-item {
         width: calc(50% - 10px);
    }
    .footer-info {
        align-items:center;
    }
     .cbox {
         gap: 0px;
    }
     .cbox-item {
         width: 100%;
    }
     .apb-bottom .site-cta {
         margin-top: 15px;
    }
     .fs-sub{
         padding:30px 0px;
    }
     .row-pad.footer-bg{
         padding:10px 0px 20px 0px;
    }
         .left-column, .right-column{
             width:100%;
         }
         .rel-profile{
             justify-content:center;
         }
         
         .abs-speaker-list .abs-img,
         .abs-speaker-list .rel-img{
             background:transparent;
                     padding: 20px;
         }
          .abs-speaker-list .abs-profile{
              filter:unset;
          }
       .abs-speaker-list .abs-speaker  {
             filter: drop-shadow(0px 8px 10px rgba(73, 57, 38, 0.05));
        background: #ffffff;
        border-radius:40px;
                border: 1px solid #f1f2f2;
         }
       
}