.portfolio .portfolio__single {
    width: 100%;
}

.portfolio .portfolio__single a{
    height: 100%;
}

.portfolio .portfolio__single img {
    object-fit: cover;
    max-height: 360px;
    height: 100%;
}

.portfolio-m .portfolio-m__single{
    width: 100%;
} 

.portfolio-m .portfolio-m__single .thumb a img{
    object-fit: cover;
    max-height: 360px;
} 

.sponsor img {
    width: 100%;
    max-height: 200px;
    object-fit: contain;
    padding: 15px;
    opacity: 0.4;
    transition: all 100ms ease-in-out;
}

.sponsor img:hover {
    opacity: 1;
}

.navbar__logo img  {
    display: none;
}

.navbar-active .navbar__logo img {
    display: block;
}

.banner {
    padding: 150px 0px 450px;
}

.banner .banner-one-thumb {
    top: 60px;
    border-radius: 0%;
}

.offcanvas-nav .offcanvas-menu::before {
    content: '';
    background-image: url('../uploads/banner/white_logo.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 350px;
    min-height: 120px;
    opacity: 1;
}

.project-d .project-d__slider img {
    min-height: 285px;
}

.team-m__single,
.team-m .team-m__single .thumb,
.team-m .team-m__single .thumb a,
.team-m .team-m__single .thumb a img {
    height: 100%;
}

.team-m .team-m__single .thumb .thumb__content {
    background-color: var(--white);
}
.team-m .team-m__single .thumb .thumb__content h4 {
    color: var(--black);
}

.team-m .team-m__single .thumb:hover .thumb__content {
    height: 130px;
}

@media only screen and (max-width: 1000px) {
    .portfolio .portfolio__single img {
        height: 280px;
        min-height: unset;
    }

    .portfolio-m .portfolio-m__single .thumb a img{
        height: 280px;
        min-height: unset;
    }
}

@media only screen and (max-width: 991.98px) {
    .team-m .team-m__single .thumb:hover .thumb__content {
        height: 110px;
    }
}

@media only screen and (max-width: 543px) {
    .banner {
        padding: 100px 0px 300px;
    }

    .banner .banner__content i {
        display: none;
    }

    .portfolio .portfolio__single img {
        height: 220px;
        min-height: unset;
    }

    .portfolio-m .portfolio-m__single .thumb a img{
        height: 220px;
        min-height: unset;
    } 

}
@media only screen and (max-width: 425px) {
    .portfolio .portfolio__single img {
        height: 170px;
        min-height: unset;
    }

    .portfolio-m .portfolio-m__single .thumb a img{
        height: 170px;
        min-height: unset;
    } 
}