File: /var/www/html/WPGrarageLock/wp-content/themes/garage-lock/scss/footer.scss
@import "partials";
.footer {
padding: 50px 0px 80px 0px;
background-color: #033151;
@media ($sm-1679) {
padding-bottom: 70px;
}
@media ($sm-1481) {
padding-bottom: 30px;
padding-top: 30px;
}
@media ($sm-1199) {
padding-bottom: 30px;
}
.footer-inner {
display: flex;
.footer-section {
.footer-logo {
img {
max-width: 80px;
}
}
.txt {
letter-spacing: 0px;
color: #ffffff;
font-size: 13px;
line-height: 1.2;
font-weight: 400;
padding-top: 16px;
padding-bottom: 43px;
margin: 0;
@media ($sm-1679) {
//font-size: 15px;
}
@media ($sm-991) {
padding-bottom: 30px;
}
@media ($sm-767) {
padding-bottom: 20px;
}
@media ($sm-579) {
font-size: 12px;
}
}
.mail-sec {
display: flex;
//@media($sm-1199){flex-wrap: wrap;}
@media ($sm-767) {
flex-wrap: wrap;
}
a {
font-weight: 400;
letter-spacing: 0px;
color: #ffffff;
font-size: 16px;
line-height: 20px;
color: #fff;
text-decoration: none;
padding-right: 43px;
display: flex;
align-items: center;
@media ($sm-1679) {
font-size: 15px;
}
@media ($sm-1481) {
font-size: 14px;
}
@media ($sm-1199) {
padding-right: 20px;
}
@media ($sm-767) {
margin-bottom: 10px;
}
@media ($sm-579) {
font-size: 13px;
}
.phn-img {
width: 46px;
//height: 46px;
background: #032a46 0% 0% no-repeat padding-box;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 16px;
@media ($sm-1199) {
width: 40px; //height: 40px;
margin-right: 10px;
}
@media ($sm-579) {
width: 35px;
}
img {
}
}
}
}
}
.footer-section2 {
padding-top: 105px;
@media ($sm-991) {
padding-top: 30px;
}
@media ($sm-767) {
padding-top: 20px;
}
.small-title {
letter-spacing: 0px;
color: #ffffff;
font-size: 16px;
line-height: 20px;
font-weight: 600;
margin-bottom: 0px;
padding-bottom: 20px;
@media ($sm-1679) {
font-size: 15px;
}
@media ($sm-1481) {
font-size: 14px;
}
@media ($sm-579) {
font-size: 13px;
padding-bottom: 10px;
}
}
.list {
padding-inline-start: 0px;
margin: 0;
li {
list-style-type: none;
letter-spacing: 0px;
color: #ffffff;
font-size: 16px;
line-height: 20px;
font-weight: 600;
padding-bottom: 20px;
@media ($sm-1679) {
font-size: 15px;
}
@media ($sm-1481) {
font-size: 14px;
padding-bottom: 15px;
}
@media ($sm-579) {
font-size: 13px;
padding-bottom: 10px;
}
&:last-child {
@media ($sm-767) {
padding-bottom: 0px;
}
}
}
}
.social-icons {
display: flex;
a {
width: 46px;
//height: 46px;
background: #032a46 0% 0% no-repeat padding-box;
border-radius: 50px;
margin-right: 16px;
display: flex;
align-items: center;
justify-content: center;
&:last-child {
margin-right: 0px;
}
@media ($sm-1199) {
width: 40px;
}
@media ($sm-579) {
width: 35px;
}
}
}
}
}
}
.copy-right {
background-color: #032d4a;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 0px;
color: #ffffff;
font-size: 12px;
font-weight: 400;
padding: 7px 0;
@media ($sm-1481) {
font-size: 11px;
}
}