@media only screen and (min-width: 768px) {
    #madFormContainer,
    #madHeroContent {
        width: 50%;
        float: left;
    }

    div#madHero {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }
}

.madTitle {
    font-size: 30px; 
    color: #FFFFFF;
    text-align: left;
}

.madContent {
    font-size: 18px; 
    color: #FFFFFF;
    text-align: left;
}

.madButton {
    color: fff;
    background-color: #000;
    border-color: #000;
    padding: 10px 30px;
}

.madButton:hover {
    color: fff;
    background-color: #eee;
    border-color: #eee;
}
/* Full Width Gallery Images in Mobile */

@media only screen and (max-width: 767px) {
    .blockContent.cols4 .imgGridItem {
        width: 100%;
        margin: 0;
        padding: 10px;
    }
}

/* Fix Disappearing Mobile CTA Text */

@media only screen and (max-width: 768px) { 
    .cols4 .imgGridItem .imgHover-content {
        display: block!important;
    }
}


/* Custom Header Search Bar */
.blockWrap_a54cfc575e9b46878fbb6fa63a942046{
    display: block;
    text-align:center;
    /*width: 50%;*/
    /*padding: 6px 12px;*/
    font-size: 14px;
    line-height: 1.428571429;
    /*border: 1px solid #e6e6e6;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #4f4f4f;
    background-color: #fcfcfc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: middle;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.search-banner input {
    width: 255px;
    display: block;
    min-width: 150px;
    max-width: 100%
}

input#sh-search-query1 {
    padding: 6px;
    border-radius: 0;
    border: 1px solid #DDDDDD;
}
input#sh-search-query1::placeholder {
    color: #262626;
}

.search-banner {
    display: flex;
    background: #F1F1F1;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 56px;
}

@media only screen and (max-width: 767px){
    .search-banner input {
        width: 100%;
    }
    }
    
    
    
    
    /* Equalize Simple List Blocks*/

/* Change item class here */
.items_f5632d8d7eef466da84a1140a60ab829 { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */
.items_f5632d8d7eef466da84a1140a60ab829 > .item {
	display: flex;
	flex-direction: column;
}


/* Equalize Simple List Blocks*/

/* Change item class here */
.items_edc20aa1b32f4990a681ac551d50a76b { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */
.items_edc20aa1b32f4990a681ac551d50a76b > .item {
	display: flex;
	flex-direction: column;
}

/* Equalize Simple List Blocks*/

/* Change item class here */
.items_a5b5c56e632c4ac1b58f94e1962c5315 { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */
.items_a5b5c56e632c4ac1b58f94e1962c5315 > .item {
	display: flex;
	flex-direction: column;
}

/* ------------- EXTERIOR LIGHTING PAGE ----- 2 Column Form */
@media only screen and (min-width: 768px) {
    #madFormContainer,
    #madHeroContent {
        width: 50%;
        float: left;
    }

    div#madHero {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }
}

.madContent {
    font-size: 25px; 
    color: #000;
    text-align: left;
}

.madButton {
    color: white;
    background-color: white;
    border-color: white0;
    padding: 20px 60px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.madButton:hover {
    color: white;
    background-color: #eee;
    border-color: #eee;
}

/* ------------- EXTERIOR LIGHTING PAGE ----- 2 Column Simple List in Mobile */

@media only screen and (max-width: 767px) {
    .items_df624aed1e3149dd9b9d397bc0744137 .item {
        width: 50%;
        float: left;
    }
}

@media only screen and (max-width: 767px) {
    .items_af9c22e0b5d748fa9fb19b97e91a0dd5 .item {
        width: 50%;
        float: left;
    }
}

/* Equalize Simple List Blocks on Outdoor Lighting*/

/* Change item class here */
.items_ef2736ec9388426e91642bed857de34f { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */
.items_ef2736ec9388426e91642bed857de34f > .item {
	display: flex;
	flex-direction: column;
}