footer{
    background:#001b3f;
    color:#fff;
    width:100%;
    padding:38px 18px 0;
    border-top:2px solid #d99a17;
}
@media (max-width:768px){

    footer{
        padding:25px 20px 0;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

}
.footer-grid{display:grid;grid-template-columns:25% 22% 28% 25%;gap:30px}
.footer-logo img{height:65px}
footer h3{color:#d99a17;text-transform:uppercase;margin-bottom:16px}
footer p,footer li{font-size:14px;line-height:1.7}
footer ul{list-style:none}
footer li{margin-bottom:8px}
.social span{display:inline-flex;width:34px;height:34px;border:1px solid #d99a17;border-radius:50%;align-items:center;justify-content:center;margin-right:10px;color:#d99a17}
.payments img{height:30px;margin-right:8px}
.copyright{text-align:center;border-top:1px solid #d99a17;margin-top:24px;padding:16px;font-size:13px}
/* =========================
   GLOBAL SAFETY FIX
========================= */

/* prevent horizontal scroll */
body{
    overflow-x:hidden;
}

/* =========================
   TABLET (<=1024px)
========================= */

@media (max-width:1024px){


.footer-grid{
    grid-template-columns:1fr 1fr;
}

}

/* =========================
   SMALL TABLET / LARGE MOBILE
========================= */

@media (max-width:768px){

.footer-grid{
    grid-template-columns:1fr;
    gap:25px;
}

}

/* =========================
   MOBILE (<=480px)
========================= */

@media (max-width:480px){

.social span{
    width:30px;
    height:30px;
    font-size:12px;
}

}

.navi{
    color:#ffffff;
    text-decoration:none;
    transition:all .3s ease;
}

.navi:hover{
    color:#d99a17;
    text-decoration:none;
}

.hide-mobile{
    display:block;
}

@media (max-width:768px){
    .hide-mobile{
        display:none !important;
    }
}
.mobile-only{
    display:none;
}

@media (max-width:768px){
    .mobile-only{
        display:block !important;
    }
}