/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#wc-cpd {
    margin-bottom: 10px;
}

#wc-cpd-title {
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    margin: 0 10px 0 0;
}

#wp-cpd-cat,
#wp-cpd-prod {
  padding: 0.3em;
}

@media screen and (max-width: 780px) {

    #wc-cpd select {
        width: 32%;
    }

    #wc_cpd_cat {
        margin-right: 2%;
    }
}


@media screen and (max-width: 600px) {

    #wc-cpd {
        text-align: center;
    }

    #wc-cpd-title {
    float: none;
    margin: 0 0 10px;
}

    #wc-cpd select {
        width: 49%;
        height: 35px !important;
		font-size: .85em;
    }

    #wc_cpd_cat {
        margin-right: 2%;
    }
}