/* media queries max-height */
@media (max-width: 575px) {
    header #header-top,
    header #header-main {
        padding-left: var(--ly-df-padding);
        padding-right: var(--ly-df-padding);
    }

    header .header-social ul li a i {
        font-size: 20px !important;
    }

    header .header-top-left .list-wrap li i,
    header .header-contact-two .content > span {
        font-size: 16px;
    }

    header .header-top-left .list-wrap li {
        font-size: 14px;
        font-weight: 400;
    }
}

@media (max-width: 767px) {

}

@media (max-width: 991px) {

}

@media (max-width: 1199px) {

}

/* media queries min-height */
@media (min-width: 576px) {
    header #header-top,
    header #header-main {
        padding-left: var(--ly-sm-padding);
        padding-right: var(--ly-sm-padding);
    }

    header #header-top .container-fulid .row > * {
        flex-grow: 1;
    }
}

@media (min-width: 768px) {
    header #header-top,
    header #header-main {
        padding-left: var(--ly-md-padding);
        padding-right: var(--ly-md-padding);
    }
}

@media (min-width: 992px) {
    header #header-top,
    header #header-main {
        padding-left: var(--ly-lg-padding);
        padding-right: var(--ly-lg-padding);
    }

    section#who-we-are-container > .container-fulid > .contact-inner-wrap > .row {
        padding-left: var(--ly-lg-padding);
    }

    section#our-goals-container > .container-fulid > .contact-inner-wrap > .row {
        padding-left: var(--ly-lg-padding);

        .contact-image {
            position: absolute;
            top: 0;
            left: 0;
            width: calc(50% + (var(--ly-df-padding) * 2));
            height: 100%;
        }
    }
}

@media (min-width: 1200px) {
    header #header-top,
    header #header-main {
        padding-left: var(--ly-xl-padding);
        padding-right: var(--ly-xl-padding);
    }

    section#who-we-are-container > .container-fulid > .contact-inner-wrap > .row {
        padding-left: var(--ly-xl-padding);
    }

    section#our-goals-container > .container-fulid > .contact-inner-wrap > .row {
        padding-left: var(--ly-xl-padding);

        .contact-image {
            position: absolute;
            top: 0;
            left: 0;
            width: calc(50% + (var(--ly-df-padding) * 2.5));
            height: 100%;
        }
    }
}