.footer &-logo img width: 203px &-block display: inline-flex width: 100% @media (max-width:991px) flex-wrap: wrap &-item @media (max-width:991px) margin-top: 60px &:first-child margin-top: 0 &:first-child width: calc(100% - 600px) padding-right: 80px @media (max-width:991px) width: 100% padding-right: 0 &:nth-child(2) width: 360px padding-right: 40px @media (max-width:991px) width: 100% padding-right: 0 &:nth-child(3) width: 240px @media (max-width:991px) width: 100% padding-right: 0 &__title font-size: 20px font-weight: 400 color: #ffffff margin-bottom: 30px &__info &__infodetail font-size: 15px font-weight: 300 color: #f9f9f9 margin-top: 30px &:first-child margin-top: 0 a color: #f9f9f9 +hover-second-o &:hover opacity: 0.8 &__link display: inline-flex width: 100% flex-wrap: wrap &__linkdetail width: 50% font-size: 15px font-weight: 300 color: #f9f9f9 +hover-second-o margin-top: 30px display: inline-flex align-items: center &::before content: "" display: block width: 6px height: 9px +icon($p: -60px 0) margin-right: 10px &:hover opacity: 0.8 color: #f9f9f9 !important &::before opacity: 1 &:nth-child(1),&:nth-child(2) margin-top: 0