/*========================
Service Links
========================*/

/* Side Column Links */
.services-links { float: left; width: 100%; background: #eeeeee; border-radius:8px; padding:20px; margin-bottom: 20px; }

.services-links h2 {border:none; position: relative;}
.services-links h2:before{position: absolute; bottom: 0px; left: 0px; height: 3px; width: 80px; background: #2c85c6; content: '';}

/* Single Link */
.single-service-link { float: left; width: 100%; background: #eeeeee; padding:20px; border-radius: 8px; }


.workbridge-single-service-link a { float: none; max-width: 340px; margin:0 auto; }


/*========================
Workbridge Service Links
========================*/


.workbridge-service-links { width: 100%; }
.generic-page .workbridge-single-service-link { width: 100%; }
.generic-page .workbridge-single-service-link .service-buttons a .chevron { width: 61%; }
.generic-page .workbridge-single-service-link .service-buttons a .text-content:before { left: 0px; }
/*.generic-page .workbridge-single-service-link .service-buttons a p { padding-left: 78px; }*/
.generic-page .workbridge-single-service-link .service-buttons a .text-content:after { left: 0px; }
.generic-page .workbridge-single-service-link .service-buttons a .text-content .call-title { font-size: 22px; padding-top: 22px; }
.workbridge-single-service-link .service-buttons a .text-content { min-height: 115px; }

/* =======================================
 @ 400
======================================= */
@media only screen and (min-width: 400px) {
.generic-page .workbridge-single-service-link .service-buttons a .chevron { width: 71%; }


}



/* =======================================
 @ 550
======================================= */
@media only screen and (min-width: 550px) {
.generic-page .workbridge-single-service-link .service-buttons a .chevron { width: 72%; }
/*.generic-page .workbridge-single-service-link .service-buttons a .text-content .call-title { font-size: 31px; padding-top: 28px; }*/
/*.generic-page .workbridge-single-service-link .service-buttons a p { padding-left: 108px; }*/
.generic-page .workbridge-single-service-link .service-buttons a .text-content:before { left: 20px; }
.generic-page .workbridge-single-service-link .service-buttons a .text-content:after { left: 20px; }

}





/* =======================================
 @ 600
======================================= */
@media only screen and (min-width: 600px) {



/*.workbridge-service-links { width:50%; }*/
.workbridge-single-service-link { width: 100%; }
.workbridge-single-service-link .service-buttons a { width: 100%; overflow: hidden; }
/*.workbridge-single-service-link .service-buttons a p { padding-left: 130px; }*/
.workbridge-single-service-link .service-buttons a .text-content:before { left: 54px; }
.workbridge-single-service-link .service-buttons a .text-content:after { left: 54px; }
.workbridge-single-service-link .service-buttons a .chevron { width: 71%; }


.workbridge-service-links .service-buttons a .call-title { font-size: 28px; line-height: 1em; padding-right: 50px; }


.generic-page .workbridge-single-service-link { width: 49%; }
.generic-page .workbridge-single-service-link:nth-child(even) { float: right; }
.generic-page .workbridge-single-service-link .service-buttons a .chevron { width: 61%; }
.generic-page .workbridge-single-service-link .service-buttons a .text-content .call-title { font-size: 22px; /*padding-top: 37px;*/ }
/*.generic-page .workbridge-single-service-link .service-buttons a p { padding-left: 61px; }*/
.generic-page .workbridge-single-service-link .service-buttons a .text-content:before { left: -10px; }
.generic-page .workbridge-single-service-link .service-buttons a .text-content:after { left: -10px; }

}


/* =======================================
 @ 700
======================================= */
@media only screen and (min-width: 700px) {

/*.generic-page .workbridge-single-service-link .service-buttons a p { padding-left: 100px; }*/
.generic-page .workbridge-single-service-link .service-buttons a .chevron { width: 61%; }
}






/* =======================================
 @ 750
======================================= */
@media only screen and (min-width: 750px) {

.workbridge-single-service-link .service-buttons a .chevron { width: 78%; }

.generic-page .workbridge-single-service-link .service-buttons a .chevron { width: 64%; }
/*.generic-page .workbridge-single-service-link { width: 50%; }*/
.generic-page .workbridge-single-service-link .service-buttons a .text-content:before { left: 10px; }
.generic-page .workbridge-single-service-link .service-buttons a .text-content:after { left: 10px; }




}



/* =======================================
 @ 890
======================================= */
@media only screen and (min-width: 890px) {

.workbridge-single-service-link .service-buttons a .chevron { width: 59%; }
/*.workbridge-single-service-link .service-buttons a p { padding-left: 76px; }*/
.workbridge-single-service-link .service-buttons a .text-content:before { left: -10px; }
.workbridge-single-service-link .service-buttons a .text-content:after { left: -10px; }
.workbridge-single-service-link .service-buttons a .call-title { padding-top: 30px; }




.generic-page .workbridge-single-service-link .service-buttons a .text-content:before { left: 65px; }
.generic-page .workbridge-single-service-link .service-buttons a .text-content:after { left: 65px; }
/*.generic-page .workbridge-single-service-link .service-buttons a p { padding-left: 150px; }*/
.generic-page .workbridge-single-service-link .service-buttons a .chevron { width: 61%; }


}





/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width: 1000px) {



.workbridge-service-links { width:100%; }
.workbridge-service-links .service-buttons a { width: 100%; }
.workbridge-service-links .service-buttons a .call-title { font-size: 28px; line-height: 1em; padding-right: 50px; }


.generic-page .workbridge-single-service-link { width: 100%; }
.generic-page .workbridge-single-service-link .service-buttons a .chevron { width: 61%; }
.generic-page .workbridge-single-service-link .service-buttons a .text-content:before { left: 0px; }
/*.generic-page .workbridge-single-service-link .service-buttons a p { padding-left: 97px; }*/
.generic-page .workbridge-single-service-link .service-buttons a .text-content:after { left: 0px; }

}



/* =======================================
 @ 1100
======================================= */
@media only screen and (min-width: 1100px) {

.workbridge-single-service-link .service-buttons a .chevron { width: 59%; }
/*.workbridge-single-service-link .service-buttons a p { padding-left: 100px; }*/
.workbridge-single-service-link .service-buttons a .text-content:before { left: 20px; }
.workbridge-single-service-link .service-buttons a .text-content:after { left: 20px; }
/*.workbridge-single-service-link .service-buttons a .call-title { padding-top: 30px; }*/

.workbridge-single-service-link a img {
    max-width: 190px;
}


}






/* =======================================
 @ 1200
======================================= */
@media only screen and (min-width: 1200px) {

.workbridge-service-links .service-buttons a .call-title { padding-right: 0; font-size: 30px; }

.workbridge-single-service-link .service-buttons a .chevron { width: 54%; }
/*.workbridge-single-service-link .service-buttons a p { padding-left: 130px; }*/
.workbridge-single-service-link .service-buttons a .text-content:before { left: 40px; }
.workbridge-single-service-link .service-buttons a .text-content:after { left: 40px; }
.workbridge-single-service-link .service-buttons a .call-title { padding-top: 30px; }



.generic-page .workbridge-single-service-link { width: 100%; }
.generic-page .workbridge-single-service-link .service-buttons a .chevron { width: 58%; }
.generic-page .workbridge-single-service-link .service-buttons a .text-content:before { left: 40px; }
/*.generic-page .workbridge-single-service-link .service-buttons a p { padding-left: 120px; }*/
.generic-page .workbridge-single-service-link .service-buttons a .text-content:after { left: 40px; }


}