@media (max-width:992px) and (min-width:768px) {
    .single-contact-address-box.main-branch .inner ul li {
        position: relative;
        display: block;
        padding-left: 0px;
        border-bottom: 1px solid #737373;
        padding-bottom: 23px;
        margin-bottom: 24px;
        padding-top: 55px;
    }
}

@media (max-width:768px) and (min-width:420px) {
    .single-contact-address-box.main-branch {
        padding: 53px 5px 51px;
    }

    .single-contact-address-box.main-branch .inner ul li .text p {
        font-size: 13px;
    }

    .carousel-item img {
        height: 100%;
        width: 100%;
        object-fit: fill;
    }

    .carousel-item {
        height: 510px !important;
    }

    .about-image img {
        object-fit: fill;
        height: 100%;
        width: 100%;
    }

    .single-contact-address-box.main-branch .inner ul li {
        position: relative;
        display: block;
        padding-left: 0px;
        border-bottom: 1px solid #737373;
        padding-bottom: 23px;
        margin-bottom: 24px;
        padding-top: 55px;
    }

    .logo {
        position: absolute;
        top: 5px;
        right: 15px;
        font-size: 2.5rem;
    }

}

@media (max-width:420px) and (min-width:320px) {
    .carousel-item img {
        height: 100%;
        width: 100%;
        object-fit: fill;
    }

    .carousel-item {
        height: 320px !important;
    }

    .justify-content-between {
        justify-content: center !important;
    }

    .about-image img {
        object-fit: fill;
        height: 100%;
        width: 100%;
    }

    .first,
    .second,
    .third {
        border-bottom: 0.5px solid rgba(0, 0, 0, 0.164);
        padding-bottom: 15px;
    }

    .logo {
        position: absolute;
        top: 5px;
        right: 15px;
        font-size: 2.5rem;
    }

}

@media only screen and (width:425px) {
    .justify-content-between {
        justify-content: center !important;
    }

    .carousel-item img {
        height: 100%;
        width: 100%;
        object-fit: fill;
    }

    .carousel-item {
        height: 350px !important;
    }

    .justify-content-between {
        justify-content: center !important;
    }

    .about-image img {
        object-fit: fill;
        height: 100%;
        width: 100%;
    }

    .logo {
        position: absolute;
        top: 5px;
        right: 15px;
        font-size: 2.5rem;
    }
    .img-footer {
        width: 100% !important;
    }
    ul.nav.col-md-4.justify-content-end {
        width: 90% !important;
    }
}

@media(width:768px) {
    .text-muted {
        --bs-text-opacity: 1;
        color: var(--bs-secondary-color) !important;
        font-size: 11px;
    }

    .logo {
        position: absolute;
        top: 5px;
        right: 15px;
        font-size: 2.5rem;
    }

    .carousel-item {
        height: 320px !important;
    }
}

@media (width:430px) {
    .justify-content-between {
        justify-content: center !important;
    }

    .carousel-item img {
        height: 100%;
        width: 100%;
        object-fit: fill;
    }

    .carousel-item {
        height: 320px !important;
    }

    .justify-content-between {
        justify-content: center !important;
    }

    .about-image img {
        object-fit: fill;
        height: 100%;
        width: 100%;
    }

    .logo {
        position: absolute;
        top: 5px;
        right: 15px;
        font-size: 2.5rem;
    }
}

@media (min-width:320px) {
    .invoice-details p{
        font-size: 15px;
    }
    .invoice-details {
        flex: 1;
        text-align: left !important;
    }
    .logo-div{
        width: 109px;
    }
    .logo-div img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}