.footer { width: 100%; height: 200px; position: absolute; bottom: 0; background: url('../../../assets/image/footer.png') no-repeat center center; background-size: cover; margin-top: -13px; position: relative; direction: rtl; font-family: 'Cairo', sans-serif; overflow: hidden; } .overlayFooter-w { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; background: rgba(223, 212, 198, 0.6); } .leftFooter-w { width: 100%; display: inline-block; padding: 20px 0; } .leftFooter-w img { width: 100px; margin: 40px 10px; } .centerFooter-w { width: 100%; display: inline-block; } .centerFooter-w ul { width: 100%; padding: 40px 0; } .centerFooter-w ul li{ display: inline-block; margin: 50px 5px; } .centerFooter-w ul li a { text-decoration: none; font-size: 16px; font-weight: 600; color: #fff; transition: all 0.5s; text-shadow: 2px 2px 4px #000000; } .centerFooter-w ul li a:hover { color: #252525; text-shadow: 0 0 0 transparent; } .rightFooter-w { width: 100%; display: inline-block; padding: 35px 0; margin-top: 40px; } .rightFooter-w img { width: 200px; } /* start media query */ @media(max-width: 767px) { .centerFooter-w ul{ padding: 0; } .centerFooter-w ul li{ display: inline-block; margin: 0 5px; } }