header > h1 { font-family: 'opensans-semibold', sans-serif; font-size: 1.2em; padding: 3px 20px; left: 3.8799%; top: 4.3945%; color: #fff; background-color: rgba(0,0,0,.7); }

.exclusive-banking-bg { min-height: 684px; background-color: #000; 
background-image: url(../images/signature-experiences/exclusive-banking-bg.jpg); background-position: 0 0; 
background-repeat: no-repeat; background-size:cover; height:1024px;}
 
.experience-treasures-bg {min-height: 684px; background-color: #000; 
background-image: url(../images/signature-experiences/experience-treasures-bg.jpg); 
background-position: 0 0; background-repeat: no-repeat; background-size:cover; height:1024px;}

.wealth-solutions-bg {min-height: 684px; background-color: #000; 
background-image: url(../images/signature-experiences/wealth-solutions-bg.jpg); 
background-position: 0 0; background-repeat: no-repeat; background-size:cover; height:1024px;}

.wrapper { min-height: 684px; background-color: #000; margin: 0 auto; 
background-image: url(../images/signature-experiences/bg-img.jpg); background-position: 0 0; 
background-repeat: no-repeat; background-size:cover; height:1024px;}

section { width:55%; position: absolute; left:45%; top: 12%;}
.video-panel { width:90%; } 

.section-content { float:left; margin-top: 1em; }
.section-content > h4 { color: #ac8a5b; font-size:24px; }
.section-content > h4 span { font-family: 'opensans-semibold', sans-serif; font-size: 32px; line-height: 1.2em; padding-top: .2em; vertical-align: middle; color: #fff; }

.section-content > ul { margin:5% 0 0 0; padding-left: 10%; color: #fff; width:100%;}
.section-content > ul li,
.row-panel > ul li { padding-left: 10px; background-image: url(../images/common/dash-icon.jpg); background-position: 0 .7em; background-repeat: no-repeat; font-size: 1em; margin-bottom: .5em; color: #fff;}
.section-content > ul li span {display: block; font-size: .75em; padding-left: 10%; margin-top: .2em; }

/*.experience-treasures-bg .landing-button { width:55%; margin-top: 2em; }*/
 
 footer { width:40%; margin:58% 15% 0 0; float:right; /*left: 42.9721%; bottom: 1%; position: absolute;  */  }

.footer-top { display: flex; justify-content: space-between; flex-flow: wrap row; }
.footer-top > ul { color: #fff; display: flex; justify-content: flex-start; font-size: 1em; }
.footer-top > ul:before { content: 'Reach us at'; display: block; padding-right: 20px; position: relative; top: 50%; 
transform: translateY(-30%); }
.footer-top > ul li { margin-right: 20px; color: #fff !important; }
.footer-top > ul li a { color: #fff !important; text-decoration: none; }
.footer-top > ul li span { vertical-align: middle; display: inline-block; }

.footer-btn { width: 12.9268%; display: flex; justify-content: space-between; }
.footer-btn a { width: 45.2830%; display: block; }
.footer-btn a img { width: 100%; height: auto; vertical-align: top; margin:20% 0 0 0; }

.footer-bottom > p { float:left; font-size: .6em; color: #fff; }
 

/*@media screen and (max-width:1600px) and (orientation: landscape) {
header > h1 { font-family: 'opensans-semibold', sans-serif; font-size: 1.2em; padding: 3px 20px; left: 3.8799%; top: 4.3945%; color: #fff; background-color: rgba(0,0,0,.7); }

.exclusive-banking-bg {height:1280px; background-color: #000; 
background-image: url(../images/signature-experiences/exclusive-banking-bg.jpg); background-position: 0 0; 
background-repeat: no-repeat; background-size: auto 100%;  }
 
.experience-treasures-bg {height:1280px; background-color: #000; 
background-image: url(../images/signature-experiences/experience-treasures-bg.jpg); 
background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%;  }

.wealth-solutions-bg {height:1280px;  background-color: #000; 
background-image: url(../images/signature-experiences/wealth-solutions-bg.jpg); 
background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%;  }

.wrapper {height:1280px;  background-color: #000; margin: 0 auto; 
background-image: url(../images/signature-experiences/bg-img.jpg); background-position: 0 0; 
background-repeat: no-repeat; background-size: auto 100%;  }

section { width:55%; position: absolute; left:45%; top: 12%; }
.video-panel { width:90%; }

.section-content { float:left; margin-top: 1em; }
.section-content > h4 { color: #ac8a5b; font-size:24px; }
.section-content > h4 span { font-family: 'opensans-semibold', sans-serif; font-size: 32px; line-height: 1.2em; padding-top: .2em; vertical-align: middle; color: #fff; }

.section-content > ul { margin:5% 0 0 0; padding-left: 10%; color: #fff; width:100%;}
.section-content > ul li,
.row-panel > ul li { padding-left: 10px; background-image: url(../images/common/dash-icon.jpg); background-position: 0 .7em; background-repeat: no-repeat; font-size: 1em; margin-bottom: .5em; color: #fff;}
.section-content > ul li span { display: block; font-size: .75em; padding-left: 10%; margin-top: .2em; }

footer { width:40%; margin:58% 15% 0 0; float:right;   }

.footer-top { display: flex; justify-content: space-between; flex-flow: wrap row; }
.footer-top > ul { color: #fff; display: flex; justify-content: flex-start; font-size: 1em; }
.footer-top > ul:before { content: 'Reach us at'; display: block; padding-right: 20px; position: relative; top: 50%; 
transform: translateY(-30%); }
.footer-top > ul li { margin-right: 20px; color: #fff !important; }
.footer-top > ul li a { color: #fff !important; text-decoration: none; }
.footer-top > ul li span { vertical-align: middle; display: inline-block; }

.footer-btn { width: 12.9268%; display: flex; justify-content: space-between; }
.footer-btn a { width: 45.2830%; display: block; }
.footer-btn a img { width: 100%; height: auto; vertical-align: top; margin:20% 0 0 0; }

.footer-bottom > p { float:left; font-size: .6em; color: #fff; }	
}*/



@media screen and (max-width: 1366px) and (orientation: landscape) 
{
.wrapper {background-color: #000; margin: 0 auto; 
background-image: url(../images/signature-experiences/bg-img.jpg); background-position: 0 0; background-repeat: no-repeat; 
background-size:cover; }

.wealth-solutions-bg {background-color: #000; margin: 0 auto; 
background-image: url(../images/signature-experiences/wealth-solutions-bg.jpg); background-position: 0 0; 
background-repeat: no-repeat; background-size:cover; }

.exclusive-banking-bg {background-color: #000; margin: 0 auto; 
background-image: url(../images/signature-experiences/exclusive-banking-bg.jpg); background-position: 0 0; 
background-repeat: no-repeat; background-size:cover; }

.experience-treasures-bg {background-color: #000; margin: 0 auto; 
background-image: url(../images/signature-experiences/experience-treasures-bg.jpg); background-position: 0 0; 
background-repeat: no-repeat; background-size:cover; }

header > h1 { font-family: 'opensans-semibold', sans-serif; font-size: 1.2em; padding: 3px 20px; left: 3.8799%; top: 4.3945%; 
color: #fff; background-color: rgba(0,0,0,.7); }
header > h2 { right: 2.5622%; top: 4.7851%; width: 18.5944%; }
header > h2 img { width: 100%; height: auto; vertical-align: top; }

.experience-treasures-bg .landing-button { float:left; width:88%; margin-top: 2em;  }
.experience-treasures-bg .landing-button > ul a { font-family: 'opensans-semibold', sans-serif; font-size: 14px; 
text-align: center; line-height: 1.2em; margin:0 1% 0 0;}
.experience-treasures-bg .landing-button > ul a span { background-color: #fcaf26; padding: 10px 15px; display: block; 
border-radius: 8px; }

section { width:55%; position: absolute; left:45%; top: 12%; }
.video-panel { width:90%; }

.section-content { width:82%;  margin-top: 1em; }
.section-content > h4 { color: #ac8a5b; font-size: 22px; }
.section-content > h4 span { width:90%; font-family: 'opensans-semibold', sans-serif; font-size:30px; line-height:48px; 
padding-top: .2em; vertical-align: middle; color: #fff; }

.section-content > ul { padding-left: 19.5%; color: #fff; }
.section-content > ul li,
.row-panel > ul li { padding-left: 10px; background-image: url(../images/common/dash-icon.jpg); background-position: 0 .7em; 
background-repeat: no-repeat; font-size: 14px; margin-bottom: .5em; }
.section-content > ul li span { display: block; font-size:14px; padding-left: 10%; margin-top: .2em; }
  
.detail-list { color: #fff; margin-top: 1em; }
.row-panel { display: flex; justify-content: space-between; flex-flow: row wrap; margin-bottom: 1.5em; }
.row-panel > p { font-family: 'opensans-semibold', sans-serif; width: 31.8859%; background-image: url(../images/signature-experiences/arrow-icon.png); background-repeat: no-repeat; background-position: right 0; background-size: auto 100%; color: #ac8a5b; font-size:16px; vertical-align: middle; }
.row-panel > p span { display: block; }
.row-panel > ul { width: 65.8322%; padding: 0; }
.row-panel > ul li { margin-bottom: .5em; font-size: .9em; }
.row-panel > ul li:last-child { margin-bottom: 0; }

.row-panel:nth-child(3) > p { padding-top: .5em; }
  

 footer { width:45%; margin:58% 10% 0 0; float:right; }
 
.footer-top { display: flex; justify-content: space-between; flex-flow: wrap row; }
.footer-top > ul { color: #fff; display: flex; justify-content: flex-start; font-size: 1em; }
.footer-top > ul:before { content: 'Reach us at'; display: block; padding-right: 20px; position: relative; top: 50%; 
transform: translateY(-30%); }
.footer-top > ul li { margin-right: 20px; color: #fff !important; }
.footer-top > ul li a { color: #fff !important; text-decoration: none; }
.footer-top > ul li span { vertical-align: middle; display: inline-block; }

.footer-btn { width: 12.9268%; display: flex; justify-content: space-between; }
.footer-btn a { width: 45.2830%; display: block; }
.footer-btn a img { width: 100%; height: auto; vertical-align: top; }

.footer-bottom > p { font-size: .6em; color: #fff; padding:0 0 0 1%;}
 	 
}


@media screen and (max-width: 1024px) and (orientation: landscape) {

.wrapper {background-color: #000; margin: 0 auto; 
background-image: url(../images/signature-experiences/bg-img.jpg); background-position: 0 0; background-repeat: no-repeat; 
background-size:cover; }

.wealth-solutions-bg {background-color: #000; margin: 0 auto; 
background-image: url(../images/signature-experiences/wealth-solutions-bg.jpg); background-position: 0 0; 
background-repeat: no-repeat; background-size:cover; }

.exclusive-banking-bg {background-color: #000; margin: 0 auto; 
background-image: url(../images/signature-experiences/exclusive-banking-bg.jpg); background-position: 0 0; 
background-repeat: no-repeat; background-size:cover; }

.experience-treasures-bg {background-color: #000; margin: 0 auto; 
background-image: url(../images/signature-experiences/experience-treasures-bg.jpg); background-position: 0 0; 
background-repeat: no-repeat; background-size:cover; }

header > h1 { font-family: 'opensans-semibold', sans-serif; font-size: 1.2em; padding: 3px 20px; left: 3.8799%; top: 4.3945%; 
color: #fff; background-color: rgba(0,0,0,.7); }
header > h2 { right: 2.5622%; top: 4.7851%; width: 18.5944%; }
header > h2 img { width: 100%; height: auto; vertical-align: top; }

.experience-treasures-bg .landing-button { float:left; width:88%; margin-top: 2em;  }
.experience-treasures-bg .landing-button > ul a { font-family: 'opensans-semibold', sans-serif; font-size: 14px; 
text-align: center; line-height: 1.2em; margin:0 1% 0 0;}
.experience-treasures-bg .landing-button > ul a span { background-color: #fcaf26; padding: 10px 15px; display: block; 
border-radius: 8px; }

section { width:55%; position: absolute; left:45%; top: 12%; }
.video-panel { width:90%; }

.section-content { width:82%;  margin-top: 1em; }
.section-content > h4 { color: #ac8a5b; font-size: 22px; }
.section-content > h4 span { width:90%; font-family: 'opensans-semibold', sans-serif; font-size:30px; line-height:48px; 
padding-top: .2em; vertical-align: middle; color: #fff; }


.section-content > ul { padding-left: 19.5%; color: #fff; }
.section-content > ul li,
.row-panel > ul li { padding-left: 10px; background-image: url(../images/common/dash-icon.jpg); background-position: 0 .7em; 
background-repeat: no-repeat; font-size: 14px; margin-bottom: .5em; }
.section-content > ul li span { display: block; font-size:14px; padding-left: 10%; margin-top: .2em; }
  
.detail-list { color: #fff; margin-top: 1em; }
.row-panel { display: flex; justify-content: space-between; flex-flow: row wrap; margin-bottom: 1.5em; }
.row-panel > p { font-family: 'opensans-semibold', sans-serif; width: 31.8859%; background-image: url(../images/signature-experiences/arrow-icon.png); background-repeat: no-repeat; background-position: right 0; background-size: auto 100%; color: #ac8a5b; font-size:16px; vertical-align: middle; }
.row-panel > p span { display: block; }
.row-panel > ul { width: 65.8322%; padding: 0; }
.row-panel > ul li { margin-bottom: .5em; font-size: .9em; }
.row-panel > ul li:last-child { margin-bottom: 0; }
 
.row-panel:nth-child(3) > p { padding-top: .5em; }
 
 

 footer { width:55%; margin:65% 0% 0 0; float:right; }
.footer-top { display: flex; justify-content: space-between; flex-flow: wrap row; }
.footer-top > ul { color: #fff; display: flex; justify-content: flex-start; font-size: 1em; }
.footer-top > ul:before { content: 'Reach us at'; display: block; padding-right: 20px; position: relative; top: 50%; 
transform: translateY(-30%); }
.footer-top > ul li { margin-right: 20px; color: #fff !important; }
.footer-top > ul li a { color: #fff !important; text-decoration: none; }
.footer-top > ul li span { vertical-align: middle; display: inline-block; }

.footer-btn { width: 12.9268%; display: flex; justify-content: space-between; }
.footer-btn a { width: 45.2830%; display: block; }
.footer-btn a img { width: 100%; height: auto; vertical-align: top; }

.footer-bottom > p { font-size: .6em; color: #fff; padding:0 0 0 2%;}
 

 }

@media screen and (max-width: 980px) and (orientation: landscape) {
	
.wrapper { min-height: 684px; background-color: #000; margin: 0 auto; background-image: url(../images/signature-experiences/bg-img.jpg); background-position: 0 0; background-repeat: no-repeat; 
background-size: auto 100%; }
.wealth-solutions-bg { background-image: url(../images/signature-experiences/wealth-solutions-bg.jpg);}
.exclusive-banking-bg { background-image: url(../images/signature-experiences/exclusive-banking-bg.jpg); }
.experience-treasures-bg { background-image: url(../images/signature-experiences/experience-treasures-bg.jpg);}

header > h1 { font-family: 'opensans-semibold', sans-serif; font-size: 1.2em; padding: 3px 20px; left: 3.8799%; top: 4.3945%; color: #fff; background-color: rgba(0,0,0,.7); }
header > h2 { right: 2.5622%; top: 4.7851%; width: 18.5944%; }
header > h2 img { width: 100%; height: auto; vertical-align: top; }

.experience-treasures-bg .landing-button { width: 96.0975%; margin-top: 2em; }
.experience-treasures-bg .landing-button > ul a { font-family: 'opensans-semibold', sans-serif; font-size: 1.2em; 
text-align: center; line-height: 1.2em; }
.experience-treasures-bg .landing-button > ul a span { background-color: #fcaf26; padding: 10px 30px; display: block; border-radius: 8px; }


section { width: 54.5387%; position: absolute; left: 42.9721%; top: 12.2070%; }
.video-panel { width: 83.4899%; }


.section-content { margin-top: 1em; }
.section-content > h4 { color: #ac8a5b; font-size: 1.4em; }
.section-content > h4 span { font-family: 'opensans-semibold', sans-serif; font-size: 2.5em; line-height: 1.2em; 
padding-top: .2em; vertical-align: middle; color: #fff; }

.section-content > ul { padding-left: 19.5%; color: #fff; }
.section-content > ul li,
.row-panel > ul li { padding-left: 10px; background-image: url(../images/common/dash-icon.jpg); background-position: 0 .7em; background-repeat: no-repeat; font-size: 1em; margin-bottom: .5em; }
.section-content > ul li span { display: block; font-size: .75em; padding-left: 10%; margin-top: .2em; }

.exclusive-banking-bg .section-content { margin-top: 1.5em; }
.exclusive-banking-bg .section-content > h4 { line-height: .6em; }
.exclusive-banking-bg .section-content > h4 p { padding-left: 11.9463%; }
.exclusive-banking-bg .section-content > h4 span span { font-size: .3em; vertical-align: middle; }
.exclusive-banking-bg .section-content > ul { padding-left: 11.9463%; color: #fff; margin-top: .2em; }


.detail-list { color: #fff; margin-top: 1em; }
.row-panel { display: flex; justify-content: space-between; flex-flow: row wrap; margin-bottom: 1.5em; }
.row-panel > p { font-family: 'opensans-semibold', sans-serif; width: 31.8859%; background-image: url(../images/signature-experiences/arrow-icon.png); background-repeat: no-repeat; background-position: right 0; background-size: auto 100%; color: #ac8a5b; font-size: 1.1em; vertical-align: middle; }
.row-panel > p span { display: block; }
.row-panel > ul { width: 65.8322%; padding: 0; }
.row-panel > ul li { margin-bottom: .5em; font-size: .9em; }
.row-panel > ul li:last-child { margin-bottom: 0; }

.row-panel:nth-child(3) > p { padding-top: .5em; }


.experience-treasures-bg section { width: 60.0292%; position: absolute; left: 37.4084%; top: 12.2070%; }
.experience-treasures-bg .video-panel { width: 96.0975%; }

footer { width: 54.5387%; position: absolute; left: 42.9721%; bottom: 1%;  }

.footer-top { display: flex; justify-content: space-between; flex-flow: wrap row; }
.footer-top > ul { color: #fff; display: flex; justify-content: flex-start; font-size: 1em; }
.footer-top > ul:before { content: 'Reach us at'; display: block; padding-right: 20px; position: relative; top: 50%; 
transform: translateY(-30%); }
.footer-top > ul li { margin-right: 20px; color: #fff !important; }
.footer-top > ul li a { color: #fff !important; text-decoration: none; }
.footer-top > ul li span { vertical-align: middle; display: inline-block; }

.footer-btn { width: 12.9268%; display: flex; justify-content: space-between; }
.footer-btn a { width: 45.2830%; display: block; }
.footer-btn a img { width: 100%; height: auto; vertical-align: top; }

.footer-bottom > p { font-size: .6em; color: #fff; }

/*.experience-treasures-bg footer { width: 60.0292%; left: 37.4084%; bottom: 1%; }*/

}