/* Family Reunions Responsive Styles */

@media (max-width: 1200px) {
    .event-cont h1 {
        font-size: 60px;
        line-height: 70px;
    }

    .abt-con {
        padding-left: 30px;
    }

    .abt-btn a {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .event-cont h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .event-cont h3 {
        font-size: 26px;
    }

    .abt-row {
        flex-direction: column;
    }

    section.about-sec {
        padding: 40px 0;
    }

    /* Collage Fixes (abt-col and whychooseus) */
    .abt-col,
    .whychslft {
        width: 100% !important;
        height: auto !important;
        min-height: 420px;
        position: relative !important;
        margin-bottom: 50px !important;
        display: block !important;
        padding: 0 !important;
    }

    .abt-con,
    .whychsrght {
        text-align: center;
        padding: 0 15px !important;
        margin-bottom: 30px !important;
        overflow: visible !important;
    }

    .whychsrght {
        height: 400px;
    }

    section.about-sec {
        margin-bottom: 0px;
    }

    .page-title .overlay {
        height: auto;
    }

    .abt-mnimg,
    .ychsbrdr {
        position: absolute !important;
        width: 80% !important;
        height: 350px !important;
        left: 10% !important;
        top: 0 !important;
        z-index: 1;
        border: 4px solid var(--btn-hover) !important;
        border-radius: 18px !important;
        padding: 0 !important;
    }

    .abt-dnimg,
    .ychsimg {
        position: absolute !important;
        width: 75% !important;
        left: 20% !important;
        top: 40px !important;
        z-index: 2;
    }

    .abt-mnimg img,
    .abt-dnimg img,
    .ychsimg img {
        width: 100% !important;
        height: 350px !important;
        object-fit: cover !important;
        border-radius: 15px !important;
    }

    /* Small floating images corrections */
    .abt-tpimg {
        z-index: 3;
        left: 5% !important;
        top: -10px !important;
    }

    .abt-dnimg.cmncls {
        width: 50% !important;
        right: 0 !important;
        left: auto !important;
        bottom: -20px !important;
        top: auto !important;
        padding: 0.5em !important;
        background: #fff !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
    }

    .abt-dnimg.cmncls img {
        height: 150px !important;
    }

    section.whychooseus,
    section.about-sec {
        padding: 40px 0 !important;
    }

    section.ready-form form .col-lg-6,
    section.ready-form form .col-lg-3,
    .budgets,
    .events {
        width: 100% !important;
    }

    .radio-list-group {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .page-title {
        height: auto;
        min-height: 70vh;
        padding: 100px 0;
    }

    .event-cont {
        text-align: center;
    }

    .event-cont h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .event-cont h3 {
        font-size: 22px;
    }

    .abt-mnimg.cmncls img {
        height: 300px;
    }

    .abt-tpimg {
        padding: 1em;
        left: 5%;
        top: 5%;
    }

    .abt-tpimg i {
        font-size: 30px;
    }

    .abt-icbx {
        width: 100%;
    }

    section.attractionlist .head-sec h2 {
        font-size: 35px;
    }

    section.attractionlist .head-sec p {
        width: 100%;
    }

    section.bknow.wchst h1 {
        font-size: 38px;
    }

    section.bknow {
        padding: 4em 0;
    }

    .ychsimg img {
        height: 400px;
    }

    .ychsbtmcont {
        position: relative;
        width: 100%;
        right: 0;
        bottom: 0;
        margin-top: -20px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 576px) {
    .event-cont h1 {
        font-size: 34px;
        line-height: 42px;
    }

    .event-cont span {
        padding: 5px 20px;
        font-size: 14px;
        display: inline-block;
        margin-bottom: 10px;
    }

    section.page-title .container {
        top: 50px;
    }

    section.about-sec {
        padding: 40px 0;
    }

    .abt-mnimg.cmncls img {
        height: 250px;
    }

    .abt-dnimg.cmncls {
        width: 60%;
        right: 0;
        padding: 0.5em;
    }

    .abt-dnimg.cmncls img {
        height: 120px;
    }

    section.about-sec .main-btn {
        margin-left: 0;
        width: 200px;
        display: inline-block;
        margin-top: 20px;
        text-align: center;
    }

    .gallery_section #more-slide img {
        height: 400px;
    }

    section.attractionlist {
        height: auto;
        padding: 60px 0;
    }

    section.attractionlist .overlay {
        height: 100%;
    }

    section.attractionlist .head-sec h2 {
        font-size: 30px;
    }

    .ychsbrdr {
        height: 220px;
    }

    .ychsimg img {
        height: 300px;
    }

    section.loop-section .loop-content h2 {
        font-size: 30px;
    }
}