/* imac 27 4k inch Styles here */
/* @media only screen
and (max-width : 2880px)
and (max-height : 5120px) {
#banner { height: 800px; }
#banner .banner-content p {padding-right: 4vw;}

} */
/* imac 21 4k inch Styles here */
@media (min-width: 1920px) and (max-width: 2560px) {

}
@media only screen
and (max-width : 2304px)
and (max-height : 4096px) {
/* Styles here */
/*    #banner { height: 800px; }
#banner .banner-content p {padding-right: 4vw;} */
}

/* imac 21 inch Styles here */
@media only screen
and (max-width : 1080px)
and (max-height : 1920px) {
/*       #banner { height: 800px; }
#banner .banner-content p {padding-right: 4vw;} */
/* Styles here */
}

@media (min-width: 1920px) and (max-width: 2560px) {


}


@media (min-width: 1600px) and (max-width: 1919px) {

}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.smallTitle {font-size: 20px;}
.page-title2,.page-title3,.page-title { font-size: 32px; }
#banner .container .baner_content h1 {font-size: 45px;}
#banner .container .baner_content h1 span {height: 55px;}
#wedont .checkbox {left: -450px;}
#wedont .horse-pawn {left: 280px;}
#ourPresence .regulators {left: 0px;}
#our-year-in-review .our-year-right {
    padding: 30px 0px 100px 70px;
}
#our-year-in-review .our-year-right .cricle1 img,#our-year-in-review .our-year-right .cricle2 img {
    width: 190px;
}
#our-year-in-review .our-year-right .mid {margin-top: 20px;margin-left: 50px;}
#our-year-in-review .our-year-right h4 {font-size: 19px;}
p {
    font-size: 16px;
    line-height: 24px;
}
.perfromances .highlight-value {font-size: 40px;}
.perfromances .highlight-label {font-size: 14px;}
.perfromances .arrow-up {
    right: 270px;
    top: 16px;
}
#downloadCenter .pawns {right: 300px;}
#aboutUs .highlight-value {font-size: 50px;}
#aboutUs .highlight-row {padding: 1px 0;}
#aboutUs .highlights h2 {top: 10px;}
#wedont .horse-pawn {width: 190px;}
.perfromances .arrow-up.exleft {
    right: 281px;
}
#ResponsibleApproach .Holding {
    width: 520px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px)  {
#header .container .logo img {
    width: 170px;
}
.smallTitle {font-size: 20px;}
.page-title2,.page-title3,.page-title { font-size: 28px; }
#banner .container .baner_content h1 {font-size: 45px;}
#banner .container .baner_content h1 span {height: 55px;}
#wedont .checkbox {left: -260px;}
#wedont .horse-pawn {left: 280px;}
#ourPresence .regulators {left: 0px;}
#our-year-in-review .our-year-right {
    padding: 30px 0px 100px 40px;
}
#our-year-in-review .mt-5 {
    margin-top: 1rem !important;
}

#our-year-in-review .our-year-right .cricle1 img,#our-year-in-review .our-year-right .cricle2 img {
    width: 160px;
}
#our-year-in-review .our-year-right .mid {        margin-top: 4px;
        margin-left: 20px;}
#our-year-in-review .our-year-right h4 {font-size: 19px;margin-top: 30px;}
p {
    font-size: 16px;
    line-height: 24px;
}
.perfromances .highlight-value {font-size: 40px;}
.perfromances .highlight-label {font-size: 14px;}
.perfromances .arrow-up {
    right: 270px;
    top: 16px;
}
#downloadCenter .pawns {right: 300px;}
#aboutUs .highlight-value {font-size: 50px;}
#aboutUs .highlight-row {padding: 1px 0;}
#aboutUs .highlights h2 {top: 10px;}
#banner .container .baner_content .reportBt {margin-top: 30px;}
#Chairperson .chairperson_Right .quote {font-size: 23px;}
#Chairperson .nav-tabs .nav-link,.commonCta {font-size: 14px;}
#ResponsibleApproach {padding: 20px 0px;}

#ResponsibleApproach .item .checkbox {
    left: -370px;
}


#ResponsibleApproach .item .horse-pawn {
    position: absolute;
    left: 210px;
    bottom: 140px;
    width: 180px;
}

#ResponsibleApproach .item .horse-pawn img { width: 100%; }
#our-strategic-direction .strategicCards .hoverText ul li {font-size: 14px;}
#our-strategic-direction .strategicCards h2{font-size: 18px;}
#scope td,#scope .td-flex p {font-size: 15px;}
#downloadCenter .pawns {
    transform: scale(0.6);
}
#wedont .horse-pawn {width: 180px;}
.perfromances .arrow-up.exleft {
    right: 280px;
}
#ResponsibleApproach .Holding {
    width: 520px;
}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation: landscape) 

{

.row { margin: 0px; margin: 0px; }
.page-title {font-size: 32px!important;line-height: 101%!important;}
#header img { width: 115px; }
#header { padding-left: 10px;  }

.smallTitle {font-size: 16px;}
.page-title2,.page-title3,.page-title {font-size: 30px;}
.fs22 {
font-size: 20px;
line-height: 28px;
}
.nosInfo small {font-size: 18px;}
#header {padding: 10px 0px;}
#header .common-container .logo-btn-wrp {padding-right: 70px;}
#header .container .logo img {
width: 120px;
}
#banner .container .baner_content h1 {font-size: 30px;}
#banner .container .baner_content h1 span {height: 42px;}
#banner .container .baner_content .reportBt {margin-top: 20px; padding-bottom: 70px; }
#banner .container {justify-content: end;}
#banner .container .scrollDown { display: none; }
#banner .container .baner_content h3 {font-size: 20px;}
#wedont {padding: 20px 0px;}
#wedont .wedontleft,#wedont .wedontright .wedontSlider .swiper-slide h2 {font-size: 25px;line-height: 1.1;}
#wedont .wedontleft {margin-right: 9px;}
#wedont .wedontright .wedontSlider {height: 55px; margin-top: -1px; }
#wedont {height: 530px;}
#wedont .horse-pawn {
position: absolute;
left: -50px;
bottom: 0px;
width: 140px;
}
#aboutUs{padding: 30px 0px;}
#aboutUs .highlights h2{top: 0px;position: relative;}
#aboutUs .highlights {margin: 30px auto;}
#aboutUs .highlight-value{font-size: 36px;}
#aboutUs .highlight-label,.perfromances .highlight-label {font-size: 14px;}
#aboutUs .highlights h2 {font-size: 16px;}
#ourPresence {padding: 30px 0px;}
.page-title2,.page-title3 br, .page-title br { display: none; }
#ourPresence .regulators,.perfromances .highlights h2 { position: relative;left: 0px;bottom: 10px; }
#ourPresence .regulators ul li {font-size: 12px;}
.mobilemap { padding: 3% 0px; }

#Chairperson {padding: 30px 0px;}
#Chairperson .chairperson_Right {
padding-top: 20px;
padding-left: 0px;
}
#Chairperson .chairperson_Right .quote {font-size: 22px;}
#Chairperson .nav-tabs { position: relative; justify-content: center; margin-bottom: 25px; }
#Chairperson .nav-tabs .nav-link {font-size: 13px;width: 105px;padding: 10px 3px; line-height: 1; }
#ResponsibleApproach,.perfromances .highlights {padding: 0px 0px;}
.perfromances .highlights { margin: 0px; }
.perfromances .highlights h2 {top: 0px;}
.perfromances { height: auto; padding: 30px 0px; }
.perfromances .highlight-value {max-width: max-content;}
.perfromances .arrow-up {
position: absolute;
right: 123px;
top: 20px;
transform: scale(0.7);
}
.perfromances .highlight-label {padding-right: 20px; text-align: start; }
.perfromances .highlight-value {
font-size: 28px;
}
.perfromances .highlight-row { display: block;  padding-bottom: 20px; }
#ResponsibleApproach .item .horse-pawn { display: none; }
#ResponsibleApproach .wrapper {
height: auto;
}
#ResponsibleApproach .list { display: block; }
#ResponsibleApproach .item { position: relative; }
#our-year-in-review .our-year-right {
padding: 10px 0px 30px 10px;
}
.our-year-right .row { text-align: center; }
#our-year-in-review .our-year-right .mid {
margin-top: 10px;
width: 200px;
text-align: center;
margin-left: 50px;
}
#our-strategic-direction {padding: 30px 0px;}
#our-strategic-direction .strategicCards {padding: 20px;}
#our-strategic-direction .strategicCards .hoverText {opacity: 1;
visibility: visible;
transform: translateY(0px);}
#our-strategic-direction .strategicCards .hoverText p {font-size: 16px;
line-height: 23px;}
#our-strategic-direction .strategicCards .arrow { display: none; }
#our-strategic-direction .strategicCards .hoverText ul li {font-size: 16px;}
#our-strategic-direction .strategicCards h2 {font-size: 18px;}
#our-strategic-direction { padding-bottom: 100px; }

#our-strategic-direction .commonCta {
margin-top: 40px;
}
#governance {
padding: 40px 0px;
padding-bottom: 0px;
}

#scope{padding: 20px 0px;}
#scope .accordion-button {font-size: 18px;}
#scope td,#scope .td-flex p {font-size: 14px;line-height: 19px; background-position: left 3px;}
.accordion-body { overflow-x: scroll; }
#scope table {
width: 680px;
border-collapse: collapse;
}
#downloadCenter .pawns {
position: relative;
right: 0px;
bottom: 0px;
transform: scale(0.5);padding-top: 180px;
}
#downloadCenter { padding-bottom: 0px; }
#downloadCenter .downloadBt {padding: 20px 54px;font-size: 16px;}
#our-strategic-direction .swiper,#governance .swiper {
overflow: hidden;
}
#ResponsibleApproach .item .checkbox {
position: absolute;
left: -510px;
bottom: 0px;
}
#downloadCenter .pawns span:nth-child(1) {
    left: -40px;
}
#downloadCenter .pawns span:nth-child(2) {
    left: 120px;
    top: 28px;
}
#downloadCenter .pawns span:nth-child(3) {
    left: 240px;
}

#our-year-in-review .our-year-right .cricle1 img,#our-year-in-review .our-year-right .cricle2 img {
    width: 140px;
}
#our-year-in-review .our-year-right .mid p {}
.perfromances .arrow-up.exleft {
    right: 130px;
}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) 
{

.row { margin: 0px; margin: 0px; }
.page-title {font-size: 32px!important;line-height: 101%!important;}
#header img { width: 115px; }
#header { padding-left: 10px;  }

.smallTitle {font-size: 16px;}
.page-title2,.page-title3,.page-title {font-size: 30px;}
.fs22 {
font-size: 20px;
line-height: 28px;
}
.nosInfo small {font-size: 18px;}
#header {padding: 10px 0px;}
#header .common-container .logo-btn-wrp {padding-right: 70px;}
#header .container .logo img {
width: 120px;
}
#banner .container .baner_content h1 {font-size: 30px;}
#banner .container .baner_content h1 span {height: 42px;}
#banner .container .baner_content .reportBt {margin-top: 20px; padding-bottom: 70px; }
#banner .container {justify-content: end;}
#banner .container .scrollDown { display: none; }
#banner .container .baner_content h3 {font-size: 20px;}
#wedont {padding: 20px 0px;}
#wedont .wedontleft,#wedont .wedontright .wedontSlider .swiper-slide h2 {font-size: 25px;line-height: 1.1;}
#wedont .wedontleft {margin-right: 9px;}
#wedont .wedontright .wedontSlider {height: 55px; margin-top: -1px; }
#wedont {height: 530px;}
#wedont .horse-pawn {
position: absolute;
left: -50px;
bottom: 0px;
width: 140px;
}
#aboutUs{padding: 30px 0px;}
#aboutUs .highlights h2{top: 0px;position: relative;}
#aboutUs .highlights {margin: 30px auto;}
#aboutUs .highlight-value{font-size: 36px;}
#aboutUs .highlight-label,.perfromances .highlight-label {font-size: 14px;}
#aboutUs .highlights h2 {font-size: 16px;}
#ourPresence {padding: 30px 0px;}
.page-title2,.page-title3 br, .page-title br { display: none; }
#ourPresence .regulators,.perfromances .highlights h2 { position: relative;left: 0px;bottom: 10px; }
#ourPresence .regulators ul li {font-size: 12px;}
.mobilemap { padding: 3% 0px; }

#Chairperson {padding: 30px 0px;}
#Chairperson .chairperson_Right {
padding-top: 20px;
padding-left: 0px;
}
#Chairperson .chairperson_Right .quote {font-size: 22px;}
#Chairperson .nav-tabs { position: relative; justify-content: center; margin-bottom: 25px; }
#Chairperson .nav-tabs .nav-link {font-size: 13px;width: 105px;padding: 10px 3px; line-height: 1; }
#ResponsibleApproach,.perfromances .highlights {padding: 0px 0px;}
.perfromances .highlights { margin: 0px; }
.perfromances .highlights h2 {top: 0px;}
.perfromances { height: auto; padding: 30px 0px; }
.perfromances .highlight-value {max-width: max-content;}
.perfromances .arrow-up {
position: absolute;
right: 123px;
top: 20px;
transform: scale(0.7);
}
.perfromances .highlight-label {padding-right: 20px; text-align: start; }
.perfromances .highlight-value {
font-size: 28px;
}
.perfromances .highlight-row { display: block;  padding-bottom: 20px; }
#ResponsibleApproach .item .horse-pawn { display: none; }
#ResponsibleApproach .wrapper {
height: auto;
}
#ResponsibleApproach .list { display: block; }
#ResponsibleApproach .item { position: relative; }
#our-year-in-review .our-year-right {
padding: 10px 0px 30px 10px;
}
.our-year-right .row { text-align: center; }
#our-year-in-review .our-year-right .mid {
margin-top: 10px;
width: 200px;
text-align: center;
margin-left: 50px;
}
#our-strategic-direction {padding: 30px 0px;}
#our-strategic-direction .strategicCards {padding: 20px;}
#our-strategic-direction .strategicCards .hoverText {opacity: 1;
visibility: visible;
transform: translateY(0px);}
#our-strategic-direction .strategicCards .hoverText p {font-size: 16px;
line-height: 23px;}
#our-strategic-direction .strategicCards .arrow { display: none; }
#our-strategic-direction .strategicCards .hoverText ul li {font-size: 16px;}
#our-strategic-direction .strategicCards h2 {font-size: 18px;}
#our-strategic-direction { padding-bottom: 100px; }

#our-strategic-direction .commonCta {
margin-top: 40px;
}
#governance {
padding: 40px 0px;
padding-bottom: 0px;
}

#scope{padding: 20px 0px;}
#scope .accordion-button {font-size: 18px;}
#scope td,#scope .td-flex p {font-size: 14px;line-height: 19px; background-position: left 3px;}
.accordion-body { overflow-x: scroll; }
#scope table {
width: 680px;
border-collapse: collapse;
}
#downloadCenter .pawns {
position: relative;
right: 0px;
bottom: 0px;
transform: scale(0.5);padding-top: 180px;
}
#downloadCenter { padding-bottom: 0px; }
#downloadCenter .downloadBt {padding: 20px 54px;font-size: 16px;}
#our-strategic-direction .swiper,#governance .swiper {
overflow: hidden;
}
#ResponsibleApproach .item .checkbox {
position: absolute;
left: -510px;
bottom: 0px;
}
#downloadCenter .pawns span:nth-child(1) {
    left: -40px;
}
#downloadCenter .pawns span:nth-child(2) {
    left: 120px;
    top: 28px;
}
#downloadCenter .pawns span:nth-child(3) {
    left: 240px;
}

#our-year-in-review .our-year-right .cricle1 img,#our-year-in-review .our-year-right .cricle2 img {
    width: 140px;
}
#our-year-in-review .our-year-right .mid p {}
.perfromances .arrow-up.exleft {
    right: 130px;
}
}

/* Extra small */
@media (min-width: 320px) and (max-width: 767px)
{

.row { margin: 0px; margin: 0px; }
.page-title {font-size: 32px!important;line-height: 101%!important;}
#header img { width: 115px; }
#header { padding-left: 10px;  }

.smallTitle {font-size: 16px;}
.page-title2,.page-title3,.page-title {font-size: 30px;}
.fs22 {
font-size: 20px;
line-height: 28px;
}
.nosInfo small {font-size: 18px;}
#header {padding: 10px 0px;}
#header .common-container .logo-btn-wrp {padding-right: 70px;}
#header .container .logo img {
width: 120px;
}
#banner .container .baner_content h1 {font-size: 30px;}
#banner .container .baner_content h1 span {height: 42px;}
#banner .container .baner_content .reportBt {margin-top: 20px; padding-bottom: 70px; }
#banner .container {justify-content: end;}
#banner .container .scrollDown { display: none; }
#banner .container .baner_content h3 {font-size: 20px;}
#wedont {padding: 20px 0px;}
#wedont .wedontleft,#wedont .wedontright .wedontSlider .swiper-slide h2 {font-size: 25px;line-height: 1.1;}
#wedont .wedontleft {margin-right: 9px;}
#wedont .wedontright .wedontSlider {height: 115px; margin-top: 27px; }
#wedont {height: 720px;}
#wedont .horse-pawn {
position: absolute;
left: -50px;
bottom: 0px;
width: 140px;
}
#aboutUs{padding: 30px 0px;}
#aboutUs .highlights h2{top: 0px;position: relative;}
#aboutUs .highlights {margin: 30px auto;}
#aboutUs .highlight-value{font-size: 36px;}
#aboutUs .highlight-label,.perfromances .highlight-label {font-size: 14px;}
#aboutUs .highlights h2 {font-size: 16px;}
#ourPresence {padding: 30px 0px;}
.page-title2,.page-title3 br, .page-title br { display: none; }
#ourPresence .regulators,.perfromances .highlights h2 { position: relative;left: 0px;bottom: 10px; }
#ourPresence .regulators ul li {font-size: 12px;}
.mobilemap { padding: 3% 0px; }

#Chairperson {padding: 30px 0px;}
#Chairperson .chairperson_Right {
padding-top: 20px;
padding-left: 0px;
}
#Chairperson .chairperson_Right .quote {font-size: 22px;}
#Chairperson .nav-tabs { position: relative; justify-content: center; margin-bottom: 25px; }
#Chairperson .nav-tabs .nav-link {font-size: 13px;width: 105px;padding: 10px 3px; line-height: 1; }
#ResponsibleApproach,.perfromances .highlights {padding: 0px 0px;}
.perfromances .highlights { margin: 0px; }
.perfromances .highlights h2 {top: 0px;}
.perfromances { height: auto; padding: 30px 0px; }
.perfromances .highlight-value {max-width: max-content;}
.perfromances .arrow-up {
position: absolute;
right: 123px;
top: 20px;
transform: scale(0.7);
}
.perfromances .highlight-label {padding-right: 20px; text-align: start; }
.perfromances .highlight-value {
font-size: 28px;
}
.perfromances .highlight-row { display: block;  padding-bottom: 20px; }
#ResponsibleApproach .item .horse-pawn { display: none; }
#ResponsibleApproach .wrapper {
height: auto;
}
#ResponsibleApproach .list { display: block; }
#ResponsibleApproach .item { position: relative; }
#our-year-in-review .our-year-right {
padding: 10px 0px 30px 10px;
}
.our-year-right .row { text-align: center; }
#our-year-in-review .our-year-right .mid {
margin-top: 10px;
width: 200px;
text-align: center;
margin-left: 50px;
}
#our-strategic-direction {padding: 30px 0px;}
#our-strategic-direction .strategicCards {padding: 20px;}
#our-strategic-direction .strategicCards .hoverText {opacity: 1;
visibility: visible;
transform: translateY(0px);}
#our-strategic-direction .strategicCards .hoverText p {font-size: 16px;
line-height: 23px;}
#our-strategic-direction .strategicCards .arrow { display: none; }
#our-strategic-direction .strategicCards .hoverText ul li {font-size: 16px;}
#our-strategic-direction .strategicCards h2 {font-size: 18px;}
#our-strategic-direction { padding-bottom: 100px; }

#our-strategic-direction .commonCta {
margin-top: 40px;
}
#governance {
padding: 40px 0px;
padding-bottom: 0px;
}

#scope{padding: 20px 0px;}
#scope .accordion-button {font-size: 18px;}
#scope td,#scope .td-flex p {font-size: 14px;line-height: 19px; background-position: left 3px;}
.accordion-body { overflow-x: scroll; }
#scope table {
width: 680px;
border-collapse: collapse;
}
#downloadCenter .pawns {
position: relative;
right: 0px;
bottom: 0px;
transform: scale(0.5);padding-top: 180px;
}
#downloadCenter { padding-bottom: 0px; }
#downloadCenter .downloadBt {padding: 20px 54px;font-size: 16px;}
#our-strategic-direction .swiper,#governance .swiper {
overflow: hidden;
}
#ResponsibleApproach .item .checkbox {
position: absolute;
left: -510px;
bottom: 0px;
}
#downloadCenter .pawns span:nth-child(1) {
    left: -40px;
}
#downloadCenter .pawns span:nth-child(2) {
    left: 120px;
    top: 28px;
}
#downloadCenter .pawns span:nth-child(3) {
    left: 240px;
}
.perfromances .arrow-up.exleft {
    right: 135px;
}

}