@media (max-width: 1599.98px) {
}

@media (max-width: 1399.98px) {
    html {
        font-size: 15px;
    }

    .navbar .nav-item .nav-link {
        font-size: 1rem;
    }

    .form-inline .nav-item .nav-link {
        font-size: 0.875rem;
    }

    .navbar-nav {
        gap: 1rem;
    }

    .greenBox p,
    .socialConveynce h3 {
        font-size: 2rem;
    }

    p.greenPara,
    .socialConveynce ul li a {
        font-size: 1.125rem;
    }

    .title.utilize h2 {
        font-size: 2rem;
    }

    .title h2 {
        font-size: 3rem;
    }

    .title span {
        font-size: 1.25rem;
    }

    .testimonialSec .testimonialCard h3 {
        font-size: 2rem;
    }

    .gallerySec .title p {
        text-align: center;
    }

    .ctaBnnr h2 {
        font-size: 2.75rem;
    }

    .ctaBnnr p {
        font-size: 1rem;
    }

    .themeBtn {
        font-size: 1rem;
    }

    .financeSec .content ul li {
        font-size: 1.125rem;
    }

    footer .title h2 {
        font-size: 2rem;
    }

    .icons-mn {
        padding: 1rem;
    }
}

@media (max-width: 1199.98px) {
    html {
        font-size: 13px;
    }

    .navbar-collapse {
        flex-direction: column;
        justify-content: end;
        align-items: end;
        gap: 1.5rem;
    }

    .social-list {
        top: unset;
        transform: unset;
        bottom: 0;
        left: 1rem;
    }

    .main-slider h2 {
        font-size: 3.5rem;
    }

    .testimonialSec .carousel .carousel-item {
        padding-right: 15rem;
    }

    header {
        position: absolute;
        top: 0;
        z-index: 11;
        width: 100%;
    }

    .navbar .nav-item .nav-link {
        color: var(--white);
    }

    .navbar .nav-item .nav-link::after {
        background-color: var(--white);
    }

    .socialConveynce {
        text-align: left;
    }
}

@media (max-width: 991.98px) {
    html {
        font-size: 12px;
    }

    .bannerBottom .row .col-lg-6:first-of-type {
        display: flex;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .bannerBottom .row .col-lg-6:first-of-type > div {
        width: 50%;
    }

    .servCard .content {
        position: unset;
        transform: scale(1);
    }

    .servCard {
        margin-bottom: 1rem;
    }

    .servCard .content h3 {
        color: #000;
        font-size: 1.125rem;
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 14px;
    }

    .navbar-collapse {
        background: rgba(0, 0, 0, 0.5);
        padding: 1.5rem 3rem;
        backdrop-filter: blur(5px);
    }

    .navbar-collapse .form-inline {
        width: 100%;
        justify-content: end;
    }

    .navbar .nav-item .nav-link {
        display: inline-block;
    }

    .main-slider .carousel-item img {
        height: 768px;
        object-fit: cover;
    }

    .testimonialSec .carousel-indicators, .main-slider .carousel-indicators {
        top: unset;
        bottom: 0;
        transform: none;
    }

    .greenBox p, .socialConveynce h3, .yellowBox p {
        font-size: 1.5rem;
    }

    p.greenPara, .socialConveynce ul li a {
        font-size: 0.875rem;
    }

    .title.utilize h2 {
        font-size: 1rem;
        line-height: 2;
    }

    figure.aboutImg {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .aboutSec figure img:first-child {
        margin: 0;
    }

    .aboutSec figure img:nth-child(2) {
        position: unset;
    }

    .aboutSec figure img:last-child {
        margin: 0;
    }

    figure.aboutImg img {
        width: 50%;
    }

    .serviceSec {
        padding: 3rem 0;
    }

    .testimonialSec {
        margin: 0;
    }

    .ctaBnnr h2 {
        font-size: 2rem;
    }

    .title h2 {
        font-size: 2rem;
    }

    .title span {
        font-size: 1rem;
    }

    .financeSec .content ul li {
        font-size: 00.875rem;
        background: url(../images/tick.png) 0 center/20px no-repeat;
    }

    footer .links li a {
        font-size: 0.875rem;
    }

    footer .links, footer .contInfo {
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: center;
    }

    .copyRight p {
        text-align: center;
    }

    .footersocialIo {
        justify-content: center;
    }

    footer .contInfo {
        flex-direction: column;
        align-items: self-start;
    }

    footer .contInfo li {
        flex-direction: row;
        gap: 1rem;
    }

    footer .contInfo li img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }

    .newsLtrForm button {
        height: 35px;
        width: 35px;
    }

    .subscribe {
        margin-top: 2rem;
    }

    footer .footerLogo {
        width: 250px;
    }

    section {
        padding: 4rem 0;
    }

    .testimonialSec .carousel-indicators li span, .main-slider .carousel-indicators li span {
        font-size: 2rem;
    }

    footer {
        padding-top: 20rem;
        margin: 0;
    }

    .prod-txt {
        margin-top: 2rem;
    }

    .product-sec .row + .row {
        padding-top: 2rem;
    }

    .gallery-sec [class*="col-"] {
        display: flex;
        flex-direction: column;
    }

    .gallery-sec [class*="col-"] img {
        height: 100%;
        object-fit: cover;
    }

    .gallery-sec .row {
        gap: 1rem 0;
    }

    .form-inline .navbar-nav {
        align-items: end;
    }
}

@media (max-width: 575.98px) {
    html {
        font-size: 13px;
    }

    .main-slider h2 {
        font-size: 2.5rem;
    }

    .main-slider P {
        padding: 0 4rem;
    }

    .bannerBottom .row .col-lg-6:first-of-type > div {
        padding: 2rem 1rem;
    }

    .greenBox p, .socialConveynce h3, .yellowBox p {
        font-size: 1.125rem;
    }

    p.greenPara, .socialConveynce ul li a {
        font-size: 0.875rem;
    }

    .testimonialSec .carousel .carousel-item {
        padding: 0;
    }

    .testimonialCard p {
        padding: 1rem 2rem;
    }

    .brandIcon img {
        width: 100px;
        height: 100px;
        object-fit: contain;
    }

    .aboutSec figure::before {
        right: 0;
        left: unset;
        width: 200px;
        height: 200px;
        top: unset;
        bottom: 0;
    }

    .aboutSec figure::after {
        left: 0;
        bottom: 0;
        width: 175px;
        height: 100px;
    }

    .testimonialSec .carousel-indicators li span {
        font-size: 1rem;
    }

    .testimonialSec .carousel-indicators {
        top: 40%;
        transform: translateY(-40%);
    }
}

@media (max-width: 320.98px) {
    html {
        font-size: 11px;
    }
}