.bw-examples .content{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;margin:0 auto;padding:80px 0px;max-width:1088px;align-items:center}.bw-examples .content .left{width:440px}.bw-examples .content .left h5{margin-top:16px}.bw-examples .content .left .examples{margin-top:40px}.bw-examples .content .left .examples span.example{display:inline-block;cursor:pointer;color:#282c37;height:40px;padding:8px 16px;font-weight:normal;line-height:24px;margin-right:16px;border-radius:20px;margin-bottom:16px;background-color:#edf0f3}.bw-examples .content .left .examples span.example.active{color:white;background-color:#2b90d9}.bw-examples .content .right{position:relative;width:480px;height:480px;margin-left:168px}.bw-examples .content .right:before{content:'';position:absolute;top:242px;left:-114px;width:108px;height:76px;background-size:108px;background-image:url("../png/examples-visual.png")}.bw-examples .content .right img{display:none;width:480px;height:480px;cursor:pointer}.bw-examples .content .right img.active{display:block}.bw-examples.white{background-color:white}.bw-examples.blue{background-color:rgba(149,199,236,0.1)}@media only screen and (max-width:1024px){.bw-examples .content{padding:64px 24px;flex-direction:column}.bw-examples .content .left{width:100%}.bw-examples .content .left .examples{margin-top:24px}.bw-examples .content .right{position:relative;width:100%;height:auto;text-align:center;margin-top:24px;margin-left:0px}.bw-examples .content .right:before{content:none}.bw-examples .content .right img{width:328px;height:328px}}