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


/* ===================================================
		MIN WIDTH 
=================================================== */
/* ------------------------------ 
	1600px EXTRA LARGE
------------------------------ */
@media (min-width: 1600px) {}




/* ------------------------------ 
	1200px LARGE
------------------------------ */
@media (min-width: 1200px) {}




/* ------------------------------ 
	992px MEDIUM
------------------------------ */
@media (min-width: 992px) {}




/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {
    .hide-mobile {
        display: block;
    }

    .show-mobile {
        display: none;
    }
}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {}




/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {}




/* ------------------------------ 
	414px - 767px SMALL iPhone 6/7/8 Plus
------------------------------ */
@media (min-width: 414px) and (max-width: 767px) {}




/* ------------------------------ 
	375px - 413px X-SMALL iPhone 6/7/8
------------------------------ */
@media (min-width: 375px) and (max-width: 413px) {
    h1 {
        line-height: 50px;
    }
}




/* ------------------------------ 
	320px - 374px XX-SMALL iPhone 5
------------------------------ */
/* @media (min-width: 319px) and (max-width: 374px) {
	body {
		font-size: 10px;
	}

	h1 {
		line-height: 40px;
	}
} */




/* ===================================================
		MAX WIDTH 
=================================================== */
/* ------------------------------ 
	1599px EXTRA LARGE
------------------------------ */
@media (max-width: 1599px) {}




/* ------------------------------ 
	1199px LARGE
------------------------------ */
@media (max-width: 1199px) {}




/* ------------------------------ 
	991px MEDIUM
------------------------------ */
@media (max-width: 991px) {
    .home2-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .7) 100%, rgba(0, 0, 0, 0) 100%), url("/wp-content/themes/express-lp-2024/assets/images/2_d.jpg") no-repeat;
        background-size: cover;
        background-position: 30% center;
    }

    .home3-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .7) 100%, rgba(0, 0, 0, 0) 100%), url("/wp-content/themes/express-lp-2024/assets/images/3_d.jpg") no-repeat;
        background-size: cover;
        background-position: 30% center;
    }

    .home4-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .4) 100%, rgba(0, 0, 0, 0) 100%), url("/wp-content/themes/express-lp-2024/assets/images/4_d.jpg") no-repeat;
        background-size: cover;
        background-position: right center;
    }

    .home8-image-default {
        background: linear-gradient(270deg, rgba(0, 0, 0, .4) 100%, rgba(0, 0, 0, 0) 100%), url("/wp-content/themes/express-lp-2024/assets/images/8_d.jpg") no-repeat;
        background-size: cover;
        background-position: right center;
    }

    .blurred-box {
        border-radius: 0;
        background-color: rgba(255, 255, 255, .12);
        backdrop-filter: blur(6px);
        box-shadow: 0px 0px 12px rgba(0, 0, 0, .45);
        border: 1px solid rgba(255, 255, 255, .12);
        border-top: 1px solid rgba(255, 255, 255, .42);
        border-bottom: 1px solid rgba(255, 255, 255, .22);
        padding: 15px 0;
        margin: 0 15px;
        text-align: center !important;
    }

    .opaquer-blurred-box {
        border-radius: 0;
        background-color: rgba(255, 255, 255, .6);
        backdrop-filter: blur(6px);
        box-shadow: 0px 0px 12px rgba(0, 0, 0, .45);
        border: 1px solid rgba(255, 255, 255, .12);
        border-top: 1px solid rgba(255, 255, 255, .42);
        border-bottom: 1px solid rgba(255, 255, 255, .22);
        padding: 15px 0;
        margin: 0 15px;
        text-align: center !important;
    }

    .black-blurred-box {
        border-radius: 0;
        background-color: rgba(0, 0, 0, .6);
        backdrop-filter: blur(6px);
        box-shadow: 0px 0px 12px rgba(0, 0, 0, .45);
        border: 1px solid rgba(0, 0, 0, .12);
        border-top: 1px solid rgba(0, 0, 0, .42);
        border-bottom: 1px solid rgba(0, 0, 0, .22);
        padding: 15px 10px;
        margin: 0 15px;
        text-align: center !important;
    }
}




/* ------------------------------ 
	767px - SMALL
------------------------------ */
@media (max-width: 767px) {
    .hide-mobile {
        display: none;
    }

    .show-mobile {
        display: block;
    }

    input {
        height: 40px;
    }

    .disclaimer p {
        line-height: 20px;
    }

    h1,
    .h1 {
        font-size: 3em;
    }

    h2,
    .h2 {
        font-size: 1.8em;
    }

    p,
    .p {
        font-size: 1em;
        line-height: 20px;
    }

}




/* ------------------------------ 
	640px - EXTRA SMALL
------------------------------ */
@media (max-width: 640px) {}




/* ------------------------------ 
	575px - CUSTOM SIZE
------------------------------ */
@media (max-width: 575px) {}




/* ------------------------------ 
	479px - CUSTOM SIZE
------------------------------ */
@media (max-width: 479px) {

    h1,
    .h1 {
        font-size: 2em;
        line-height: 1;
    }

    h2,
    .h2 {
        font-size: 1.3em;
    }
}




/* ------------------------------ 
	379px - CUSTOM SIZE
------------------------------ */
@media (max-width: 379px) {}

/* ------------------------------ 
	320px - CUSTOM SIZE
------------------------------ */
@media (max-width: 320px) {}