/* ------------------------------------
    Bootstrap media query
------------------------------------ */


/*Desktop 992-1199*/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 992px) and (max-width: 1300px) {}


/*Tab 768-991*/

@media (max-width: 991px) {
    .responsive-wrapper.bg-image::after {
        display: none;
    }
    .header-area.header-bg .bg-image {
        display: none;
    }
    .header-area .title {
        font-size: 40px;
        line-height: 50px;
    }
    .section-title .title {
        font-size: 38px;
        line-height: 48px;
    }
    .template-pages-item .title {
        font-size: 22px;
        line-height: 32px;
    }
}


/*Mobile 576-768*/

@media (max-width: 420px) {
    .header-area p {
        font-size: 18px;
    }
    .call-to-action-inner .title {
        font-size: 32px;
        line-height: 42px;
    }
    .header-area {
        padding: 240px 0 175px;
    }
    .section-title .title {
        font-size: 32px;
        line-height: 42px;
    }
}