@media screen and (max-width:1440px) and (orientation: landscape) {
/*html, body { height: 100%; }
* { margin: 0; padding: 0; }
body { font-family: 'opensans-regular', sans-serif; font-size: 100%; font-weight: normal; margin: 0; padding: 0; background: none; }
*/	
	
.wrapper { min-height: 684px; background-color: #e6e7e8; margin: 0 auto; 
background-image: url(../images/digibank/screen-01-bg.jpg); background-position: right 0; 
background-repeat: no-repeat; background-size: auto 100%; }
.why-digibank-bg { background-image: url(../images/digibank/screen-02-bg.jpg); }
.digi-saving-bg { background-image: url(../images/digibank/screen-03-bg.jpg); }
.deals-and-offers-bg { background-image: url(../images/digibank/screen-04-bg.jpg); }

/*section { width: 57.2474%; position: absolute; top: 25.3593%; left: 9.6632%; }

.digi-saving-bg section,
.deals-and-offers-bg section { width: 57.5402%; position: absolute; top: 18.3593%; left: 9.4436%; }

.why-digibank-bg section { width: 59.2474%; }*/

.accordion-tab { margin-top: 1em;}
.product-list { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; }
.product-icon { margin-bottom: 2em; width:25%; float:left;  }
.product-icon img { max-width: 100%; height: auto; vertical-align: top; }

.disc-content { margin-top: 1em; margin-left:2%; }
.disc-content > p { font-family: 'gotham-book', sans-serif; font-size: 1em; line-height: 1.2em; color: #000; }
.disc-content > p span { font-family: 'gotham-bold', sans-serif; }

/*.video-panel > h3 { font-family: 'gotham-medium', sans-serif; color: #ed1c24; font-size: 1.3em; }*/
.deals-and-offers-bg .video-panel > h3 { text-align: left; }
.video-frame { border: 0; }

.landing-button > ul a { font-family: 'gotham-medium', sans-serif; font-size: 1em; }
/*
footer { width: 81.1127%; position: absolute; left: 9.6632%; bottom: 3.1%; }
.footer-top { display: flex; justify-content: space-between; flex-flow: row wrap; }

.footer-btn { width: 10.4693%; display: flex; justify-content: space-between; flex-flow: row wrap; }
.footer-btn a { width: 45.6896%; display: block; }
.footer-btn a img { width: 100%; height: auto; vertical-align: top; }
.download-btn { width: 31.2274%; margin-top: .1em; }
.download-btn > p { margin-top: 0; }
.download-btn > p img { width: 100%; height: auto; vertical-align: top; }*/


/* overlay panel */

.overlay-wrapper { width: 100%; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; 
display: none; }
.overlay-container { width: 100%; max-width: 980px; min-height: 684px; margin: 0 auto; height: 100%; background-position: right 0; background-repeat: no-repeat; background-size: auto 100%; background-color: #e6e7e8; position: relative; 
display: none; }
.layout-one { background-image: url(../images/slider/bg-01-img.jpg); }
.layout-two { background-image: url(../images/slider/bg-02-img.jpg); }
.layout-three { background-image: url(../images/slider/bg-03-img.jpg); }
.layout-four { background-image: url(../images/slider/bg-04-img.jpg); }
.layout-five { background-image: url(../images/slider/bg-05-img.jpg); }
.layout-six { background-image: url(../images/slider/bg-06-img.jpg); }
.layout-seven { background-image: url(../images/slider/bg-07-img.jpg); }
.layout-eight { background-image: url(../images/slider/bg-08-img.jpg); }

.overlay-wrapper footer { width: 89.6778%; bottom: 2.1%; left: 5.4904%; }
.overlay-wrapper .download-btn { margin-top: 0; }
.overlay-wrapper .download-btn p { margin: 0; }

.overlay-container section { left: 5.4904%; }
.overlay-container h2,
.overlay-container h4,
.overlay-container h6 { font-family: 'gotham-medium', sans-serif; font-size: 1.3em; line-height: 1.2em; color: #ec1c23; }
.overlay-container h5 { font-family: 'gotham-bold', sans-serif; font-size: .9em; line-height: 1.2em; }
.overlay-container p { font-family: 'gotham-book', sans-serif; font-size: 1em; line-height: 1.5em; margin-top: .5em; }

.overlay-container .right-logo { width: 22.7672%; position: absolute; right: 4.9780%; top: 5.4687%; }

.overlay-container .diagram-img img,
.overlay-container .right-logo img { width: 100%; height: auto; vertical-align: top; }

.layout-one { background-position: right 0, 0 0; background-repeat: no-repeat, repeat-x; background-size: auto 100%, auto 100%; background-image: url(../images/slider/bg-01-img.jpg), url(../images/slider/bg-01-repeat-img.jpg)}
.layout-one section { width: 42.4597%; }
.layout-one p { width: 92.2413%;  }

.layout-one .video-panel { margin-top: 2em; width: 84.4827%; }
.overlay-container .video-panel h3 { color: #000; font-size: 1em; line-height: 1.2em; }
.layout-one .video-frame { border: 0; margin-top: .5em; }

/* layout one end*/
.layout-two { background-position: right 0, 0 0; background-repeat: no-repeat, repeat-x; background-size: auto 100%, auto 100%; background-image: url(../images/slider/bg-02-img.jpg), url(../images/slider/bg-02-repeat-img.jpg)}
.layout-two section { width: 42.4597%; }
.layout-two h4 { margin-top: 1.6em; }
.video-box { width: 81.1127%; display: flex; justify-content: space-between; position: absolute; left: 9.8096%; top: 54.4921%; }
.layout-two .video-panel { width: 42.2238%; }
.layout-two .video-panel h3 { font-size: 1em; }

/* layout two end */

.layout-three section { width: 68.0819%; }
.layout-three p { width: 95.0107%;  }
.layout-three .diagram-img { width: 64.5161%; margin-top: 1em; }
.layout-three .video-panel { width: 51.6881%; margin-left: 6.4516%; margin-top: 1.5em; }
.layout-three h5 { margin-top: 1em; }

/* layout three end */

.layout-four section { width: 40.2635%; }
.layout-four h2 { margin-bottom: 1.8em; }
.layout-four p { width: 92.2413%;  }

/* layout four end */

.layout-five section { width: 53.8067%; }
.layout-five h2:nth-child(3) { margin-bottom: 1em; margin-top: 2em; }
.layout-five .diagram-img { width: 80.5442%; margin-top: 1em; }

/* layout five end */

.layout-six section { width: 58.5651%; }
.layout-six p { width: 91.875%;  }
.layout-six .diagram-img { width: 97.125%; margin-top: 1em; }
.layout-six .disc-content > p { width: 100%; text-align: right; font-size: .8em; }

/* layout six end */

.layout-seven section { width: 40.2635%; }
.layout-seven p { width: 86.3636%;  }
.layout-seven h6 { font-size: 1.5em; margin-top: 3em; }

/* layout seven end */

.layout-eight section { width: 89.6778%; }
.layout-eight p { width: 46.8521%;  }
.layout-eight h2:nth-child(4) { margin-top: 1em; }
.layout-eight .diagram-img { width: 100%; }
.layout-eight .disc-content { margin-top: .5em; }
.layout-eight .disc-content > p { width: 100%; font-size: .45em; line-height: 1em; text-align: justify; }
.layout-eight .download-btn > p { width: 100%; }
/* layout eight end */

}