:root {
    /* Colors: */
    --color-1b0d26: #1b0d26;
    --color-43215c: #43215c;
    --color-55366f: #55366f;

    --color-d4ab40: #d4ab40;
    --color-1313c4: #1313c4;
    --color-3764e2: #3764e2;

    --color-000000: #000000;
    --color-b11e64: #b11e64;
    --color-b82f70: #b82f70;

    --color-ffffff: #ffffff;
    --font-family-lexend: "Lexend", sans-serif;
    --font-family-poppins: "Poppins", sans-serif;
    --font-style-normal: normal;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-19: 19px;

    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-25: 25px;
    --font-size-28: 28px;
    --font-size-50: 50px;
    --font-size-74: 74px;

    --character-spacing-0: 0px;
    --line-height-inherit: inherit;
    --font-weight-Thin: 100;
    --font-weight-ExtraLight: 200;
    --font-weight-Light: 300;
    --font-weight-Regular: 400;
    --font-weight-Medium: 500;
    --font-weight-SemiBold: 600;
    --font-weight-Bold: 700;
    --font-weight-ExtraBold: 800;
    --font-weight-Black: 900;
    --font-weight-normal: normal;
}

@media screen and (max-width:1800px) {
    :root {
        --font-size-84: 64px;
        --font-size-74: 64px;

    }

    .offcanvas-body li a {
        color: var(--color-ffffff);
        font-size: 2rem;
        font-weight: 600;
        line-height: 3rem;
        transition:
            ease all 0.5s;
    }

    .banner-content {

        width: 64%;
    }

    .profile-left {
        padding: 2rem;

    }

    .profile-right {
        padding: 2rem;

    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {

        padding: 0 5rem;
    }
}

@media screen and (max-width:1680px) {
    :root {
        --font-size-50: 45px;

    }

    .video-bg {
        height: 70vh;
    }
}

@media screen and (max-width:1480px) {
    :root {
        --font-size-50: 40px;

        --font-size-74: 45px;
        --font-size-28: 22px;

    }

    .profile-box ul {
        margin-left: 1.5rem;
    }

    .mobile-offcanvas {

        padding: 9rem;
    }

    .about-orgnizer .container {
        width: 100%;
    }

    .event-partner-left {
        padding: 5rem;

    }

    .event-partner-right {
        padding: 5rem;

    }

    .banner-content .common-button-white.mt-5 {
        margin-top: 1rem !important;

    }

    .event-info.mt-5 {
        margin-top: 1rem !important;
    }
}

@media screen and (max-width:1366px) {
    :root {
        --font-size-50: 38px;
    }

    .event-info .event-date {

        margin-bottom: 1rem;

    }

    .event-partner-left {
        padding: 4rem;
    }

    .event-partner-right {
        padding: 4rem;

    }


    .container, .container-lg, .container-md, .container-sm, .container-xl {

        padding: 0 4rem;
    }

    .section-space {
        padding: 4rem 0;
    }

    .ticket-left {
        padding: 0;

    }

    .ticket-section .container-fluid .row {

        height: auto;
    }

    .profile-left {
        padding: 2rem;

    }

    .highlights-box {

        margin: 0;
    }

    .banner-content {
        width: 74%;
        top: 23%;
    }

    .profile-right {
        padding: 2rem;

    }



    .key-section {
        margin-top: -2rem;
    }
}

@media screen and (max-width:1199px) {
    :root {
        --font-size-84: 64px;
        --font-size-74: 54px;
        --font-size-50: 40px;

    }

    .counter-section #counter {

        margin-top: 0;

    }

    .video-section {
        position: relative;
        margin-top: 0;
        top: 0;
    }

    .countdown-section {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        height: 450px;
        display: flex;
        align-items: center;
    }

    .sponser-section .container {
        padding: 0;
    }

    .banner-content {

        padding: 2rem;
    }

    .inside-banner-space .inner-content {
        margin-top: 0;
        flex-direction: column;
        padding: 1rem;
        width: 60%;
    }

    .inside-banner-space .inner-content .big-heading {
        font-size: 40px;
    }

    .inside-banner-space {

        height: 400px;
    }

    header {
        width: 100%;
        position: relative;
    }

    .mobile-offcanvas {
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        padding: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }





    .banner-content {
        top: 0;
        z-index: 9;
        position: relative;
        width: 100%;
        left: 0;
        text-align: center;
        justify-content: center;
        padding: 3rem;
        background-color: var(--color-1313c4);
    }

    .banner {
        width: 100%;

        display: inline-flex;

        flex-direction: column-reverse;
    }

    .banner::after {
        display: none;
    }

    .navbar-brand.laxmi-logo {
        width: 90px;
    }

    .event-info i {
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .event-info .event-date {
        width: 100%;
        margin-right: 0;
        display: flex;
        flex-direction: column;
    }

    .event-info .event-location {
        width: 100%;
        flex-direction: column;
    }

    .counter-section {
        padding: 1rem;
        margin-top: 0;
    }

    .key-right {
        padding: 2rem;
        height: 100%;
    }

    .exhibitors-right {
        margin-left: 0;
        margin-top: 1rem;
    }

    .who-visitor-right {
        padding-right: 3rem;
        padding-top: 1rem;
    }

    .sponser-section .mb-5 {
        margin-bottom: 0rem !important;
    }

    .sponsers-right {
        padding-right: 0;
        padding-top: 1rem;
        margin-left: 0;
    }

    .about-section {
        padding-bottom: 5rem !important;
    }

    .who-visitor-page .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .ticket-section .container-fluid .row {
        position: relative;
        margin: 0rem;
        width: 100%;
        height: 100%;
    }


    .ticket-left .big-heading {
        text-align: center;
        padding: 3.5rem;
        border-bottom-right-radius: 2.5rem;
        border-top-right-radius: 2.5rem;

    }


    .ticket-bg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .ticket-right .day-left {
        position: relative;
        transform: rotate(360deg);
        right: 0;
    }

    .ticket-left .big-heading {
        text-align: center;
    }

    .ticket-left {
        padding: 2.5rem 0;
        z-index: 9;
        position: relative;
    }

    .ticket-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
        color: var(--color-ffffff);
        gap: 1.5rem;
        z-index: 99;
        position: relative;
    }

    .ticket-section {
        margin-top: 0;
    }

    .ticket-left {
        padding: 0;
        border-radius: 2.4rem;
        margin-bottom: 2rem;
        background-image: url(../images/ticket-bg.png);
        background-size: cover;
    }




    .ticket-bg {
        display: none;
    }

    .ticket-left {
        padding: 0;

    }

    .event-section {

        padding-bottom: 4rem !important;
    }

    .banner-content .common-button-white.mt-5 {
        margin-top: 1rem !important;
        margin: auto;
    }



    .countdown-section .section-heading {

        text-align: center;
    }

    .countdown-bg video {
        bottom: 0;
        left: 0;
    }

    #countdown-container-2 {
        justify-items: center;
    }

    #countdown-container-2 .countdown {
        justify-items: center;
        text-align: center;
        margin: auto;
    }
}

@media screen and (max-width:1024px) {
    .top-footer .logo {
        margin-bottom: 2rem;
    }

    .ticket-left .big-heading {
        padding: 4rem;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        padding: 0 2rem;
    }

    .countdown-section {
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding: 2rem 0;
        text-align: center;
    }



    .sponsers-right {

        padding-right: 0;
    }
}

@media screen and (max-width:991px) {
    :root {

        --font-size-74: 44px;
        --font-size-50: 40px;
        --font-size-28: 22px;
        --font-size-25: 20px;

        --font-size-19: 16px;
    }
    .mb-5 {
        margin-bottom: 0 !important;
    }
    .section-infographic {
    min-height: 100%;
}
.additional-engagement{
    padding-bottom: 2rem;
}
.box-1 {
        position: relative;
        top: 0;
        right: 0;
        text-align: center;
        margin-bottom: 2rem;
    }
  .box-2 {
    position: relative;
    top: 0;
    left: 0;
            margin-bottom: 2rem;

}
.infographic {
    width: 100%;
}
.box-3 {               margin-top: 2rem;


        position: relative;
        top: 0;
        left: 0;
        text-align: center;
    }
.ot-cprocess-circle-chart{
    display:none;
}
.number-2 {
    margin-bottom: 0;
}

    .inner-1 {
    padding-right: 0;
}
.inner-2 {
    padding-left: 0;
}
.inner-3 {
    padding-left: 0;
}
.infographic1-inner {
    width: 100%;
}

.additional-engagement .box-2 {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
}
.additional-engagement .box-4 {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
        margin-top: 2rem;

}
.additional-engagement .box-3 {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
}
.additional-engagement .box-1 {
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
      margin-top: 0;
}
.additional-engagement .inner-4 {
    padding-left: 0;
}
.thank-page{
padding: 5rem;
}
    .counter-section #counter {
        margin-top: 0;
        padding: 0;
    }

    .video-bg {
        height: 53Vh;
    }

    .countdown-bg {
        width: 100vw;
        top: 0;
        position: absolute;
        left: 0;
        height: 100%;
        padding: 0;
    }

    .countdown-bg video {
        bottom: 0;
        left: 0;
        top: 0;
        height: 100%;
    }

    .header-contact {
        position: relative;
        bottom: 0;
        margin-top: 2rem;
        left: 49px;
        width: 94%;
    }


    .ticket-left .big-heading {
        padding: 6rem;
    }

    .banner-content {

        padding: 2rem;

    }

    .about-section {

        padding-bottom: 3rem !important;
    }

    .competition-section .container, .container-lg, .container-md, .container-sm, .container-xl {
        padding: 0 0rem;
    }

    .contact-page .social-links ul {
        justify-content: left;
    }

    .contact-page .social-links ul i {
        margin-right: 1 rem;
    }


    .contact-page .contact-section .contact-head {
        justify-content: left;
    }

    .contact-page .contact-section .contact-home {
        display: block;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {

        padding: 0 2rem;
    }

    .highlights-box {
        margin-bottom: 2rem;
    }



    .profile-box {
        border-bottom: none;
    }

    .profile-left .section-heading {
        text-align: center;
    }

    .contact-page .contact-section .social-links {
        padding: 0rem !important;
        margin-bottom: 3rem;
    }

    .contact-page .contact-section .contact-home {
        margin-bottom: 2rem;
        text-align: left;
    }

    .countdown-section .section-heading {

        text-align: center;
    }

    .main-nav .navbar a.navbar-brand {
        margin-right: 1rem;
        padding: 0;
        padding-right: 1rem;
    }

    .key-box {
        display: flex;
        padding: 0.5rem 2rem;
        border-radius: 5rem;
        height: auto;
        line-height: normal;
        margin-bottom: 0;
    }

    .section-space {
        padding: 2rem 0;
    }

    .navbar-brand img {

        height: auto;
    }


    .marqee-box {

        padding: 0rem 0;
    }

    .key-section .container {
        padding: 0;
        border-radius: 1rem;
    }

    .event-box {
        margin-left: 0;
        margin-right: 0;
    }

    .mb-5 {
        margin-bottom: 2rem !important;
    }

    .mt-5 {
        margin-top: 2rem !important;
    }

    .pb-5 {
        padding-bottom: 2rem !important;
    }



    .key-section {
        position: relative;
        margin-top: 0;
        padding: 2rem;
    }

    .key-right {
        padding: 1rem;
        height: 100%;
    }

    .profile-left {
        padding: 2rem;
        height: auto;
    }

    .profile-right {
        padding: 2rem;

    }

    .contact-section .border-line {

        display: none;
    }

    .event-section {
        padding-bottom: 3rem !important;
    }


    .about-section .container {
        z-index: 1;
        padding: 0 2rem;
    }


    .partners-section .container {
        padding: 0 3rem;
    }

    .visitor-img {
        width: 100%;
        height: 240px;
        object-fit: cover;
    }

    .event-box.pink-box .section-heading {

        margin-top: 0;

    }

    .event-box .date {

        background-position: center;
    }

    .event-box .day {

        margin-bottom: 1rem;

    }

    .tab-menu {

        top: 85px;

    }


    .social-links ul {
        justify-content: left;
    }

    .mobile-offcanvas {
        padding: 3rem 1rem;
    }

    .mobile-offcanvas .container {
        overflow-y: scroll;
        padding: 0;
        overflow-x: hidden;
    }

    .mobile-offcanvas .container::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    .mobile-offcanvas .container::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .mobile-offcanvas .container::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Handle on hover */
    .mobile-offcanvas .container::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .offcanvas-body li a {

        padding: 0;
    }



    .exhibitors-right {
        margin-left: 0;
        margin-top: 1rem;
    }

    .content-wrapper .menu {

        top: 48px;

    }

    .top-footer .logo {
        margin-bottom: 3rem;
    }

    .contact-section .contact-home {
        margin-bottom: 2rem;
        text-align: center;
    }


    .exhibitiontext .section-heading span {
        font-size: 25px;
    }

    .about-orgnizer .container {
        width: 100%;
        margin: auto;
    }

    .about-orgnizer-right {
        padding-left: 0;
    }

    .event-partner-left {
        padding: 2rem;

    }

    .event-partner-right {
        padding: 2rem;
    }

    .about-event-right {
        padding-left: 0;
        margin-top: 1rem;
    }

    .exhibitors-key-sector .key-section {
        position: relative;
        margin-top: 0;
        padding: 2rem 0;
    }

    .contact-section .contact-home {

        display: none;
    }

    .tab-menu-wrapper {
        top: 92px;

    }



    .menu-btn .text {
        display: none;
    }

    .menu-btn {
        padding: 0.2rem 0.3rem;
    }

}

@media screen and (max-width:767px) {
    .tab-menu-wrapper {
        top: 157px;
    }

    .counter-box {

        padding: 1rem;
    }

    .countdown-container-2 .countdown {
        width: 80%;
    }

    .countdown-container-2 .number {
        line-height: 8rem;

    }

    .countdown-bg {
        height: 100%;
    }

    .event-section .common-button {

        margin-top: 2rem;
    }

    .number {
        position: relative;
        line-height: 8rem;
        text-align: center;
        font-size: 41px;
        background-size: contain;
    }

    .about-event-section iframe {
        height: 400px;

    }

    .ticket-left .big-heading {
        padding: 3rem;
        border-right: 1px dashed var(--color-d4ab40);
    }

    .tab-menu li a {
        padding: 5px 10px;
    }

    .tab-menu ul {

        flex-wrap: wrap;

        text-align: center;
        justify-content: center;
        /* padding: 1rem; */
    }

    .navbar-brand img {

        height: 60px;
    }

    .main-header.g_shrink .navbar-brand img {
        height: 60px;
        width: auto;
    }

    .event-box {

        padding-bottom: 3rem;
        height: auto;
    }


    .about-orgnizer-img {
        text-align: center;
        width: 60%;
        margin: auto;
        margin-bottom: 2rem;
    }


    .inside-banner-space .inner-content .sub-heading {
        text-align: center;

    }

    .inside-banner-space .inner-content {

        width: 87%;
    }

    .countdown-section .section-heading {
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .ticket-section {

        margin-top: 0;
    }

    .header-button {
        display: flex;
        justify-content: space-between;
        margin-top: 1rem;
    }

    .logos {
        justify-content: space-between;
        margin: auto;
        width: 100%;
    }

    .main-nav .navbar a::after {
        display: none;
    }



    #countdown-container-2 .countdown {

        justify-content: center;
        width: 78%;
        margin: auto;
    }

    .bottons-box {
        display: flex;
        justify-content: center;
    }

    .number {
        line-height: 10rem;
        font-size: 50px;
        background-size: contain;
        margin: auto;
    }

    .countdown-section {

        padding-bottom: 4rem;
    }

    .main-nav .navbar a.navbar-brand {
        margin-right: 0;
        /* padding-left: 0; */
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 0;
    }

}

@media screen and (max-width:575px) {
    :root {

        --font-size-17: 13px;
        --font-size-50: 30px;

        --font-size-22: 18px;
    }
    .sbuttons:hover .sbutton:not(:last-child) {
  
    right: -33px;
}
        .sbutton.mainsbutton {
           
            right: 7px;
          
        }
    .thank-page{
padding: 2rem;
}

    #js-hours-2:after {
        content: "HOURS";
    }

    #js-days-2:after, #js-hours-2:after, #js-minutes-2:after, #js-seconds-2:after {

        bottom: -39px;

    }

    #js-countdown-2 .number {
        line-height: 7rem;
    }

    .top-footer p {

        text-align: center;

    }

    .top-footer .logo {

        justify-content: center;
    }

    .mobile-offcanvas .header-contact .number {
        height: 6rem;

    }

    .about-event-section iframe {
        height: 300px;

    }

    .countdown-section {

        height: 100%;
    }

    .countdown-bg {
        margin-bottom: 0;
        height: 53vh;

    }

    .common-button-white {
        padding: 0.4rem 1rem;
    }

    .about-orgnizer-img {

        width: 100%;

    }

    .event-info .event-inner {
        display: flex;
        flex-direction: column;
    }

    .banner-content {

        padding: 2rem;
    }


    .offcanvas-body li a {
        font-weight: 500;
        font-size: 1.3rem;

        line-height: 1.8rem;

    }

    .tab-menu-wrapper {
        top: 148px;
    }

    .event-box .day {

        width: 100px;
        height: 100px;
    }

    #counter {

        width: auto;

    }

    .number {
        line-height: 10rem;

    }

    .about-section .buttons-box {
        margin-top: 1.5rem;
        flex-direction: column;
    }

    .about-section .common-button-white {
        align-items: center;
        justify-content: center;
        width: fit-content;
        margin-bottom: 1rem;
    }

    .navbar-brand.laxmi-logo {
        width: 68px;
    }

    .menu-btn {
        padding: 0.2rem 0.3rem;
    }

    .countdown-section {
        padding-bottom: 0rem;
    }


    .key-icon {
        width: 2rem;
    }

    .tab-menu {
        width: 100%;
    }

    .competition-section .container {
        padding: 6px;
    }

    .partner-box {
        height: 100%;

    }

    .list i {

        font-size: 1.5rem;
        top: 6px;
    }

    .pt-5 {
        padding-top: 1rem !important;
    }

    .list li {
        padding: 0.8rem;
    }

    .sponsers-right {
        margin-left: 0;
        padding-top: 2rem;
    }

    .who-visitor-right {
        padding-right: 0;
    }



    .contact-form.white .form-control {

        width: 100%;
        padding: 0.8rem;
    }

    textarea.form-control {
        border-radius: 1rem;
    }

    .countdown-section .section-heading {
        margin-bottom: 1.5rem;
    }

    .contact-page .contact-form {
        padding: 0rem;
    }

    .copy-right {

        padding: 2rem;
    }



    .bottons-box {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    #counter li {
        list-style-type: none;
        margin-bottom: 1rem;
    }

    .contact-head {

        justify-content: center;
    }

    .footer {
        text-align: center;
        padding-top: 3rem;
    }

    .social-links ul {
        justify-content: center;
    }

    .footer-menu ul li a {

        justify-content: center;
    }

    .profile-box {
        width: 50%;
    }

    .top-footer .social-links ul i {
        margin: 0px 0.5rem;
    }

    .footer-menu {
        margin-bottom: 2rem;
    }



    .ticket-section .social-links {
        display: none;
    }


    .ticket-bg img {
        height: 200px;
        object-fit: cover;
        width: 100%;
        /* padding: 3rem; */
    }

    .profile-box {
        width: 100%;
    }





    .who-visitor-page .row {
        display: flex;
        flex-direction: column;
    }

    .exhibitors-key-sector .key-section {
        padding: 1rem 0;
        border-radius: 6rem;
        margin-bottom: 1rem;
    }

    .exhibitors-right {

        padding-top: 1rem;
    }


    .content-wrapper li {
        list-style-type: none;
        margin-bottom: 0.5rem;
    }

    .highlights-box {

        height: 400px;

    }

    .profile-left {
        height: auto;
    }

    .profile-box .small-heading {

        margin-top: 1rem;
    }




    .contact-btn {

        right: 7px;
    }

    #button {

        right: 2px;
    }

    #counter li:nth-child(03) {
        list-style-type: none;
        margin-bottom: 1rem;
    }

    .counter-box p {
        color: var(--color-43215c);
        margin-bottom: 0;
    }

    .counter-icon {
        margin-bottom: 0;
    }

    .counter-box {

        padding: 1rem;
    }

    .offcanvas-header .btn-close {

        padding: 1rem;
        font-size: 1rem;

    }

    .content-wrapper .logo img {
        width: 130px;
    }

    .content-wrapper .menu {
        display: none;
    }

    .mobile-offcanvas .header-contact #js-days:after, .mobile-offcanvas .header-contact #js-hours:after, .mobile-offcanvas .header-contact #js-minutes:after, .mobile-offcanvas .header-contact #js-seconds:after {
        bottom: -6px;
    }

    .video-bg {
        height: 35Vh;
    }
}

@media screen and (max-width:480px) {
    :root {

        --font-size-74: 34px;
        --font-size-50: 30px;
    }
   #js-countdown-2 .number {
        font-size: 1.8rem;
        line-height: 6rem;
    }
    #countdown-container-2 .countdown {
        justify-content: center;
        width: 100%;
        margin: auto;
    }
    #js-days-2:after, #js-hours-2:after, #js-minutes-2:after, #js-seconds-2:after {
        
        font-size: 12px;
    }
    .countdown-section .section-heading {
        text-align: center;
        padding-top: 0;
    }

    .tab-menu li a {
        padding: 0px 10px;
        width: 100%;
    }

    .tab-menu-wrapper {
        top: 154px;
    }

    .content-wrapper {
        padding-left: 0;
    }

    .mobile-offcanvas .header-contact .number {
        height: 4rem;
        width: 4rem;
        font-size: 32px;
    }

    .mobile-offcanvas .header-contact #js-days:after, .mobile-offcanvas .header-contact #js-hours:after, .mobile-offcanvas .header-contact #js-minutes:after, .mobile-offcanvas .header-contact #js-seconds:after {
        font-size: var(--font-size-12);
    }

    .tab-menu li {
        flex: 0 0 auto;
        width: 100%;
        border-bottom: 1px solid #ffffff2e;
    }

    .about-orgnizer-img {
        width: 100%;
        margin: auto;
        padding: 1rem;
    }

    .about-orgnizer-right {
        margin-top: 1rem;
    }

    .about-event-section .container, .container-lg, .container-md, .container-sm, .container-xl {
        padding: 0 2rem;
    }

    .event-partner-right {
        padding: 1.4rem;
    }

    .event-partner-left {
        padding: 1.1rem;
    }

    #button {

        right: 0px;

    }

    .countdown {
        justify-content: center;
        display: flex;
    }

    .mobile-offcanvas .header-contact .countdown-container {
        margin-bottom: 0%;
        display: flex;
    }

    .countdown section {

        margin-bottom: 3rem;
    }



    .ticket-bg img {
        height: 148px;
        object-fit: cover;
    }


    #button {

        bottom: 10px;
    }





    .contact-form .col-6 {
        width: 100%;
    }

    .navbar .col-9 {
        width: 100%;
    }

    .header-contact {

        left: 0;
    }





}

@media screen and (max-width:375px) {
    :root {

        --font-size-74: 30px;



    }

    .video-bg {
        height: 23Vh;
    }

    .about-event-section iframe {
        height: 200px;

    }

    .partners-section .container {
        padding: 0px 2rem;
    }

    .profile-left {
        padding: 1.2rem;
    }

    .banner-content {
        padding: 1rem;
    }



    .about-section .container {
        padding: 0 1rem;
    }

    .pb-5 {
        padding-bottom: 1rem !important;
    }


    .mb-5 {
        margin-bottom: 1rem !important;
    }


    .visitor-img img {

        border-radius: 1rem;
    }

    .key-section {

        padding: 1rem;
    }

    .key-right {
        padding: 1rem 1rem;
    }


    .event-info .event-location {
        padding: 1rem;
    }

    .event-info .event-date {
        padding: 1rem;
    }



    .competition-right .col-6 {
        margin-bottom: 2rem;
        width: 100%;
    }








    .container, .container-lg, .container-md, .container-sm, .container-xl {
        padding: 0 1rem;
    }

    .mobile-offcanvas .container, .container-lg, .container-md, .container-sm, .container-xl {
        padding: 0 0rem;
    }

    .offcanvas-body li a {
        font-size: 1.5rem;
        line-height: 2rem;

    }

    .header-contact .contact-home i {
        padding: 1rem;
        padding-left: 4px;
    }


}