@media screen and (max-width: 539px) and (min-width: 320px) {
    .img-group {
        flex-wrap: wrap;
    }
    .join-us-img {
        margin-right: 5px;
        width: 48%;
        margin-bottom: 10px;
    }
    .banner-insight {
        margin: 0px 0px;
        padding: 10px;
    }
    .content-box {
        min-height: auto;
        padding: 30px 0px;
    }
    .content-detail h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .content-detail {
        padding: 20px;
    }
    .bg-img h1, .join-us-area h2, .participate-area h2, .participate-area h3{
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .bg-img {
        height: 490px;
        padding: 50px 10px;
    }
    .participate-logo {
        padding-top: 10px;
        min-height: auto;
    }
    .participate-area p, .grey-section h5 {
        font-size: 16px !important;
        line-height: 25px;
    }
    .mb-4 {
        margin-bottom: 0.5rem !important;
    }
    .px-3 {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    .grey-section {
        padding: 35px 20px;
    }
    .grey-section h5 {
        padding: 5px 5px;
    }
    .practice-area-img {
        min-height: 260px;
        margin-top: 0px;
        padding: 0px 5px 0px;
    }
    .invite-insight {
        display: block;
    }
    .banner-detail {
        padding-left: 0;
        margin-top: 0px;
    }
    .logo {
        margin-left: 18px;
        padding-top: 15px;
        margin-bottom: 14px;
    }
    .login-menu {
        margin-right: 0;
        flex: 1;
        display: flex;
        justify-content: end;
    }
    .main-menu .navbar-nav .nav-item .nav-link {
        padding: 9px 4px 0px;
        font-size: 14px;
    }
    .navbar-toggler {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .dropdown-menu {
        text-align: left;
        padding: 5px 10px;
    }
    .submenu {
        right: 0px;
        top: 31%;
    }
    .sub-dropdown {
        left: 250px !important;
        top: 50%;
        right: 0px;
    }
    .bg-img h5 {
        font-size: 18px;
        padding: 45px 15px;
    }
    .footer-list li {
        display: inline-block;
        padding: 5px 10px;
    }
    .footer-list {
        margin-top: 0;
        padding-left: 0;
    }
    .space-section {
        padding: 40px 15px 20px;
    }
    .get-involved {
        padding: 30px 10px;
    }
    .herizon-insight h1 {
        font: normal normal normal 29px / 1.4em 'Oswald ExtraLight';
        padding-left: 0;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .herizon-btn .btn {
        margin: 15px 5px;
    }
    .practicum {
        padding: 15px;
    }
    .icons, .sub-icons{
        width: 40px;
        height: 40px;
    }
    .registration-insight {
        padding: 25px 15px 5px;
    }
    .herizon-btn {
        flex-wrap: wrap;
    }
    .herizon-btn span {
        font-size: 18px;
    }
    .optional {
        width: 200px;
    }
    .herizon-registration h2 {
        font-size: 26px;
    }
    .herizon-insight p {
        font-size: 18px;
    }
    .contact-form {
        margin: 0px 0px;
    }
    .contact-form h2 {
        font-size: 25px;
    }
    .join-banner {
        flex-wrap: wrap;
    }
    .session {
        display: block;
    }
    .session-btn {
        height: auto;
        margin-bottom: 10px;
        max-width:100%;
        min-height: auto;
    }
    .div-button .col-12 {
        display: block;
    }
    .div-button button{
        margin: 3px 1px;
    }
    
    .img-area-1 .d-flex {
        display: block;
    }
    .tab button {
        width: 100%;
    }
    .join-us-box {
        margin-bottom: 30px;
    }
    .join-us-box p {
        font-size: 16px;
    }
    .participate-box {
        padding: 15px;
        margin-bottom: 20px;
    }
    .participate-area-unique h2 {
        font-size: 20px;
    }
    .w-520, .w-337{
        width: 70%;
    }
    .participate-area-unique p {
        font-size: 16px;
        line-height: 24px;
    }
    .participate-area-unique h3 {
        font-size: 18px;
        margin-bottom: 20px;
        line-height: 30px;
    }
    .session-btn h4 {
        font-size: 15px;
        margin-bottom: 0;
    }
    .speakers {
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px;
    }
    .sponsor-logo {
        width: 50%;
    }
    .banner-insight-xs {
        display: block !important;
    }
    /* .banner-insight {
        display: none;
    } */
    .banner-detail h5 {
        font: normal normal normal 16px / 1.569em "Wix Madefor Text", sans-serif;
    }
    .banner-img {
        display: none;
    }
    .marque-event h2 {
        font: normal normal normal 20px / 1.569em "Wix Madefor Text", sans-serif;
        line-height: 30px;
    }
    .prac-dark-box {
        margin: 0px 18px 20px;
        width: 100%;
    }
    .focus-img img {
        width: 100%;
    }
    .sesion-outside h3 {
        margin-bottom: 20px;
        font: normal normal normal 18px / 1.569em "Wix Madefor Text", sans-serif;
    }
    .tab-pane p {
        line-height: 26px;
        font-size: 16px;
    }
    .bg-blue {
        padding: 2em 2em;
        border-left: 0px solid #041021;
    }
    .bg-blue p {
        font-size: 18px;
        color: white;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    .accordion-button:not(.collapsed) {
        font-size: 16px;
    }
    .accordion-body p {
        font: normal normal normal 14px / 1.569em "Wix Madefor Text", sans-serif;
        line-height: 20px;
    }
    .mw-850 {
        max-width: 100%;
        margin: unset;
    }
    .accordion-body {
        padding: 0;
    }
    .accordion {
        padding: 0;
    }
    .accordion-button {
        font-size: 16px;
    }
    .bgwhite h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .bgwhite {
        background-color: white;
        padding: 3em 1.5em;
    }
    .darkbg h2 {
        font: normal normal normal 20px / 1.569em "Wix Madefor Text", sans-serif;
        line-height: 30px;
    }
    .marquee-item h5 {
        font: normal normal normal 16px / 1.569em "Wix Madefor Text", sans-serif;
    }
}
@media screen and (max-width: 767px) and (min-width: 540px) {
    .container, .container-sm {
        max-width: 610px;
    }
    .img-group {
        flex-wrap: wrap;
        justify-content: left;
    }
    .join-us-img {
        margin-right: 5px;
        width: 32%;
        margin-bottom: 10px;
    }
    .content-box {
        min-height: auto;
        padding: 30px 0px;
    }
    .content-detail h1 {
        font-size: 26px;
        line-height: 30px;
    }
    .content-detail {
        padding: 20px;
    }
    .bg-img h1, .join-us-area h2, .participate-area h2, .participate-area h3{
        font-size: 16px;
    }
    .bg-img {
        padding: 50px 10px;
    }
    .participate-logo {
        padding-top: 10px;
        min-height: auto;
    }
    .participate-area p, .grey-section h5 {
        font-size: 16px !important;
        line-height: 25px;
    }
    .mb-4 {
        margin-bottom: 0.5rem !important;
    }
    .px-3 {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    .grey-section {
        padding: 35px 20px;
    }
    .grey-section h5 {
        padding: 5px 5px;
    }
    .practice-area-img {
        min-height: 320px;
    }
    .invite-insight {
        display: block;
    }
    .banner-detail {
        padding-left: 0;
        margin-top: 15px;
    }
    .logo {
        margin-left: 8px;
        padding-top: 10px;
        margin-bottom: 15px;
        flex: 1;
    }
    .login-menu {
        margin-right: 0;
        flex: 1;
        display: flex;
        justify-content: end;
    }
    .main-menu .navbar-nav .nav-item .nav-link {
        padding: 6px 0px;
    }
    .navbar-collapse {
        margin-top: 10px;
    }
    .dropdown-menu {
        text-align: left;
        padding: 5px 10px;
    }
    .submenu {
        right: 0px;
        top: 31%;
    }
    .sub-dropdown {
        left: 250px !important;
        top: 50%;
        right: 0px;
    }
    .footer-list li {
        padding: 5px 10px;
    }
    .footer-list {
        margin-top: 0;
        padding-left: 0;
    }
    .space-section {
        padding: 20px 25px 20px;
    }
    .get-involved {
        padding: 30px 10px;
    }
    .insight-box {
        min-height: 70px;
    }
    .herizon-insight h1 {
        font: normal normal normal 36px / 1.4em 'Oswald ExtraLight';
        padding-left: 0;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .herizon-btn {
        flex-wrap: wrap;
    }
    .herizon-btn span {
        font-size: 18px;
    }
    .optional {
        width: 200px;
    }
    .herizon-btn .btn {
        margin: 10px 10px;
    }
    .session {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: left;
    }
    .session-btn {
        height: auto;
        margin-bottom: 0;
        max-width: unset;
        min-height: auto;
    }
    .join-us-box {
        padding: 0px 20px;
        border-left: 2px solid #c8c8c8;
        margin-bottom: 20px;
        text-align: left;
    }
    .participate-area-unique h2 {
        font-size: 26px;
    }
    .participate-area-unique h3 {
        font-size: 26px;
    }
    .session-btn h4 {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .div-button .col-12 {
        display: block;
    }
    .tab button {
        width: 100%;
    }
    .main-slide {
        flex-wrap: wrap;
    }
    .speakers img {
        max-width: 220px;
        width: 100%;
    }
    .speakers h3 {
        font-size: 14px;
    }
    .speakers h4 {
        font-size: 16px;
        margin-bottom: 0.51em;
    }
    .speakers {
        padding: 30px 15px;
        max-width: 210px !important;
        margin-bottom: 0px;
    }
    .marque-event h2 {
        font: normal normal normal 20px / 1.569em "Wix Madefor Text", sans-serif;
        line-height: 30px;
    }
    .banner-align-row {
        top: 31%;
        width: 70% !important;
    }
    .marquee-item h5 {
        font: normal normal normal 16px / 1.569em "Wix Madefor Text", sans-serif;
    }
    .participate-area h2 {
        font: normal normal normal 22px / 1.569em "Wix Madefor Medium", sans-serif !important;
    }
    .participate-box {
        width: 100%;
        margin-bottom: 15px;
    }
    .prac-dark-box {
        margin: 0px 18px 20px;
        width: 100%;
    }
    .sesion-outside h3 {
        margin-bottom: 20px;
        font: normal normal normal 30px / 1.569em "Wix Madefor Text", sans-serif;
    }
    .speakers h5 svg {
        width: 45px;
        height: 45px;
    }
    .bg-blue {
        padding: 2em 3em;
        border-left: 0px solid #041021;
    }
    .bg-blue p {
        font-size: 20px;
        margin-bottom: 15px;
        margin-top: 10px;
        font-family: "Wix Madefor Text";
    }
    .accordion-body p {
        font-size: 16px;
        line-height: 26px;
    }
    .accordion-body {
        padding: 5px;
    }
    .accordion-button, .accordion-button:not(.collapsed) {
        font-size: 16px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .img-group {
        flex-wrap: wrap;
    }
    .join-us-img {
        margin-right: 5px;
        width: 24%;
        margin-bottom: 10px;
    }
    .banner-insight {
        margin: 0px 0px;
    }
    .banner-detail {
        padding-top: 10px;
        padding-left: 0;
    }
    .content-box {
        min-height: auto;
        padding: 30px 0px;
    }
    .content-detail h1 {
        font-size: 32px;
    }
    .bg-img {
        padding: 50px 10px;
        height: 380px;
    }
    .bg-img h1 {
        font-size: 26px;
    }
    .bg-img h5 {
        font-size: 18px;
        padding: 10px;
    }
    .grey-section {
        padding: 20px 10px;
    }
    .grey-section h5 {
        padding: 5px 10px;
        font-size: 18px;
        line-height: 30px;
    }
    .practice-area h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .participate-area h3 {
        font-size: 26px;
    }
    .practice-area-img {
        min-height: auto;
        margin-top: 5px;
        padding: 0px 2px 15px;
    }
    .invite-insight {
        display: block;
    }
    .participate-area p {
       font-size: 16px !important;
    }
    .herizon-insight h1 {
        font: normal normal normal 44px / 1.4em 'Oswald ExtraLight';
    }
    .practicum {
        padding: 30px 10px;
    }
    .paragraph {
        min-height: 80px;
    }
    .session {
        flex-wrap: wrap;
        justify-content: left;
        gap: 10px;
    }
    .session-btn {
        min-height: 70px;
        max-width: 130px;
        padding: 0.4em 0.2em;
    }
    .session-btn h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .login-menu-btn {
        display: none;
    }
    .hidden-md {
        display: none;
    }
    .hidden-lg {
        display: block;
    }
    .about-section h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .about-section p {
        font-size: 16px;
    }
    .about-section {
        padding-right: 0;
    }
    .btn-award-info {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .gradient-bg-ico .rllb-icon {
        width: 25%;
    }
    /* li.nav-item.dropdown {
        text-align: center;
    } */
    .main-slide {
        flex-wrap: wrap;
    }
    .speakers {
        max-width: 218px !important;
        width: 100%;
    }
    .speakers img {
        max-width: 95px;
    }
    .bg-blue {
        padding: 3em 1em;
        border-left: 10px solid #041021;
    }
    .bg-blue p {
        font-size: 16px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .bgwhite h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .bgwhite img {
        max-width: 190px;
    }
    .tab-pane p {
        line-height: 25px;
        font-size: 16px;
        font-family: 'Wix Madefor Text';
    }    
    .darkbg h2 {
        font-size: 30px;
        padding: 0.5em;
    }
    .overview-btn li a {
        font: normal normal normal 14px / 1.569em "Wix Madefor Text", sans-serif;
    }
    .overview-btn li {
        margin: 5px 5px 0px;
    }
    .marque-event h2 {
        font: normal normal normal 30px / 1.569em "Wix Madefor Text", sans-serif;
        line-height: 40px;
        margin-bottom: 0px;
    }
    .join-us-box {
        text-align: left;
        margin-bottom: 35px;
    }
    .prac-dark-box {
        width: 44%;
    }
    .participate-area-unique h3 {
        font-size: 20px;
        font-family: 'Wix Madefor Text';
    }
    .participate-area-unique h2 {
        font-size: 30px;
        font-family: 'Wix Madefor Text';
    }
    .sesion-outside {
        width: 100%;
    }
    .sesion-outside h3 {
        margin-bottom: 20px;
        font: normal normal normal 30px / 1.569em "Wix Madefor Text", sans-serif;
    }
    .offcanvas {
        width: 40% !important;
    }
    /* .banner-align-row {
        top: 46%;
    } */
    .w-337 {
        max-width: 160px;
        margin-top: 0.8em;
    }
    .w-520 {
        max-width: 230px;
        margin-top: 5px;
    }
    .participate-area-unique p {
        font-size: 16px;
        font-family: 'Wix Madefor Text';
        line-height: 20px;
    }
    .tab button, .tabing button {
        font: normal normal normal 16px / 1.569em "Wix Madefor Medium", sans-serif;
        padding: 14px 9px;
        margin-bottom: 2px;
    }
    .time p, .details p {
        font-size: 16px;
    }    
    .agenda-div {
        padding: 0.5em 0.5em;
    }
    .details {
        padding-left: 0.5em;
    }
    .accordion-body p {
        font-size: 16px;
    }
    .participate-box {
        padding: 15px 13px;
    }
    .accordion-button:not(.collapsed) {
        font-size: 16px;
    }
    .img-award {
        width: 24%;
    }
    .about-img {
        border-radius: 20px;
    }
    .tabing {
        flex-wrap: wrap;
    }
    .tabing-insight {
        width: 50%;
        flex: unset;
    }
    .sponsor-btn {
        margin-right: 5px;
    }
    .room-links .sponsor-news-btn {
        min-width: 103px;
        margin-right: 2px;
    }
    .view-more-speaker, .btn-award-info {
        width: auto;
    }
    .content-category h4, .date-content h6 {
        font-size: 18px;
    }
    .content-category p, .content-category h3 {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .login-menu.hidden-xs {
        display: none;
    }
    .rllb-banner {
        padding: 40px 18px 40px !important;
    }    
    .about-section h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .about-section p {
        font-size: 16px;
    }
    .about-section {
        padding-right: 0;
    }
    .btn-award-info {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .rllb-icon {
        display: none;
    }
    .rllb-title {
        width: 50%;
    }
    .rllb-title h4 {
        font-size: 26px;
    }
    .rllb-title.w-20 {
        width: inherit;
    }
    .content-category h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .content-category h3 {
        font-size: 16px;
    }
    .strip-category h4 {
        font-size: 20px;
    }
    .strip-category {
        border-radius: 5px;
    }
    .mb-5 {
        margin-bottom: 1rem !important;
    }
    
    .mt-5 {
        margin-top: 1rem !important;
    }
    .tabing {
        display: block;
    }
    .tabing button {
        font-size: 16px;
        text-align: left;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    .details p, .time p{
        font-size: 16px;
    }
    .overview-btn {
        display: none;
    }
    .div-button {
        padding: 7px;
    }
    .div-button button {
        font-size: 14px;
        font-family: 'Wix Madefor Text';
        padding: 8px 20px;
    }
    .div-button button.mob-btn {
        background: #fff !important;
        color: #000;
        margin-right: 20px;
        margin-left: 15px;
    }
    .nav-pills {
        gap: 5px;
    }
    .view-more-speaker {
        padding: 25px 40px;
        font: normal normal normal 18px / 1.569em "Wix Madefor Bold", sans-serif !important;
        width: 100%;
        line-height: 26px !important;
    }
    .date-content h6 {
        font-size: 16px;
    }
    .btn-about {
        text-align: left;
        margin-top: 35px;
    }
    .tgl svg {
        height: 22px;
        width: 22px;
        position: relative;
        right: 8px;
        top: -3px;
    }    
    .main-slide {
        flex-wrap: wrap;
    }
    .sponsor-btn {
        margin-bottom: 10px;
        margin-right: 0px;
    }
    .offcanvas {
        background-color: black;
        width: 90% !important;
    }
    .sub-menu.open {
        padding-left: 0px;
    }
    .awrd-section {
        flex-wrap: wrap;
        display: block;
    }
    .awrd-detail-home {
        flex: 1;
        margin-top: 20px;
    }
    .view-more-btn {
        margin-bottom: 10px;
    }
    .img-award {
        margin-right: 0px;
        text-align: center;
    }
    .room-links .sponsor-news-btn {
       margin-right: 0px;
        margin-top: 5px;
        min-width: 105px;
    }
    .sponsor-right {
        margin-top: 15px;
    }
    .press-box {
        flex-wrap: wrap;
    }
    .sponsor-news-btn {
        margin-top: 10px;
    }
    .sponsor-logo-area {
        flex-wrap: wrap;
        width: 100%;
    }
    .w-30 {
        max-width: max-content;
    }
    .hidden-xs {
        display: none;
    }
    .banner-align-row {
        top: 17%;
        width: 80%;
    }
    .sponsor-logo {
        width: 50%;
    }
    .award-section .carousel-control-next, .award-section .carousel-control-prev {
        width: 35px;
        height: 35px;
        top: 40%;
    }
    .award-section .carousel-control-next-icon, .award-section .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem;
    }
    .award-section .carousel-control-prev {
        left: 0;
    }
    .award-section .carousel-control-next {
        right: 0;
    }
    .agenda-list li {
        font-size: 16px;
    }
    .content-category h4, .date-content h6 {
        font-size: 18px;
    }
    .content-category p, .content-category h3 {
        font-size: 16px;
    }
}
@media screen and (max-width: 1023px) and (min-width: 992px) {
    .bg-img {
        height: 500px;
        padding: 50px 20px;
    }
    .bg-img h5 {
        padding: 45px 10px;
    }
    .practice-area-img {
        min-height: 450px;
    }
    .login-menu-btn {
        display: none;
    }
    .hidden-md {
        display: none;
    }
    .hidden-lg {
        display: block;
    }
    .about-section h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .about-section p {
        font-size: 16px;
    }
    .about-section {
        padding-right: 0;
    }
    .btn-award-info {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .gradient-bg-ico .rllb-icon {
        width: 25%;
    }
    li.nav-item.dropdown {
        text-align: center;
    }
    
}
@media screen and (max-width: 1439px) and (min-width: 1024px) {
    .practice-area-img {
        min-height: auto;
    }
    .focus-img img {
        width: 100%;
    }
    .session {
        gap: 10px;
    }
    .offcanvas {
        width: 26% !important;
    }
}
@media screen and (max-width: 1535px) and (min-width: 1440px) {
    #myCarousel {
        height: 620px;
        overflow: hidden;
    }
}
@media screen and (max-width: 1980px) and (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px !important;
    }
}
@media screen and (max-width: 3560px) and (min-width: 768px) {
    .hidden-lg {
        display: none !important;
    }
}