/* ================= css Start ================= */
.service-categories-content { color: #fff; overflow: hidden; border-radius: 5px; min-height: 80px; }
.service-categories-content h3 { font-size: 25px; line-height: 30px; margin-bottom: 0; font-weight: 700; text-transform: uppercase; }
.service-categories-left { width: 300px; letter-spacing: 2.4px; padding: 0 10px; justify-content: center; align-items: center; }
.service-categories-right { width: calc(100% - 300px); padding: 10px 30px; align-items: center; }
.service-categories-right h4 { font-size: 25px; line-height: 30px; margin-bottom: 0;  width: calc(100% - 228px); padding-right: 50px; letter-spacing: 0; }
.service-categories-right .btn { width: 228px; margin-left: auto; }

/* ================= css End ================= */

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { }

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.service-categories-content h3 { font-size: 20px; line-height: 25px; }
.service-categories-left { width: 100%; padding: 15px 15px 12px; }
.service-categories-right { width: 100%; padding: 15px 20px 20px; } 
.service-categories-right h4 {width: 100%; padding: 0 25px; margin-bottom: 18px;font-size: 20px; line-height: 25px; }
.service-categories-content { text-align: center; }
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) { }

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:575.98px) { }