a.courseCategory {
    display: block;
    width: 100%;
    float: left;
    /*background: transparent url(/images/design/categories.jpg) no-repeat left 35px;*/
    margin: 0 1em 1em 0;
    text-decoration: none;
}

    a.courseCategory span.title {
        display: block;
        /* background: #333; */
        height: 27px;
        padding-left: 0.5em;
        margin-bottom: 0px;
        font-size: 160%;
        color: white;
        top: 67px;
        left: 115px;
        position: relative;
        max-width: 70%;
    }

    a.courseCategory span.description {
        display: block;
        background: #f6f6f6;
        padding: 0.45em;
        color: #000;
        height: 60px;
        overflow: hidden;
    }

    a.courseCategory .rtop, a.courseCategory .rbottom {
        background: #fff;
    }

        a.courseCategory .rtop * {
            background: #333;
        }

        a.courseCategory .rbottom * {
            background: #e7863c;
        }

/*.courseCategory:hover {
    border-bottom: solid 5px #e7863c;
}*/

/*  All category images are in one jpeg (categories.jpg) to reduce the number
    of requests and download time. The correct image is displayed by altering
    the background position. */
#Category_Marketing {
    background-position: left 35px;
}

#Category_Management {
    background-position: left -65px;
}

#Category_Leisure {
    background-position: left -165px;
}

#Category_InformationTechnology {
    background-position: left -265px;
}

#Category_Hospitality {
    background-position: left -365px;
}

#Category_Environmental {
    background-position: left -465px;
}

#Category_Ecotourism {
    background-position: left -565px;
}

#Category_PetCare {
    background-position: left -665px;
}

#Category_Photography {
    background-position: left -765px;
}

#Category_SmallBusiness {
    background-position: left -865px;
}

#Category_Tourism {
    background-position: left -965px;
}

#Category_General {
    background-position: left -1065px;
}

#Category_Science {
    background-position: left -1165px;
}

#Category_Writing {
    background-position: left -1265px;
}

#Category_Teaching {
    background-position: left -1365px;
}

#Category_Horticulture {
    background-position: left -1465px;
}

#Category_Farming {
    background-position: left -1565px;
}

#Category_Psychology {
    background-position: left -1665px;
}

#Category_Health {
    background-position: left -1765px;
}

p.intro {
    color: #aaa;
    font-weight: normal;
    font-size: 161.9%;
    margin: 0.61766em 0; /* = 1/1.619 */
}


.filter-search-inner {
    background: rgba(11, 67, 92, 0.3);
    padding: 20px;
    border-radius: 3px;
    display: inline-block;
    width: 100%;
}



    .filter-search-inner .field-group {
        margin: -5px;
        padding-right: 75px;
    }

.search-btn {
    width: 70px;
    height: 60px;
    border: 0;
    border-radius: 3px;
    background: #e7863c;
    color: #fff;
    font-size: 36px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    transition: all 0.4s ease;
    top: 5px;
}

.position-relative {
    position: relative !important;
}

.end-0 {
    right: 0 !important;
}

.position-absolute {
    position: absolute !important;
}

.orange-text {
    color: #e7863c;
}

.center-text {
    text-align: center;
}

.box-padding {
    padding: 100px 85px 0 0;
}

.filter-input {
    background: #000;
    height: 60px;
    font-weight: 400;
    border: 7px solid #ddd !important;
}



@media (max-width: 480px) {
    a.courseCategory span.title {
        display: block;
        position: relative;
        top: 60px;
        left: 96px;
        height: 27px;
        padding-left: 0.5em;
        margin-bottom: 0px;
        font-size: 160%;
        color: white;
        max-width: 70%;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 600px) {
    a.courseCategory span.title {
        display: block;
        position: relative;
        top: -96px;
        left: 134px;
        height: 27px;
        padding-left: 0.5em;
        margin-bottom: 0px;
        font-size: 187%;
        color: white;
        max-width: 70%;
    }
}

@media only screen and (min-device-width: 601px) and (max-device-width: 768px) {
    a.courseCategory span.title {
        display: block;
        position: relative;
        top: 105px;
        left: 184px;
        height: 27px;
        padding-left: 0.5em;
        margin-bottom: 0px;
        font-size: 224%;
        color: white;
        max-width: 70%;
    }
}

@media only screen and (min-device-width: 769px) and (max-device-width: 900px) {
    a.courseCategory span.title {
        display: block;
        position: relative;
        top: 49px;
        left: 66px;
        height: 27px;
        padding-left: 0.5em;
        margin-bottom: 0px;
        font-size: 110%;
        color: white;
        max-width: 70%;
    }
}

@media only screen and (min-device-width: 901px) and (max-device-width: 1024px) {
    a.courseCategory span.title {
        display: block;
        position: relative;
        top: 58px;
        left: 76px;
        height: 27px;
        padding-left: 0.5em;
        margin-bottom: 0px;
        font-size: 120%;
        color: white;
        max-width: 70%;
    }
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px) {
    a.courseCategory span.title {
        display: block;
        position: relative;
        top: 58px;
        left: 95px;
        height: 27px;
        padding-left: 0.5em;
        margin-bottom: 0px;
        font-size: 137%;
        color: white;
        max-width: 70%;
    }
}