.ak-search-icon {
    position: relative;
}

.ak-search-icon > a::before {
    content: "\55";
    font-family: "ETmodules";
    font-size: 20px;
}

.ak-search-box {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9999;

    width: 310px;
    padding: 12px;
    background-color: #9f2743;
}

.ak-search-icon.is-open .ak-search-box {
    display: block;
}

.ak-search-box input[type="search"] {
    width: 100%;
    margin: 0;
    padding:10px;
    font-size:20px;
}

#page-container #main-content .ak-search-results-header h1 {
    font-size:40px;
}

#page-container #main-content .ak-search-results-header {
    padding-top: 180px;
    padding-bottom: 0px;
    border: solid 1px #f00;
}

#page-container #main-content .et_pb_text_1_tb_body {
    font-size:28px;
}

/*
 * Tablet and below.
 * Extra clearance required for the taller tablet header.
 */
@media (max-width: 980px) {
    #page-container #main-content .ak-search-results-header {
        padding-top: 220px;
    }
}

/*
 * Phone.
 * Base phone styling; also inherited by the 501–767px range
 * before the more specific padding/font overrides below.
 */
@media (max-width: 767px) {
    #page-container #main-content .ak-search-results-header {
        padding-top: 170px;
    }

    #page-container #main-content .ak-search-results-header h1 {
        font-size: 30px;
        padding-bottom: 0;
    }

    #page-container #main-content .ak-search-results-header .et_pb_row {
        padding-bottom: 16px;
    }
}

/*
 * Large phone / small tablet: 501–767px.
 * Header wraps/takes more vertical space at these widths,
 * so considerably more top clearance is required.
 */
@media (min-width: 501px) and (max-width: 767px) {
    #page-container #main-content .ak-search-results-header {
        padding-top: 245px;
    }

    #page-container #main-content .ak-search-results-header h1 {
        font-size: 38px;
    }
}

/*
 * Small phone: 375px and below.
 * The compact header needs less clearance, avoiding the large
 * gap produced by the general phone padding.
 */
@media (max-width: 375px) {
    #page-container #main-content .ak-search-results-header {
        padding-top: 140px;
    }
        #page-container #main-content .ak-search-results-header h1 {
        font-size: 28px;
    }
}