#wrap {
    overflow-x: hidden;
}

/* ---- Search bar ---- */
.search-band .field-element {
    margin-right: 1%;
}
.search-band .field-element--search-state-region,
.search-band .field-element--search-acc-type {
    width: 35.5%;
    float: left;
    margin-right: 1%;
}
.search-band .field-element--search-pet-friendly {
    margin-top: 23px;
}
.search-band .search-pet-friendly,
.search-band .search-as-seen-on-tv {
    width: 28%;
    margin-left: 14px;
}
.search-band .field-element--checkboxboollist {
    margin-top: -4px;
}


/* Breakpoint 1 */
@media screen and (max-width: 1180px) {
    .search-band .field-element--search-state-region,
    .search-band .field-element--search-acc-type {
        width: 33.5%;
        margin-right: 2%;
    }
    .home-search__intructions {
        font-size: 1.6rem;
    }
    .home-search__and-or {
        width: 12%;
        margin-right: 2%;
    }
}

/* Breakpoint 2 */
@media screen and (max-width: 950px) {
    .search-band .field-element--search-state-region,
    .search-band .field-element--search-acc-type {
        width: 34%;
    }
    .home-search__intructions {
        font-size: 1.6rem;
    }
    .home-search__and-or {
        width: 11%;
        font-size: 1.4rem;
        padding: 5px 5px 0;
    }
}

/* Breakpoint 3 */
@media screen and (max-width: 750px) {
    .search-band .field-element--search-state-region,
    .search-band .field-element--search-acc-type {
        width: 42%;
    }
    .search-band .field-element--search-acc-type {
        margin-right: 0;
    }
    .home-search__intructions {
        font-size: 1.5rem;
    }
    .home-search__and-or {
        width: 12%;
        font-size: 1.4rem;
        padding: 5px 5px 0;
    }
}

/* Breakpoint 4 */
@media screen and (max-width: 600px) {
    .search-band .field-element--search-state-region,
    .search-band .field-element--search-acc-type {
        width: 100%;
        margin-right: 0;
    }
    .search-band .field-element--search-acc-type,
    .search-band .field-element--search-sort-by {
        margin-right: 0;
    }
    .home-search__and-or {
        width: 100%;
        font-size: 1.3rem;
        padding: 0;
        text-align: left;
        float: none;
    }
}

/* Breakpoint extra */
@media screen and (max-width: 460px) {
    .search-band .field-element--search-state-region,
    .search-band .field-element--search-acc-type,
    .search-band .field-element--search-keyword,
    .search-band .field-element--search-experience,
    .search-band .field-element--search-sort-by {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .search-band .field-element.button {
        display: none;
    }
    .search-band .mobile-search {
        display: block;
        margin-top: 6px;
        margin-bottom: 9px;
        text-align: right;
    }
}

/* ---- Subscribe section ---- */

/* Setting normal padding on bottom, as there is no icon-section preceding it on the home page only... */
.subscribe-section.section.pre-icon-section {
    padding-bottom: 53px;
}
/* Breakpoint 1 */
@media screen and (max-width: 1180px){
    .subscribe-section.section.pre-icon-section {
        padding-bottom: 40px;
    }
}
/* Breakpoint 3 */
@media screen and (max-width: 750px){
    .subscribe-section.section.pre-icon-section {
        padding-bottom: 30px;
    }
}
/* Breakpoint 4 */
@media screen and (max-width: 600px){
    .subscribe-section.section.pre-icon-section {
        padding-bottom: 20px;
    }
}