.px-demo-helpers .canvas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: auto; }

.px-demo-helpers .canvas.laptop { overflow: hidden; }

.px-demo-helpers .views:not(.all) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto 0; }

.px-demo-helpers .views:not(.all) .device-view:not(.iron-selected) { display: none; }

.px-demo-helpers .views.all { display: block; width: 1000px; height: 600px; margin-left: 32px; }

.px-demo-helpers .views.all .device-view { position: absolute; -webkit-transform-origin: left top; transform-origin: left top; }

.px-demo-helpers .views:not(.all) .device-view.laptop { width: auto; height: auto; }

.px-demo-helpers .views.all .device-view.laptop { -webkit-transform: translate3d(0px, 40px, 0) scale(0.5); transform: translate3d(0px, 40px, 0) scale(0.5); }

.px-demo-helpers .views.all .device-view.tablet { -webkit-transform: translate3d(380px, 130px, 0) scale(0.5); transform: translate3d(380px, 130px, 0) scale(0.5); }

.px-demo-helpers .views.all .device-view.phone { -webkit-transform: translate3d(800px, 110px, 0) scale(0.5); transform: translate3d(800px, 110px, 0) scale(0.5); }

@media (max-width: 1024px) { .px-demo-helpers .views:not(.all):not(.laptop) { width: 1400px; height: 800px; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-box-flex: 0; -ms-flex: none; flex: none; }
  .px-demo-helpers .views.all { width: 500px; height: 300px; margin-left: -64px; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.6); transform: scale(0.6); } }

@media (max-width: 600px) { .px-demo-helpers .views:not(.all):not(.laptop) { width: 1400px; height: 800px; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-box-flex: 0; -ms-flex: none; flex: none; }
  .px-demo-helpers .views.all { width: 250px; height: 150px; margin-left: -80px; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.35); transform: scale(0.35); } }
