/* Mobile fixes for .page-title - These use max-width to ensure they apply to all devices below the specified width */





/* Tablets (up to 991px) */
@media only screen and (max-width: 991px) {
    html body .page-wrapper .page-title {
        /* margin-top: 139px !important;
        padding: 120px 0 !important;*/
    }
}

/* Medium mobile devices (up to 767px) */
@media only screen and (max-width: 767px) {
    html body .page-wrapper .page-title {
        /*margin-top: 139px !important;
        padding: 110px 0 !important;*/
    }
}

/* Small mobile devices (up to 480px) */

@media only screen and (max-width: 480px) {
    html body .page-wrapper .page-title {
       /*margin-top: 179px !important;
        padding: 100px 0 !important;*/
    }
}
/* This approach uses max-width queries which work more reliably on mobile devices
   than the extremely narrow min-width/max-width ranges in the original CSS */