/* Slide 02: three recognisable devices with enough height to show the site. */
#website-responsive .fitness-demo{max-width:760px}
#website-responsive .fitness-devices{height:530px}
#website-responsive .fitness-device--desktop{left:0;top:0;width:84%}
#website-responsive .fitness-device--desktop .fitness-frame{height:365px;border-radius:10px;border-bottom-width:7px}
#website-responsive .fitness-device--tablet{left:48%;top:112px;width:35%}
#website-responsive .fitness-device--tablet .fitness-frame{height:375px;border:9px solid #555060;border-radius:21px;box-shadow:0 24px 45px #0009,inset 0 0 0 1px #aaa4ae}
#website-responsive .fitness-device--tablet .fitness-chrome{height:17px;justify-content:center;background:#28252e}
#website-responsive .fitness-device--tablet .fitness-chrome i{display:none}
#website-responsive .fitness-device--tablet .fitness-chrome span{width:5px;height:5px;margin:0;background:#77717f;border-radius:50%;font-size:0}
#website-responsive .fitness-device--tablet .fitness-site{height:calc(100% - 17px)}
#website-responsive .fitness-device--phone{right:0;top:165px;width:21%}
#website-responsive .fitness-device--phone .fitness-frame{height:350px;border:9px solid #504a59;border-radius:30px;box-shadow:0 26px 48px #000a,inset 0 0 0 1px #a8a2b0}
#website-responsive .fitness-device--phone .fitness-chrome{height:22px;background:#25222b}
#website-responsive .fitness-device--phone .fitness-chrome span{width:42px;height:9px;background:#111016;border-radius:9px;box-shadow:inset 0 0 0 1px #817b8c66}
#website-responsive .fitness-device--phone .fitness-site{height:calc(100% - 40px);padding:9px 8px}
#website-responsive .fitness-device--phone .fitness-frame::after{content:"";position:absolute;left:50%;bottom:6px;z-index:3;transform:translateX(-50%);width:42px;height:4px;background:#c6c1ca;border-radius:4px}
#website-responsive .fitness-device--phone .fitness-nav{margin-bottom:9px}
#website-responsive .fitness-device--phone .fitness-nav strong{font-size:10px}
#website-responsive .fitness-device--phone .fitness-hero h3{font-size:19px}
#website-responsive .fitness-demo__controls{display:none!important}
@media(max-width:1000px),(max-height:780px){
 #website-responsive .fitness-demo{max-width:620px;transform:none}
 #website-responsive .fitness-devices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;height:auto}
 #website-responsive .fitness-device{position:relative;left:auto;right:auto;top:auto;order:0;margin:0}
 #website-responsive .fitness-device--desktop{grid-column:1/-1;width:100%}
 #website-responsive .fitness-device--desktop .fitness-frame{height:265px}
 #website-responsive .fitness-device--tablet{grid-column:1;width:100%}
 #website-responsive .fitness-device--tablet .fitness-frame{height:255px}
 #website-responsive .fitness-device--phone{grid-column:2;width:min(64%,180px);justify-self:center}
 #website-responsive .fitness-device--phone .fitness-frame{height:285px}
}
@media(max-width:520px){
 #website-responsive .fitness-device--desktop .fitness-frame{height:225px}
 #website-responsive .fitness-device--tablet .fitness-frame{height:225px}
 #website-responsive .fitness-device--phone{width:min(80%,155px)}
 #website-responsive .fitness-device--phone .fitness-frame{height:275px}
 #website-responsive .fitness-device--tablet .fitness-site{padding:7px}
}