@media (max-width: 767px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 2.5rem !important;
    }

    .region-content .container {
        padding: 0 1.5rem;
    }

    main ul li {
        padding-left: 0;
    }

    .carousel-dark .carousel-caption {
        display: block !important;
        width: 80%;
    }

    .home-mission-vision img {
        width: 100%;
        height: 25vh;
    }

    .home-mission-vision .bx {
        padding: 1rem;
        margin: 2rem;
    }

    .our-solutions .our-solutions-content .icon-box {
        min-height: 260px !important;
        width: 90% !important;
    }

    .box {
        margin: 2rem !important;
    }

    .section-header {
        margin: auto !important;
    }

    section {
        margin: 0 !important;
    }

    .intro-section img {
        display: none;
    }

    .intro-section p {
        padding: 5rem 1.5rem !important;
    }

    .our-expertise-list ul {
        text-align: left !important;
        margin: 2rem 0;
    }

    .navbar {
        padding: 1rem 0;
    }

    /* Navbar  */
    .navbar-toggler-icon {
        width: 2.5em;
        background-size: 100%;
    }

    .navbar-collapse {
        position: fixed;
        overflow: hidden;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(1, 22, 61, 0.9);
        transition: 0.3s;
        z-index: 9;
    }

    .navbar-toggler.collapsed .navbar-toggler-icon::before {
        content: none;
    }

    .navbar-toggler.collapsed .navbar-toggler-icon {
        filter: brightness(0) saturate(100%) invert(12%) sepia(61%) saturate(3376%) hue-rotate(212deg) brightness(92%) contrast(105%);
    }

    .navbar-toggler .navbar-toggler-icon::before {
        content: "\f62a";
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        z-index: 999;
        color: #fff;
        font-size: 3rem;
        position: fixed;
        right: 3%;
    }

    .navbar .navbar-collapse.collapse.show ul {
        display: block !important;
        position: absolute;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        padding: 10px 0;
        border-radius: 10px;
        /* background-color: #fff; */
        overflow-y: auto;
        transition: 0.3s;
        z-index: 1;
    }

    .nav-item {
        padding: 0.75rem 0 !important;
    }

    .cta .cta-btn-container {
        justify-content: center !important;
    }

    .our-expertise-content {
        margin: 0 1.5rem !important;
    }

    .haveAproject {
        padding: 80px 2rem 78px !important;
        width: 95% !important;
    }

    .haveAproject .wantToWork-caption p {
        padding-bottom: 3rem;
    }

    .wantToWork-btn {
        float: none !important;
    }

    .our-expertise-list,
    .prod-proj-cont {
        border-radius: 1.2rem;
        margin: 1rem !important;
    }

    .home-productions-projects,
    .our-expertise {
        padding: 5rem 1.5rem !important;
    }

    /* About Us  */
    .about-us-overview {
        padding: 5rem 1.5rem;
    }

    .box {
        border-radius: 1.2rem;
    }

    .our-expertise-aboutus-cards {
        width: 100% !important;
    }

    .our-expertise-aboutus-cards .col-md-2 {
        justify-content: center;
    }

    /* Services  */
    .service-offered-cards .view-content {
        flex-wrap: wrap;
    }

    .services-offered {
        margin: 1rem !important;
    }

    /* Contact Us  */
    .page-node-type-contact-us .region-content {
        flex-direction: column;
        padding: 5rem 1.5rem !important;
    }

    .contact-us-content {
        margin: 2rem 0 !important;
    }

    .contact-us-form {
        margin-top: 1rem !important;
        padding: 30px 15px !important;
    }

    .contact-header h2 {
        font-size: 2.5rem;
    }

    .navbar-brand img {
        height: 45px !important;
    }

    .service-inner-page-cards .col-md-4 {
        width: 100% !important;
    }

    .about-us-overview {
        display: inline-block;
    }

    .our-expertise ul li {
        font-size: 16px !important;
        line-height: 1.3;
        font-weight: 100;
    }

    .our-expertise-list ul li::before {
        background-color: white !important;
    }

    .our-expertise .cta {
        padding: 16px 0 !important;
    }

    .prod-proj-cont {
        font-weight: normal !important;
    }
}