footer {
 text-align: center;
 background-color: var(--bgcolor);
}

.loadingicon,
.footerlogo {
     filter: grayscale(1) brightness(0.7);

}

.footerlogo {
    width: 280px;
    height: auto;
    display:inline;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.footer-icons {
    padding-bottom: 10px;
     font-size: 1em !important;
}

.site-footer .fa-phone,
.site-footer .fa-envelope {
    font-size: 16px !important;
    padding-right: 7px;
}

.footer-icons a {
}

.footer-icons a:visited {
}

.footer-icons i {
    padding-right: 10px;
    font-size: 1em !important;
}

.site-footer p {
    font-size: 0.65em;
    text-align: center;
}

.site-footer .site-contact {
  padding-bottom: 20px;
  display: block;
}



.site-footer a {
    
}
.site-footer a:visited,
.site-footer a:hover {
    
}
.footer-left {
    text-align: left;
    color: #fff;
    position: fixed;
    bottom: 60px;
    left: 0px;
}
footer .navbar-brand {
 width: 100%;
}

.copyright {
 color:white; padding: 0px 30px; margin-top: 0px; border-top: 0px solid #000; text-align: right;
}

.copyright p {
 text-align: right;
 
}

.footer-icons i {

}

.footer-phone {
 
 display: none;
}

@media only screen and (max-width : 992px) {
 .footer-left {
    text-align: left;
    color: #000;
    position: initial;

}

footer {
}

.footer-phone {
 
    width: 100%;
    float: none;
    position: fixed;
    bottom: 0px;
    height: 50px;
    background-color: #000;
    display: block;
    text-align: center;
line-height: 50px;
font-size: 18px;
color: #000;
font-weight: 800;
z-index: 999;
}

.footer-phone i {
 
 font-size: 16px;
 color: white !important;
}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 520px) {
.site-info p {
 font-size: 10px;   
}
.footer-left {
padding: 0px;
}





.footer-left .footer-icons {
font-size: 10px;
}
.copyright {
 padding: 0px 0px;
 padding-top: 10px;
}

.copyright p {
 text-align: center;
 
}

}ss