@media only screen and (min-width: 768px) {
        .navbar-brand {
            display: none;
        }

        .pull-right {
            float: right;
        }

        .pull-left {
            float: left;
        }
    }

    @media only screen and (max-width: 1277px) {
        .features>h2 {
            font-size: 1.5em;
        }

        .features>h3 {
            font-size: 1em;
        }

        .features-showcase>h2 {
            font-size: 1.5em;
            font-weight: 400;
        }

        .features-showcase>h5 {
            font-size: 1em;
            font-weight: 300;
            width: 100%;
        }

        .features-showcase-bg {
            height: 1200px;
        }

        .contact .features-showcase-bg {
            height: 700px;
        }


        .left-pane {
            display: none;
        }

        .right-pane {
            display: none;
        }

        .features-showcase {
            margin: 0 10px;
        }

        .features-showcase .container {
            grid-template-columns: auto;
        }

        .features-showcase .reverse {
            grid-template-columns: auto;
        }

        .features-showcase .container .reverse {
            order: -1
        }

        .showcase-title {
            padding: 20px 0;
        }

        .left-showcase>p {
            padding: 30px 0;
        }

        .banger-btn {
            margin: 4px 4px;
            font-size: 1.25em;
            padding: 10px 20px;
            border-width: 2px;
        }

        .left-banger {
            padding: 35px;
        }

        .left-banger>h2 {
            font-weight: 500;
            font-size: 2.7em;
        }

        .features>.container {
            grid-template-columns: auto auto;
        }

        .card {
            padding: 1rem;
        }

        .card-title {
            padding: 1rem 0rem;
        }

    }

    @media only screen and (max-width: 768px) {
        .navbar-custom {
            padding: 8px 15px;
        }

        .footer_area .pull-right li:nth-child(odd) {
            text-align: right;
        }

        .features-extended h4 {
            font-size: 1.1rem;
        }

        .features-extended h2 {
            font-size: 2rem;
            padding: 0.5rem 0 1.5rem 0;
        }

        .features-extended>.container>p {
            font-size: 1rem;
        }

        .card {
            flex: 1 0 100%;
        }

        .features>.container {
            grid-template-columns: auto;
        }

        .mobile-slidebar {
            display: flex;
            gap: 5px;
            text-decoration: none;
            color: black;
        }

        .mobile-brand {
            text-align: center;
            font-size: 20px;
            font-weight: 600;
        }


        .mobile-show {
            display: flex;
        }

        .offcanvas-body {
            padding: 2em;
            display: flex;
            text-align: right;
            font-size: 1.5em;
        }

        .offcanvas-header {
            padding: 25px 35px 10px 30px;
        }

        .offcanvas-header>h5 {
            font-size: 1.4em;
        }

        .navbar-desktop {
            display: none;
        }

        .desktop-brand {
            display: none;
        }

        .divider {
            display: none;
        }

        .desktop-logo {
            display: none;
        }

        .brand-logo {
            display: none;
        }

        .btn-cta {
            display: none;
        }

        .mobile-logo {
            display: block;
            padding: 0 8px;
            width: 135px;
        }

        .pull-right ul {
            font-size: 12px;
            padding: 0;
        }
    }