/* For tablets */
@media (max-width: 992px) {
    .carousel {
        /* height: 60vh;
        min-height: 350px; */
        margin-top: 0;
    }

    .feature .feature-img img {
        margin: 0 0px 0px 0px;
    }


}

/* For mobile landscape */
@media (max-width: 768px) {
    .carousel {
        /* height: 50vh;
        min-height: 300px; */
        margin-top: 0;
    }

    .feature .feature-img img {
        margin: 0 0px 0px 0px;
    }

    .top-page-title {
        margin-top: 0rem;
    }

    .capsule-btn {
        padding: 12px !important;
    }

    .capsule-tabs {
        display: contents;
    }
}

/* For small mobile */
@media (max-width: 576px) {
    .carousel {
        /* height: 40vh;
        min-height: 250px; */
        margin-top: 0;
    }

    .feature .feature-img img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .top-page-title {
        margin-top: 0rem;
    }

    .cm-space {
        padding: 1.5rem 0.8rem;
    }

    .quote {
        padding: 50px 0px;
        background-size: cover;
    }

    .capsule-btn {
        padding: -1px 25px !important;
    }

    .capsule-tabs {
        display: contents;
    }

    .py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .tab-pane {
        padding: 1rem;
    }

    /* Hide & Show */
    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: block;
    }

    .info-prompt {
        justify-content: center;
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }

    /* carsoul css */
    .margin-tt-5 {
        margin-top: 0rem;
    }

    /* side nav menu for mobile */
      .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}