.price-coworking-analytics{ letter-spacing: .1em; position: absolute; width: calc(100% - 60px); bottom: 30px; left: 30px; font-weight: 500; margin-bottom: 0; } .package-info { background: #f7a400; color: #000; padding: 7px; font-size: 12px; font-weight: 500; position: relative; text-align: center; top: -30px; margin: -2px -30px; text-transform: uppercase } .price-coworking-analytics span{ display:block; } #price-landing .container { padding:0; } @media only screen and (min-width:48em) { #price-landing .slide{ width:25%; position:relative; padding:30px; min-height:452px; box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.16); } #price-landing .slider{ background:#fff; margin: 0 15px; width: 1170px; } #price-landing .container{ margin-top:-180px; } } @media only screen and (max-width:48em) { .coworking-price-landing .dark-container { padding: 60px 15px!important; } .price-company-table { display:none!important; } .price-coworking-analytics span{ display:inline-block; } .price-coworking-analytics{ font-size: 14px!important; width: 240px; } #price-landing .slider{ margin:0 auto; position: relative; max-width: 768px; max-height: 400px; height:400px!important; margin: 0px auto 60px auto; } .coworking-landing .slider { margin: 0px auto!important; } #price-landing .slider>div{ filter: drop-shadow(0px 6px 7px rgba(0, 0, 0, 0.161)); position: absolute; left:50%; top:50%; background:#fff; width:300px; height: 400px; transition: transform .5s; transform: translate(-50%,-50%)scale(1); z-index: 0; } #price-landing .slider>.left , .slider>.center , .slider>.right{ display:inline-block; opacity: 1; } #price-landing .slider>.left{ transform: translate(-118.25%,-50%) scale(0.9); z-index: 1; } #price-landing .slider>.center{ z-index: 200; transform:translate(-50%,-50%) scale(1); } #price-landing .slider>.right{ transform: translate(18.25%,-50%) scale(0.9); z-index: 1; } #price-landing .slider>.navContainer{ width: 50px; right: 0; float: right; margin-right: 0; height: 100%; position: unset; display: inline-block; z-index: 500; } #price-landing .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; opacity: 0.7; } #price-landing .slider>.navContainer>.rightClass{ right: 0; background-position-x: -17px; } #price-landing .slider>.navContainer>.leftClass{ left: 0; background-position-x: -18px; transform: rotateX(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #price p { Font-weight: 300; font-size: 14px; margin-bottom: 15px; } #price-landing .slider>div{ padding:30px 30px; text-align:center; transform: translate(18.25%,-50%) scale(0.8); } #price-landing .slider>div .title{ font-weight:600; font-size:18px; } #price-landing .slider>div .short-title{ font-size:14px; font-weight:200; margin-top:5px; } #price-landing .slider>div .price{ margin:30px 0; font-size:16px; font-weight:200; text-align:left; } #price-landing .slider>div .float-right{ float:right; } #price-landing .slider>div .cost{ text-align:left; } #price-landing .slider>div .line{ width:100%; height:1px; margin:30px 0; background:#000; } #price-landing .slider>div .full-cost{ font-size:16px; font-weight:700; text-align:left; } }