@media (max-width: 768px) {
    .digital-row {
        display: block;
    }
    .digital-col-left {
        width: auto;
    }
    .digital-col-left .middle-content {
        width: auto;
        padding-left: 0;
        padding: 80px 20px 20px;
    }
    .digital-col-left {
        height: 85%;
    }
    .digital-logo {
        position: absolute;
        bottom: -6rem;
        height: auto;
        width: 100%;
        right: 0;
        top: unset;
    }
    .digital-logo .logo-circle {
        width: 12rem;
        height: 12rem;
        box-shadow: 0px -4px 4px 0px rgb(0, 0, 0, 0.46) inset;
        -webkit-box-shadow: 0px -4px 4px 0px rgb(0, 0, 0, 0.46) inset;
        -moz-box-shadow: 0px -4px 4px 0px rgb(0, 0, 0, 0.46) inset;
    }
    .digital-logo svg {
        width: 10rem;
    }
    .digital-col-left .middle-content .title {
        font-size: 9rem;
        line-height: 6.5rem;
    }
    .digital-col-left .middle-content .title {
        font-size: 12rem;
        line-height: 9rem;
        margin-bottom: 1.5rem;
        margin-top: 4rem;
    }
    .digital-col-left .middle-content .sub-title {
        font-size: 3rem;
        line-height: 2.6rem;
        font-weight: normal;
        margin-right: 4rem;
    }
    .how-does-function .title,
    .what-covering .title,
    .why-digital .title {
        font-size: 13rem;
        line-height: 10rem;
        margin-top: 1rem;
    }
    .how-does-function .menu-name,
    .what-covering .menu-name,
    .why-digital .menu-name {
        font-size: 5.4rem;
        line-height: 4rem;
    }
    .how-does-function .sub-title,
    .what-covering .sub-title,
    #whyDigital .sub-title {
        font-size: 3.5rem;
        font-weight: normal;
        line-height: 3.5rem;
        margin-top: 2rem;
        text-transform: uppercase;
        width: unset;
    }
    .ec-list {
        padding: 5rem 0 5rem 3rem;
    }
    .list-flex {
        gap: 1.5rem;
    }
    .ec-list-no {
        font-size: 8rem;
        line-height: 6rem;
    }
    .ec-list-title .header-title {
        line-height: 7rem;
        font-size: 10rem;
    }
    .ec-list-title p {
        font-size: 1.4rem;
        font-weight: bold;
    }
    .ec-list-divider {
        width: auto;
        margin: 2rem 0;
    }
    .functions {
        position: relative;
        height: auto;
        padding: 4rem 0;
    }
    #groundingCarousel,
    #growingCarousel,
    #skyingCarousel {
        padding-top: unset;
        margin-top: -6rem;
        height: unset;
    }
    .chevron-arrow {
        font-size: 2rem;
    }
    .functions .heading {
        position: unset;
        padding-top: unset;
    }
    .slider-one .sub-title {
        text-transform: uppercase;
        line-height: 3.2rem;
        font-size: 3.4rem;
        width: 28rem;
        margin: 0 auto;
        padding-left: 1.4rem;
        height: auto;
        font-weight: normal;
    }
    .skying .slider-one .sub-title {
        width: 23rem;
    }
    .growing .slider-one .sub-title {
        width: 25rem;
    }
    #digital .carousel-item {
        padding: unset;
        height: 28rem;
    }
    #digital .carouser-btn {
        width: 9rem;
        height: auto;
    }
    #digital .carouser-btn {
        position: absolute;
        bottom: 0;
        right: 2rem;
        z-index: 6;
        height: 4rem;
    }
    .functions .heading .title .header-title {
        font-size: 14rem;
        line-height: 10rem;
    }
    .functions .heading .title h6 {
        font-size: 2rem;
        line-height: 2rem;
        font-weight: normal;
        margin-bottom: 0.5rem;
    }
    .functions .heading h4 {
        font-size: 6rem;
        line-height: 4.2rem;
    }
    #digital .card-slide {
        height: 20rem;
        width: 22rem;
        padding: 1.6rem;
        transform: rotate(11deg);
        background: #fffffff2;
    }
    .carousel-inner {
        padding: 3rem 0 0;
    }
    #digital .card-slide .header-title {
        line-height: 3rem;
        font-size: 4rem;
    }
    #digital .card-slide p {
        margin-top: 1rem;
        font-size: 1.2rem;
    }
    #digital .card-slide .card-no {
        font-size: 5rem;
        line-height: 3.6rem;
        /* margin: 0 -1.2rem -1.2rem; */
    }
    .slide-count {
        font-size: 3.3rem;
        line-height: 3rem;
        bottom: 0;
    }
    .tab-container .describe {
        font-size: 3rem;
        width: auto;
    }
    .tab-card {
        width: 100%;
        padding: 2.6rem;
    }
    .tab-container {
        height: auto;
        flex-direction: column;
        gap: 2rem;
    }
    .tab-section {
        padding: 3rem 3rem;
    }
    .tab-card .header-title {
        line-height: 4.4rem;
        font-size: 5.6rem;
    }
    .tab-card p {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-top: 1.4rem;
        width: 20rem;
    }
    .tab-card .card-no {
        font-size: 8.2rem;
        line-height: 6rem;
    }
    .nav-pills .nav-link {
        font-size: 2.5rem;
    }
    .nav-pills .nav-link {
        padding: .0rem .6rem;
    }
    .why-e-title .title {
        font-size: 12rem;
        line-height: 9.6rem;
    }
    .why-e-content {
        display: block;
        margin-top: 3.6rem;
    }
    .why-e-content p {
        font-size: 1.6rem;
    }
    .why-e-content h4 {
        font-size: 4rem;
        line-height: 4rem;
        margin-bottom: 1rem;
    }
    .why-e-content div {
        margin-left: 6rem;
        margin-top: 6rem;
    }
    .why-e-title .menu-name {
        font-size: 3.4rem;
        line-height: 3.2rem;
        font-weight: normal;
    }
    .list-group {
        padding: 3rem 0 0 4rem;
    }
    .list-group .list-item .list-no {
        font-size: 3.2rem;
    }
    .mrk-agn,
    .soft-agn,
    .crt-agn {
        padding: 6rem 0;
    }
    .list-group .list-item .list-title {
        line-height: 5rem;
        font-size: 5.4rem;
    }
    .mrk-agn .heading,
    .soft-agn .heading,
    .crt-agn .heading {
        text-align: center;
        font-size: 11rem;
        line-height: 9rem;
    }
    .list-group .list-item {
        gap: 2rem;
    }
    .list-divider {
        margin: 2rem 0;
    }
    .carouser-btn button {
        height: 4rem;
        width: 4rem;
    }
    .digital-menu {
        position: fixed;
        top: 8rem;
        right: -140px;
        z-index: 3;
        bottom: unset;
        left: unset;
    }
    .digital-menu ul li a {
        color: black;
        font-size: 1.6rem;
    }
    .digital-menu ul li a span {
        color: white;
        visibility: hidden;
    }
    .digital-menu ul li {
        background-color: rgb(255 255 255 / 40%);
        font-size: 1rem;
        padding: 0.8rem 1rem 0.8rem 1.6rem;
        border-top-left-radius: 10rem;
        border-bottom-left-radius: 10rem;
        backdrop-filter: blur(5px);
        border: 1px solid rgb(255 255 255 / 40%);
    }
    .digital-menu ul {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .digital-menu ul li:hover {
        transform: translateX(6%) scale(1.1);
        transform-origin: right;
        transition: all 1s;
        background: var(--dark-choclate);
    }
    .digital-menu ul li:hover a {
        color: white;
    }
    .digital-menu ul li:hover a span {
        color: var(--dark-choclate);
    }
    .parent-tab-section {
        padding: 6rem 3rem;
    }
    .parent-tab-section ul.tab-strip li.nav-item {
        width: 32%;
    }
    .parent-tab-section .tab-strip .nav-link {
        width: 100%;
    }
}