Slate 7 (GL-BE3600) Dual-band Wi-Fi 7 Travel Router

.fixed-video { transition: opacity 0.3s ease, visibility 0.3s; } .fixed-video.fade-out { opacity: 0; visibility: hidden; pointer-events: none; /* 防止点到透明的关闭按钮 */ } body { background : transparent; } .text-be3600 { font-size: 1.5rem; color: #4cafe2; } .btn-round-be3600 { background-color: #4cafe2; color: #FFF; border-radius: 50px; padding: 1rem 2rem; text-transform: uppercase; font-weight: bold; } @media (max-width: 768px) { .btn-round-be3600 { min-height: 50px; border-radius: 50px; padding: 12px 2rem; text-transform: uppercase; font-weight: bold; } } .btn-round-be3600:hover { background-color: #FFF; color: #4cafe2; border-color: #4cafe2; } /*------- 1st video background --------*/ .video-header-be3600 { position: relative; background-color: black; height: 55rem; min-height: 25rem; width: 100%; overflow: hidden; } .video-header-be3600 .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.4; z-index: 1; } .video-header-be3600 video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .video-header-be3600 .container { position: relative; z-index: 2; } @media (max-width: 991px) { .video-header-be3600 .container #mc-embedded-subscribe-form { width: 70%; } } @media (max-width: 576px) { .video-header-be3600 .container #mc-embedded-subscribe-form { margin: auto; width: 80%; } } .video-header-be3600 .container #mailchimp-be3600 input { border: medium none; color: gray; font-size: 16px; padding: 8px 25px; width: auto; height: 50px; border-radius: 25px 0px 0px 25px; } @media (max-width: 575.98px) { .video-header-be3600 .container #mailchimp-be3600 input { width: 100%; height: 40px; font-size: 13px; } } .video-header-be3600 .container #mailchimp-be3600 input.email { background: #fff; } .video-header-be3600 .container #mailchimp-be3600 input[type="submit"] { background: #1290cf; color: #fff; cursor: pointer; font-size: 15px; width: 135px; height: 50px; padding: 8px 3px; border-radius: 0px 25px 25px 0px; text-transform: uppercase; font-weight: bold; } @media (max-width: 575.98px) { .video-header-be3600 .container #mailchimp-be3600 input[type="submit"] { width: 100%; height: 40px; font-size: 13px; padding: 8px 13px; } } .video-header-be3600 .container #mailchimp-be3600 input[type="submit"]:hover { background-color: #0e71a3; color: #FFF; } /*------- be3600-main-container --------*/ .be3600-main-container .spring-deal .bg-deal { position: absolute; top: 0; left: 0; text-align: center; width: 100%; height: 100%; z-index: -1; } .be3600-main-container .spring-deal .bg-deal img { object-fit: cover; object-position: bottom; width: 100%; height: 100%; } .be3600-main-container .spring-deal .spring-deal-container { padding-bottom: 42rem; } @media (max-width: 2560px) { .be3600-main-container .spring-deal .spring-deal-container { padding-bottom: 28rem; } } @media (max-width: 1920px) { .be3600-main-container .spring-deal .spring-deal-container { padding-bottom: 26rem; } } @media (max-width: 1600px) { .be3600-main-container .spring-deal .spring-deal-container { padding-bottom: 20rem; } } @media (max-width: 1199px) { .be3600-main-container .spring-deal .spring-deal-container { padding-bottom: 20rem; } } @media (max-width: 576px) { .be3600-main-container .spring-deal .spring-deal-container { padding-bottom: 18rem; } } .be3600-main-container .spring-deal .spring-deal-container .title { font-size: 3.5rem; margin-top: 4rem; } @media (max-width: 1199px) { .be3600-main-container .spring-deal .spring-deal-container .title { font-size: 2.5rem; } } @media (max-width: 576px) { .be3600-main-container .spring-deal .spring-deal-container .title { font-size: 2rem; } } .be3600-main-container .spring-deal .spring-deal-container h3 { font-size: 2.75rem; } @media (max-width: 1199px) { .be3600-main-container .spring-deal .spring-deal-container h3 { font-size: 2rem; } } @media (max-width: 576px) { .be3600-main-container .spring-deal .spring-deal-container h3 { font-size: 1.75rem; } } .be3600-main-container .spring-deal .spring-deal-container h3 span { font-size: 1.5em; } @media (max-width: 576px) { .be3600-main-container .spring-deal .spring-deal-container h4 { font-size: 1rem; } } .be3600-main-container .spring-deal .spring-deal-container p { font-size: 0.8em; } .be3600-main-container .grid { display: grid; grid-auto-rows: 6rem; } @media (max-width: 991px) { .be3600-main-container .grid { grid-auto-rows: 7rem; } } @media (max-width: 768px) { .be3600-main-container .grid { grid-auto-rows: 6.5rem; } } @media (max-width: 400px) { .be3600-main-container .grid { grid-auto-rows: 5.2rem; } } .be3600-main-container .grid .grid-item { position: relative; margin: 0.3rem; overflow: hidden; } .be3600-main-container .grid .grid-cell { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; height: 100%; width: 100%; background-color: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center bottom; } .be3600-main-container .grid .grid-cell h2 { font-size: 2rem; } @media (max-width: 1199px) { .be3600-main-container .grid .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 768px) { .be3600-main-container .grid .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 576px) { .be3600-main-container .grid .grid-cell h2 { font-size: 1rem; } } .be3600-main-container .grid .grid-cell img { width: 50%; } .be3600-main-container .grid .grid-cell p { margin-bottom: 0; } @media (max-width: 576px) { .be3600-main-container .grid .grid-cell p { font-size: 0.75rem; } } @media (max-width: 768px) { .be3600-main-container .grid .item-1 .grid-cell { background-size: 100%; background-position-y: 80%; } } @media (max-width: 576px) { .be3600-main-container .grid .item-1 .grid-cell { background-position-y: 90%; } } .be3600-main-container .grid .item-1 .grid-cell h2 { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container .grid .item-1 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container .grid .item-1 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container .grid .item-1 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container .grid .item-1 .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 1280px) { .be3600-main-container .grid .item-2 .grid-cell { background-position-x: 40%; } } @media (max-width: 768px) { .be3600-main-container .grid .item-2 .grid-cell { background-size: 110%; background-position-x: 0%; } } .be3600-main-container .grid .item-2 .grid-cell h2 { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container .grid .item-2 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container .grid .item-2 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container .grid .item-2 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container .grid .item-2 .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 991px) { .be3600-main-container .grid .item-3 .grid-cell { background-position-y: 72%; } } @media (max-width: 576px) { .be3600-main-container .grid .item-3 .grid-cell { background-position-y: 100%; } } .be3600-main-container .grid .item-3 .grid-cell h2 { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container .grid .item-3 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container .grid .item-3 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container .grid .item-3 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container .grid .item-3 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container .grid .item-4 .grid-cell { align-content: start; } .be3600-main-container .grid .item-4 .grid-cell > div { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container .grid .item-4 .grid-cell > div { top: 1.5rem; } } @media (max-width: 991px) { .be3600-main-container .grid .item-4 .grid-cell > div { top: 0.5rem; } } @media (max-width: 768px) { .be3600-main-container .grid .item-4 .grid-cell > div { top: 0; } } @media (max-width: 576px) { .be3600-main-container .grid .item-4 .grid-cell > div { top: 1.5rem; } } @media (max-width: 400px) { .be3600-main-container .grid .item-4 .grid-cell > div { top: 0.75rem; } } .be3600-main-container .grid .item-4 .grid-cell > div h2 { font-size: 2rem; } @media (max-width: 1280px) { .be3600-main-container .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container .grid .item-4 .grid-cell > div h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container .grid .item-4 .grid-cell > div h2 { font-size: 1.25rem; } } .be3600-main-container .grid .item-4 .grid-cell > div img { width: auto; height: 3.5rem; } @media (max-width: 1199px) { .be3600-main-container .grid .item-4 .grid-cell > div img { height: 3.5rem; } } @media (max-width: 576px) { .be3600-main-container .grid .item-4 .grid-cell > div img { height: 4.2rem; } } @media (max-width: 460px) { .be3600-main-container .grid .item-4 .grid-cell > div img { height: 3.3rem; } } @media (max-width: 1199px) { .be3600-main-container .grid .item-5 .grid-cell { background-position-x: 100%; background-size: 115%; } } @media (max-width: 991px) { .be3600-main-container .grid .item-5 .grid-cell { background-size: 80%; } } .be3600-main-container .grid .item-5 .grid-cell h2 { font-size: 1.75rem; } @media (max-width: 1199px) { .be3600-main-container .grid .item-5 .grid-cell h2 { font-size: 1.6rem; } } @media (max-width: 768px) { .be3600-main-container .grid .item-5 .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container .grid .item-5 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container .grid .item-5 .grid-cell p { font-size: 1.25rem; } @media (max-width: 1199px) { .be3600-main-container .grid .item-5 .grid-cell p { font-size: 1rem; } } @media (max-width: 768px) { .be3600-main-container .grid .item-5 .grid-cell p { font-size: 1rem; } } @media (max-width: 576px) { .be3600-main-container .grid .item-5 .grid-cell p { font-size: 1rem; } } .be3600-main-container .grid .item-5 .grid-cell img { width: 7.2rem; } @media (max-width: 991px) { .be3600-main-container .grid .item-5 .grid-cell img { width: 6.2rem; } } @media (max-width: 768px) { .be3600-main-container .grid .item-5 .grid-cell img { width: 4.5rem; } } @media (max-width: 576px) { .be3600-main-container .grid .item-5 .grid-cell img { width: 5.5rem; } } @media (max-width: 400px) { .be3600-main-container .grid .item-5 .grid-cell img { width: 4rem; } } .be3600-main-container .grid .item-6 .grid-cell { align-content: end; background-position-y: 70%; } @media (max-width: 991px) { .be3600-main-container .grid .item-6 .grid-cell { background-position-y: 55%; background-position-x: 30%; background-size: 106%; } } @media (max-width: 576px) { .be3600-main-container .grid .item-6 .grid-cell { align-content: start; background-position-x: 10%; background-position-y: 35%; background-size: 105%; } } .be3600-main-container .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } @media (max-width: 1280px) { .be3600-main-container .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container .grid .item-6 .grid-cell h2 { top: 1rem; font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container .grid .item-6 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container .grid .item-6 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container .grid .item-7 .grid-cell > div, .be3600-main-container .grid .item-8 .grid-cell > div, .be3600-main-container .grid .item-9 .grid-cell > div { position: relative; top: 50%; transform: translateY(-50%); } /* grid control*/ .be3600-main-container .grid .item-1 { grid-area: 1 / 1 / span 4 / span 3; } .be3600-main-container .grid .item-2 { grid-area: 1 / 4 / span 4 / span 3; } .be3600-main-container .grid .item-3 { grid-area: 1 / 7 / span 3 / span 3; } .be3600-main-container .grid .item-4 { grid-area: 1 / 10 / span 3 / span 3; } .be3600-main-container .grid .item-5 { grid-area: 4 / 7 / span 3 / span 3; } .be3600-main-container .grid .item-6 { grid-area: 4 / 10 / span 3 / span 3; } .be3600-main-container .grid .item-7 { grid-area: 5 / 1 / span 2 / span 2; } .be3600-main-container .grid .item-8 { grid-area: 5 / 3 / span 2 / span 2; } .be3600-main-container .grid .item-9 { grid-area: 5 / 5 / span 2 / span 2; } @media (max-width: 991px) { .be3600-main-container .grid .item-1 { grid-area: 1 / 1 / span 4 / span 6; } .be3600-main-container .grid .item-2 { grid-area: 5 / 7 / span 4 / span 6; } .be3600-main-container .grid .item-3 { grid-area: 1 / 7 / span 2 / span 6; } .be3600-main-container .grid .item-4 { grid-area: 3 / 7 / span 2 / span 6; } .be3600-main-container .grid .item-5 { grid-area: 5 / 1 / span 2 / span 6; } .be3600-main-container .grid .item-6 { grid-area: 7 / 1 / span 2 / span 6; } .be3600-main-container .grid .item-7 { grid-area: 9 / 1 / span 2 / span 4; } .be3600-main-container .grid .item-8 { grid-area: 9 / 5 / span 2 / span 4; } .be3600-main-container .grid .item-9 { grid-area: 9 / 9 / span 2 / span 4; } } @media (max-width: 768px) { .be3600-main-container .grid .item-1 { grid-area: 1 / 1 / span 3 / span 12; } .be3600-main-container .grid .item-2 { grid-area: 6 / 1 / span 3 / span 12; } .be3600-main-container .grid .item-3 { grid-area: 4 / 1 / span 2 / span 6; } .be3600-main-container .grid .item-4 { grid-area: 4 / 7 / span 2 / span 6; } .be3600-main-container .grid .item-5 { grid-area: 9 / 1 / span 2 / span 6; } .be3600-main-container .grid .item-6 { grid-area: 9 / 7 / span 2 / span 6; } .be3600-main-container .grid .item-7 { grid-area: 11 / 1 / span 2 / span 4; } .be3600-main-container .grid .item-8 { grid-area: 11 / 5 / span 2 / span 4; } .be3600-main-container .grid .item-9 { grid-area: 11 / 9 / span 2 / span 4; } } @media (max-width: 576px) { .be3600-main-container .grid .item-1 { grid-area: 1 / 1 / span 3 / span 12; } .be3600-main-container .grid .item-2 { grid-area: 8 / 1 / span 3 / span 12; } .be3600-main-container .grid .item-3 { grid-area: 6 / 1 / span 2 / span 6; } .be3600-main-container .grid .item-4 { grid-area: 4 / 1 / span 2 / span 12; } .be3600-main-container .grid .item-5 { grid-area: 6 / 7 / span 2 / span 6; } .be3600-main-container .grid .item-6 { grid-area: 11 / 1 / span 2 / span 12; } .be3600-main-container .grid .item-7 { grid-area: 13 / 1 / span 2 / span 4; } .be3600-main-container .grid .item-8 { grid-area: 13 / 5 / span 2 / span 4; } .be3600-main-container .grid .item-9 { grid-area: 13 / 9 / span 2 / span 4; } } .be3600-main-container .wifi7 { padding-top: 8rem; padding-bottom: 9rem; } @media (max-width: 768px) { .be3600-main-container .wifi7 { padding-top: 3rem; padding-bottom: 3rem; } } .be3600-main-container .wifi7 .txt-clip { font-size: 10.5rem; -webkit-background-clip: text; background-clip: text; color: transparent; background-color: #17a2b8; background-image: url('https://static.gl-inet.com/www/images/products/gl-be3600/wifi-wave.jpg'); background-repeat: no-repeat; background-size: 200%; background-position: calc(50% - .32em) calc(50% - .3em); line-height: 1; margin-bottom: 1rem; } @media (max-width: 1199px) { .be3600-main-container .wifi7 .txt-clip { font-size: 11rem; margin-top: 3rem; } } @media (max-width: 991px) { .be3600-main-container .wifi7 .txt-clip { margin-top: 1.5rem; } } @media (max-width: 768px) { .be3600-main-container .wifi7 .txt-clip { font-size: 7.5rem; margin-bottom: 0.25rem; } } @media (max-width: 460px) { .be3600-main-container .wifi7 .txt-clip { font-size: 5rem; } } .be3600-main-container .wifi7 .progress { color: #e2e2e2; height: 1.25rem; } .be3600-main-container .wifi7 .progress .progress-bar-striped { background-image: linear-gradient(45deg, rgba(191,255,241,0.8) 25%, transparent 25%, transparent 50%, rgba(191,255,241,0.8) 50%, rgba(191,255,241,0.8) 75%, transparent 75%, transparent); } .be3600-main-container .wifi7 h5 { line-height: 1; } .be3600-main-container .animate .row > div { transition: opacity 0.5s ease; opacity: 0; } .be3600-main-container .animate.in-view .row > div { opacity: 1; } .be3600-main-container .animate.in-view .row > div .animate__animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .be3600-main-container .vid { height: 300vh; position: relative; z-index: -2; } @media (max-width: 991px) { .be3600-main-container .vid { height: 300vh; } } .be3600-main-container .vid video { width: 100%; height: 100vh; object-fit: cover; } .be3600-main-container .vid .holder { position: sticky; top: 0; margin-bottom: -0.5rem; } .be3600-main-container .vid .story { position: absolute; top: 0; left: 0; width: 100%; } .be3600-main-container .vid .story .story_container { text-shadow: 0 .25rem 0.5rem rgba(0,0,0,.45); display: flex; justify-content: center; text-align: center; height: 100vh; } @media (max-width: 991px) { .be3600-main-container .vid .story .story_container { height: 100vh; } } .be3600-main-container .vid .story .story_container .row { position: fixed; top: 0; height: 100vh; } .be3600-main-container .vid .story .story_container .row h2 { font-size: 5vh; margin-bottom: 0.5rem; } @media (max-width: 991px) { .be3600-main-container .vid .story .story_container .row h2 { font-size: 5vh; } } @media (max-width: 768px) { .be3600-main-container .vid .story .story_container .row h2 { font-size: 4.2vh; } } @media (max-width: 576px) { .be3600-main-container .vid .story .story_container .row h2 { font-size: 8vw; } } @media (max-width: 400px) { .be3600-main-container .vid .story .story_container .row h2 { font-size: 8vw; } } .be3600-main-container .vid .story .story_container .row h3 { font-size: 3vh; margin-bottom: 0.5rem; } @media (max-width: 991px) { .be3600-main-container .vid .story .story_container .row h3 { font-size: 3vh; } } @media (max-width: 768px) { .be3600-main-container .vid .story .story_container .row h3 { font-size: 3vh; } } @media (max-width: 576px) { .be3600-main-container .vid .story .story_container .row h3 { font-size: 5vw; } } @media (max-width: 400px) { .be3600-main-container .vid .story .story_container .row h3 { font-size: 5vw; } } .be3600-main-container .vid .story .story_container .row p { font-size: clamp(16px, 1.25vh, 32px); } @media (max-width: 768px) { .be3600-main-container .vid .story .story_container .row p { font-size: clamp(14px, 1.25vh, 32px); } } .be3600-main-container .vid .story .story_container#story-1 .row > div.align-content-start { padding-top: 23vh; } .be3600-main-container .vid .story .story_container#story-2 .row > div.align-content-start { padding-top: 23vh; } .be3600-main-container .vid .story .story_container#story-2 p { width: 80%; } .be3600-main-container .vid .story .story_container#story-3 .row > div.align-content-start { padding-top: 30vh; } .be3600-main-container .vid .story .story_container#story-3 .row > div.align-content-end { padding-bottom: 20vh; } .be3600-main-container .vid .story .story_container#story-3 .row > div h3 { font-size: 2vh; } .be3600-main-container .circle-clip { clip-path: circle(0%); width: 80%; aspect-ratio: 1 / 1; margin: auto; transform: scale(0.8); transition: opacity 0.5s ease; } .be3600-main-container .circle-clip img { object-fit: cover; } .be3600-main-container .in-view .circle-clip { clip-path: circle(50%); transform: scale(1); transition: all 1s ease-in-out; } .be3600-main-container .how-people { position: relative; } @media (max-width: 768px) { .be3600-main-container .how-people { background: linear-gradient(0deg, rgba(255,255,255,0) 38%, rgba(255,255,255,1) 70%), url(https://static.gl-inet.com/www/images/products/gl-be3600/be3600_how-people.jpg); background-position: center center; background-size: cover; } } .be3600-main-container .how-people .bg { position: absolute; width: 100%; height: 100vh; top: 0; z-index: 0; overflow: hidden; } .be3600-main-container .how-people .bg > div { display: flex; height: 100%; justify-content: center; align-items: center; } @keyframes slate7-scale { 0% { transform: scale(2.5); } 100% { transform: scale(1.5); } } .be3600-main-container .how-people .bg > div h2 { transform: scale(2.5); font-size: 25vh; color: transparent; background-color: #17a2b8; background-image: url(https://static.gl-inet.com/www/images/products/gl-be3600/be3600_how-people.jpg); background-position: center 50%; background-repeat: no-repeat; background-size: cover; -webkit-background-clip: text; background-clip: text; transition: all 1s ease; } @media (max-width: 991px) { .be3600-main-container .how-people .bg > div h2 { font-size: 16vh; } } @media (max-width: 768px) { .be3600-main-container .how-people .bg > div h2 { display: none; } } .be3600-main-container .how-people .row > div { padding: 0 0.5rem; opacity: 1; transition: opacity 0.5s ease; } .be3600-main-container .how-people .row > div:first-child { margin-top: 0; } .be3600-main-container .how-people .row > div:nth-child(2) { margin-top: 4rem; animation-delay: 250ms; } @media (max-width: 991px) { .be3600-main-container .how-people .row > div:nth-child(2) { margin-top: 3rem; } } .be3600-main-container .how-people .row > div:nth-child(3) { margin-top: -4rem; animation-delay: 500ms; } @media (max-width: 1360px) { .be3600-main-container .how-people .row > div:nth-child(3) { margin-top: -2rem; } } @media (max-width: 991px) { .be3600-main-container .how-people .row > div:nth-child(3) { margin-top: -3rem; } } .be3600-main-container .how-people .row > div:nth-child(4) { margin-top: 2rem; animation-delay: 750ms; } @media (max-width: 991px) { .be3600-main-container .how-people .row > div:nth-child(4) { margin-top: 2rem; } } .be3600-main-container .how-people .row > div:nth-child(5) { margin-top: -4rem; animation-delay: 1000ms; } @media (max-width: 1360px) { .be3600-main-container .how-people .row > div:nth-child(5) { margin-top: -3rem; } } @media (max-width: 1199px) { .be3600-main-container .how-people .row > div:nth-child(5) { margin-top: -1.5rem; } } @media (max-width: 991px) { .be3600-main-container .how-people .row > div:nth-child(5) { margin-top: -6.5rem; } } .be3600-main-container .how-people .row > div:nth-child(6) { margin-top: 3rem; animation-delay: 1250ms; } @media (max-width: 991px) { .be3600-main-container .how-people .row > div:nth-child(6) { margin-top: 2rem; } } @media (max-width: 768px) { .be3600-main-container .how-people .row > div { margin-top: 0 !important; margin-bottom: 1rem; } } .be3600-main-container .how-people .card { padding: 1rem; background-color: rgba(255,255,255,1); box-shadow: 2px 2px 25px rgba(0,0,0,0.15); } .be3600-main-container .how-people.in-view .bg h2 { transform: scale(1.5); } .be3600-main-container .how-people.in-view .row > div { opacity: 1; } .be3600-main-container .how-people.in-view .row > div.animate__animated { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .be3600-main-container .comparison-detail i { display: none; } .be3600-main-container .comparison-detail .w-50 { width: 100% !important; } @media (max-width: 768px) { .be3600-main-container .comparison-detail .w-50 { width: 50% !important; } } .be3600-main-container .in-sticky.story_container .row { position: sticky !important; } /* Center dropdown menu under the button */ .be3600-main-container .language-dropdown { left: 50% !important; transform: translateX(-50%); } .be3600-main-container .dropdown:hover .language-dropdown { display: block; } .be3600-main-container.be3600-de .grid { grid-auto-rows: 5.5rem; } @media (max-width: 400px) { .be3600-main-container.be3600-de .grid { grid-auto-rows: 5.5rem; } } .be3600-main-container.be3600-de .grid .grid-cell h2 { font-size: 1.75rem; } @media (max-width: 576px) { .be3600-main-container.be3600-de .grid .item-2 .grid-cell { background-size: 125%; background-position-x: 2%; } } .be3600-main-container.be3600-de .grid .item-2 .grid-cell h2 { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-de .grid .item-2 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-de .grid .item-2 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-de .grid .item-2 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-de .grid .item-2 .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-de .grid .item-3 .grid-cell { background-position-y: 72%; } } @media (max-width: 576px) { .be3600-main-container.be3600-de .grid .item-3 .grid-cell { background-position-y: 100%; } } .be3600-main-container.be3600-de .grid .item-3 .grid-cell h2 { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-de .grid .item-3 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-de .grid .item-3 .grid-cell h2 { top: 1rem; font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-de .grid .item-3 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-de .grid .item-3 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container.be3600-de .grid .item-4 .grid-cell { align-content: start; } .be3600-main-container.be3600-de .grid .item-4 .grid-cell > div { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-de .grid .item-4 .grid-cell > div { top: 1.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-de .grid .item-4 .grid-cell > div { top: 0.5rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-de .grid .item-4 .grid-cell > div { top: 0; } } @media (max-width: 576px) { .be3600-main-container.be3600-de .grid .item-4 .grid-cell > div { top: 1.5rem; } } @media (max-width: 400px) { .be3600-main-container.be3600-de .grid .item-4 .grid-cell > div { top: 0.75rem; } } .be3600-main-container.be3600-de .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-de .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-de .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-de .grid .item-4 .grid-cell > div h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-de .grid .item-4 .grid-cell > div h2 { font-size: 1.25rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-de .grid .item-5 .grid-cell { background-position-x: 100%; background-size: 115%; } } @media (max-width: 991px) { .be3600-main-container.be3600-de .grid .item-5 .grid-cell { background-size: 80%; } } .be3600-main-container.be3600-de .grid .item-5 .grid-cell h2 { font-size: 1.75rem; } @media (max-width: 1199px) { .be3600-main-container.be3600-de .grid .item-5 .grid-cell h2 { font-size: 1.6rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-de .grid .item-5 .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-de .grid .item-5 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container.be3600-de .grid .item-6 .grid-cell { align-content: end; background-position-y: 70%; } @media (max-width: 991px) { .be3600-main-container.be3600-de .grid .item-6 .grid-cell { background-position-y: 55%; background-position-x: 30%; background-size: 106%; } } @media (max-width: 576px) { .be3600-main-container.be3600-de .grid .item-6 .grid-cell { align-content: start; background-position-x: 10%; background-position-y: 35%; background-size: 105%; } } .be3600-main-container.be3600-de .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.5rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-de .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-de .grid .item-6 .grid-cell h2 { top: 1rem; font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-de .grid .item-6 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-de .grid .item-6 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container.be3600-de .how-people .row > div:first-child { margin-top: 0; } .be3600-main-container.be3600-de .how-people .row > div:nth-child(2) { margin-top: 4rem; animation-delay: 250ms; } @media (max-width: 991px) { .be3600-main-container.be3600-de .how-people .row > div:nth-child(2) { margin-top: 3rem; } } .be3600-main-container.be3600-de .how-people .row > div:nth-child(3) { margin-top: -2rem; animation-delay: 500ms; } @media (max-width: 1360px) { .be3600-main-container.be3600-de .how-people .row > div:nth-child(3) { margin-top: -2rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-de .how-people .row > div:nth-child(3) { margin-top: -2.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-de .how-people .row > div:nth-child(3) { margin-top: -1rem; } } .be3600-main-container.be3600-de .how-people .row > div:nth-child(4) { margin-top: 2.5rem; animation-delay: 750ms; } @media (max-width: 991px) { .be3600-main-container.be3600-de .how-people .row > div:nth-child(4) { margin-top: 2rem; } } .be3600-main-container.be3600-de .how-people .row > div:nth-child(5) { margin-top: -4rem; animation-delay: 1000ms; } @media (max-width: 1360px) { .be3600-main-container.be3600-de .how-people .row > div:nth-child(5) { margin-top: -3.5rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-de .how-people .row > div:nth-child(5) { margin-top: -6rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-de .how-people .row > div:nth-child(5) { margin-top: -5rem; } } .be3600-main-container.be3600-de .how-people .row > div:nth-child(6) { margin-top: 2rem; animation-delay: 1250ms; } @media (max-width: 1360px) { .be3600-main-container.be3600-de .how-people .row > div:nth-child(6) { margin-top: 2.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-de .how-people .row > div:nth-child(6) { margin-top: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-de .how-people .row > div { margin-top: 0 !important; margin-bottom: 1rem; } } .be3600-main-container.be3600-es .grid { grid-auto-rows: 5.5rem; } @media (max-width: 400px) { .be3600-main-container.be3600-es .grid { grid-auto-rows: 5.5rem; } } .be3600-main-container.be3600-es .grid .grid-cell h2 { font-size: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-es .grid .grid-cell h2 { font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-es .grid .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-es .grid .item-1 .grid-cell { background-size: 100%; background-position-y: 80%; } } @media (max-width: 576px) { .be3600-main-container.be3600-es .grid .item-1 .grid-cell { background-position-y: 90%; } } .be3600-main-container.be3600-es .grid .item-1 .grid-cell h2 { position: relative; top: 0.5rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-es .grid .item-1 .grid-cell h2 { top: 0.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-es .grid .item-1 .grid-cell h2 { top: 0rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-es .grid .item-1 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-es .grid .item-1 .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 1280px) { .be3600-main-container.be3600-es .grid .item-2 .grid-cell { background-position-x: 40%; } } @media (max-width: 768px) { .be3600-main-container.be3600-es .grid .item-2 .grid-cell { background-size: 110%; background-position-x: 0%; } } @media (max-width: 576px) { .be3600-main-container.be3600-es .grid .item-2 .grid-cell { background-size: 100%; background-position-x: 0%; } } .be3600-main-container.be3600-es .grid .item-2 .grid-cell h2 { position: relative; top: 1.5rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-es .grid .item-2 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-es .grid .item-2 .grid-cell h2 { top: 0rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-es .grid .item-2 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-es .grid .item-2 .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-es .grid .item-3 .grid-cell { background-position-y: 72%; } } @media (max-width: 576px) { .be3600-main-container.be3600-es .grid .item-3 .grid-cell { background-position-y: 100%; } } .be3600-main-container.be3600-es .grid .item-3 .grid-cell h2 { position: relative; top: 0.5rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-es .grid .item-3 .grid-cell h2 { top: 0.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-es .grid .item-3 .grid-cell h2 { top: 0rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-es .grid .item-3 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-es .grid .item-3 .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 440px) { .be3600-main-container.be3600-es .grid .item-3 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container.be3600-es .grid .item-4 .grid-cell { align-content: start; } .be3600-main-container.be3600-es .grid .item-4 .grid-cell > div { position: relative; top: 1.5rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-es .grid .item-4 .grid-cell > div { top: 0.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-es .grid .item-4 .grid-cell > div { top: 0.5rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-es .grid .item-4 .grid-cell > div { top: 0.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-es .grid .item-4 .grid-cell > div { top: 1.5rem; } } @media (max-width: 400px) { .be3600-main-container.be3600-es .grid .item-4 .grid-cell > div { top: 0.75rem; } } .be3600-main-container.be3600-es .grid .item-4 .grid-cell > div h2 { font-size: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-es .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-es .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-es .grid .item-4 .grid-cell > div h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-es .grid .item-4 .grid-cell > div h2 { font-size: 1.5rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-es .grid .item-5 .grid-cell { background-position-x: 100%; background-size: 115%; } } @media (max-width: 991px) { .be3600-main-container.be3600-es .grid .item-5 .grid-cell { background-size: 80%; } } .be3600-main-container.be3600-es .grid .item-5 .grid-cell h2 { font-size: 1.75rem; } @media (max-width: 1199px) { .be3600-main-container.be3600-es .grid .item-5 .grid-cell h2 { font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-es .grid .item-5 .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-es .grid .item-5 .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 440px) { .be3600-main-container.be3600-es .grid .item-5 .grid-cell h2 { font-size: 1.15rem; } } .be3600-main-container.be3600-es .how-people .row > div:first-child { margin-top: 0; } .be3600-main-container.be3600-es .how-people .row > div:nth-child(2) { margin-top: 9rem; animation-delay: 250ms; } @media (max-width: 991px) { .be3600-main-container.be3600-es .how-people .row > div:nth-child(2) { margin-top: 11rem; } } .be3600-main-container.be3600-es .how-people .row > div:nth-child(3) { margin-top: -3.5rem; animation-delay: 500ms; } @media (max-width: 1360px) { .be3600-main-container.be3600-es .how-people .row > div:nth-child(3) { margin-top: -4.5rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-es .how-people .row > div:nth-child(3) { margin-top: -4.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-es .how-people .row > div:nth-child(3) { margin-top: -5rem; } } .be3600-main-container.be3600-es .how-people .row > div:nth-child(4) { margin-top: 2.5rem; animation-delay: 750ms; } @media (max-width: 991px) { .be3600-main-container.be3600-es .how-people .row > div:nth-child(4) { margin-top: 3rem; } } .be3600-main-container.be3600-es .how-people .row > div:nth-child(5) { margin-top: -5rem; animation-delay: 1000ms; } @media (max-width: 1360px) { .be3600-main-container.be3600-es .how-people .row > div:nth-child(5) { margin-top: -5.5rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-es .how-people .row > div:nth-child(5) { margin-top: -6rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-es .how-people .row > div:nth-child(5) { margin-top: -9.5rem; } } .be3600-main-container.be3600-es .how-people .row > div:nth-child(6) { margin-top: 2.5rem; animation-delay: 1250ms; } @media (max-width: 1360px) { .be3600-main-container.be3600-es .how-people .row > div:nth-child(6) { margin-top: 2.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-es .how-people .row > div:nth-child(6) { margin-top: 3rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-es .how-people .row > div { margin-top: 0 !important; margin-bottom: 1rem; } } .be3600-main-container.be3600-fr .grid .item-6 .grid-cell { align-content: end; background-position-y: 70%; background-size: 108%; } @media (max-width: 1440px) { .be3600-main-container.be3600-fr .grid .item-6 .grid-cell { background-position-y: 30%; background-size: 120%; } } @media (max-width: 1199px) { .be3600-main-container.be3600-fr .grid .item-6 .grid-cell { background-position-y: 100%; background-size: 135%; } } @media (max-width: 991px) { .be3600-main-container.be3600-fr .grid .item-6 .grid-cell { background-position-y: 55%; background-position-x: 30%; background-size: 106%; } } @media (max-width: 576px) { .be3600-main-container.be3600-fr .grid .item-6 .grid-cell { background-position-x: 0%; background-position-y: 30%; background-size: 100%; } } .be3600-main-container.be3600-fr .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-fr .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-fr .grid .item-6 .grid-cell h2 { top: 1rem; font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-fr .grid .item-6 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-fr .grid .item-6 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container.be3600-fr .how-people .row > div:first-child { margin-top: 0; } .be3600-main-container.be3600-fr .how-people .row > div:nth-child(2) { margin-top: 7rem; animation-delay: 250ms; } @media (max-width: 991px) { .be3600-main-container.be3600-fr .how-people .row > div:nth-child(2) { margin-top: 9rem; } } .be3600-main-container.be3600-fr .how-people .row > div:nth-child(3) { margin-top: -5rem; animation-delay: 500ms; } @media (max-width: 1400px) { .be3600-main-container.be3600-fr .how-people .row > div:nth-child(3) { margin-top: -3rem; } } @media (max-width: 1360px) { .be3600-main-container.be3600-fr .how-people .row > div:nth-child(3) { margin-top: -4rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-fr .how-people .row > div:nth-child(3) { margin-top: -5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-fr .how-people .row > div:nth-child(3) { margin-top: -6.5rem; } } .be3600-main-container.be3600-fr .how-people .row > div:nth-child(4) { margin-top: 2rem; animation-delay: 750ms; } @media (max-width: 991px) { .be3600-main-container.be3600-fr .how-people .row > div:nth-child(4) { margin-top: 2rem; } } .be3600-main-container.be3600-fr .how-people .row > div:nth-child(5) { margin-top: -6.5rem; animation-delay: 1000ms; } @media (max-width: 1400px) { .be3600-main-container.be3600-fr .how-people .row > div:nth-child(5) { margin-top: -4rem; } } @media (max-width: 1360px) { .be3600-main-container.be3600-fr .how-people .row > div:nth-child(5) { margin-top: -4rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-fr .how-people .row > div:nth-child(5) { margin-top: -3rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-fr .how-people .row > div:nth-child(5) { margin-top: -4rem; } } .be3600-main-container.be3600-fr .how-people .row > div:nth-child(6) { margin-top: 2rem; animation-delay: 1250ms; } @media (max-width: 991px) { .be3600-main-container.be3600-fr .how-people .row > div:nth-child(6) { margin-top: 2.5rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-fr .how-people .row > div { margin-top: 0 !important; margin-bottom: 1rem; } } .be3600-main-container.be3600-nl .grid { grid-auto-rows: 5.5rem; } @media (max-width: 400px) { .be3600-main-container.be3600-nl .grid { grid-auto-rows: 5.5rem; } } .be3600-main-container.be3600-nl .grid .grid-cell h2 { font-size: 2rem; } @media (max-width: 1199px) { .be3600-main-container.be3600-nl .grid .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-nl .grid .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .grid-cell h2 { font-size: 1rem; } } .be3600-main-container.be3600-nl .grid .grid-cell p { margin-bottom: 0; } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .grid-cell p { font-size: 0.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-nl .grid .item-1 .grid-cell { background-size: 100%; background-position-y: 80%; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .item-1 .grid-cell { background-position-y: 90%; } } .be3600-main-container.be3600-nl .grid .item-1 .grid-cell h2 { position: relative; top: 1rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-nl .grid .item-1 .grid-cell h2 { top: 1rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .grid .item-1 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-nl .grid .item-1 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .item-1 .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 1280px) { .be3600-main-container.be3600-nl .grid .item-2 .grid-cell { background-position-x: 40%; } } @media (max-width: 768px) { .be3600-main-container.be3600-nl .grid .item-2 .grid-cell { background-size: 110%; background-position-x: 0%; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .item-2 .grid-cell { background-size: 120%; } } .be3600-main-container.be3600-nl .grid .item-2 .grid-cell h2 { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-nl .grid .item-2 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .grid .item-2 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-nl .grid .item-2 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .item-2 .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .grid .item-3 .grid-cell { background-position-y: 72%; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .item-3 .grid-cell { background-position-y: 100%; } } .be3600-main-container.be3600-nl .grid .item-3 .grid-cell h2 { position: relative; top: 1rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-nl .grid .item-3 .grid-cell h2 { top: 1rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .grid .item-3 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-nl .grid .item-3 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .item-3 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container.be3600-nl .grid .item-4 .grid-cell { align-content: start; } .be3600-main-container.be3600-nl .grid .item-4 .grid-cell > div { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-nl .grid .item-4 .grid-cell > div { top: 1rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .grid .item-4 .grid-cell > div { top: 0.5rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-nl .grid .item-4 .grid-cell > div { top: 0; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .item-4 .grid-cell > div { top: 1.5rem; } } @media (max-width: 400px) { .be3600-main-container.be3600-nl .grid .item-4 .grid-cell > div { top: 0.75rem; } } .be3600-main-container.be3600-nl .grid .item-4 .grid-cell > div h2 { font-size: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-nl .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-nl .grid .item-4 .grid-cell > div h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .item-4 .grid-cell > div h2 { font-size: 1.25rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-nl .grid .item-5 .grid-cell { background-position-x: 100%; background-size: 115%; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .grid .item-5 .grid-cell { background-size: 80%; } } .be3600-main-container.be3600-nl .grid .item-5 .grid-cell h2 { font-size: 1.75rem; } @media (max-width: 1199px) { .be3600-main-container.be3600-nl .grid .item-5 .grid-cell h2 { font-size: 1.6rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-nl .grid .item-5 .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .item-5 .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 400px) { .be3600-main-container.be3600-nl .grid .item-5 .grid-cell h2 { font-size: 1.15rem; } } .be3600-main-container.be3600-nl .grid .item-6 .grid-cell { align-content: end; background-position-y: 70%; } @media (max-width: 991px) { .be3600-main-container.be3600-nl .grid .item-6 .grid-cell { background-position-y: 55%; background-position-x: 30%; background-size: 106%; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .item-6 .grid-cell { align-content: start; background-position-y: 26%; background-position-x: 37%; background-size: 101%; } } @media (max-width: 440px) { .be3600-main-container.be3600-nl .grid .item-6 .grid-cell { background-position-x: 36%; background-position-y: -5%; background-size: 99%; } } .be3600-main-container.be3600-nl .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-nl .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .grid .item-6 .grid-cell h2 { top: 1rem; font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-nl .grid .item-6 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-nl .grid .item-6 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container.be3600-nl .how-people .row > div:first-child { margin-top: 0; } .be3600-main-container.be3600-nl .how-people .row > div:nth-child(2) { margin-top: 6rem; animation-delay: 250ms; } @media (max-width: 1199px) { .be3600-main-container.be3600-nl .how-people .row > div:nth-child(2) { margin-top: 8rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .how-people .row > div:nth-child(2) { margin-top: 6rem; } } .be3600-main-container.be3600-nl .how-people .row > div:nth-child(3) { margin-top: -4rem; animation-delay: 500ms; } @media (max-width: 1360px) { .be3600-main-container.be3600-nl .how-people .row > div:nth-child(3) { margin-top: -5rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-nl .how-people .row > div:nth-child(3) { margin-top: -5.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .how-people .row > div:nth-child(3) { margin-top: -3rem; } } .be3600-main-container.be3600-nl .how-people .row > div:nth-child(4) { margin-top: 2rem; animation-delay: 750ms; } @media (max-width: 1360px) { .be3600-main-container.be3600-nl .how-people .row > div:nth-child(4) { margin-top: 2.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .how-people .row > div:nth-child(4) { margin-top: 2rem; } } .be3600-main-container.be3600-nl .how-people .row > div:nth-child(5) { margin-top: -5rem; animation-delay: 1000ms; } @media (max-width: 1360px) { .be3600-main-container.be3600-nl .how-people .row > div:nth-child(5) { margin-top: -6rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-nl .how-people .row > div:nth-child(5) { margin-top: -7.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-nl .how-people .row > div:nth-child(5) { margin-top: -5rem; } } .be3600-main-container.be3600-nl .how-people .row > div:nth-child(6) { margin-top: 3rem; animation-delay: 1250ms; } @media (max-width: 768px) { .be3600-main-container.be3600-nl .how-people .row > div { margin-top: 0 !important; margin-bottom: 1rem; } } .be3600-main-container.be3600-pl .grid { grid-auto-rows: 5.5rem; } @media (max-width: 400px) { .be3600-main-container.be3600-pl .grid { grid-auto-rows: 5.5rem; } } .be3600-main-container.be3600-pl .grid .grid-cell h2 { font-size: 2rem; } @media (max-width: 1199px) { .be3600-main-container.be3600-pl .grid .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-pl .grid .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .grid-cell h2 { font-size: 1rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-pl .grid .item-1 .grid-cell { background-size: 100%; background-position-y: 80%; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .item-1 .grid-cell { background-position-y: 90%; } } .be3600-main-container.be3600-pl .grid .item-1 .grid-cell h2 { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-pl .grid .item-1 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-pl .grid .item-1 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-pl .grid .item-1 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .item-1 .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 1280px) { .be3600-main-container.be3600-pl .grid .item-2 .grid-cell { background-position-x: 40%; } } @media (max-width: 768px) { .be3600-main-container.be3600-pl .grid .item-2 .grid-cell { background-size: 110%; background-position-x: 0%; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .item-2 .grid-cell { background-size: 120%; } } .be3600-main-container.be3600-pl .grid .item-2 .grid-cell h2 { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-pl .grid .item-2 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-pl .grid .item-2 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-pl .grid .item-2 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .item-2 .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-pl .grid .item-3 .grid-cell { background-position-y: 72%; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .item-3 .grid-cell { background-position-y: 100%; } } .be3600-main-container.be3600-pl .grid .item-3 .grid-cell h2 { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-pl .grid .item-3 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-pl .grid .item-3 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-pl .grid .item-3 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .item-3 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container.be3600-pl .grid .item-4 .grid-cell { align-content: start; } .be3600-main-container.be3600-pl .grid .item-4 .grid-cell > div { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-pl .grid .item-4 .grid-cell > div { top: 1.5rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-pl .grid .item-4 .grid-cell > div { top: 0.5rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-pl .grid .item-4 .grid-cell > div { top: 0; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .item-4 .grid-cell > div { top: 1.5rem; } } @media (max-width: 400px) { .be3600-main-container.be3600-pl .grid .item-4 .grid-cell > div { top: 0.75rem; } } .be3600-main-container.be3600-pl .grid .item-4 .grid-cell > div h2 { font-size: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-pl .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-pl .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-pl .grid .item-4 .grid-cell > div h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .item-4 .grid-cell > div h2 { font-size: 1.25rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-pl .grid .item-5 .grid-cell { background-position-x: 100%; background-size: 115%; } } @media (max-width: 991px) { .be3600-main-container.be3600-pl .grid .item-5 .grid-cell { background-size: 80%; } } .be3600-main-container.be3600-pl .grid .item-5 .grid-cell h2 { font-size: 1.75rem; } @media (max-width: 1199px) { .be3600-main-container.be3600-pl .grid .item-5 .grid-cell h2 { font-size: 1.6rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-pl .grid .item-5 .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .item-5 .grid-cell h2 { font-size: 1.15rem; } } .be3600-main-container.be3600-pl .grid .item-6 .grid-cell { align-content: end; background-position-y: 70%; } @media (max-width: 991px) { .be3600-main-container.be3600-pl .grid .item-6 .grid-cell { background-position-y: 55%; background-position-x: 30%; background-size: 106%; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .item-6 .grid-cell { align-content: start; background-position-y: 26%; background-position-x: 37%; background-size: 101%; } } @media (max-width: 440px) { .be3600-main-container.be3600-pl .grid .item-6 .grid-cell { background-position-x: 36%; background-position-y: -5%; background-size: 99%; } } .be3600-main-container.be3600-pl .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-pl .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-pl .grid .item-6 .grid-cell h2 { top: 1rem; font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-pl .grid .item-6 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-pl .grid .item-6 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container.be3600-pl .how-people .row > div:first-child { margin-top: 0; } .be3600-main-container.be3600-pl .how-people .row > div:nth-child(2) { margin-top: 7rem; animation-delay: 250ms; } @media (max-width: 991px) { .be3600-main-container.be3600-pl .how-people .row > div:nth-child(2) { margin-top: 8rem; } } .be3600-main-container.be3600-pl .how-people .row > div:nth-child(3) { margin-top: -3.5rem; animation-delay: 500ms; } @media (max-width: 1440px) { .be3600-main-container.be3600-pl .how-people .row > div:nth-child(3) { margin-top: -4rem; } } @media (max-width: 1360px) { .be3600-main-container.be3600-pl .how-people .row > div:nth-child(3) { margin-top: -5rem; } } .be3600-main-container.be3600-pl .how-people .row > div:nth-child(4) { margin-top: 2rem; animation-delay: 750ms; } @media (max-width: 991px) { .be3600-main-container.be3600-pl .how-people .row > div:nth-child(4) { margin-top: 3rem; } } .be3600-main-container.be3600-pl .how-people .row > div:nth-child(5) { margin-top: -4rem; animation-delay: 1000ms; } @media (max-width: 1360px) { .be3600-main-container.be3600-pl .how-people .row > div:nth-child(5) { margin-top: -6rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-pl .how-people .row > div:nth-child(5) { margin-top: -6.5rem; } } .be3600-main-container.be3600-pl .how-people .row > div:nth-child(6) { margin-top: 3rem; animation-delay: 1250ms; } @media (max-width: 768px) { .be3600-main-container.be3600-pl .how-people .row > div { margin-top: 0 !important; margin-bottom: 1rem; } } .be3600-main-container.be3600-sv .grid { grid-auto-rows: 5.5rem; } @media (max-width: 400px) { .be3600-main-container.be3600-sv .grid { grid-auto-rows: 5.5rem; } } .be3600-main-container.be3600-sv .grid .grid-cell h2 { font-size: 2rem; } @media (max-width: 1199px) { .be3600-main-container.be3600-sv .grid .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-sv .grid .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .grid-cell h2 { font-size: 1rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-sv .grid .item-1 .grid-cell { background-size: 100%; background-position-y: 80%; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .item-1 .grid-cell { background-position-y: 90%; } } .be3600-main-container.be3600-sv .grid .item-1 .grid-cell h2 { position: relative; top: 1rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-sv .grid .item-1 .grid-cell h2 { font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-sv .grid .item-1 .grid-cell h2 { font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-sv .grid .item-1 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .item-1 .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 1280px) { .be3600-main-container.be3600-sv .grid .item-2 .grid-cell { background-position-x: 40%; } } @media (max-width: 768px) { .be3600-main-container.be3600-sv .grid .item-2 .grid-cell { background-size: 110%; background-position-x: 0%; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .item-2 .grid-cell { background-size: 120%; } } .be3600-main-container.be3600-sv .grid .item-2 .grid-cell h2 { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-sv .grid .item-2 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-sv .grid .item-2 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-sv .grid .item-2 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .item-2 .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-sv .grid .item-3 .grid-cell { background-position-y: 72%; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .item-3 .grid-cell { background-position-y: 100%; } } .be3600-main-container.be3600-sv .grid .item-3 .grid-cell h2 { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-sv .grid .item-3 .grid-cell h2 { top: 1rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-sv .grid .item-3 .grid-cell h2 { top: 1rem; font-size: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-sv .grid .item-3 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .item-3 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container.be3600-sv .grid .item-4 .grid-cell { align-content: start; } .be3600-main-container.be3600-sv .grid .item-4 .grid-cell > div { position: relative; top: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-sv .grid .item-4 .grid-cell > div { top: 1rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-sv .grid .item-4 .grid-cell > div { top: 0.5rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-sv .grid .item-4 .grid-cell > div { top: 0; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .item-4 .grid-cell > div { top: 1.5rem; } } @media (max-width: 400px) { .be3600-main-container.be3600-sv .grid .item-4 .grid-cell > div { top: 0.75rem; } } .be3600-main-container.be3600-sv .grid .item-4 .grid-cell > div h2 { font-size: 2rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-sv .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-sv .grid .item-4 .grid-cell > div h2 { font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-sv .grid .item-4 .grid-cell > div h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .item-4 .grid-cell > div h2 { font-size: 1.25rem; } } @media (max-width: 1199px) { .be3600-main-container.be3600-sv .grid .item-5 .grid-cell { background-position-x: 100%; background-size: 115%; } } @media (max-width: 991px) { .be3600-main-container.be3600-sv .grid .item-5 .grid-cell { background-size: 80%; } } .be3600-main-container.be3600-sv .grid .item-5 .grid-cell h2 { font-size: 1.75rem; } @media (max-width: 1199px) { .be3600-main-container.be3600-sv .grid .item-5 .grid-cell h2 { font-size: 1.6rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-sv .grid .item-5 .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .item-5 .grid-cell h2 { font-size: 1.15rem; } } .be3600-main-container.be3600-sv .grid .item-6 .grid-cell { align-content: end; background-position-y: 70%; } @media (max-width: 991px) { .be3600-main-container.be3600-sv .grid .item-6 .grid-cell { background-position-y: 55%; background-position-x: 30%; background-size: 106%; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .item-6 .grid-cell { align-content: start; background-position-y: 26%; background-position-x: 37%; background-size: 101%; } } @media (max-width: 440px) { .be3600-main-container.be3600-sv .grid .item-6 .grid-cell { background-position-x: 36%; background-position-y: -5%; background-size: 99%; } } .be3600-main-container.be3600-sv .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } @media (max-width: 1280px) { .be3600-main-container.be3600-sv .grid .item-6 .grid-cell h2 { top: 1.5rem; font-size: 1.75rem; } } @media (max-width: 991px) { .be3600-main-container.be3600-sv .grid .item-6 .grid-cell h2 { top: 1rem; font-size: 1.75rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-sv .grid .item-6 .grid-cell h2 { top: 0; font-size: 1.5rem; } } @media (max-width: 576px) { .be3600-main-container.be3600-sv .grid .item-6 .grid-cell h2 { font-size: 1.25rem; } } .be3600-main-container.be3600-sv .how-people .row > div:first-child { margin-top: 0; } .be3600-main-container.be3600-sv .how-people .row > div:nth-child(2) { margin-top: 8rem; animation-delay: 250ms; } .be3600-main-container.be3600-sv .how-people .row > div:nth-child(3) { margin-top: -5.5rem; animation-delay: 500ms; } .be3600-main-container.be3600-sv .how-people .row > div:nth-child(4) { margin-top: 2rem; animation-delay: 750ms; } @media (max-width: 991px) { .be3600-main-container.be3600-sv .how-people .row > div:nth-child(4) { margin-top: 3rem; } } .be3600-main-container.be3600-sv .how-people .row > div:nth-child(5) { margin-top: -6.5rem; animation-delay: 1000ms; } @media (max-width: 991px) { .be3600-main-container.be3600-sv .how-people .row > div:nth-child(5) { margin-top: -9rem; } } .be3600-main-container.be3600-sv .how-people .row > div:nth-child(6) { margin-top: 2.5rem; animation-delay: 1250ms; } @media (max-width: 991px) { .be3600-main-container.be3600-sv .how-people .row > div:nth-child(6) { margin-top: 2rem; } } @media (max-width: 768px) { .be3600-main-container.be3600-sv .how-people .row > div { margin-top: 0 !important; margin-bottom: 1rem; } } .video-fixed-section { border-radius: 10px; overflow: hidden; } .video-fixed-section .fixed-video { position: fixed; bottom: 108px; left: 50px; z-index: 1000; width: 130px; min-height: 231px; border-radius: 10px; overflow: hidden; background-color: rgba(0, 0, 0, 0.75); max-width: 45vw; } @media (max-width: 1023px) { .video-fixed-section .fixed-video { bottom: 108px; left: 20px; min-height: 160px; width: 90px; } } .video-fixed-section .fixed-video.hide { display: none; } .video-fixed-section .fixed-video .con-box { position: relative; border-radius: 10px; overflow: hidden; } .video-fixed-section .fixed-video .con-box::before { content: ''; background: linear-gradient(-135deg, rgba(0, 0, 0, 0.5), transparent, transparent); position: absolute; top: 0; right: 0; width: 50px; height: 50px; z-index: 3; } .video-fixed-section .fixed-video canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .video-fixed-section .fixed-video .close { color: #fff; position: absolute; font-size: 18px; z-index: 3; opacity: 1; top: 8px; right: 8px; cursor: pointer; opacity: .5; } @media (max-width: 1023px) { .video-fixed-section .fixed-video .close { font-size: 12px; } } .video-fixed-section .fixed-video .wide { color: #fff; position: absolute; font-size: 18px; z-index: 3; opacity: 1; cursor: pointer; opacity: .8; pointer-events: none; background: linear-gradient(-45deg, rgba(0, 0, 0, .5), transparent, transparent); position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; z-index: 3; padding-left: 25px; padding-top: 15px; } @media (max-width: 1023px) { .video-fixed-section .fixed-video .wide { font-size: 16px; padding-left: 28px; padding-top: 20px; } } .video-fixed-section .fixed-video .video-wrapper, .video-fixed-section .fixed-video video { width: 100%; cursor: pointer; display: block; } /* show-video-box */ .show-video-box.active { display: block; } .show-video-box { display: none; } .show-video-box * { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.05); } .show-video-box ::-webkit-scrollbar { width: 10px; height: 10px; } .show-video-box ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .show-video-box ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); border-radius: 5px; } .show-video-box ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.4); } .show-video-box .bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1031; background: #000; opacity: 0.75; } .show-video-box .close { position: fixed; top: 1rem; left: 1rem; z-index: 2147483603; color: #fff; opacity: 1; cursor: pointer; } .show-video-box .close.hide { display: none; } .show-video-box .close1 { position: fixed; top: 1rem; left: 1rem; z-index: 2147483603; color: #fff; opacity: 1; cursor: pointer; display: none; } .show-video-box .close1.show { display: block; } .show-video-box .shop-button { position: fixed; top: 0.5rem; right: 0.5rem; z-index: 2147483603; display: none; } @media (max-width: 1023px) { .show-video-box .shop-button { display: block; top: auto; left: calc(50% - 75px); bottom: 50px; } .show-video-box .shop-button.hide { display: none; } } .show-video-box .con-box { position: fixed; top: 0; left: 50%; transform: translate(-50%, 0); max-width: 1400px; width: 100vw; height: 100vh; z-index: 2147483601; background-color: #222; display: flex; } @media (max-width: 1023px) { .show-video-box .con-box { display: block; } } .show-video-box .con-box .show-video-left { width: 75%; height: 100%; background: #000; } @media (max-width: 1023px) { .show-video-box .con-box .show-video-left { width: 100%; max-width: 1400px; } } .show-video-box .con-box video { width: 100%; height: 100%; object-fit: contain; } .show-video-box .con-box .show-video-right { width: 25%; } @media (max-width: 1023px) { .show-video-box .con-box .show-video-right { display: none; width: 100%; position: fixed; bottom: 0; left: 0; background-color: #222; } .show-video-box .con-box .show-video-right.active { display: flex; } } .show-video-box .con-box .show-video-right img { max-width: 100%; } .show-video-box .con-box .info-content-box .carousel { background: #fff; border-radius: 10px; } .show-video-box .con-box .info-content-box .product-detail { padding: 16vh 8%; position: relative; } .show-video-box .con-box .info-content-box .product-detail .product-detail-footer { width: 100%; text-align: center; } .show-video-box .con-box .info-content-box .product-detail .product-detail-footer .btn { background: #008b8a; color: #fff; width: 100%; } .show-video-box .con-box .info-content-box .product-detail .product-detail-wrapper { padding: 1rem 1rem 0; max-height: calc(100vh - 80px); overflow: auto; } @media (max-width: 1023px) { .show-video-box .con-box .info-content-box .product-detail .product-detail-wrapper { max-height: calc(100vh - 130px); } } .show-video-box .con-box .info-content-box .product-detail .description { padding-top: 1rem; margin-top: 1.3rem; border-top: 1px solid rgba(255, 255, 255, 0.15); } .show-video-box .con-box .info-content-box .product-detail .text-box { color: #fff; padding: 1.5rem 0; } .show-video-box .con-box .info-content-box .product-detail .title { line-height: 1.3; font-size: 1.1rem; font-weight: bold; } .show-video-box .con-box .info-content-box .product-detail .text-box-bottom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 5px; line-height: 1; } .show-video-box .con-box .info-content-box .product-detail .text-box-bottom .price { font-size: 1.25rem; padding: 0; margin: 0; } .show-video-box .con-box .info-content-box .product-detail .text-box-bottom .more-btn { padding: 8px 15px; border-radius: 30px; font-size: 14px; background: #666; transition: all 0.2s ease-in-out; } .show-video-box .products-list { padding: 0; margin: 0; } .show-video-box .products-list li { list-style-type: none; padding: 1rem; margin: 0 0 1rem; display: flex; cursor: pointer; transition: all 0.2s ease-in-out; border-radius: 10px; } .show-video-box .products-list li:hover { background: rgba(0, 0, 0, 0.2); } .show-video-box .products-list li:hover .more-btn { background: #008b8a; } .show-video-box .products-list .picture { width: 120px; border-radius: 10px; position: relative; overflow: hidden; } .show-video-box .products-list .picture .no { color: #fff; position: absolute; z-index: 2; background: rgba(0, 0, 0, 0.5); font-style: normal; width: 20px; line-height: 20px; text-align: center; display: block; font-size: 12px; } .show-video-box .products-list .text-box { color: #fff; width: calc(100% - 120px); padding: 5px 0 10px 20px; } .show-video-box .products-list .title { line-height: 1.5; } .show-video-box .products-list .text-box-bottom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 5px; line-height: 1; } .show-video-box .products-list .text-box-bottom .price { font-size: 14px; padding: 0; margin: 0; } .show-video-box .products-list .text-box-bottom .more-btn { padding: 8px 15px; border-radius: 30px; font-size: 14px; background: #666; transition: all 0.2s ease-in-out; } /* product nav */ .product-nav { background-color: #eeeeee; position: sticky; top: 0px; z-index: 999; } .product-nav .product-nav-container { overflow-x: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .product-nav .product-nav-container::-webkit-scrollbar { display: none; } @media (max-width: 768px) { .product-nav .product-nav-container { overflow-x: inherit; } } .product-nav .product-nav-container .product-nav-content { display: flex; flex-direction: row; justify-content: left; align-items: center; white-space: nowrap; } @media (max-width: 768px) { .product-nav .product-nav-container .product-nav-content { overflow-x: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .product-nav .product-nav-container .product-nav-content::-webkit-scrollbar { display: none; } } .product-nav .product-nav-container .product-nav-content .product-nav-item { color: #6c757d; height: -moz-fit-content; height: fit-content; padding: 0.75rem 1.5rem; background: none !important; border-bottom: 2px solid transparent; } @media (max-width: 991px) { .product-nav .product-nav-container .product-nav-content .product-nav-item { padding: 0.75rem 1rem !important; } } @media (max-width: 768px) { .product-nav .product-nav-container .product-nav-content .product-nav-item { padding: 0.75rem 1rem !important; } } .product-nav .product-nav-container .product-nav-content .product-nav-item:hover { color: #3dc1cf; transition: 0.3s ease; } .product-nav .product-nav-container .product-nav-content .product-nav-item.active { color: #3dc1cf; border-color: #3dc1cf; } #ytvideoPlayer .card { background-color: black; } #ytvideoPlayer .card iframe { aspect-ratio: 16/9; width: 100%; } @media screen and (max-width: 991px) { #ytplaylist { width: 100%; padding: 0 20px !important; } } #ytplaylist .card { background-color: black; } #ytplaylist .card #ytListBtn { display: none; } @media screen and (max-width: 991px) { #ytplaylist .card #ytListBtn { display: inline-block; } } #ytplaylist .card #ytPlayListUl { flex: 1; overflow: auto; padding: 0.5rem 1.5rem; } @media screen and (max-width: 991px) { #ytplaylist .card #ytPlayListUl { display: none; padding: 20px; } } @media screen and (max-width: 991px) { #ytplaylist .card h5 { margin: 0; } } /* Container for video player and playlist */ #youtube-playlist-container { display: flex; flex-direction: column; /* Stack items vertically */ align-items: center; /* Center items horizontally */ } /* Style for the video player container */ #playlistVideo { width: 100%; /* Set width to 100% for responsiveness */ width: 960px; /* Set a maximum width for larger screens */ margin: 0 auto; /* Center the player horizontally */ height: 520px; max-width: 100% !important; } @media only screen and (max-width: 767px) { #playlistVideo { width: 450px; /* Set width to 100% for screens up to 767px (typical tablets and mobile devices) */ max-width: none; /* Remove max-width for mobile responsiveness */ margin: 0; /* Remove any margin for mobile responsiveness */ height: 320px; } } #ytplaylist { overflow-y: auto; /* Enable vertical scrolling */ white-space: nowrap; /* Prevent items from wrapping to the next line */ display: flex; flex-direction: column; /* Align items vertically */ background-color: black; /* Set background color to black */ padding: 20px; /* Add padding for better appearance */ max-height: 520px; /* Set max-height to the same value as the video player's height */ } #ytplaylist li { list-style: none; /* Remove list-style points */ text-align: left; margin-bottom: 10px; display: flex; align-items: center; /* Align items vertically */ transition: background-color 0.3s ease-in-out; /* Add a smooth transition effect for background color */ } #ytplaylist li:hover { background-color: #333; /* Change background color on hover */ border-radius: 15px; } #ytplaylist li:hover .video-title { color: #fff; /* Change text color on hover */ } #ytplaylist img { cursor: pointer; border: 2px solid #ddd; /* Add a border to make it visually distinct */ border-radius: 8px; transition: border-color 0.3s ease-in-out; /* Add a smooth transition effect */ margin-right: 10px; /* Add margin to separate image and title */ width: 150px; /* Set the image width */ } #ytplaylist img:hover { border-color: #555; /* Change border color on hover */ } #ytplaylist .title-container { max-width: 250px; /* Set the maximum width for the title container */ width: 100%; /* Ensure it takes up the available width */ white-space: normal; /* Allow text to break into multiple lines */ } @media screen and (max-width: 991px) { #ytplaylist .title-container { max-width: inherit; } } #ytplaylist .video-title { font-size: 14px; color: white; /* Set text color to white */ transition: color 0.3s ease-in-out; /* Add a smooth transition effect for text color */ text-align: left; /* Align text to the left */ } .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review { display: flex; flex-wrap: wrap; } .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review { padding: 0 1rem; vertical-align: middle; display: inline-flex; } @media (max-width: 1440px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review { transform: translateX(0); } } @media (max-width: 991px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review { vertical-align: top; } } .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card { display: flex; height: 100%; } .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row { background-color: #ffffff; margin: 0; align-items: center; } @media (max-width: 991px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row { align-items: flex-start; } } @media (max-width: 768px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row { margin-right: 0; } } .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row .card-image { height: 100%; } @media (max-width: 991px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row .card-image { height: auto; } } .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row .card-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 15px 0 0 15px; } @media (max-width: 991px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row .card-image img { border-radius: 15px 15px 0 0; width: 100%; height: auto; } } .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row p { font-size: 1.1rem; } .tiny-slider-controls.circle-controls { margin: 0; padding: 0; cursor: pointer; } .tiny-slider-controls.circle-controls:focus { outline: none; } .tiny-slider-controls.circle-controls a { display: inline-block; width: 50px; height: 50px; text-align: center; border-radius: 25px; border: 1px solid #c5c5c5; padding: 12px; color: #8f969c; } .tiny-slider-controls.circle-controls a:hover { background-color: #17a2b8; color: white; } .gl-section-banner { background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .gl-banner-top { height: 28rem; } .btn-round { border-radius: 50px; padding: 1rem 2rem; text-transform: uppercase; font-weight: bold; } @media (max-width: 768px) { .btn-round { font-size: 13px; min-height: 50px; border-radius: 50px; padding: 14px 1.5rem; text-transform: uppercase; font-weight: bold; } } .vpn-places { background-image: url("https://static.gl-inet.com/www/images/products/gl-ar750s/vpn_places.jpg"); background-repeat: repeat-x; background-position: bottom; background-color: #f5f5f5; height: 22rem; } .txt-lg { font-size: 1.5rem; color: #f5f5f5; } .hide { display: none; } /* vpn speed bar */ .vpn-speed-bar { background: transparent; border-radius: 0%; height: 30px; } .vpn-speed-bar > .progress-bar { text-align: right; padding-right: 15px; } /* vpn speed bar end */ @media (max-width: 767.98px) { .gl-banner-top { height: auto !important; } } @media (max-width: 575.98px) { .header-text { padding-left: 2rem; padding-bottom: 3rem; } } .icon-check { color: #44b4b1; } .icon-asterisk { color: #44b4b1; } .icon-minus { color: #a1a1a1; } .carousel-indicators, .carousel-control-next, .carousel-control-prev { filter: invert(20%); } /* for video play button */ .fa-play-circle { transition-duration: 0.4s; } .fa-play-circle:hover { opacity: 0.7; } /* new style play button */ .fa-circle-play { transition-duration: 0.4s; } .fa-circle-play:hover { opacity: 0.7; } /* cloudflare section in product page */ .product-cloudflare-section { background: #f3f8fd; } /* specs section in product page */ .product-specs-section { background-color: #f4f5f7; } Previous Next Slate 7 (GL-BE3600) Dual-band Wi-Fi 7 Travel Router MEET Slate 7 Dual-band Wi-Fi 7 Travel Router GL.iNet's First Dual-band Wi-Fi 7 Travel Router Slate 7 delivers faster speeds and more stable connections, ensuring you stay connected in any environment. Equipped with dual 2.5G high-speed ports, it offers lightning-fast network performance, perfect for demanding tasks such as streaming, gaming, and video calls. Its compact and portable design makes it the ideal choice for business trips and vacations, providing secure internet access wherever you go. Max. 688 Mbps (2.4GHz) + 2882 Mbps (5GHz) Fast Wi-Fi SpeedsDual 2.5G Ethernet Ports (1x WAN and 1x LAN Port)OpenVPN-DCO speed up to 385 Mbps; WireGuard® speed up to 490 MbpsSupports Type-C power with PD Compatibility, Featuring a Lighter AdapterInteractive Touchscreen with Advanced Router Control Functionality * Tests conducted on a local network. Real world speeds may differ depending on your network configuration.* OpenVPN and WireGuard speeds will be slower when running the device as a server. Results above are in client mode. View Specs Online Guide Previous Next Highlight Features Scenarios Reviews Specs let currentModel = '' window.addEventListener("scroll", function() { document.querySelectorAll(".product-nav-section").forEach((section) => { let sectionTop = section.offsetTop; if (pageYOffset >= sectionTop - 100) { currentModel = section.getAttribute("id"); } }); document.querySelectorAll(".product-nav-item").forEach((li) => { if (li.classList.contains(currentModel)) { li.classList.add("active"); } else { li.classList.remove("active"); } }); }); Revolutionary Network Control with Touchscreen Simplicity Slate 7 features an innovative touchscreen interface, revolutionizing the way you interact with your router. The intuitive touchscreen allows you to scan QR codes for quick Wi-Fi connections, while also enabling real-time speed monitoring, VPN on/off toggling, and switching between preferred VPN providers directly on the display. The screen provides instant network status updates through color-coded indicators for Ethernet, Tethering, Repeater, and Cellular modes, combining convenience and other advanced functionality to deliver a seamless, user-friendly experience for smarter network management. Wi-Fi 7 3600Mbps VPN Server Dual 2.5G Ports 30+ VPN Services OpenWrt 23.05 Kernel Version 5.4.213 PD Power Port AdGuard Home DNS USB 3.0 Port Wi-Fi 7 5GHz 2882 Mbps 2.4GHz 688 Mbps Lightning-Fast Wi-Fi 7 Speeds Powered by Wi-Fi 7 technology, Slate 7 delivers speeds of up to 688 Mbps on 2.4GHz and 2882 Mbps on 5GHz, ensuring smooth 8K video streaming, secure access to public Wi-Fi while traveling, and efficient connectivity for business trips. LEARN MORE ABOUT OUR WI-FI 7 SOLUTIONS LEARN MORE ABOUT OUR WI-FI 7 SOLUTIONS Compact Convenience for Modern Travelers Measuring just 130 x 91 x 34 mm, its compact design makes it a convenient companion for seamless on-the-go internet access. A Masterpiece of Hardware Engineering Slate 7 features a Type-C power interface with PD compatibility, paired with a lightweight adapter to enhance convenience and portability. With 1GB of DDR4 memory and 512MB of NAND Flash storage, the Slate 7 ensures smooth operation and ample space for essential configurations. Secured Internet with your favourite VPN services 24/7 Slate 7 includes over 30 built-in VPN services, supporting OpenVPN-DCO (up to 385Mbps) and WireGuard@ (up to 490Mbps). This integrated VPN enhances security by encrypting your internet connection, safeguarding sensitive data from threats, and providing safe access to public Wi-Fi. It allows you to browse, stream, and communicate with peace of mind, no matter where your travels take you. OpenWrt-Based SDK for Flexible Customization The Slate 7 (GL-BE3600) is a high-performance Wi-Fi 7 travel router, built with OpenWrt 23.05 (Kernel 5.4.213) for maximum customization and advanced networking capabilities. With 1GB of storage, users can install a wide range of OpenWrt plugins, enabling features like ad-blocking, traffic monitoring, enhanced security, and custom network configurations. Connecting to 120+ devices simultaneously Powered by advanced enhanced OFDMA technology, Slate 7 optimizes bandwidth by efficiently allocating resources across multiple devices, ensuring seamless data transmission with minimal latency. Whether in high-density environments or demanding applications, Slate 7 delivers stable, high-speed connectivity, making it the ideal solution for handling numerous connections without compromise. Maximize Your Internet Potential with Slate 7 Slate 7 exemplifies the future of wireless technology, offering blazing-fast speeds, diminished latency, and enhanced connectivity in crowded environments through advancements such as Multi-Link Operation (MLO), refined OFDMA, 4K QAM, and preamble puncture. Previous Next Stay Connected Anywhere with PD-Powered Convenience Slate 7 is designed for modern travelers, featuring PD protocol support for efficient power input. It seamlessly works with 5V/3A, 9V/3A, and 12V/2.5A power sources, ensuring compatibility with a wide range of devices. Paired with a lightweight adapter, this router combines ultimate portability and convenience, keeping you connected on the go without the burden of bulky power supplies. Seamless Connectivity and Secure Sharing on the Go With support for multiple devices, Slate 7 allows you to connect all your devices simultaneously without sacrificing performance. Additionally, by plugging in an external USB drive, you can create a private network to securely store and easily share photos and videos with your travel companions. Allowing you to maintain connectivity and effortlessly share your journey with others wherever you travel. Portable VPN Solution for Remote Work and Travel Slate 7 comes pre-installed with OpenVPN and WireGuard, supporting over 30 VPN services. It can be easily configured as either a VPN client or server, providing full flexibility. This feature enables remote workers and business travelers to securely connect to their internal networks from anywhere, access sensitive resources, and manage printers at home or in the office, all while maintaining control over their network IP address. Bypass Geographical Restrictions to Watch Your Favorite Show Slate 7 enables connections to servers in various regions, granting access to preferred websites that may be restricted in your current location. It effectively overcomes geographical limitations and provides the flexibility to explore a wider array of online content, ensuring you never miss out on your favorite entertainment options. Slate 7 How People Would Use Slate 7 The Slate 7 (GL-BE3600) is the ultimate travel and home networking router. With its powerful hardware, flexible connectivity, and open-source firmware, it's the top choice for professionals, gamers, remote workers, and networking enthusiasts alike. But don’t just take our word for it-here are reasons why users want the Slate 7! Seamless Connectivity Anywhere Enhance your connectivity with Slate 7-easily share documents by setting it up as a print server, bypass hotel Wi-Fi restrictions with captive portal handling, and build a mobile workstation for secure, high-speed internet anywhere. Network Optimization & Security Secure and streamline your network with powerful features-set up a VPN server at home and use Slate 7 as a VPN client for remote file access, monitor traffic with real-time analytics and QoS controls, and safeguard your privacy with DNS encryption and VPN protection. Tech Enthusiasts Unlock endless possibilities with advanced networking-customize your setup with custom firmware and scripting, deploy it as a mini server for self-hosted apps, or extend your Wi-Fi coverage for seamless connectivity. Gaming & Entertainment Experience ultra-fast, lag-free connectivity-optimize QoS settings to reduce latency and packet loss, enjoy seamless gaming on the go, stream 8K videos, and power multiplayer gaming with Wi-Fi 7, all while connecting multiple devices without performance drops. Business & Productivity Build a seamless remote office with fast, secure connections, optimize bandwidth for VoIP and video calls, and set up a dedicated guest network for clients and partners. Travel & Adventure Stay connected on the road with reliable internet in your RV or campervan, share a single mobile data plan with fellow travelers, and effortlessly set up temporary networks for events and trade shows. Professional Tech Press Insights For anyone looking to buy a travel router with almost unlimited bells and whistles, the Slate 7 has extensive customization features, a feature toggle switch, advanced securityand VPN integration alongside the speed and advantages of Wi-Fi 7. While most Wi-Fi routers can be used as an access point by turning DHCP off and wiring its WAN port to a LAN port on your primary router ...some routers are even easier to extend your Wi-Fi with...like GL.iNet's travel routers, which run OpenWrt and can turn into a Wi-Fi repeater either by plugging in a cable to the WAN port, or wirelessly by connecting it to your primary Wi-Fi. Overall, I just think this little box is neat. Sure, I can cobble together something faster and with better features. What I cannot do is make that for under $150 and also make it sleek with a status display screen and a compact chassis, especially if I account for my time. The reason I will pick one of these up is just to have it in my suitcase for when I might need it. The GL.iNet Slate 7 is precisely what I wanted on paper for a travel router, and it still has the potential to be something great. This travel router beautifully blends speed, security, and compact simplicity all in one device. It has dual 2.5GbE ports, a built-in VPN, a touchscreen for ease of navigating the onboard UI, and it is all easily powered by USB-C while barely pulling any power. Product Reviews from Youtubers Slate 7 (GL-BE3600) Reviews SLATE 7 VPN Router Review & Setup | GL.iNet + NordVPN + PIA Configuration Guide Do You NEED a WiFi 7 Travel Router? (GL.iNet Slate 7 GL-BE3600 Review) The RTX 5090 loses to a ROUTER! GL.iNet has entered the chat... GL.iNet Slate 7 (GL-BE3600) Portable Wi-Fi 7 Router Revealed Portable Wi-Fi? Sign Me Up! FIRST LOOK! Slate 7 Travel Router from GL.iNet #ces2025 #traveltech 🙌 Big thanks to @Bitwit for sharing this awesome travel tip! ✈️📶 🔒 Who doesn’t love security? Who doesn’t value privacy? GL.iNet Slate 7 (BE-3600) Travel Router Will Change Your Remote Work Forever! #informationtechnology #tech #networking Gl.iNet Slate 7 - GL-BE3600 - The Ultimate Travel Router Slate 7 Unboxing and an update on locking the touchscreen! GL-BE3600 GL.iNET GL-BE3600 Slate 7 Travel VPN Router : You Need This! HOW-TO Setup GLINET Travel Routers : Slate 7 GL-BE3600 Guide GL.iNet Slate 7 BE3600 Travel Router: Wi-Fi 7 on the Go View More What Beta Tester are Saying I think I'm in love with the new compact power supply... The Slate7 with the touchscreen is a nice addon in the GL.iNet family... the display does make the share of (guest) WiFi much more comfortable, the on/off of different VPN instead of one on/of button is cool, and I can fast ask at the phone for the actual IP... @LupusE Screen really useful you can connect, reset and disconnect... I really like design of your travel routers. Especially this one slate7(gl-be3600) for design. @Mniko I really have enjoyed using my Slate 7. It is travel friendly (portable size, USB-C power and USB port for tether/storage) and it can handle advanced features like VPNs (both OpenVPN and WireGuard). The touchscreen lets you keep an eye on status and even enable/disable certain features easily. @CookieP71 This router has been AMAZING this week. Rock solid performance in the different hotels and airports I've been in. In one hotel my room was on the 3rd floor and I had a great signal in the restaurant on the first floor! This one is a winner! @Aargvark The Slate 7 is an absolute standout in both aesthetics and performance... Setup was effortless, and the compact form factor is perfect for travel. The performance is exceptional, delivering fast and reliable good range connectivity... @tarxvf Buttons feel of good quality and the antennas click into place in 90 degrees and 180 degree positions as desired.No flimsy or poor quality perception during the beta test use everyday and while used for traveling. @nyctn Model Comparison Slate 7 / GL-BE3600 Dual-band Wi-Fi 7 Travel Router VS Beryl AX / GL-MT3000 Wi-Fi 6 Gigabit Travel Router Qualcomm, Quad-core @1.1GHz CPU CPU MT7981B Dual-core, @1.3GHz DDR4 1GB / NAND Flash 512MB Memory / Storage Memory / Storage DDR4 512MB / NAND Flash 256MB 1 x 2.5Gbps WAN Ethernet Port WAN Ports WAN Ports 1 x 2.5Gbps WAN Ethernet Port 1 x 2.5Gbps LAN Ethernet Port LAN Ports LAN Ports 1 x 1Gbps LAN Ethernet Port 688Mbps(2.4GHz), 2882Mbps(5GHz) Wi-Fi Speed Wi-Fi Speed 574Mbps(2.4GHz), 2402Mbps(5GHz) Max.385Mbps (with DCO support) OpenVPN Speed OpenVPN Speed Max.150Mbps Max.490Mbps WireGuard Speed WireGuard Speed Max.300Mbps Type-C, 5V/3A, 9V/3A, 12V/2.5A Power Input Power Input Type-C, 5V/3A 130 x 91 x 34mm / 295g Dimension / Weight Dimension / Weight 120 x 83 x 34mm / 196g * Tests conducted on a Local Network. Real world speeds may differ depending on your network configuration. * OpenVPN and WireGuard speeds will be slower when running the device as a server. Results above are in client mode. OpenWrt Pre-installed Wi-Fi 7 VPN Client /Server Dual 2.5GEthernet Ports DNSEncryption Multi-LinkOperation PD Power Supply(5V/3A, 9V/3A, 12V/2.5A) Touchscreen Specifications Interface 1 x WAN Ethernet port1 x LAN Ethernet port1 x USB 3.0 port1 x Type-C Power port1 x Reset button1 x Toggle button CPU Qualcomm Quad-core, @1.1GHz Memory / Storage DDR4 1GB / NAND Flash 512MB Protocol IEEE 802.11a/b/g/n/ac/ax/be Wi-Fi Speed 688Mbps (2.4GHz), 2882Mbps (5GHz) Antennas 2 x foldable external Wi-Fi antennas Ethernet Speed 10/100/1000/2500Mbps Power Input Type-C, 5V/3A, 9V/3A, 12V/2.5A Power Consumption { const distance = Math.max(0, window.scrollY - section.offsetTop + window.innerHeight ) const total = section.clientHeight let percentage = distance / total percentage = Math.max(0, percentage) percentage = Math.min(percentage, 1) if (vid.duration > 0) { vid.currentTime = vid.duration * percentage } } scroll() window.addEventListener('scroll', scroll) let lastScrollTopSticky = 0; function handleAnimationSticky() { const elementList = document.querySelectorAll('.animate_sticky'); elementList.forEach((element) => { let top = element.getBoundingClientRect().top; let bottom = element.getBoundingClientRect().bottom; let height = element.offsetHeight; let winHeightScrollUp = window.innerHeight * 0.04; // 获取当前的滚动位置 let scrollTop = window.pageYOffset || document.documentElement.scrollTop; // 更新为当前的滚动位置，以便下次比较 setTimeout(function() { lastScrollTopSticky = scrollTop lastScrollTopSticky) { //console.log('向下滚动'); if ((Math.abs(top) < winHeightScrollUp)) { if (!element.classList.value.includes('in-sticky')) { element.classList.add('in-sticky'); } } } else { //console.log('向上滚动'); if (element.classList.value.includes('in-sticky')) { element.classList.remove('in-sticky'); } } }) } window.addEventListener('scroll', handleAnimationSticky); let lastScrollTop = 0; function handleAnimation() { const elementList = document.querySelectorAll('.animate'); elementList.forEach((element) => { let top = element.getBoundingClientRect().top; let bottom = element.getBoundingClientRect().bottom; let height = element.offsetHeight; let winHeightScrollUp = window.innerHeight * 0.6; let winHeightScrollDown = window.innerHeight * 0.25; // 获取当前的滚动位置 let scrollTop = window.pageYOffset || document.documentElement.scrollTop; // 更新为当前的滚动位置，以便下次比较 setTimeout(function() { lastScrollTop = scrollTop lastScrollTop) { //console.log('向下滚动'); if ((Math.abs(top) < winHeightScrollUp)) { if (!element.classList.value.includes('in-view')) { element.classList.add('in-view'); } } if (bottom < (window.innerHeight * 0.65) || bottom > (window.innerHeight + height - 50)) { element.classList.remove('in-view'); } } else { //console.log('向上滚动'); if (!element.classList.value.includes('in-view')) { if (bottom > (window.innerHeight * 0.5) || bottom > (window.innerHeight + height - 50)) { element.classList.add('in-view'); } } if (top > (window.innerHeight * 0.45)) { element.classList.remove('in-view'); } } }) } window.addEventListener('scroll', handleAnimation); function handleAnimationOne(element) { const elementList = document.querySelectorAll('.animate_one'); elementList.forEach((element) => { let top = element.getBoundingClientRect().top; let bottom = element.getBoundingClientRect().bottom; let height = element.offsetHeight let winHeight = window.innerHeight * 0.8 if ((Math.abs(top) < winHeight)) { if (!element.classList.value.includes('in-view')) { element.classList.add('in-view'); } } if (bottom < 50 || bottom > (window.innerHeight + height - 50)) { element.classList.remove('in-view'); } }) } window.addEventListener('scroll', handleAnimationOne); document.addEventListener('DOMContentLoaded', () => { const closeButtons = document.querySelectorAll('.fixed-video .close'); closeButtons.forEach(btn => { btn.addEventListener('click', function() { const parent = this.closest('.fixed-video'); // 添加一个隐藏类，由 CSS 处理淡出效果 parent.classList.add('fade-out'); // 等动画结束后彻底移除或隐藏 setTimeout(() => { parent.style.display = 'none'; }, 300); // 300ms 应与 CSS transition 时间一致 }); }); }); const canvas = document.getElementById('videoCanvas'); const video = document.getElementById('videoSource'); const ctx = canvas.getContext('2d'); function resizeCanvas() { canvas.width = video.videoWidth; canvas.height = video.videoHeight; } video.addEventListener('loadedmetadata', function () { resizeCanvas(); video.muted = true; const playPromise = video.play(); if (playPromise !== undefined) { playPromise.catch(error => { console.log('自动播放失败:', error); }); } }); function drawVideoFrame() { if (video.paused || video.ended) return; ctx.drawImage(video, 0, 0, canvas.width, canvas.height); requestAnimationFrame(drawVideoFrame); } video.addEventListener('play', function () { drawVideoFrame(); }); window.addEventListener('resize', function () { resizeCanvas(); }); const videoContainer = document.querySelector('.fixed-video'); const videoWrapper = document.querySelector('.fixed-video .video-wrapper'); const showVideoBox = document.querySelector('.show-video-box'); const showVideo = document.getElementById('showVideo'); const closeButton = document.querySelectorAll('.fixed-video .close'); const closeButtons = document.querySelectorAll('.show-video-box .close'); const close1Buttons = document.querySelectorAll('.show-video-box .close1'); const productDetails = document.querySelector('.show-video-right'); const productShopButtons = document.querySelector('.show-video-box .shop-button'); // Function point 1 if (videoWrapper && showVideoBox && showVideo) { videoWrapper.addEventListener('click', function () { showVideoBox.classList.add('active'); showVideo.play().catch(error => { console.log('大视频播放失败:', error); }); }); } // Function point 2 closeButton.forEach(button => { button.addEventListener('click', function (e) { e.stopPropagation(); videoContainer.classList.add('hide') }); }); // Function point 3 closeButtons.forEach(button => { button.addEventListener('click', function (e) { e.stopPropagation(); if (showVideoBox) { showVideoBox.classList.remove('active'); } if (showVideo) { showVideo.pause(); showVideo.currentTime = 0; } }); }); // Function point 4 if (productShopButtons) { productShopButtons.addEventListener('click', function () { productDetails.classList.add('active'); closeButtons[0]?.classList.add('hide'); productShopButtons?.classList.add('hide'); close1Buttons[0]?.classList.add('show'); }); } // Function point 5 if (close1Buttons[0]) { close1Buttons[0].addEventListener('click', function () { productDetails.classList.remove('active'); closeButtons[0]?.classList.remove('hide'); productShopButtons?.classList.remove('hide'); close1Buttons[0]?.classList.remove('show'); }); } Show more