@media only screen and (min-width:48em) { .slider-testimonials{ display:none!important; } } @media only screen and (max-width:48em) { .price-company-table { display:none!important; } .slider-testimonials{ margin:0 auto!important; position: relative; max-width: 768px; max-height: 379px; height:379px!important; margin:60px auto; } #price-company{ padding-bottom: 60px!important; } .slider-testimonials>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; } .slider-testimonials>.left , .slider-testimonials>.center , .slider-testimonials>.right{ display:inline-block; opacity: 1; } .slider-testimonials>.left{ transform: translate(-118.25%,-50%) scale(0.9); z-index: 1; } .slider-testimonials>.center{ z-index: 2; transform:translate(-50%,-50%) scale(1); } .slider-testimonials>.right{ transform: translate(18.25%,-50%) scale(0.9); z-index: 1; } .slider-testimonials>.right-arrow{ float:right; } .slider-testimonials>.left-arrow{ float:left; } .slider-testimonials>.navContainer{ width:20%; left: -35px; height: 100%; position: relative; display:inline-block; z-index: 500; } .slider-testimonials>.navContainer>.leftClass,.slider-testimonials>.navContainer>.rightClass{ height: 100%; width:50px; background: url(img/slider-testimonials-arrow.png) no-repeat center; background-position-x:0; position: absolute; } .slider-testimonials>.navContainer>.rightClass{ /* right: 11px; */ float: right; left: 55px; width: 61px; top: 11px; } .slider-testimonials>.navContainer>.leftClass{ margin-top: 11px; } } .rotate { transform: rotateY(180deg); } .slider-testimonials>.navContainer>.leftClass{ left:20px; } .slider-testimonials>div{ padding:30px; text-align:center; transform: translate(18.25%,-50%) scale(0.8); } .slider-testimonials>div .title{ font-weight:600; font-size:18px; } .slider-testimonials>div .short-title{ font-size:14px; font-weight:200; margin-top:5px; } .slider-testimonials>div .price{ margin:30px 0; font-size:16px; font-weight:200; text-align:left; } .slider-testimonials>div .float-right{ float:right; } .slider-testimonials>div .cost{ text-align:left; font-size:16px; font-weight:200; } .slider-testimonials>div .line{ width:100%; height:1px; margin:30px 0; background:#000; } .slider-testimonials>div .full-cost{ font-size:16px; font-weight:700; text-align:left; } @media(max-width:768px) { #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: 235px!important; overflow: auto; filter: none; } .slider-testimonials>.navContainer>.rightClass { right: 0; background-position-x: 0px !important; } .slider-testimonials>.navContainer>.rightClass { right: 0; background-position-x: -17px; } .slider-testimonials>.navContainer { width: 20%; left: -21px; height: 100%; position: relative; display: inline-block; z-index: 500; } .slider>.navContainer>.rightClass, .slider-testimonials>.navContainer>.rightClass { /* right: 11px; */ float: right !important; left: -7px !important; width: 61px !important; opacity: 0.7; } .slider>.right-arrow, .slider-testimonials>.right-arrow { float: right !important; right: -15px !important; width: 60px !important; left: auto !important; position: absolute !important; } .slider-testimonials>.navContainer>.leftClass { right: 11px; float: left; left: 10px; width: 61px; top: 1px; opacity: 0.7; } .slider-testimonials>.left-arrow { float: left; right: auto; width: 60px; left: -15px; position: absolute; } .slider-testimonials>.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; } .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 { margin-top: 30px; } .csslider-section { top: unset!important; } }