@font-face {
    font-family: 'Rupee_Foradian';
    src: url('../fonts/Rupee_Foradian.eot');
    src: url('../fonts/Rupee_Foradian.eot') format('embedded-opentype'),
         url('../fonts/Rupee_Foradian.woff2') format('woff2'),
         url('../fonts/Rupee_Foradian.woff') format('woff'),
         url('../fonts/Rupee_Foradian.ttf') format('truetype'),
         url('../fonts/Rupee_Foradian.svg#Rupee_Foradian') format('svg');
}

::-webkit-scrollbar {
   width: 10px;          
}

::-webkit-scrollbar-thumb {   
  background:#FFF;
  box-shadow: inset 2px 2px 2px rgba(255,255,255,.25), inset -2px -2px 2px rgba(0,0,0,.25);}

::-webkit-scrollbar-track {     
  background-color: #fff;
  background: linear-gradient(to right,#003b6e,#003b6e 1px,#003b6e 1px,#003b6e);
}
  
  
.rs{font-family: 'Rupee_Foradian';}

.arial-narrow {font-family:"Arial Narrow"; font-weight:lighter;}
.wow {
  visibility: hidden;
}
html,
body {
    height: 100%;
    font-family:Arial, sans-serif;
    font-size: 18px;
    color: #000;
	font-weight: normal;
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.km1 {
    text-decoration: none;
    background: #97144d;
    color: #fff;
    padding: 10px 20px;
    margin-top: 20px;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    letter-spacing: 2px;
    display: inline-block;
}

.km1:hover {
    background: #f1f1f1;
    color: #97144d;
    text-decoration: none;
}

.fs-12 {
    font-size: 12px !important;
}

.km2 {
    text-decoration: none;
    background: #fff;
    color: #97144d;
    padding: 10px 20px;
    margin-top: 20px;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    letter-spacing: 2px;
    display: inline-block;
}

.km2:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}

.sitewrapper {
    height: 100%;
}

.sectbox {
    padding: 100px 0;
}

.grey-clr {
    color: #666 !important;
}

.white-clr {
    color: #fff;
}

h2 {
    font-size:36px;
	line-height:36px;
}

h3 {
    font-size: 28px;
    margin-bottom: 30px;

}
h4 {
    font-size: 22px;
}
p { font-size:16px; line-height:24px; color:#454545;}

.overflow-hidden { overflow:hidden; }

.fs-14 { font-size:14px; }
.fs-16 { font-size:16px; }
.fs-18 { font-size:18px; }
.fs-20 { font-size:20px; }
.fs-22 { font-size:22px; line-height:27px;}
.fs-24 { font-size:24px; line-height:28px;}
.fs-26 { font-size:26px; line-height:26px;}
.fs-30 { font-size:30px; line-height:28px;}
.fs-36 { font-size:36px; line-height:34px;}
.fs-40 { font-size:40px; line-height:38px;}
.fs-46 { font-size:46px; line-height:46px;}
.fs-120 { font-size:120px; line-height:120px;}

.black-color { color:#000; }
.yellow-color { color:#f6c308; }
.orange-color { color:#ef7c00; }
.blue-color { color:#04467c !important; }
.brown-color { color:#af2930 !important; }
.brown-color2 { color:#ac2325 !important; }
.clr-white { color:#FFF; }

.orange-bg {  background-color:#ef7c00 !important; }
.light-orange-bg  {  background-color:#fdecdd !important; }
.orange-bg2 {  background-color:#ef6215; }
.orange-bg3 {  background-color:#f38442; }
.yellow-bg { background-color:#f6c308; }
.sky-bg { background-color:#54c2de; }
.green-bg { background-color:#bbcb27; }
.blue-bg { background-color:#005fa3; }
.blue-bg2 { background-color:#003b6e; }
.blue-bg3 { background-color:#6076a0 }
.grey-bg1 { background-color:#f0f0f0; }
.white-bg { background-color:#FFF; }
.brown-bg {background-color:#af2930;}

.h-400 { height:400px; }


.bottom-bor-black1 { border-bottom:solid 1px #000; padding-bottom:5px}
.bottom-bor-black2 { border-bottom:solid 2px #000; padding-bottom:5px}
.top-bor-brown1 { border-top:solid 2px #ac2325; padding-top:5px}
.bottom-bor-orange3 { border-bottom:solid 3px #f26522; padding-bottom:8px; position:relative;}

.orange-cricle { position:relative; }
.orange-cricle:before { content:''; position:absolute; right:0px; top:0px; width:10px; height:10px; top: 28px; border-radius:100px; background-color:#f26522; }

.top-bor-blue5 { border-top:solid 5px #003b6e; padding-bottom:5px}

.right-nav {
	position: fixed; /*left: 50%;*/
	width:2.5%;
	height:365px;
	top:35%;
	z-index: 9;
	padding-left:0px;
    padding-top:0px;
	margin-left:0px;
}

.right-nav a {
	padding:0px;
	font-size:18px;
	text-align:left;
	font-weight:700;
	margin-right: 0px;
	text-decoration: none;
	color: #7b7b7b;
	display: block;
	margin:0 auto;
	margin-bottom: 10px;
	padding-left: 2px;
	position:relative;
	height:5px;
	
}

.right-nav a .link-title { position:absolute; right:-110px; top:-4px; width:100px; color:#000; font-size:20px; font-size:12px; text-transform:uppercase; font-weight:600; opacity:0; visibility:hidden; transition:all 0.5s ease; line-height: 11px;}

.right-nav a.active {
	color: #FFF !important;
}
.right-nav a.active .link-title { opacity:1; visibility:visible; }

.right-nav a:before,.right-nav a:after { content:''; position:absolute; right:10px; top:0px; width:14px; height:2px; background-color:#aaaaaa; transition:all 0.5s ease;}
.right-nav a.active:before { width:0px; }
.right-nav a.active:after { width:40px; background-color:#000; left:0px; top:0px;background: #6b2b82;
background: -moz-linear-gradient(-45deg, #6b2b82 0%, #d4198c 50%, #eb754f 100%);
background: -webkit-linear-gradient(-45deg, #6b2b82 0%,#d4198c 50%,#eb754f 100%);
background: linear-gradient(135deg, #6b2b82 0%,#d4198c 50%,#eb754f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b2b82', endColorstr='#eb754f',GradientType=1 ); right:inherit; left:0px;}

.right-nav a:hover {color:#FFF;}


.page-title { color:#005fa3; font-size:46px; line-height:46px; font-weight:bold;}
.common-bt { display:inline-block; position:relative; background-color:#ef7c00; color:#FFF; text-transform:uppercase; font-size:14px;padding: 12px 15px; text-decoration:none !important; font-weight:bold;}

.common-bt2 { display:inline-block; position:relative; background-color:#af2930; color:#FFF; text-transform:uppercase; font-size:14px;padding: 12px 15px; text-decoration:none !important; font-weight:bold;}


.pos-abs {
    position: absolute; z-index:9;
}
.black-scroll {
    bottom:50px;
    right: 20px;
}


.breadcrum {
    padding: 5px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #af2930;
    border-radius: 0px;
}
.breadcrumb li {
    font-size: 12px;
    color: #b0b0b0;
	margin-bottom:0px;
}
.breadcrumb-item {
    float: left;
}
.breadcrumb li a {
    color: #fff;
    
}
.breadcrumb-item.active {
    color: #FFF !important;
	font-weight:700;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #FFF;
    content: "/";
}



/* HEADER */
.header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 50;
	padding-top: 11px !important;
	transition:all 0.5s ease;

}
.fixed { background: #af2930 !important; }

.inner-header .header { background-color:#003b6d !important; }

#inner-header .header .logo img{width: 150px;}

.logo,
.hamburger{
    opacity:1;
    display: inline-block;
}

/* MENU */
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {

    background-color: #fff;
}

button:focus {
    outline: 0;
}

.overlay {
    position: fixed;
    background: #003b6d;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 40;
    overflow: hidden;
    transform: translateY(-100%);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.overlay.active {
    transform: translateY(0%);
}

.drop-list-head {
    font-size:14px;
    color: #fff;
	font-weight:bold;
    margin-bottom: 3px;
}

.drop-list-head2 {
    margin-bottom: 30px;
}

.overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.overlay .overlay-menu {
    position: relative;
    top:58%;
    transform: translateY(-51%);
    font-weight: 400;
    text-align: left;
    color: #ffffff;
}

.overlay a {
    text-decoration: none;
}

.overlay a:hover{color:rgba(255,255,255,1);}

.overlay .overlay-menu ul {
    list-style: none;
    padding: 0;
    margin: 0 auto 20px;
    position: relative;
    height: auto;
}

.overlay .overlay-menu ul li {
    margin: 0;
    padding:3px 0px;
    display: block;
	line-height: 12px;
}

.overlay .overlay-menu ul li a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    line-height: 13px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

}

.overlay .overlay-menu ul li a:hover {
    color: rgba(255, 255, 255, 1);
}

.menu-drop-list hr { border-bottom:solid 1px rgba(255,255,255,0.5); }

.inner-header .breadcrum { margin-top:74px; }  

#banner{ background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top; height:750px; }
#banner .container { min-height:660px; position:relative;} 
.banner-text {padding-top: 4rem;}
.banner-text h2 { font-family:"Arial Narrow"; font-weight:lighter;line-height: 43px; }


.download-bt { position:absolute; left:30px; bottom:30px; }
.download-annual-bt { border:solid 1px #af2930; position:relative; text-align:center; width:115px;padding-bottom: 10px; margin-top:30px; margin-bottom:30px;}
.download-annual-bt {position:relative; display:block; z-index:2;line-height: 24px; font-size:26px; color:#004a80; text-decoration:
none !important; transition:all 0.5s ease;font-family:"Arial Narrow"; font-weight:lighter;padding-top: 10px;}


#digital-banking {background-image:url(../images/banking-solution.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top;position: relative; height:750px;}
#digital-banking .container { height:750px; position:relative; }
#digital-banking .banking-left { width:480px; background-color:rgba(255,255,255,0.7);-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px; position:absolute; bottom:0px; left:0px;}

#home-glance { padding-top:50px; padding-bottom:50px; height:748px; background-image:url(../images/glance-right-bg.jpg); background-repeat:no-repeat; background-position: 800px top; position:relative;}
#home-glance .nos { border-bottom:solid 1px #d9d9d9; padding-bottom:8px; }
.home-glance-right {padding-left: 80px; padding-top:75px;}
.home-glance-right p { line-height:22px; }
.home-glance-right li { color:#FFF !important; font-size:16px !important; line-height:23px !important;}
.home-glance-right .mision-list li:before,.home-glance-right .mision-list li:after { background-color:#FFF; }
/*#home-glance .slick-dots {bottom: 35px;}
#home-glance .slick-dots li button:before {font-size: 42px; border-radius: 100px;line-height: 16px;border: solid 2px #f1701d; color:#f1701d;}*/

#home-glance .slick-dots {bottom: 15px;}
#home-glance .slick-dots li {margin: 0 0px;}
#home-glance .slick-dots li button:before { font-size:40px; border-radius: 100px; line-height: 16px; color:#af2930; }


#key-business-areas { padding-top:70px; padding-bottom:0px; position:relative;}
#key-business-areas:before { content:''; position:absolute; right:0px; top:0px; background-color:#f2f2f2; width:75%; height:100%; z-index:1 }
#key-business-areas .container { position:relative; z-index:2; } 
.kba-box-right { background-color:#FFF; border-radius:20px; padding:40px; width:522px;margin-top: 60px;margin-left: -10px; opacity:0; transition:all 1s ease;height: 360px;}
.kba-pic {clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); transition:all 1s ease; opacity:0;}
#key-business-areas .slick-active .kba-pic {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity:1;}
#key-business-areas .slick-active .kba-box-right {margin-left: -70px; opacity:1;}

#key-business-areas .slick-dots {width: 11%;bottom: 53px;right: 113px;}
#key-business-areas .slick-dots li {margin: 0 0px;}
#key-business-areas .slick-dots li button:before { font-size:40px; border-radius: 100px; line-height: 16px; color:#af2930; }


#services {}
#services .container { position:relative; z-index:9; }
#services .slick-next,#services .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background:#f6c208 ;
	border-radius:50%;
	z-index: 9;
	background-image:url(../images/white-arrow-left.png); background-repeat:no-repeat; background-position:center center; border:solid 2px #FFF;background-size: 14px;
}

#services .slick-prev {
    left: 25px;
}

#services .slick-next {
    right: 25px;
	background-image:url(../images/white-arrow-right.png); background-repeat:no-repeat; background-position:center center;
}

#services .slick-prev:before,#services  .slick-next:before { content:''; }

#services .home-banner-box { height:100vh; background-color:#000; background-repeat:no-repeat; background-size:cover; position:relative;}
.banner-title1 { background-color:#f6c308; font-size:90px; line-height:80px; padding:15px; font-weight:900; color:#000; display:inline-block;margin-top:260px; background-position:center top; position:relative;}

.banner-bg-1 { background-image:url(../images/human-capital.jpg); }
.banner-bg-2 { background-image:url(../images/social-capital.jpg); }
.banner-bg-3 { background-image:url(../images/natural-capital.jpg); }

#services ul { margin:0px; padding:0px; padding-left:20px; }
#services ul li { font-size:16px; margin-bottom:8px; color:#FFF; }
#services .page-title { color:#FFF; }


#services .no-overflow {
  overflow: hidden;
}
#services .hero-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100vh;
  position: absolute;
  left:0px;top:0px;
  width: 100%;
}


.inner-bg-box { background-repeat:no-repeat; background-size:cover; }
#at-glance .glance-banner {height:650px; background-image:url(../images/glance-banner.jpg);}
.mision-list { margin:0px; padding:0px; position:relative; list-style-type:none; }
.mision-list li { position:relative; font-size:18px; color:#454545; line-height:26px; padding-left:35px; margin-bottom:8px;}
.mision-list li:before { content:''; position:absolute; left:0px; top:13px; width:25px; height:1px; background-color:#000000; }
.mision-list li:after { content:''; position:absolute; left:15px; top:9px; width:10px; height:10px; background-color:#623435; border-radius:100px;}  

#financial-highlights { padding-bottom:50px; padding-top:50px; position:relative;}
/*#financial-highlights .slick-slide { margin: 0 27px; } #financial-highlights .slick-list { margin: 0 -27px; }
#financial-highlights .slick-dots {bottom:-50px;}
#financial-highlights .slick-dots li button:before {font-size: 42px; border-radius: 100px;line-height: 16px;border: solid 2px #f1701d; color:#f1701d;}*/

#financial-highlights .slick-dots {bottom: -55px;}
#financial-highlights .slick-dots li {margin: 0 0px;}
#financial-highlights .slick-dots li button:before { font-size:40px; border-radius: 100px; line-height: 16px; color:#af2930; }


#mdc { background-color:#f2f2f2; padding-top:80px; padding-bottom:80px; position:relative;}

#strategic-focus-areas { padding-top:50px; padding:50px; position:relative;}
/*#strategic-focus-areas .slick-dots {bottom:-30px;}
#strategic-focus-areas .slick-dots li button:before {font-size: 42px; border-radius: 100px;line-height: 16px;border: solid 2px #f1701d; color:#f1701d;}*/

#strategic-focus-areas .slick-dots {bottom: -30px;}
#strategic-focus-areas .slick-dots li {margin: 0 0px;}
#strategic-focus-areas .slick-dots li button:before { font-size:40px; border-radius: 100px; line-height: 16px; color:#af2930; }


#services { padding-top:40px; padding-bottom:40px; }
#services  .slick-dots {bottom:30px;}
#services  .slick-dots li button:before {font-size: 42px; border-radius: 100px;line-height: 16px;border: solid 2px #FFF; color:#FFF;}

#business-model { position:relative;padding-top:50px; padding-bottom:50px;background-color: #f2f3f2;}

#risk-governance { padding-top:80px; padding-bottom:50px; position:relative;background-color:#f2f2f2; }

ul.list-style1 { margin:0px; padding:0px; padding-left: 20px; }
.list-style1 li { font-size:16px; }

ol li { margin-bottom:10px; }

.table-style1 table tr th {border-bottom:solid 2px #04467c; border-right:solid 5px #FFF; border-top:solid 2px #04467c;text-align:right;}
.table-style1 table tr th:nth-child(1) {text-align:left;}
.table-style1 table tr td { border-bottom:solid 1px #000; border-right:solid 5px #FFF; padding:5px 0px; color:#7d7e82;}
.table-style1 table tr td:nth-child(1) { color:#000; }


/*.table-style2 table tr th:nth-child(1) {text-align:left;}*/
.table-style2 table tr:nth-child(1) { border-top:solid 1px #000;}
.table-style2 table tr td:nth-child(1) { width:700px; }
.table-style2 table tr td { border-bottom:solid 1px #000; border-right:solid 1px #000; padding:5px 10px; color:#000;}
.table-style2 table tr td:nth-child(3) { color:#000; font-weight:bold; background-color:#eceded;}
.table-style2 table tr td:last-child { border-right:none;}

.table-style3 table tr:nth-child(1) { border-top:solid 1px #000;}
.table-style3 table tr td:nth-child(1) { width:700px; }
.table-style3 table tr td { border-bottom:solid 1px #000; border-right:solid 1px #000; padding:5px 10px; color:#000;}
.table-style3 table tr td:nth-child(3) { color:#000; font-weight:bold; background-color:#eceded;}
.table-style3 table tr td:last-child { border-right:none;}

#inner-business-model ul li{ font-size:14px !important; line-height:18px;margin-bottom: 5px; }
.dotted-border-bottom1 { border-bottom:dotted 1px #004a80; padding-bottom:5px !important; }

#directors li,#mda li { font-size:16px; color: #454545; padding-bottom:10px;}
#directors a { color:#000; text-decoration:underline; }
#mwd { padding-top:30px; padding-bottom:30px; position:relative;}
#mda ol li { margin-bottom:3px; font-size:16px !important; line-height: 20px;}
#mda p,#mda p strong,#directors p, #directors p strong { color:#000 !important; }

.modal-dialog {max-width: 97%;}
.modal-header {padding: 0.1rem 1rem;}

/* Mouse animation */
@-webkit-keyframes ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
@keyframes ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
.scroll-btn {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom:30px;
}
.scroll-btn > * {
  line-height: 18px;
  font-size: 13px;
  font-weight: normal;
  color: #f26f1f;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
}
.scroll-btn > * .mouse {
  position: relative;
  display: block;
  width: 21px;
  height: 35px;
  margin: 0 auto 20px;
  box-sizing: border-box;
  border: 2px solid #FFF;
  border-radius: 35px;
}
.scroll-btn > * .mouse > * {
  position: absolute;
  display: block;
  top: 29%;
  left: 50%;
  width: 5px;
  height: 5px;
  margin: -3px 0 0 -3px;
  background: #FFF;
  border-radius: 50%;
  -webkit-animation: ani-mouse 2.5s linear infinite;
  animation: ani-mouse 2.5s linear infinite;
}

.footer {
    background: #f1f1f1;
    color: #666;
    font-size: 14px;
    padding: 15px 0;
}


.breadcrumb {
    padding: 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}
.breadcrumb li {
    font-size: 12px;
    color: #b0b0b0;
}
.breadcrumb-item {
    float: left;
}
.breadcrumb li a {
    color: #fff;
    font-weight: 400;
}
.breadcrumb-item.active {
    color: #b0b0b0;
}


#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}
#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	font-size:12px;
	background-color:#ac2325; border:none; z-index:999;
}

.bread-top { margin-top:84px; }

.mobile-show { display:none; }
.mobile-hide { display:block; }

/*deepika css*/
.img-responsive{height:auto; max-width:100%;}
.human-capital-banner{height: 650px; background-image: url(../images/human-capital-banner.jpg); position:relative;}
.bord-orange-round{border:1px solid #ef7c00; border-radius:25px;}
.classroom-img{position:absolute; right: -20px; top: -40px;}
.img-txt{position:absolute; right:0; background-color:#ef7c00; border-top-left-radius:25px; padding:10px; bottom:-18px;}
.pos-relative{position:relative;}
.social-capital-banner{height: 650px; background-image: url(../images/social-capital-banner.jpg); position:relative;}
.natural-capital-banner{height: 650px; background-image: url(../images/natural-capital-banner.jpg); position:relative;}
.black-dots li{font-size:16px; margin-bottom:8px; line-height: 24px; color: #454545;}
.black-dots {margin: 0px; padding: 0px; padding-left: 20px;}
.orange-bg{background-color:#fdeddf;}
.social-img{position:absolute; right: 20px; top: -40px;}
.bottom-bor-orange1{ border-bottom:solid 1px #f26522; padding-bottom:8px; position:relative;}
.lh-26{line-height:26px;}
.natural-icon-right { right:-20px; }
.h-90 {
    height: 90%!important;
}

.negative-val-margin { margin-left:-35px; }
.mt-85 { margin-top: 85px; }
.annu-btn{ position:absolute;top: 15px; right: 90px;}
.modal-body { text-align:center; }

.mobile-mshow { display:none; }


@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
	#home-glance{background-image:none;}
	.col-sm-12 {flex: 100%;max-width: 100%;}
	.modal-body img { width:100%;  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.download-bt {right: inherit;}
.download-bt a:before {background-size: 16px;width: 30px;height: 30px;}
.download-bt a {width: 175px;}	
.banner-title1 {margin-left: 50px;}	
.chart span {width: 19px;}
.chart li:nth-child(5) span {width: 30px;}
#chairman-statement .slick-prev {
    left: 89%;
}
.corprot-slider-inner.p-4 {padding: 1rem!important;}  
.corprot-slider-inner p {
    line-height: 18px;}
.fs-120 {font-size: 58px; }	
#footprint .circle.circle2,#footprint .circle.circle1 { display:none; }
.mobile-mt-10{margin-top:10px!important;}
.human-capital-banner{height:600px;}
.mobile-pl-40{padding-left:40px !important;}
.col-sm-12-landscape {flex: 100%;max-width: 100%;}
#home-glance{background-image:none; height:auto;}
.home-glance-right {background-color: #f58728;padding-left: 20px;padding-right: 10px;padding-top: 25px;padding-bottom:30px;}
.mobile-pl-20{padding-left:10px;}
.kba-box-right {margin-top: 4px;}
.black-scroll { display:none; }
#key-business-areas {padding-bottom: 50px;}
.risk-graph img { width:100%; }
.modal-body img { width:100%;  }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.sitewrapper {height: auto;}	
.logo img { width: 135px;}
.overlay .overlay-menu {
top: 100px;
transform: translateY(0%);
height: 75vh;
overflow: scroll;
}
.download-annual-bt { margin-top:10px; }
#banner { height:370px; }
.banner-text h2 {line-height: 33px; font-family: "Arial";}
#banner .fs-40 {font-size: 30px;}
#banner h2.brown-color {color: #FFF !important;}
.black-scroll { display:none; }
.download-bt { position:relative; left: 0;bottom: 0; }  

#digital-banking,#home-glance {height: auto;}
#digital-banking .banking-left { width:100%; }
.home-glance-right {background-color: #f58728;padding-left: 20px;padding-right: 10px;padding-top: 25px;padding-bottom:30px;}
#home-glance .slick-dots {
    bottom: -15px;
}
#home-glance .mt-5 {margin-top: 1rem!important;}
#home-glance img { margin-bottom:15px; }
#key-business-areas {background-color: #f2f2f2;padding-top: 30px; padding-bottom:50px;}
#key-business-areas:before { display:none; }
#key-business-areas .slick-active .kba-box-right {margin-left: 0px;}
.kba-box-right { width:100%;height: auto;margin-top: 20px;padding: 20px; }
#key-business-areas .slick-dots {width: 100%; right:inherit;bottom:-43px;}
.graph-fh img { width:100%; }
.risk-graph img { width:100%; }
#mdc {padding-top: 30px;padding-bottom: 30px;}
#mdc img { width:100%; margin-bottom:15px; }
#strategic-focus-areas {padding: 13px;}
#strategic-focus-areas img { margin-bottom:15px; }
#services .col-md-4 { margin-bottom:30px; }
.mobile-pl-10{padding-left:10px;}
.mobile-pl-40{padding-left:50px !important;}
.col-sm-12 {flex: 100%;max-width: 100%;}
.risk-graph img { width:100%; }
.modal-body img { width:100%;  }
}
	
	
	
@media (min-width: 481px) and (max-width: 767px) {
.sitewrapper {height: auto;}	
.logo img { width: 135px;}
.overlay .overlay-menu {
top: 100px;
transform: translateY(0%);
height: 75vh;
overflow: scroll;
}
.download-annual-bt { margin-top:-5px; margin-bottom: 16px; padding-top: 5px; padding-bottom: 5px; line-height: 20px; font-size: 20px; }
#banner { height:370px; background-size: 100%; background-color: #f58728; background-position: center bottom; }
.banner-text h2 {line-height: 27px; font-family: "Arial";}
#banner .fs-40 {font-size: 18px;}
#banner h2.brown-color {color: #FFF !important;}
.black-scroll { display:none; }
.download-bt { position:relative; left: 0;bottom: 0; }  

#digital-banking,#home-glance {height: auto;}
#digital-banking .banking-left { width:100%; }
.home-glance-right {background-color: #f58728;padding-left: 20px;padding-right: 10px;padding-top: 25px;padding-bottom:30px;}
#home-glance .slick-dots {
    bottom: -15px;
}
#home-glance .mt-5 {margin-top: 1rem!important;}
#home-glance img { margin-bottom:15px; }
#key-business-areas {background-color: #f2f2f2;padding-top: 30px; padding-bottom:50px;}
#key-business-areas:before { display:none; }
#key-business-areas .slick-active .kba-box-right {margin-left: 0px;}
.kba-box-right { width:100%;height: auto;margin-top: 20px;padding: 20px; }
#key-business-areas .slick-dots {width: 100%; right:inherit;bottom:-43px;}
.graph-fh img { width:100%; }
.risk-graph img { width:100%; }
#mdc {padding-top: 30px;padding-bottom: 30px;}
#mdc img { width:100%; margin-bottom:15px; }
#strategic-focus-areas {padding: 13px;}
#strategic-focus-areas img { margin-bottom:15px; }
#services .col-md-4 { margin-bottom:30px; }
.h-90{height:auto !important;}
.page-title{font-size:36px; line-height:38px;}
#inner-bod .offset-4{margin-left: 0;}
.human-capital-banner, .social-capital-banner, .natural-capital-banner{height:320px;}
.tbl-res{overflow-x:auto;}
.txt-mobile-center{text-align:center;}
#at-glance .classroom-img img{height:60px; width:60px;}
#at-glance .classroom-img{right: -10px;}
#at-glance .social-img img{height:60px; width:60px;}
#at-glance .social-img{right: -10px;}
#at-glance .negative-val-margin .mobile-pl-40{padding-left: 40px !important; padding-top:10px;}
.annu-btn{top: 11px; right:75px; font-size:12px; width: 100px;}
.modal-content {top: 250px;}
#digital-banking{background-size: initial; background-position: 65% 5%;}
.mobile-remove{display:none;}
.mobile-mshow{display:block;}
.mobile-mt-10 {margin-top:10px !important;}
}

@media (min-width: 320px) and (max-width: 480px) {
.sitewrapper {height: auto;    }	

.logo img { width: 135px;}
.overlay .overlay-menu {
top: 100px;
transform: translateY(0%);
height: 75vh;
overflow: scroll;
}
.download-annual-bt { margin-top:-5px; margin-bottom: 16px; padding-top: 5px; padding-bottom: 5px; line-height: 20px; font-size: 20px; }
#banner { height:370px; background-size: 100%; background-color: #f58728; background-position: center bottom; }
.banner-text h2 {line-height: 27px; font-family: "Arial";}
#banner .fs-40 {font-size: 18px;}
#banner h2.brown-color {color: #FFF !important;}
.black-scroll { display:none; }
.download-bt { position:relative; left: 0;bottom: 0; }  

#digital-banking,#home-glance {height: auto;}
#digital-banking  { padding-top:30px; }
#digital-banking .banking-left { width:100%; position:relative;}
.home-glance-right {background-color: #f58728;padding-left: 20px;padding-right: 10px;padding-top: 25px;padding-bottom:30px;}
#home-glance .slick-dots {
    bottom: -15px;
}
#home-glance .mt-5 {margin-top: 1rem!important;}
#home-glance img { margin-bottom:15px; }
#key-business-areas {background-color: #f2f2f2;padding-top: 30px; padding-bottom:50px;}
#key-business-areas:before { display:none; }
#key-business-areas .slick-active .kba-box-right {margin-left: 0px;}
.kba-box-right { width:100%;height: auto;margin-top: 20px;padding: 20px; }
#key-business-areas .slick-dots {width: 100%; right:inherit;bottom:-43px;}
.graph-fh img { width:100%; }
.risk-graph img { width:100%; }
#mdc {padding-top: 30px;padding-bottom: 30px;}
#mdc img { width:100%; margin-bottom:15px; }
#strategic-focus-areas {padding: 13px;}
#strategic-focus-areas img { margin-bottom:15px; }
#services .col-md-4 { margin-bottom:30px; }
#business-model img { width:100%; }
.img-res img { width:100%; }
#key-business-areas .row,#home-glance .row,#mdc .row,#mwd .row,#strategic-focus-areas .row,#risk-governance .row { margin:0px !important; }
#financial-highlights .slick-list {
    margin: 0 0px;
} 
.h-90{height:auto !important;}
.page-title{font-size:36px; line-height:38px;}
#inner-bod .offset-4{margin-left: 0;}
.human-capital-banner, .social-capital-banner, .natural-capital-banner{height:320px;}
.tbl-res{overflow-x:auto;}
.txt-mobile-center{text-align:center;}
#at-glance .classroom-img img{height:60px; width:60px;}
#at-glance .classroom-img{right: -10px;}
#at-glance .social-img img{height:60px; width:60px;}
#at-glance .social-img{right: -10px;}
#at-glance .negative-val-margin .mobile-pl-40{padding-left: 40px !important; padding-top:10px;}
.annu-btn{top: 11px; right:75px; font-size:12px; width: 100px;}
.modal-body img { width:100%;  }
.modal-content {top: 250px;}
#digital-banking{background-size: initial; background-position: 65% 5%;}
.mobile-remove{display:none;}
.mobile-mshow{display:block;}
.mobile-mt-10 {margin-top:10px !important;}
}

@media only screen and (min-width: 1700px) {
    .boxy h2 {

        font-size: 28px;

    }
}