.header-wrapper { z-index: 100; position: relative; padding: 70px 0 24px; } 
.header-wrapper .header-logo { position: fixed; width: 100%; top: 0; padding: 5px 0; background-color: #fff; z-index: 11;box-shadow: 0 0 20px 0 hsl(0deg 0% 53%/34%);} 
.header-wrapper .header-logo img {  max-width: 12%;}
.top-header-content { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.top-header-content .left-column .logo { margin-bottom: 16px;}
.top-header-content .left-column .logo a { font-weight: bold; font-size: 20px; line-height: 27px; color: #33393C; }
.top-header-content .left-column .options ul { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.top-header-content .left-column .options ul li { padding: 0 12px; position: relative; display: flex; list-style: none; font-weight: 400; font-size: 14px; line-height: 19px; color: #33393C; opacity: 0.9; }
.top-header-content .left-column .options ul li a { color: #33393C; }
.top-header-content .left-column .options ul li:not(:last-child):after { background: #474D50; height: 12px; width: 1px; position: absolute; right: -1px; top: 4px; content: ''; }
.top-header-content .left-column .options ul li img { margin-right: 6px;}
.top-header-content .right-nav ul { padding: 15px 0; margin: 0 -16px; display: flex; flex-wrap: wrap; }
.top-header-content .right-nav ul li { padding: 0 16px; margin: 0; list-style: none; position: relative; font-weight: 400; font-size: 16px; line-height: 22px; text-transform: capitalize; color: #33393C; }
.top-header-content .right-nav ul li a { color: #33393C; display: flex; flex-wrap: wrap; }
.top-header-content .right-nav ul li:not(:last-child):after { background: #474D50; height: 12px; width: 1px; position: absolute; right: -1px; top: 6px; content: ''; }
.top-header-content .right-nav ul li img { margin-right: 10px;}


.footer-wrapper { background-color: #F8F9FA; border-top: 1px solid #E8E8E8; padding: 34px 0; }
.footer-wrapper .footer-content { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.footer-wrapper .footer-content .footer-nav ul { padding: 0; margin: 0 -15px; display: flex; flex-wrap: wrap; }
.footer-wrapper .footer-content .footer-nav ul li { padding: 0 15px; margin: 0; position: relative; list-style: none; font-weight: 500; font-size: 14px; line-height: 19px; }
.footer-wrapper .footer-content .footer-nav ul li a { color: #33393C; }
.footer-wrapper .footer-content .footer-nav ul li a:hover { color: #3878F6; }
.footer-wrapper .footer-content .footer-nav ul li:not(:last-child):after { background: #474D50; height: 12px; width: 1px; position: absolute; right: -1px; top: 4px; content: ''; }




@media (min-width: 992px) {
    
}

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

@media (max-width: 767px) {
    .footer-wrapper { padding: 20px 0; }
}

@media (max-width: 575px) {
    .footer-wrapper .footer-content .footer-logo { width: 100%; text-align: center; margin-bottom: 15px; }
    .footer-wrapper .footer-content .footer-nav { width: 100%; }
    .footer-wrapper .footer-content .footer-nav ul { justify-content: center;}
}

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