.tiles-wrapper {
    padding: 0 40px 0 40px;
}
.u-accordion-color-primary .u-accordion__header [aria-expanded="true"] {
    color: #5eb5ba !important;
}
.u-accordion__control-icon {
    color: #5eb5ba !important;
}

a:hover, a:focus {
    color: #5eb5ba;
}

.catford-orange {
    color: #5eb5ba !important;
}

.cat-but {
    background-color: #2d2d2d;
    color: #ffffff;
    width: 180px;
}
.cat-but:hover, .cat-but:focus {
    background-color: #5eb5ba;
    color: #ffffff;
}

.half-panel-even {
    padding: 0 0 0 0;
}




/*--------------------------------------------------
Medium devices (less than 1200px)
----------------------------------------------------*/
@media (max-width: 1199px) {


	
}



/*--------------------------------------------------
IPAD Medium devices (less than 992px)
----------------------------------------------------*/
@media (max-width: 991px) {

.cat-but {
    font-size: 0.9rem !important;
    width: 160px;
}
.half-panel-even {
    padding: 110px 0 110px 0;
}
.box-v-align {
    padding-right: 100px;
    padding-left: 100px;
}

}



/*--------------------------------------------------
Nexus 7 Small devices (less than 768px)
----------------------------------------------------*/
@media (max-width: 767px) {

.tiles-wrapper {
    padding: 0 25px 0 25px;
}
.cat-but {
    font-size: 0.8rem !important;
    width: 150px;
}
.half-panel-even {
    padding: 90px 0 90px 0;
}
.box-v-align {
    padding-right: 60px;
    padding-left: 60px;
}

}



/*--------------------------------------------------
IP 6 6+, 7+ - (less than 576px)
----------------------------------------------------*/
@media (max-width: 575px) {

.cat-but {
    font-size: 0.8rem !important;
    width: 130px;
}
.half-panel-even {
    padding: 80px 0 80px 0;
}
.box-v-align {
    padding-right: 30px;
    padding-left: 30px;
}

}