.footer { width: 100%; height: 160px; bottom: 0; background: url('../../../assets/image/bg-patt.gif') 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(179, 151, 117, 0.55); } .leftFooter-w { width: 100%; height: 80px; margin-top: 45px; } .leftFooter-w ul { width: 100%; display: inline-block; } .leftFooter-w ul li{ display: inline-block; margin: 0 10px; } .leftFooter-w img { width: 80px; } .linksSection-w { width: 100%; display: inline-block; margin-top: 30px; } .linksSection-w ul { width: 100%; display: inline-block; margin: 0; padding: 0px 0px 10px 0px; } .linksSection-w ul li{ display: inline-block; margin: 0 5px; margin: 10px 0; border-right: 0.5px solid #967750; border-left: 0.5px solid #967750; } .linksSection-w ul li:first-child{ border-right: 0px; border-left: 0px; } .linksSection-w ul li:last-child{ border-right: 0px; border-left: 0px; } .linksSection-w ul li a { text-decoration: none; font-size: 14px; font-weight: 600; color: #ffffff; transition: all 0.5s; padding: 0px 20px 0px 20px; text-shadow: 0 1px 1px #737373; } .linksSection-w ul li a img { width: 30px; height: 30px; } .linksSection-w ul li a:hover { color: #252525; text-shadow: 0 0 0 transparent; } .rightFooter-w { width: 100%; height: 80px; margin-top: 45px; } .rightFooter-w img { width: 200px; } .rights { text-align: center; color: #fff; font-weight: bold; text-shadow: 0 1px 1px #737373; } /* start media query */ @media(max-width: 767px) { .linksSection-w{ margin-top: 20px !important; } .linksSection-w ul{ padding: 0; } .linksSection-w ul li{ display: inline-block; margin: 0 5px; } .rights{ font-size: 14px; margin: 20px 0; } .linksSection-w ul li { margin: 0 0; } .linksSection-w { padding: 10px 0; } }