@media (max-width: 1440px) {
    .eu .left-sec .ready-download-sec .graphic-div .book-content .asset-txt {
        font-size: 14px;
    }
    .eu .left-sec .ready-download-sec .graphic-div .book-content .name-txt {
        font-size: 20px;
    }
}
@media (max-width: 1366px) {
    .eu h1 {
        font-size: 32px;
    }
    .eu .container {
        padding: 0 35px;
    }
    .eu .right-sec {
        padding-right: 35px;
    }
    
    .eu .left-sec .banner-sec .banner-content .sub_title_txt {
        font-size: 16px;
    }

    .eu .right-sec .form-sec .form-title {
        margin-bottom: 15px;
    }
    .eu .right-sec .form-sec .form-div input, .eu .right-sec .form-sec .form-div select {
        padding: 10px 15px;
        height: auto;
    }
    .eu .right-sec .form-sec .form-div fieldset.mktoFormCol {
        column-gap: 15px;
    }
    .eu .right-sec .form-sec .mktoForm .mktoFormCol {
        margin-bottom: 15px !important;
    }
    .eu .right-sec .form-sec .mktoCheckboxList label, .eu .right-sec .form-sec .mktoCheckboxList label a {
        line-height: 2;
    }
    .eu .right-sec .form-sec .form-div select {
        background-position: right 10px center;
        padding-right: 30px;
    }
}

@media (max-width: 1280px) {
    html, body {
        font-size: 16px;
    }
    .eu h1 {
        font-size: 42px;
    }
    .eu h3 {
        font-size: 28px;
    }
    .eu h4 {
        font-size: 15px;
    }
    .eu .container {
        padding: 0 24px;
    }
    .eu .right-sec {
        padding-right: 24px;
    }
    .eu .section-heading .p-class {
        font-size: 12px;
    }
    .eu ul li:after {
        top: 9px;
    }

    .eu .left-sec .content-card-sec {
        padding: 50px 0;
    }
    .eu .left-sec .content-card-sec .card-collection .single-card .card-box .p-class {
        font-size: 11px;
    }
    
    .eu .left-sec .ready-download-sec .graphic-div .book-content {
        padding: 30px 16px 32px 32px;
    }
    .eu .left-sec .event-card-sec .card-content .event_date {
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
    .eu .left-sec .ready-download-sec .graphic-div .book-content .asset-txt {
        font-size: 12px;
    }
    .eu .left-sec .ready-download-sec .graphic-div .book-content .name-txt {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .eu .width-cont {
        width: 100%;
        max-width: 1000px;
        max-width: 100%;
        padding: 0;
    }

    .eu header .logo-div .download-btn {
        display: block;
    }
    .eu .left-sec .banner-sec .form-btn a {
        display: flex;
    }
    .eu .left-sec .banner-sec {
        padding: 36px 0;
    }
    .eu .left-sec .banner-sec .banner-content {
        padding: 0;
    }
    .eu .left-sec .banner-sec .container .form-bg {
        display: none;
    }

    .eu .left-sec .content-card-sec .card-content {
        max-width: 100%;
    }

    .eu .left-sec .ready-download-sec .graphic-content-div {
        justify-content: flex-start;
    }

    .eu .right-sec {
        position: relative !important;
        top: 0 !important;
        left: 0;
        padding: 0;
        width: 100%;
    }
    .eu .right-sec .form-sec {
        padding: 30px 24px;
        border-radius: 0;
        box-shadow: 0 0 0;
        max-width: 100%;
    }
    .eu .right-sec .form-sec .form-div input, 
    .eu .right-sec .form-sec .form-div select {
        max-width: 100%;
    }

    .eu .left-sec .banner-sec .form-btn a {
        padding: 14.5px 25px;
        font-size: 16px;
        width: 100%;
        max-width: 327px;
        justify-content: center;
    }
    .eu .left-sec .event_banner .width-cont {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .eu .left-sec .event_banner .banner-bar-img {
        height: 40px;
    }

    .eu .left-sec .event-card-sec .card-content .event_desc {
        width: calc(100% - 300px);
        max-width: 100%;
    }
    .eu .left-sec .content-card-sec .card-collection {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    html, body {
        letter-spacing: -0.01px;
    }
    .eu h4 {
        font-size: 12px;
    }
    .eu .section-heading {
        margin-bottom: 24px;
    }
    .eu ul {
        padding-left: 18px;
    }
    .eu ul li:after {
        left: -12px;
    }
    .eu .learn_more_btn a {
        display: flex;
        width: 100%;
        max-width: 100%;
        padding: 14.5px 20px;
        justify-content: center;
        line-height: 1.2;
    }
    .eu .container {
        padding: 0 20px;
    }

    .eu header {
        padding: 10px 0;
    }
    .eu header .logo-div .logo-img {
        width: 100%;
        max-width: 101px;
    }
    .eu header .logo-div {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    /* .eu header .logo-div .download-btn a {
        font-size: 12px;
    } */

    .eu .left-sec .banner-sec {
        padding: 31px 0 36px 0;
    }

    .eu .left-sec .content-card-sec {
        padding: 30px 0;
    }
    .eu .left-sec .content-card-sec .card-content {
        margin-bottom: 24px;
    }
    .eu .left-sec .content-card-sec .card-collection {
        column-gap: 12px;
        flex-wrap: wrap;
    }
    .eu .left-sec .content-card-sec .card-collection .single-card {
        width: 100%;
        max-width: 100%;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.13);
        border-radius: 8px;
        padding: 12px;
    }

    .eu .left-sec .threecard-sec.content-card-sec .three-card.card-collection .single-card {
        padding: 12px;
        width: calc(50% - 6px);
    }

    .eu .left-sec .ready-download-sec {
        padding: 48px 43px;
    }
    .eu .left-sec .ready-download-sec .graphic-div {
        margin: 12px 0px;
        box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.13);
    }
    .eu .left-sec .ready-download-sec .graphic-content {
        width: calc(100% + 60px);
        padding: 0;
        padding-top: 30px;
        text-align: center;
    }
    .eu .left-sec .ready-download-sec .graphic-content-div {
        flex-direction: column;
    }
    .eu .left-sec .ready-download-sec .graphic-div:before, .eu .left-sec .ready-download-sec .graphic-div:after {
        top: -13px;
        left: -16px;
        height: 99%;
        box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.13);
    }
    .eu .left-sec .ready-download-sec .graphic-div:after {
        top: auto;
        left: auto;
        bottom: -12px;
        right: -16px;
        height: 99%;
    }
    .eu .left-sec .horz-download-sec {
        padding: 48px 15px 48px 0;
    }
    .eu .left-sec .horz-download-sec .graphic-div .book-content {
        padding: 12px 15px 20px 15px;
    }
    .eu .left-sec .horz-download-sec .graphic-content {
        width: calc(100% + 30px);
        margin-right: -20px;
    }

    .eu footer {
        padding: 60px 0;
    }
    .eu footer .left-div {
        width: 100%;
        max-width: 100%;
    }
    .eu footer .right-div {
        width: 100%;
    }
    .eu footer .footer-content {
        flex-direction: column;
        justify-content: flex-start;
    }
    .eu footer .footer-bottom {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .eu footer .footer-bottom .right-div {
        max-width: 260px;
        margin-bottom: 36px;
    }

    .eu .right-sec .form-sec {
        padding: 30px 20px;
    }
    .eu .right-sec .form-sec .mktoButtonRow .mktoButtonWrap,
    .mktoButtonRow,
    .eu .right-sec .form-sec .mktoButtonRow .mktoButtonWrap.mktoSimple .mktoButton {
        width: 100% !important;
        max-width: 100% !important;
    }

    .eu .right-sec .form-sec .mktoButtonRow .mktoButtonWrap.mktoSimple .mktoButton {
        justify-content: center;
        background-position: right 30px center;
    }


    .eu .left-sec .banner-sec .form-btn a {
        max-width: 100%;
    }
    .eu .left-sec .event-card-sec .card-content .event_date {
        width: 100%;
    }
    .eu .left-sec .event_banner .banner-content .time_date_content {
        font-size: 18px;
    }
    .eu .left-sec .event-card-sec .card-content .event_desc {
        margin-bottom: 24px;
        padding-inline: 0;
        width: 100%;
        max-width: 100%;
    }
    .eu .left-sec .content-card-sec .card-content {
        flex-direction: column;
    }
    .eu .left-sec .event-card-sec .card-content .event_desc * {
        font-size: 12px;
    }
    .eu .left-sec .event-card-sec .card-content .event_date .btn {
        width: 100%;
        max-width: 100%;
        padding: 14.5px 20px;
        justify-content: center;
    }

    .eu .left-sec .video_card-sec .video-container {
        margin-bottom: 25px;
    }
}

@media (max-width: 640px) {
    .eu .right-sec .form-sec .form-div fieldset.mktoFormCol {
        flex-direction: column;
    }
    .mktoForm {
        padding: 0 !important;
    }
}

@media (max-width: 365px) {
    .eu h3 {
        font-size: 22px;
    }

    .eu header .logo-div .logo-img {
        max-width: 90px;
    }

    .eu .left-sec .ready-download-sec .graphic-div .book-content {
        padding: 25px 16px 25px 25px;
    }
    .eu .left-sec .ready-download-sec .graphic-div .book-content .name-txt {
        font-size: 14px;
    }
    .eu .left-sec .horz-download-sec .graphic-div .book-content {
        padding: 12px 15px 20px 15px;
    }

    .eu footer .footer-content .right-div .footer-social {
        margin-right: 40px;
    }

    .eu .left-sec .threecard-sec.content-card-sec .three-card.card-collection .single-card {
        width: 100%;
        max-width: 100%;
    }
}






/* Additional Event Section Responsive */
@media (max-width: 991px) {
    .eu .left-sec .add-event-sec {
        padding: 60px 0;
    }
}

@media (max-width: 767px) {
    .eu .left-sec .add-event-sec .event-cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .eu .left-sec .add-event-sec .event-card h4 {
        font-size: 16px;
    }
}