/* ======== RESPONSIVE CSS ========= */


/* ===================================================
		MIN WIDTH 
=================================================== */

@media screen and (min-width: 600px) {}

@media (min-width: 768px) {
    .banner-1 {
        height: 246px;
    }

    .banner-2 {
        height: 210px;
    }
}

@media (min-width: 992px) {
    .list-section img {
        width: 350px;
    }

    .list-section .vertical-center {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .list-section img.wide-width {
        width: 445px;
    }
}

@media (min-width: 1200px) {
    h3.form-title:before {
        content: '';
        position: absolute;
        top: 50%;
        bottom: 0;
        left: 0;
        border-bottom: 3px solid #F9D85B;
        height: 3px;
        max-width: 90px;
        width: 100%;
    }

    h3.form-title:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        border-bottom: 3px solid #F9D85B;
        height: 3px;
        max-width: 90px;
        width: 100%;
    }

    .list-section .vertical-center {
        left: 60px;
    }

    .list-section .vertical-center.wider-width {
        left: 0px;
    }

    /* .list-section img {
        width: 445px;
    } */
}

@media screen and (min-width: 1600px) {
    .splash {
        padding: 15% 0 10%;
    }
}



/* ===================================================
		MAX WIDTH 
=================================================== */
/* mobile displays that are shown under the large breakpoint (992px) */
@media screen and (max-width: 1199px) {
    .splash h2 {
        font-size: 32px;
    }

    .banner-2 {
        font-size: 13px;
    }
}

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


    .gform_wrapper,
    .gform_confirmation_message {
        margin-top: 16px !important;
    }

}

/* mobile displays that are shown under the medium breakpoint (768px) */
@media screen and (max-width: 767px) {
    .blurred-box {
        background-color: rgba(0, 0, 0, 0.23);
        border-radius: 15px;
    }

    .splash {
        padding-top: 220px;
    }

    .banner-2 img {
        margin-top: -15%;
    }

    h3.form-title {
        top: 30px;
    }
}

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

    .name_first input {
        margin-bottom: 16px !important;
    }

    .ginput_container_email input {
        margin-top: 0 !important;
    }

    .gform_footer {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 575px) {
    .splash {
        padding-top: 250px;
    }
}

@media screen and (max-width: 500px) {
    .splash h2 {
        font-size: 23px;
    }

    h3.form-title {
        font-size: 23px;
    }
}

@media screen and (max-width: 450px) {
    .gform_wrapper {
        padding-top: 50px;
        border-top: 3px solid #F9D85B;
    }

    h3.form-title:before {
        content: '';
        max-width: 0px;
        width: 0%;
    }

    h3.form-title:after {
        content: '';
        max-width: 0px;
        width: 0%;
    }

    h3.form-title {
        top: 55px;
    }

    .splash {
        padding-top: 220px;
    }
}

@media screen and (max-width: 350px) {
    footer {
        font-size: 14px;
    }
}

@media screen and (max-width: 323px) {
    h3.form-title {
        top: 77px;
    }

    .gform_wrapper {
        padding-top: 70px;
    }

    .gform_confirmation_message {
        margin-top: 85px !important;
    }
}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
@media (min-width: 351px) and (max-width: 500px) {}

/* 501px - 991px LARGE size */
@media (min-width: 501px) and (max-width: 991px) {}

/* 768px - 991px MEDIUM Size */
@media (min-width: 768px) and (max-width: 991px) {
    .splash h2 {
        font-size: 23px;
    }

    h3.form-title {
        font-size: 20px;
    }
}

/* 768px - 1200px MEDIUM AND LARGE Size */
@media (min-width: 768px) and (max-width: 1199px) {}

/* 992px - 1199px LARGE size */
@media (min-width: 992px) and (max-width: 1199px) {
    h4.form-title {
        top: 20px;
    }
}