/* your styles go here */ #footer{ padding: 20px 0; } #get-it{ padding: 30px 0 10px; } figure.reviews_gallery { width: 33.333%; float: left; padding: 10px; } .reviews_gallery img { width: 100%; height: 100%; position: absolute; top: 0; } .reviews_gallery:last-child img{ margin-bottom:60px; } .gallery_txt { margin-bottom: 30px; a { height: auto !important; padding-bottom: 0 !important; } .image_figcapture { color: #333; margin-bottom: 5px; } img { position: relative; max-width: 100%; width: 360px; top: auto; height: auto; } &:nth-child(3n + 4) { clear: both; } } .my-gallery{ position:relative; } .my-gallery:after { content: ''; display: block; position: relative; clear: both; margin-bottom: 25px; } .my-gallery a { width: 100%; overflow: hidden; display: block; height: 0; padding-bottom: 60%; position: relative; } .testimonials .item .testimonial .name-picture { float: right; width: 90%; text-align: right; } .testimonials .item .testimonial .bottom .icon { color: #6aae7a; font-size: 20px; float: left; width: 10%; } .testimonials .item .testimonial .name-picture img{ margin-bottom:10px; } @media ( max-width: 690px ) { figure.reviews_gallery{ width:50%; } figure.gallery_txt { &:nth-child(3n + 4) { clear: none; } &:nth-child(2n + 3) { clear: both; } } } @media ( max-width: 380px ) { figure.reviews_gallery{ width:100%; } } ul.list-style-none{ margin:0;padding:0; } .articles-flex{ display: flex; flex-wrap: wrap; } .articles-flex .box-image-text{ height: 100%; margin-bottom: 30px; } .articles-flex p.read-more { position: absolute; bottom: 10px; width: 100%; } /****/ .main-car-mobile .img-responsive{ width:100%; max-width:350px; margin:0 auto; text-align: center; } .main-car-mobile ul, .main-car-mobile p{ font-weight:400!important; font-size: 12px; } .main-car-mobile ul li{ margin-bottom: 5px; } @media(max-width:515px){ .main-car-mobile h1, .main-car-mobile h2 { font-size: 7vw; } } @media(max-width:365px){ li.previous, li.next {font-size:3.5vw;} } @media(max-width:350px){ section .container h2.text-uppercase, .big-text{font-size: 9vw;} .big-text-2{font-size: 7vw;} } #back-to-top { position: fixed; bottom: 50px; right: 50px; z-index: 9999; width: 48px; height: 48px; text-align: center; line-height: 50px; background-color: #6aae7a; cursor: pointer; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; border-radius: 50%; box-shadow: 1px 4px 3px 0px rgba(0, 0, 0, 0.2); background-image: url("/img/arrow-up-big.png") !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; } #back-to-top:hover { transition: 0.2s; background: #206b5c; color: #fff; } #back-to-top.show { opacity: 1; } .langs { text-transform: uppercase; line-height: 23px; margin-top: 2px; display: inline-block; margin-bottom: -2px; margin-left: 10px; } .langs a.active { color: #2f5a89 !important; font-weight: bold; cursor: default; text-decoration: none; } .has-error .form-control {border-color: #e80000;} .has-success .form-control {border-color: #009e03;}