/* *** Extra small Breakpoint *** */
@media screen and (max-width: 576px) {
    .landing-section-1 .mainImg {
        width: 20rem;    
    }
    .landing-section-4 .curlyLine-2 {
        bottom: 1rem;
    }
    .crd-1,
    .crd-2,
    .crd-3 {
        position: static;
    }

    .landing-section-3 .packagesHeight .card {
        height: auto;
    }
}


/* *** sm = Small Breakpoint *** */
@media screen and (min-width: 577px) and (max-width: 768px) {
    .landing-section-1 .mainImg {
        width: 20rem;    
    }
    .landing-section-4 .curlyLine-2 {
        bottom: 1rem;
    }
    .crd-1,
    .crd-2,
    .crd-3 {
        position: static;
    }

    .landing-section-3 .packagesHeight .card {
        height: auto;
    }
}


/* *** md = Medium Breakpoint *** */
@media screen and (min-width: 768px) and (max-width: 992px) {
    .landing-section-1 .mainImg {
        width: 20rem;    
    }
    .landing-section-4 .curlyLine-2 {
        bottom: 1rem;
    }
}


/* *** lg = Large Breakpoint *** */
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .landing-section-1 .mainImg {
        width: 20rem;    
    }
    .landing-section-3 .packagesHeight .card {
        height: 48rem;
    }
}


/* *** xl = Extra Large Breakpoint *** */
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .landing-section-3 .packagesHeight .card {
        height: 48rem;
    }
}


/* *** xxl = Extra Extra Large Breakpoint *** */
@media screen and (min-width: 1400px) {

}