.categoryHeaderDiv {
      background-image: linear-gradient(to left, #2e8359, #00af41 24%, #15b350 75%, #2e8359);
      padding:30px 22px;
}

.categoryHeaderText {
    font-weight: 700;
    font-style: italic;
    text-align: center;
    color:white;
    font-size: 20px;
    letter-spacing: 1px;
}

.categoryMainArea {
    padding:18px 22px;
}

.categorySubHeaderText {
    font-size:16px;
    line-height:20px;
    letter-spacing:0.4px;
    text-align:center;
}

.categorySubHeaderTextTopPadding {
    padding-bottom:27px;
}

.categorySubPadding {
    padding-bottom:27px;

}

.categoryRefineText {
    color:#00af41;
    line-height: 1.4;
    letter-spacing: 0.2px;
    padding-bottom:22px;
}

.featureButton {
    color:white;
    font-size: 13px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.1px;
    padding:7.5px;
}

.featureButtonInside {
    padding-top:8px;
    padding-bottom:8px;
    background-color: #aab0ac;
    display:table;
    padding-left:4px;
    padding-right:4px;
}

.featureButtonText {
    display:table-cell;
    vertical-align:middle;
    line-height:1.5;
}

.featureButtonInside:active {
    background-color: #00af41;
}

/*select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}*/
    .featureButtonPadding {
        padding-bottom:112px;
    }

.selectStyle {
    width:100%;
    height: 36px;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #f3f3f3, #d4d4d4);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 0 2px 0 0 #ffffff;
    border: solid 1px #979797;
    padding-left:20px;
}

.featureButtonInside:hover {
    background-color:#00af41;
    transition: .2s;
}

.featureButtonInside.active {
    background-color:#00af41
}

.categoryWheelContainer {
    width:159px;
}

.mobileRefineFeaturePadding {
    padding-bottom:27px;
}

.categoryWheelPadding {
    padding-top:10px;
    padding-bottom:10px;
}

.categoryWheelButton {
    width:100%;
    background-color: #4a4a4a;
    color:white;
    padding-top:12px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:12px;
}

.categoryWheelButton.active {
    background-color: #00af41;
    transition: .2s;
}

.categoryWheelButton > div {
    font-size: 26px;
    letter-spacing: 1px;
    text-align: center;
}

.displayTable {
    display:table;
}

.displayTableCell {
    display:table-cell;
    vertical-align:middle;
}

.smallerPadding {
    padding:7.5px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .categorySubHeaderTextTopPadding {
        padding-bottom:20px;
    }
    .categorySubPadding {
        padding-bottom:40px;
    }
    .categorySubHeaderText {
        font-size:23px;
        line-height:32px;
        text-align:center;
    }
    .categoryMainArea {
        padding:18px 22px;
    }
    .categoryHeaderDiv {
        padding:30px 39px;
    }

    .categoryHeaderText {
        font-size:25px;
        letter-spacing: 0.8px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .categoryHeaderText {
        padding:30px 60px;
    }

    .featureButton {
        font-size:12px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .categoryMainArea {
        padding:54px 63px;
    }
    .featureButton {
        font-size:13px;
    }
}


@media (min-width:1250px) {
    .featureButton {
        font-size:14px;
    }
}
@media (min-width:1330px) {
    .categoryHeaderText {
        font-size: 29px;
    }

    .categorySubHeaderText {
        font-size:24px;
    }
}

@media (min-width:1400px) {
    .categoryHeaderText {
        font-size: 31px;
    }

    .categoryMainArea {
        padding:54px 161px;
    }
}

@media (min-width:1500px) {
    .categoryHeaderText {
        font-size: 32px;
    }
}