@media (min-width: 991px){
    .menu-bar ul li a:hover{color: var(--black-color); background-color: var(--white-color);}
}
@media (max-width: 991px){
    .top-footer-left{flex-wrap: wrap; justify-content: center !important;}
    .menu-icon{display: block;}
    .menu-bar{position: fixed; width: 100%; height: auto; left: 0; top: 73px; padding: 15px; background-color: #f8f8f8; opacity: 0; transform: scale(0.5); visibility: hidden; transition: 0.3s ease-in-out;}
    .menu-bar ul{flex-direction: column !important; align-items: flex-start !important;}
    .menu-bar.active{top: 73px; visibility: visible; opacity: 1; transform: inherit;}
    .main-header{padding: 10px 0;}
}
@media (max-width: 767px){
    .box-caption{width: 100%;}
    .logo-bar img{width: 100px;}
    .header-capition .logo-bar img { width: 80px;}
}
@media (max-width: 576px){
    .main-btn-caption a{font-size: 14px;}
    .top-footer-left{text-align: center;}
    .main-content {
        padding: 30px 0 70px 0px;
    }
}