@media (max-width: 991px) {
    #navbarNav {
        display: none;
    }

    #navbarNav.collapse.show {
        display: block;
    }

    .main-header img.main-logo {
        width: 140px;
    }

    section.main-slider .slide .carousel-inner .screen {
        height: 100%;
        min-height: auto;
        padding: 80px 0;
    }
}

@media (max-width: 540px) {
    .m-pt-0 {
        padding-top: 0 !important;
    }

    .m-pb-0 {
        padding-bottom: 0 !important;
    }

    .m-mb-0 {
        margin-bottom: 0 !important;
    }

    .m-mt-0 {
        margin-top: 0 !important;
    }

    .m-mt-5 {
        margin-top: 3rem !important;
    }

    .m-mt-3 {
        margin-top: 1.5rem !important;
    }

    .m-mb-5 {
        margin-bottom: 3rem !important;
    }

    .m-mb-3 {
        margin-bottom: 1.5rem !important;
    }

    #navbarNav {
        display: none;
    }

    #navbarNav.collapse.show {
        display: block;
    }

    footer h4 {
        margin-bottom: 30px;
    }

    .main-header img.main-logo {
        width: 120px;
    }

    .main-header .top-menu {
        margin-bottom: 30px;
    }

    .main-header .navbar-nav a {
        color: white;
    }

    #SunraysMainSlider .banner-content {
        width: 100%;
    }

    section.main-slider .slide .carousel-inner .screen {
        height: 100%;
        min-height: 400px;
        padding: 70px 0 0;
        background-position: center;
        background-size: cover;
    }

    #SunraysMainSlider h1 {
        font-size: 28px;
    }

    div#navbarNav {
        background: black;
        padding: 30px;
        border-radius: 30px;
        max-width: 100%;
    }

    .search-bar input.form-control {
        min-width: 100%;
    }

    h2 {
        font-size: 26px;
        line-height: 1;
    }

    .section-padding {
        padding: 50px 0;
    }

    #SunraysMainSlider p {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .section-precision .content.mt-5 {
        margin-top: 0 !important;
    }

    img.precision-img {
        position: relative;
        margin-top: 10px;
    }

    section.section.section-padding.section-capabilities.pt-0 {
        padding-top: 50px !important;
    }

    .section-capabilities .col-md-5.text-end.flex-end {
        align-items: flex-start;
        text-align: left !important;
    }

    footer .col-md-3:nth-child(2),
    footer .col-md-3:nth-child(3) {
        padding: 0 15px;
    }

    .sol-inner-banner {
        grid-template-columns: repeat(1, 2fr);
    }

    .sol-inner-banner .content {
        min-height: 180px;
    }

    .solution-grid-section {
        grid-template-columns: repeat(3, 2fr);
        gap: 10px;
    }

    .btn.btn-orange.sol-btn {
        height: 90px;
        font-size: 14px;
    }

    .customers-slider .owl-nav button.owl-prev {
        display: none;
    }

    .customers-slider .owl-nav button.owl-next {
        display: none;
    }

    .quote p.content::before {
        margin-left: 0px;
        margin-top: -30px;
    }

    .customers-slider img {
        padding: 0;
    }

    .flex-m-reverse {
        flex-direction: column-reverse;
    }

    .timeline-item .timeline-content.text-end {
        text-align: left !important;
    }

    .timeline-item {
        padding-left: 30px;
        margin-bottom: 30px;
    }

    .timeline-item::before {
        left: 0;
        top: 0;
    }

    .d-grid.infra-built {
        display: grid !important;
        grid-template-columns: repeat(2, 3fr);
        gap: 15px;
        padding: 10px;
    }

    .nav.cap-nav-btns {
        grid-template-columns: repeat(2, 5fr);
    }

    .cap-nav-btns p {
        bottom: 190px;
    }

    section.why-section {
        margin-top: 50px;
        margin-bottom: 0px;
    }

    .why-section img {
        padding: 0 30px;
        margin-bottom: 30px;
    }
    .boardp-grid-section {
    grid-template-columns: repeat(2, 3fr);
}
.keyp-grid-section {
    grid-template-columns: repeat(2, 3fr);
}
.keyp-grid-section .sol-box a {
    margin: 9px;
    margin-top: -13px;
}
}