.section--testimonial { padding-top: 80px; background: #666 url(images/bg-testimonial.jpg) center center no-repeat; background-size: cover; } .testimonial { padding-bottom: 100px; } .section--testimonial__title { text-align: center; font-weight: 400; @include font-size(1.6); text-transform: uppercase; margin-bottom: 0; letter-spacing: 0.05em; opacity: 0.5; } .testimonial{ .slick-dots { text-align: center; list-style: none; padding-left: 0; margin: 0; padding-top: 25px; padding-right: 0; li { display: inline-block; margin-left: .3125rem; margin-right: .3125rem; } button { @include font-size(0); color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; width: 8px; height: 8px; padding: 0; background-color: $color__text-gray; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; transition: all .3s ease 0s; border: none; &:focus { outline: none; } } li.slick-active button { background-color: $color__black; } } } .testimonial-item { outline: none; .content { position: relative; width: 65%; font-family: $font__main; @include font-size(2.6); text-align: center; margin-right: 17.5%; margin-left: 17.5%; font-weight: 300; line-height: 1.6; p { margin-top: 8px; } } .image { display: flex; flex-flow: row wrap; justify-content: space-around; img { border-radius: 100%; width: 65px; height: 65px; object-fit: cover; } } } @media (max-width: 991px) { .testimonial-item { .content { @include font-size(1.9); width: 100%; margin-right: 0; margin-left: 0; } } } @media (max-width: 480px) { .section--testimonial { padding-top: 20px; .testimonial { padding-bottom: 40px; } } }