/* 07.01. Page Title CSS */

.page-title-section {
    position: relative;

    padding-top: 100px;
    padding-bottom: 80px;
    // Responsive
    @media #{$tablet-device}{
        padding-top: 80px;
        padding-bottom: 60px;
    }
    @media #{$large-mobile}{
        padding-top: 60px;
        padding-bottom: 40px;
    }
}

.page-title {
    & .title {
        font-size: 48px;

        margin: 0;

        text-align: center;
    }

    @media #{$desktop-device} {
        & .title {
            font-size: 42px;
        }
    }

    @media #{$tablet-device} {
        & .title {
            font-size: 36px;
        }
    }

    @media #{$large-mobile} {
        & .title {
            font-size: 30px;
        }
    }
}

.page-breadcrumb {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}