/* created by Paywiser team 2023-2024 */
/* generals */
html, body {height: 100%;}
html {scroll-behavior: smooth;}
body {
	font-family: "Noto Sans HK", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	color: #231F20;
}
strong {font-weight: 700;}
.br-1024, .br-ipxl, .br-768, .br-736, .br-667, .br-568, .br-480, .br-414, .br-375, .br-360, .br-320, .br-ipdport {display: none;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1220px;}
.no-bottom-margin {margin-bottom: 0!important;}
.view-pc, .view-mb, .hide {display: none;}
.alert {line-height: 1.6;}
.alert svg {width: 16px; height: 16px;}
a {color: #262262;}
a:hover {color: #00B4DA;}
figure {text-align: center;}
figure img {margin-bottom: 10px;}
figcaption {text-align: center; font-style: italic; color: #292C5E;}
.remarks {font-size: 80%;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.get-corner {border-radius: 24px;}
.card {
	border-radius: 10px;
	background: rgba(255,255,255,0.6);
	box-shadow: 0 0 5px #ccc;
	border-color: #fff;
}
.card .card {
	margin-bottom: 24px;
	border-radius: 10px;
	border: none;
	background-color: #fff;
	box-shadow: 0 0 5px #ccc;
}
.card .card:last-child {margin-bottom: 0;}
.card h2 {
	text-align: center;
	margin-bottom: 5%;
	color: #262262;
}
.card h3 {
	margin-bottom: 3%;
	text-align: center;
}
.sticky {position: fixed; top: 0; width: 100%; z-index: 99999; padding-top: 10px!important; padding-bottom: 10px!important; box-shadow: 0 0 3px #999; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.section-box, .sectionbox {padding: 5% 0;}
.subsection, .subsectionbox {margin-bottom: 60px;}
#partnersHome {background-color: #fff;}
.section-box h2, .sectionbox h2 {
	font-size: 300%;
	font-weight: 300;
	color:#262262;
}
.subsection-box, .subsection {margin-bottom: 30px;}
.section-title {font-size: 2.75rem; color: #1598D5; text-align: center; margin-top: 0; margin-bottom: 24px; text-transform: capitalize;}
.section-subtitle {font-size: 1.5rem; color: #292C5E; text-align: center; line-height: 1.4;}
.table {margin-bottom: 3%;}
p:last-child {margin-bottom: 0;}
.accordion-button {font-weight: 700; color: #292C5E;}
.accordion-button:not(.collapsed) {background-color: rgba(0,180,218,0.1);}
.accordion-body .material-symbols-outlined {font-size: 70%;}

.diagonal-box {padding: 2rem 0;}
.diagonal-box:nth-child(1), .diagonal-box:nth-child(2) {
	clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
	padding: 2rem 0;
}
.diagonal-box:nth-child(3) {
	clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
	padding: 8rem 0;
}
.diagonal-box:nth-child(4) {
	clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
	padding: 10rem 0;
}
.diagonal-box:nth-child(5) {
	clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
	padding: 10rem 0;
}

/* icons */
@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 100 700;
	src: url(/font-face/MaterialIconsOutlined-Regular.woff2) format('woff2');
}
.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}
.material-symbols-outlined {
	font-variation-settings:
	'FILL' 0,
	'wght' 400,
	'GRAD' 0,
	'opsz' 24;
	vertical-align: middle;
}
.big-icon {
	display: inline-block;
	margin: 2% 0;
	padding: 20px;
	line-height: 1;
	border-radius: 50%;
	border: 1px solid #efefef;
	background: rgb(255,255,255);
	background: linear-gradient(320deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
}
.big-icon img {height: 44px; width: auto;}
.big-icon-noborder {
	display: inline-block;
	margin: 0 0 2%;
	line-height: 1;
}
.big-icon .material-symbols-outlined {font-size: 150%; line-height: 1;}
.big-icon-noborder .material-symbols-outlined {font-size: 500%; line-height: 1;}

/* heading */
h1, h2, h3 {font-weight: bold;}

/* color setting */
.text-white {color: #fff;}
.main-grey {color: #231F20;}
.main-blue {color: #262262;}
.light-grey {color: #9C9CA6;}
.navy, .navy-blue {color: #262262;}
.success, .txt-green {color: #30B566;}
.danger, .text-red {color: #D41F3A;}
.warning, .text-yellow {color: #FFC10D;}
.get-txt-gradient-navy {background: rgb(38,34,98); background: linear-gradient(146deg, rgba(38,34,98,1) 0%, rgba(38,34,98,1) 80%, rgba(241,90,41,1) 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.bg-main-grey {background-color: #231F20;}
.bg-main-blue {background-color: #1598D5;}
.bg-light-blue {background-color: #00B4DA;}
.bg-light-grey {background-color: #9C9CA6;}
.bg-yellow {background-color: #FFC10D;}
.bg-light-yellow {background-color: #FBDB8D;}
.bg-teal {background-color: #2898AA;}
.bg-light-teal {background-color: #D7EBF6;}
.bg-purple {background-color: #6366AE;}
.bg-lavender {background-color: #AD6DAD;}
.bg-light-red {background-color: #EA839C;}
.bg-b01 {background-color: rgba(0,141,210,0.05);}
.bg-b02 {background-color: rgba(0,141,210,0.1);}
.bg-b03 {background-color: rgba(0,141,210,0.15);}
.bg-b04 {background-color: rgba(0,141,210,0.2);}
.bg-lb01 {background-color: rgba(0,180,218,0.05);}
.bg-lb02 {background-color: rgba(0,180,218,0.1);}
.bg-lb03 {background-color: rgba(0,180,218,0.15);}
.bg-lb04 {background-color: rgba(0,180,218,0.2);}
.bg-white {background-color: #fff;}
.bg-org-prpl {background: linear-gradient(135deg,  rgba(255,237,193,1) 1%,rgba(255,237,193,1) 60%,rgba(219,217,249,1) 100%); color: #292C5E;}
.bg-prpl-pnk {background: linear-gradient(135deg,  rgba(209,221,255,1) 0%,rgba(201,195,229,1) 60%,rgba(255,201,229,1) 100%); color: #292C5E;}
.br-org-grn {background: linear-gradient(135deg,  rgba(255,233,175,1) 0%,rgba(229,229,185,1) 100%);}
.bg-blu-org {background: linear-gradient(135deg,  rgba(38,34,98,1) 0%,rgba(38,34,94,1) 60%,rgba(241,90,41,1) 100%);}

/* buttons */
.btn {text-decoration: none; text-transform: uppercase; border-radius: 40px; min-width: 120px;}
.btn-primary {
	background: linear-gradient(135deg,  #262262 0%,#262262 70%,#f15a29 100%);
	border-color: #262262;
}
.btn:hover {background-color: #f15a29; border-color: #f15a29;}
.btn-outline-primary {color: #262262; border-color: #262262;}
.nav-link:focus, .nav-link:hover {color: #f15a29;}

/* listing */
ul {list-style-type: square; padding-left: 20px;}
li {margin-bottom: 16px;}
li li {margin-bottom: 10px;}
ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}
ol > li {
	display: table;
	counter-increment: item;
	margin-bottom: 16px;
}
ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;    
}
li ol > li {margin: 0 0 10px;}
li ol > li:before {content: counters(item, ".") " ";}
ol.list-letter {list-style: none; counter-reset: item;}
ol.list-letter li {counter-increment: section;}
ol.list-letter li::before {counter-increment: item; content: counter(item, lower-alpha)".";}
ol.list-letter ul {counter-reset: item;}
ol.list-letter ul li::before {content: none;}
.no-lists {list-style-type: none; padding-left: 0;}

/* tables */
.table-hover>tbody>tr:hover>* {background-color: #f3fdff; --bs-table-color-state:none; --bs-table-bg-state:none;}
th {background: rgba(0,0,0,0.05)!important;}

/* header */
.bg-body-tertiary {background-color: transparent!important;}
#spLogo img {height: 64px; width: auto;}
#spayHeader {line-height: 44px; padding-top: 20px; padding-bottom: 20px; background: rgba(255,255,255,0.8); backdrop-filter: blur(5px);}
#spayTopNavBX .navbar {font-weight: 500; padding-top: 0; padding-bottom: 0;}
#spayTopNavBX .navbar .material-symbols-outlined, #spayFooterLower .material-symbols-outlined {font-size: 80%;}
#spayTopNavBX .nav-item {margin-bottom: 0;}
#spayTopNavBX .nav-link {padding: 0 10px; font-size: 100%; text-transform: uppercase;}
#spayTopNavBX .dropdown-menu {box-shadow: 0 0 5px #ccc; z-index: 99999;}
#spayTopNavBX .dropdown-item {padding-top: 0; padding-bottom: 0; font-size: 90%;}
#pwseLangSwtch {vertical-align: middle;}
#pwseLangSwtch .material-symbols-outlined {display: inline-block; line-height: 44px; vertical-align: middle; color: #999;}
#pwseLangSwtch .form-select {max-width: 120px; display: inline-block; font-size: 90%;}
.sticky + body {padding-top: 102px;}
#spayTopNavBX .nav-link.active {color: #262262;}

/* top banner */
.topbanner-wrapper {
	padding: 20px;
	background-color: rgba(251, 219, 141, 0.4);
	border-radius: 0 0 10px 10px;
	position: relative;
	box-shadow: 0 0 3px #999;
	margin-bottom: 16px;
}
.topbanner-wrapper p:last-child {margin-bottom: 0!important;}
#tbnnrClose {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #D41F3A;
}
#introPage {
	text-align: center;
	color: #fff;
	background: #eee url('/img/into-faq.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
#introPage > .container {padding: 5% 0;}
#introPage h1 {
	font-size: 320%;
	color: #fff;
}

/* footer */
#spayFooter {padding: 44px 0; background: #fff;}
#spayFooter a {text-decoration: none; color: #666;}
#spayFooterTopper {padding-bottom: 44px;}
#spayFooterLogo img {height: 50px; width: auto;}
#ftrIconConnected {list-style-type: none; padding: 0; margin: 0; line-height: 36px;}
#ftrIconConnected h3 {font-size: 150%;}
#ftrIconConnected li {display: inline-block; margin-right: 16px; vertical-align: middle;}
#ftrIconConnected img {height: 18px; width: auto; vertical-align: middle;}
#ftrIconConnected a {
	padding: 10px;
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 22px;
	line-height: 1;
	opacity: 0.6;
}
#ftrIconConnected a:hover {opacity: 1;}
.bttm-icon-fb {background: #1877F2;}
.bttm-icon-lkin {background: #0072b1;}
.bttm-icon-x {background: #14171A;}
.bttm-icon-ig {background: #fa7e1e;}
.bttm-icon-mail {background: #87D0F3;}
#spayFooterLower {padding-bottom: 44px; color: #666; font-size: 85%;}
#spayFooterLower h3 {font-size: 150%; color: #666;}
#spayFooterLower ul {margin-bottom: 0;}
#spayFooterLower li {margin-bottom: 5px;}
#spayFooterLower a {color: #333;}
#spayFooterLower a:hover {color: #222; text-decoration: underline;}
.pwsr-copyright {color: #666; text-align: justify; font-size: 85%;}
#spayFooter {}
#introHome{min-height: 500px;}
#ftrTagline {text-align: center; margin: 0 0 5%;}
#ftrTagline h4 {color: #0072b1;}
#ftrTagline img {max-width: 15%;}
#footerNav {
	list-style-type: none;
	padding: 0;
	margin: 0 0 3%;
	display: flex;
	justify-content: center;
}
#footerNav li {margin: 0 10px;}

/* back to top */
#back2top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 44px;
	height: 44px;
	line-height: 1;
}
#back2top a {
	display: block;
	padding: 10px;
	width: 44px;
	height: 44px;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	background: #eee;
	color: #666;
}
#back2top a:hover {background: #ddd;}

/* bottom privacy box */
#bottomPrivacyBox {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px 0;
	font-size: 90%;
	background: rgba(255,255,255,0.6);
	backdrop-filter: blur(7px);
	z-index: 9999;
}
#brbInner {
	padding: 20px;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 0 5px #999;
}
#brbInner h3 {font-size: 120%; font-weight: 700;}

/* page header & title */
#pageHeader {padding-top: 44px;}
#pageHeader h1 {
	font-size: 4.5rem;
	font-weight: 300;
	color: #9C9CA6;
}
.breadcrumb {padding-top: 10%;}
.breadcrumb ul, .breadcrumb {list-style-type: none!important; padding-left: 0; color: #9C9CA6;}
.bcmb-active {font-weight: 700; color: #1598D5;}
.breadcrumb a {text-decoration: none; color: #9C9CA6;}
.breadcrumb a:hover {text-decoration: underline;}
#pageIntro {
	padding: 120px 0;
	text-align: center;
	background: #87D0F3;
	background-size: cover;
}
#pageIntro h3 {font-size: 4rem; color: #1598D5; margin-top: 0;}
.page-intro-subtitle {color:#292C5E; font-size: 1.5rem; font-weight: 700;}

/* home page */
#hero {position:relative; overflow: hidden;}
#hero video {
	height:100vh;
	width:100%;
	background-position:absolute;
	z-index:10;
	object-fit:cover;
}
#hero .content {
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(14,18,73,0) 100%);
	height:100%;
	width:100%;
	z-index:20;
	position:absolute;
	top:0;
	left:0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#hero .content h1 {
	color:#FFF;
	font-size: 300%;
	text-align: left;
}
#hero .content h1 strong {font-size: 250%;}
#overview h2 {
	font-size: 250%;
	font-weight: 600;
	color: #999;
	background: -webkit-linear-gradient(#262262, #662D91);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#overview h2 strong {font-size: 250%; font-weight: 700;}
#ovtxt {font-size: 150%; color: #666;}
#ovPoints {padding-top: 3%;}
#ovPoints h3 {font-size: 120%; font-weight: 600; color: #262262;}
#ovPoints .big-icon, #whySPay .big-icon {margin-bottom: 24px;}
.ov-pointbox {
	padding: 16px;
	border-radius: 16px;
	background-image: linear-gradient(to right bottom, #deeddb, #d2eae1, #cbe6e6, #cbe0e9, #cfdae7, #d1d7e5, #d3d5e2, #d5d2de, #d5d2de, #d5d2de, #d5d2de, #d5d2de);
}
#whatSPay {}
#whySPay {margin-top: -10rem;}
#whySPay ul {display: flex; align-items: center; gap: 10px; vertical-align: top;}
#whySPay li {}
.wysphm-box {
	width: 240px;
	padding: 24px;
	border-radius: 16px;
	background: linear-gradient(135deg,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
 }
 .wysphm-box h3 {font-size: 100%; color: #00A79D; margin: 0;}
 .why-service-box {
	padding: 30px;
	background-color: rgba(255,255,255,0.6);
	border-radius: 16px;
	box-shadow: 15px 15px 0 rgba(255,255,255,0.8);
 }

/* contact */
#introContact {text-align: center;}
#introContact h1 {font-size: 320%;}
#gmapwrapper {width: 100%; margin-bottom: 20px;}
#gmapwrapper iframe {width: 100%;}
#formBox {
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
    padding: 10rem 0;
}
#formBox .card-body {padding: 24px;}

/* about */
#introAbout {
	text-align: center;
	color: #333;
	background: #eee url('/img/about-us-into.jpg') no-repeat center center;
	background-size: cover;
	padding-top: 100px;
	position: relative;
}
#introAbout > .container {padding: 10% 0 10%;}
#introAbout h1 {
	font-size: 320%;
	color: #fff;
}
#trianglebottomright {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 70px solid #fff;
	border-left: 600px solid transparent;
}
#aboutVision {
	padding: 20% 0;
	clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
    padding: 10rem 0;
}
#aboutVision .subsection {margin-bottom: 10%;}
#aboutVision h4 {
	font-size: 300%;
	margin-bottom: 5%;
	color: rgba(255,255,255,0.6);
}
#aboutVision ul {
	display: flex;
	gap: 10px;
}
#aboutVision .wysphm-box {
	width: auto;
	padding: 24px;
	border-radius: 16px;
	background: linear-gradient(135deg,  rgba(251,176,64,0.6) 0%,rgba(255,242,2,0) 100%);
 }
#aboutVision .wysphm-box .big-icon {margin-bottom: 24px;}
#visionBox .wysphm-box {background: linear-gradient(135deg,  rgba(42,178,173,0.6) 0%,rgba(255,242,2,0.2) 60%,rgba(255,242,2,0) 100%);}
 .diagonalbox {
	position: relative;
	padding: var(--skew-padding) 0;
	margin-top: -1px;
  }
  .diagonalbox:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transform: skewy(var(--angle));
	transform-origin: 50% 0;
	outline: 1px solid transparent;
	backface-visibility: hidden;
  }

/* services */
#serviceIntro {
	min-height: 300px;
	background: #fff url('/img/intro-service.jpg') no-repeat center center;
	background-size: cover;
	padding-bottom: 0;
	position: relative;
}
#serviceIntroFeet {
	position: absolute;
	width: 100%;
	height: 90px;
	left: 0;
	bottom: 0;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
#serviceIntro h2 {
	font-weight: bold;
	font-size: 4rem;
	margin-top: 5%;
}
#hswSubBox {
	padding: 5% 0;
	vertical-align: middle;
}
.hsw-box {
	padding: 24px;
	border-radius: 16px;
	text-align: center;
}
.hsw-box h3, .middle-box-bottom h4 {font-size: 120%;}
.hsw-merchant {background: linear-gradient(135deg,  rgba(240,249,255,1) 0%,rgba(196,239,191,1) 47%,rgba(189,242,155,1) 100%);}
.hsw-crdnw {background: linear-gradient(135deg,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);}
.middle-box-top {
	background: linear-gradient(135deg,  #ffc578 0%,#fb9d23 100%);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.middle-box-top h3 {margin-bottom: 20px;}
.middle-box-bottom {
	background: linear-gradient(135deg,  #6a5acd 0%,#663399 100%);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.middle-box-bottom h4 {margin-bottom: 0;}
.middle-box-top-sub {
	padding: 16px;
	border-radius: 16px;
	background: linear-gradient(135deg,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.3) 100%);
	font-weight: bold;
}
.hsw-arrow {text-align: center;}
.hsw-arrow .material-symbols-outlined {font-size: 200%; font-weight: bold;}
#whyusServices {
	background: linear-gradient(135deg,  rgba(249,236,202,1) 0%,rgba(249,213,122,1) 70%,rgba(249,230,182,1) 100%);
}
#howServiceWork {padding-top: 0;}
#howServiceWork .card {
	box-shadow: none;
	border: 2px solid #262262;
	background: none;
	color: #262262;
	font-weight: 500;
}
#howServiceWork .card-header {
	color: #262262;
	background: rgba(38, 34, 98, 0.1);
	border-bottom: none;
	font-size: 120%;
	font-weight: 700;
	text-align: center;
}
#serviceKeys {padding: 12rem 0;}
#serviceKeys ul {
	display: flex;
	gap: 10px;
}
#serviceKeys li {
	flex-grow: 1;
    flex-basis: 0;
}
#serviceKeys .wysphm-box {width: auto;}
#serviceKeys .wysphm-box h5 {color: #F15A29;}
#serviceOffer {padding-top: 0;}
#serviceOffer .card {
	margin-bottom: 2rem;
	min-height: 600px;
	background: linear-gradient(135deg,  rgba(255,242,2,0.1) 0%,  rgba(0,193,252,0.1) 25%,rgba(0,193,252,0.1) 60%,rgba(40,152,170,0.25) 100%);
}
#serviceOffer .card-title {padding: 12px 16px 0;}
#serviceOffer .card-title h3 {font-size: 120%; margin-bottom: 0; text-align: left; color: #262262;}
#serviceOffer .card li strong {color: #F15A29;}

/* faq */
#introFAQ {
	text-align: center;
	color: #333;
	background: #eee url('/img/into-faq.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
#introFAQ > .container {padding: 5% 0;}
#introFAQ h1 {
	font-size: 320%;
	color: #fff;
}
.accordion-item {border: 1px solid #262262;}
.accordion-button:focus, .accordion-button:not(.collapsed) {
	color: #fff;
	background: linear-gradient(135deg,  rgba(38,34,98,1) 0%,rgba(38,34,98,1) 79%,rgba(241,90,41,1) 80%,rgba(241,90,41,1) 100%);
}

/* terms & conditions */

/* policy */


/* responsive fixes */
@media screen and (max-width: 1366px) {
}

@media screen and (min-width: 641px) {
	.view-pc {display: block;}
	.halfpage {width: 70%; margin: 0 auto;}
	#spayFooter {padding-top: 64px;}
	#spayFooterTopper, #spayFooterLower {padding-bottom: 64px;}
	#spayTopNavBX .navbar {justify-content: right;}
	#tnAction {margin-left: 20px;}
	#tnAction a.btn {font-size: 0.813rem;}
	#spayTopNavBX, #pwseLangSwtch {padding-top: 7px;}
	#drtorSign {margin-top: 20%;}
	.mssn-pict {padding-top: 5%;}
	#spayTopNavBX .nav-item {margin-left: 16px;}
	.ov-pointbox {min-height: 250px;}
	.hsw-arrow .material-symbols-outlined {margin-top: 25%;}
	#key1 {margin-top: 15%;}
	#key2 {margin-top: 20%;}
	#key3 {margin-top: 15%;}
	.wysphm-box {min-height: 270px;}
	#visionBox .wysphm-box {width: 270px; min-height: 300px;}
	#aboutVision .wysphm-box {width: 270px; min-height: 270px;}
}

@media (min-width: 1366px) and (max-width: 1368px) { /* tablet landscape */
	#spayTopNavBX .nav-link {font-size: 70%;}
	#pwseLangSwtch .form-select {max-width: 90px;}
}
@media screen and (width: 1024px) { /* tablet landscape */
	.br-1024 {display: block;}
	#spayHeader .container {overflow: auto;}
	#spayTopNavBX .nav-link {font-size: 70%;}
	.mssn-pict img {margin-top: 20%;}
}
@media (min-width: 768px) and (max-width: 912px) { /* tablet portrait */
	.br-ipdport, .br-768 {display: block;}
	#pwseLangSwtch {width: 25%;}
	#spayTopNavBX {width: 100%;}
	.navbar>.container-fluid {justify-content: flex-end;}
	#spayTopNavBX .navbar-toggler {margin-top: -60px;}
	.mssn-pict img {margin-top: 45%;}
	#svc360 img {max-width: 80%;}
}

@media screen and (max-width: 640px) {
	.view-mb, .br-667 {display: block;}
	.container {overflow: hidden;}
	.navbar>.container-fluid {justify-content: flex-end;}
	#spayTopNavBX .navbar-toggler {margin-top: -45px;}
	#spayTopNavBX .dropdown-menu {box-shadow: none;}
	#spLogo, #pwseLangSwtch {text-align: center;}
	#spLogo img {max-width: 60%;}
	#ftrTagline img {max-width: 50%;}
	.section-box, .sectionbox {padding: 10% 0;}
	.section-box h2, .sectionbox h2 {font-size: 200%;}
	#hs1bg {height: 25%;}
	.mssn-pict img {max-width: 80%;}
	.mssn-cont {padding: 10%;}
	#svc360 img {max-width: 100%;}
	#introPage h1 {font-size: 250%;}
}
@media screen and (max-width: 480px) {
	.br-480 {display: block;}
	.s4osvbttm-icons img {height: 150px;}
	#introPage h1 {font-size: 200%;}
}

@media screen and (max-width: 376px) {
	.br-375 {display: block;}
}

@media screen and (max-width: 360px) {
}