.nav_logo img {
    /* width: 20%; */
    min-width: 100px;
}

.nav_logo a {
    width: min-content
}

.footer_area .nav_logo-image img {
    width: 40%
}

.preloader .changeable_logo img {
    width: 10%;
}

.preloader .changeable_logo {
    text-align: center;
}

.contact_area .text a {
    color: inherit
}

.contact_area .text a:hover {
    color:#0d6efd
}

@media only screen and (max-width: 767px) {
    .footer_area .nav_logo-image img {
        width: 6rem
    }

    .nav_logo img {
        min-width: 60px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991px) {
    .footer_area .nav_logo-image img {
        width: 7rem
    }
    
}

@media only screen and (min-width:768px) and (max-width: 1200px) {
    .nav_logo img {
        min-width: 70px;
    }
}