@media only screen and (min-width:769px) { .slider { display: none!important; } } @media only screen and (max-width:768px) { .testimonials-container { overflow-x: hidden; } .price-company-table { display: none!important; } .slider { margin: 0 auto; position: relative; max-width: 768px; max-height: 379px; height: 379px!important; margin: 60px auto; } #price-company { padding-bottom: 60px!important; } .slider>div { position: absolute; left: 50%; top: 50%; background: #fff; width: 300px; height: 379px; transition: transform .5s; transform: translate(-50%, -50%)scale(1); -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.161); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.161); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.161); z-index: 0; } .testimonials-container .container-headline { margin-bottom: 60px!important; } .slider>.left, .slider>.center, .slider>.right { display: inline-block; opacity: 1; } .slider>.left { transform: translate(-118.25%, -50%) scale(0.9); z-index: 1; } .slider>.center { z-index: 2; transform: translate(-50%, -50%) scale(1); } .slider>.right { transform: translate(18.25%, -50%) scale(0.9); z-index: 1; } .slider>.right-arrow { float: right; } .slider>.left-arrow { float: left; } .slider>.navContainer { width: 20%; left: -35px; height: 100%; position: relative; display: inline-block; z-index: 500; } .slider>.navContainer>.leftClass, .slider>.navContainer>.rightClass { height: 100%; width: 50px; background: url(img/slider-arrow.png) no-repeat center; background-position-x: 0; position: absolute; } .slider>.navContainer>.rightClass { /* right: 11px; */ float: right; left: 55px; width: 61px; top: 11px; } .slider>.navContainer>.leftClass { margin-top: 11px; } .rotate { transform: rotateY(180deg); } .slider>.navContainer>.leftClass { left: 20px; } .slider>div { padding: 30px 15px; text-align: center; transform: translate(18.25%, -50%) scale(0.8); } .slider>div .title { font-weight: 600; font-size: 18px; } .slider>div .short-title { font-size: 14px; font-weight: 200; margin-top: 5px; } .slider>div .price { margin: 30px 0; font-size: 16px; font-weight: 200; text-align: left; } .slider>div .float-right { float: right; } .slider>div .cost { text-align: left; font-size: 16px; font-weight: 200; } .slider>div .line { width: 100%; height: 1px; margin: 30px 0; background: #000; } .slider>div .full-cost { font-size: 16px; font-weight: 700; text-align: left; } #carousel { display: none; } .testimonials-container .slider { margin: 0px auto; } .scrollbar::-webkit-scrollbar { width: 6px; } .scrollbar::-webkit-scrollbar-track { background: #fff; } .scrollbar::-webkit-scrollbar-thumb { background: #e6e6e6; } .testimonial-details { width: 100%; height: 220px; overflow: auto; filter: none; } .slider>.navContainer>.rightClass { right: 0; background-position-x: 0px !important; } .slider>.navContainer>.rightClass { right: 0; background-position-x: -17px; } .slider>.navContainer { width: 20%; left: -21px; height: 100%; position: relative; display: inline-block; z-index: 3; } .slider>.navContainer>.rightClass { /* right: 11px; */ float: right; left: -10px; width: 61px; top: 11px; opacity: 0.7; } .slider>.right-arrow { float: right; right: -15px; width: 60px; left: auto; position: absolute; } .slider>.navContainer>.leftClass { right: 11px; float: left; left: 10px; width: 61px; top: 1px; opacity: 0.7; } .slider>.left-arrow { float: left; right: auto; width: 60px; left: -15px; position: absolute; } .slider>.navContainer>.leftClass, .slider>.navContainer>.rightClass { width: 60px; } .slide { box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.16) !important; } .testimonial-description .testimonial-details { font-size: 14px; text-align: left; line-height: 2; margin-top: 15px; } .testimonial-description .testimonial-person-name { font-size: 14px; text-align: center; font-weight: 700; } .testimonial-description .testimonial-person-title { font-size: 14px; text-align: center; margin-top: 5px; } .testimonial-description .testimonial-details img { margin: 15px auto; display: flex; height: 28px; } .review-logos { display: flex; } .csslider-section { position: relative; top: -60px; } .testimonial-description img { height: 18px; margin-bottom: 15px; } }