@media only screen and (max-width: 768px){.flip{left:80px!important}}@media only screen and (min-width: 400px) and (max-width: 425px){.flip{left:60px!important}}@media only screen and (max-width: 320px){.flip{left:5px!important}}@media only screen and (max-width: 375px){.flip{left:31px!important}}.border{border:2px solid white;padding:10px;margin:10px}.flip{-webkit-perspective:800;perspective:800;position:relative;text-align:center;left:10px;display:inline-block}.flip .card.flipped{-webkit-transform:rotatey(-180deg);transform:rotatey(-180deg)}.flip .card{width:250px;height:250px;-webkit-transform-style:preserve-3d;-webkit-transition:0.5s;transform-style:preserve-3d;transition:0.5s;background-color:#1a1d3775}.flip .card .face{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2}.flip .card .front{position:absolute;width:250px;z-index:1}.flip .card .front img{width:130px;height:100%}.flip .card .front h3{padding:10px;margin:5px;font-size:18px;font-weight:400;text-transform:uppercase}.flip .card .back img{width:200px;height:200px}.flip .card .img{position:relaitve;width:270px;height:178px;z-index:1}.flip .card .back{-webkit-transform:rotatey(-180deg);transform:rotatey(-180deg);position:absolute;padding:10px;width:240px}.inner{margin:0px !important;width:230px}