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

  

    

    

}



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

  

    .banner-wrp .banner-caption{ width: 305px;}

    .banner-wrp .banner-caption h2{ font-size: 56px; line-height: 61px;}

    .banner-wrp .bnr-lhs{padding: 0px 150px 0px 30px;}

    .banner-wrp .bnr-rhs{padding: 0px 30px 0px 150px;}

    .banner-wrp .bnr-lhs .bnr-pic-cvr .bnr-pic.bnr2{ width: 300px;}

    .banner-wrp .bnr-rhs .bnr-pic-cvr .bnr-pic.bnr4{ width: 300px;}

    .banner-wrp .bnr-lhs .bnr-pic-cvr .bnr-pic.bnr1{ width: 145px; top:180px;}

    .banner-wrp .bnr-lhs .bnr-pic-cvr .bnr-pic.bnr3{ width: 115px;}

    .banner-wrp .bnr-rhs .bnr-pic-cvr .bnr-pic.bnr5{ width: 200px;}

    .banner-wrp .bnr-rhs .bnr-pic-cvr .bnr-pic.bnr6{ width: 200px;}

    .banner-wrp .bnr-lhs .btm-bnr-txt{ bottom: 20px;}

    .banner-wrp .bnr-lhs .btm-bnr-txt p{ font-size: 17px; line-height: 20px;}



    .stake-wrp .stake-card{ height: 500px;}

  

    

    

}





@media only screen and (min-width: 1400px) and (max-width: 1599px) {





    .banner-wrp .banner-caption{ width: 305px;}

    .banner-wrp .banner-caption h2{ font-size: 56px; line-height: 61px;}

    .banner-wrp .bnr-lhs{padding: 0px 150px 0px 30px;}

    .banner-wrp .bnr-rhs{padding: 0px 30px 0px 150px;}

    .banner-wrp .bnr-lhs .bnr-pic-cvr .bnr-pic.bnr2{ width: 300px;}

    .banner-wrp .bnr-rhs .bnr-pic-cvr .bnr-pic.bnr4{ width: 300px;}

    .banner-wrp .bnr-lhs .bnr-pic-cvr .bnr-pic.bnr1{ width: 145px; top:180px;}

    .banner-wrp .bnr-lhs .bnr-pic-cvr .bnr-pic.bnr3{ width: 115px;}

    .banner-wrp .bnr-rhs .bnr-pic-cvr .bnr-pic.bnr5{ width: 200px;}

    .banner-wrp .bnr-rhs .bnr-pic-cvr .bnr-pic.bnr6{ width: 200px;}

    .banner-wrp .bnr-lhs .btm-bnr-txt{ bottom: 20px;}

    .banner-wrp .bnr-lhs .btm-bnr-txt p{ font-size: 20px; line-height: 20px;}





    .common-ttle{ font-size: 36px; line-height: 40px; margin-bottom: 10px;}

    .underline-text-yellow{ font-size: 24px;}

    .glance-wrp .glance-lhs .galnce-lhs-cvr{ padding-top: 20px;}

    .glance-wrp .glance-lhs .galnce-lhs-cvr .common-ttle br{ display: none;}

    .body-copy{ font-size: 16px; line-height: 20px;}

    .glance-wrp .glance-lhs .galnce-lhs-cvr .cv-wrp .cv-icn-bx{ margin-top: 10px;}

    .glance-wrp .glance-lhs .galnce-lhs-cvr .cv-wrp{ margin-top: 10px;}

    .sfa-wrp .sfa-sldr .sfa-card .desc-bx p{ font-size: 26px;}

    .tsfa-wrp .tsfa-sldr{ margin-top: 10px;}

    .tsfa-wrp .tsfa-sldr .info-numb-bx{ margin-top: 10px;}

    .tsfa-wrp .tsfa-lhs-wrp{ height: 620px; overflow: hidden;}

    .cg-wrp .cg-sldr .cg-rhs{ height: 500px;background-position: center;}

    .cg-wrp .cg-sldr .cg-lhs{ height: 350px; margin-top: 50px;}



    .se-wrp .se-lhs{ height: 420px; overflow: hidden;}

    .soe-wrp .soe-lhs .lhs-card{ margin-right: 200px;}

    .pdo-wrp .pdo-lhs .lhs-cvr {width: 750px;float: right; margin: 30px 50px 0px 0px;}

    .pdo-wrp .pdo-rhs{ height: 600px; background-position: center;}



    .stake-wrp .stake-card{ height: 400px;}



  

}



@media only screen and (min-width: 1200px) and (max-width: 1399px) {



    .banner-wrp .banner-caption{ width: 305px;}

    .banner-wrp .banner-caption h2{ font-size: 56px; line-height: 61px;}

    .banner-wrp .bnr-lhs{padding: 0px 150px 0px 30px;}

    .banner-wrp .bnr-rhs{padding: 0px 30px 0px 150px;}

    .banner-wrp .bnr-lhs .bnr-pic-cvr .bnr-pic.bnr2{ width: 300px;}

    .banner-wrp .bnr-rhs .bnr-pic-cvr .bnr-pic.bnr4{ width: 300px;}

    .banner-wrp .bnr-lhs .bnr-pic-cvr .bnr-pic.bnr1{ width: 145px; top:180px;}

    .banner-wrp .bnr-lhs .bnr-pic-cvr .bnr-pic.bnr3{ width: 115px;}

    .banner-wrp .bnr-rhs .bnr-pic-cvr .bnr-pic.bnr5{ width: 200px;}

    .banner-wrp .bnr-rhs .bnr-pic-cvr .bnr-pic.bnr6{ width: 200px;}

    .banner-wrp .bnr-lhs .btm-bnr-txt{ bottom: 20px;}

    .banner-wrp .bnr-lhs .btm-bnr-txt p{ font-size: 17px; line-height: 20px;}





    .common-ttle{ font-size: 38px; line-height: 42px; margin-bottom: 10px;}

    .underline-text-yellow{ font-size: 24px;}

    .glance-wrp .glance-lhs .galnce-lhs-cvr{ padding-top: 20px;}

    .glance-wrp .glance-lhs .galnce-lhs-cvr .common-ttle br{ display: none;}

    .body-copy{ font-size: 16px; line-height: 20px;}

    .glance-wrp .glance-lhs .galnce-lhs-cvr .cv-wrp .cv-icn-bx{ margin-top: 10px;}

    .glance-wrp .glance-lhs .galnce-lhs-cvr .cv-wrp{ margin-top: 10px;}

    .sfa-wrp .sfa-sldr .sfa-card .desc-bx p{ font-size: 26px;}

    .tsfa-wrp .tsfa-sldr{ margin-top: 10px;}

    .tsfa-wrp .tsfa-sldr .info-numb-bx{ margin-top: 10px;}

    .tsfa-wrp .tsfa-lhs-wrp{ height: 620px; overflow: hidden;}

    .cg-wrp .cg-sldr .cg-rhs{ height: 500px;background-position: center;}

    .cg-wrp .cg-sldr .cg-lhs{ height: 350px; margin-top: 50px;}



    .se-wrp .se-lhs{ height: 420px; overflow: hidden;}

    .soe-wrp .soe-lhs .lhs-card{ margin-right: 200px;}

    .pdo-wrp .pdo-lhs .lhs-cvr {width: 750px;float: right; margin: 30px 50px 0px 0px;}

    .pdo-wrp .pdo-rhs{ height: 600px; background-position: center;}



    .stake-wrp .stake-card{ height: 400px;}

    



}



/* Medium */

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



    

}



/* Small */

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







}





/* Extra small */

@media (min-width: 320px) and (max-width: 767px) {



    .header-full-wrp .logo{ width: 47px;}

    .header-full-wrp .head-dwnld-link{ font-size: 13px; margin-top: 30px;}

    .banner-wrp{margin: 83px auto 0px; height: calc(100vh - 83px); background-image: url(../images/mob-bnr.jpg); background-position: center bottom; background-size: contain; background-repeat: no-repeat;}

    .banner-wrp .banner-caption {width: 300px;position: absolute;top: 20%;left: 50%;transform: none;z-index: 2;text-align: center; margin-left: -150px;padding: 20px 0px;}

    .banner-wrp .banner-caption h2{ font-size: 38px; line-height: 42px;}

    .banner-wrp .banner-caption h2 span{ display: block;}

    .bnr-pic{ display: none;}

    .btm-bnr-txt{ display: none;}

    .glance-wrp .glance-lhs .galnce-lhs-cvr {width: 100%;margin-right: 0px;float: none;padding:30px 15px;}

    .smll-ttle{ font-size: 14px; line-height: 18px;}

    .common-ttle{ font-size: 28px; line-height: 34px;}

    .body-copy{ font-size: 14px; line-height: 20px;}

    .underline-text-yellow{ font-size: 24px;}

    .glance-wrp .glance-lhs .galnce-lhs-cvr .cv-wrp .ttle{ font-size: 20px;}

    .vision-wrp .vis-lhs .vision-cvr {width: 100%;float: none;margin-right: 0px;}

    .vision-wrp .vis-lhs {width: 100%;height: auto;background-color: #F3DDE6;padding-top: 145px;padding: 30px 15px;}

    .vision-wrp .vis-lhs .vision-cvr h2{ font-size: 28px; margin-bottom: 10px;}

    .vision-wrp .vis-lhs .vision-cvr p{ font-size: 20px; line-height: 24px; margin: 0px;}

    .vision-wrp .vis-rhs .vis-r-cvr {width: 100%;}

    .vision-wrp .vis-rhs {width: 100%; height: auto;padding: 20px 15px;}

    .sfa-wrp {padding: 20px 0px;}

    .sfa-wrp .sfa-sldr {padding-bottom: 30px;margin-top: 15px;}

    .sfa-wrp .sfa-sldr .sfa-card .desc-bx p{ font-size: 26px;}

    .tsfa-wrp {width: 100%;padding: 30px 0px;}

    .tsfa-lhs-wrp{ margin-bottom: 20px;}

    .tsfa-wrp .tsfa-sldr .sec-ttle{ font-size: 20px; line-height: 1;}

    .tsfa-wrp .tsfa-sldr{ margin-top: 10px; padding-top: 50px;}

    .tsfa-wrp .tsfa-sldr .info-numb-bx{ margin-top: 10px;}

    .tsfa-wrp .tsfa-sldr .info-numb-bx h2{ font-size: 30px; line-height: 25px;}

    .chairman-wrp{ height: auto; ;}

    .chairman-wrp .chair-sldr .swiper-slide{ padding-top: 30px; height: auto; background-image: none; background-color: #F7941E;padding-bottom: 30px}

    .chairman-wrp .chair-sldr .swiper-slide .common-ttle{ font-size: 28px; line-height: 32px; color: #fff;}

    .chairman-wrp .chair-sldr .swiper-slide .chair-pic{ margin-top: 0px; margin-bottom: 20px;}

    .chair-lhs .common-cta{ border-color: #fff; color: #fff;}

    .chair-lhs .common-cta::before{ background-color: #fff;}

    .chairman-wrp .chair-sldr .swiper-slide .chair-rhs p.desc{ font-size: 18px; line-height: 24px;}

    .chairman-wrp .chair-sldr .swiper-slide .chair-rhs .common-cta{ position: relative; bottom: 0px; left: 0px; right: inherit;}

    .cg-wrp .cg-sldr .custm-arrw{ display: none;}

    .cg-wrp .cg-sldr .cg-lhs {width: 100%;height: auto;background-color: #fff;box-shadow: none;margin-left: 0px;position: relative;z-index: 2;margin-top: 0px;padding: 20px;}

    .cg-wrp .cg-sldr .cg-rhs{ height: 300px; background-position: bottom 50% center;}

    .cg-wrp{ padding: 20px 0px;}

    .sus-appr-wrp{ padding: 30px 0px;}

    .sus-appr-wrp .sub-txt {font-size: 18px;line-height: 24px;color: #333;font-weight: 400;margin-top: 35px;width: 100%;margin-left: 0px;}

    .se-wrp{ padding: 30px 0px;}

    .se-lhs{ margin-bottom: 20px;}

    .se-wrp .se-grid-bx .se-grid-card{ margin-bottom: 20px;}

    .se-wrp .se-grid-bx .se-grid-card .common-ttle{ font-size: 28px; line-height: 32px;}

    .csv-wrp {width: 100%;padding: 20px 0px;background-image: none;background-color: #f5f5f5;}

    .csv-wrp .csv-rhs {padding-left: 0px;margin-top: 20px;}

    .csv-wrp .csv-rhs .csv-card p{ min-height: auto;}

    .csv-wrp .csv-rhs .csv-card p br{ display: none;}

    .csv-wrp .csv-rhs .csv-card{ height: auto;padding: 20px 20px;box-shadow: 0px 0px 20px rgb(0 0 0 / 20%)}

    .md-quote-card{ width: 23px; display: block;}

    .soe-wrp .soe-lhs .lhs-card {width: 100%;float: none;margin-right: 0px;margin-top: 0px;padding: 20px 15px;}

    .soe-wrp .soe-rhs .soe-sldr {padding: 0px;margin-left: 0px;width: 100%;}

    .soe-wrp .soe-rhs{ height: auto; padding: 20px 0px;}

    .soe-wrp .soe-rhs .soe-sldr .soe-grid-bx{ padding: 20px; min-height: 262px;}

    .soe-wrp .soe-rhs .soe-sldr .soe-grid-bx .common-ttle{ font-size: 32px; line-height: 36px;}

    .pdo-wrp .pdo-lhs .lhs-cvr {width: 100%;float: none;margin: 0px 0px 0px 0px;padding: 20px 15px;}

    .pdo-wrp .pdo-rhs{ height: 350px;}

    .pdo-wrp .pdo-rhs .desc-bx{ padding: 20px;}

    .dc-wrp{ padding: 20px 0px;}

    .dc-wrp .container-950-wrp .dc-grid-cvr{ margin-top:20px;}



    .chairman-wrp .chair-sldr .swiper-slide .chair-rhs .leader-cta{ margin-left: 0px; display: block;}



    .stake-wrp .stake-card{ height: auto; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); margin-top: 30px; padding: 20px;}

    .stake-wrp .stake-card a.common-cta{ position: relative; left: 0px; bottom: 0px;}

    .stake-wrp{ padding: 0px 0px 20px;}

  

    

    

}