@media (max-width:1024px)
{

.ham-icon {
    cursor: pointer;
    margin-top:10px;
    display: inline-block;
}
.menutxt-mbl
{
    margin-top: 17px;
}
.menu
{
    display: none;
}
.sub-menu {
    height: 58px;
    margin-top: 72px !important;
    z-index: 9;
    padding: 0px 15px;
    position: fixed;
}
.sub-menu .btn {
    display: flex;
    min-height: 58px;
    width: 100%;
    align-items: center;
    position: relative;
}
.sub-menu .dropdown-menu {
    display: none;
    position: absolute;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    width: 100%;
    padding: 10px 0;
    top:58px;
    left: 0;
    right: 0;
    margin:auto;
}

.sub-menu .btn:before {
    content: "";
    width: 16px;
    height: 9px;
    background: url(../images/new-downarrow.svg) no-repeat center center;
    /* background-image: url(../images/new-downarrow.svg); */
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    /* filter: brightness(0) invert(0);  */
}

.sub-menu .dropdown-menu li {
    display: block;
    height: 100%;
    padding: 7px 10px;
}
.sub-menu .dropdown-menu li.active2 a {
        color: #000;
    }
.sub-menu .open>.dropdown-menu {
display: block !important;
}
.sub-menu .dropdown-menu li a {
color: #000;
}
.sub-menu .dropdown-menu li.active2:before
{
    display: none;
}
.hide1 {
    opacity: 1;
}
.sitemaplinktp {
    padding-top:135px;
}
.my-sidenav {
    width: 0px;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    overflow-x: hidden;
    z-index: 999999999;
    height: 100vh;
    max-width: 0px;
    width: 100%;
    background-color:#fff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.my-sidenav>ul {
    padding: 0px 20px 0px;
}
.my-sidenav>ul>li>ul {
    margin-top: 0px;
    display: none;
}
.my-sidenav ul.submenu li ul.submenu {
    display: none;
    position: static;
    width: 100%;
}
.my-sidenav ul {
    list-style-type: none;
    padding-left: 15px;
}
.my-sidenav ul li
{
    border-bottom: 1px solid #000;
    padding: 15px 0px;
}
.my-sidenav > ul > li > ul >li
{
    border-bottom: 1px solid #000;
    padding: 10px 0px;
}
.my-sidenav > ul > li > ul >li:last-child, .my-sidenav ul.submenu li ul.submenu li:last-child
{
    border-bottom: 0px;
}
.my-sidenav ul.submenu li ul.submenu li {
    border-bottom: 1px solid #000;
    padding: 10px 10px;
}
.my-sidenav ul.submenu li ul.submenu li a {
    color: #000;
    font-size: 16px;
}
.my-sidenav ul li.mbl-btm-link
{
    border-bottom: none;
    padding-bottom: 0px;
}
.my-sidenav ul li.mbl-btm-link a
{
    color: #ba423e;
}
.cross-btn1 {
    text-align: right;
    padding: 16px 14px 0px 0px;
    color: #000;
    font-size: 35px;
    cursor: pointer;
}
.my-sidenav .submenu-indicator-minus .submenu-indicator {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.my-sidenav .submenu-indicator {
    font-size: 30px;
    position: absolute;
    line-height: 25px;
    right: 15px;
}
.my-sidenav>ul>li>a {
    color: #000;
    font-size: 17px;
    font-weight: 700;
}
.my-sidenav>ul>li>ul>li>a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
.my-sidenav>ul>li>ul>li>a img
{
    padding-right: 10px;
}
.sticky-sidebar
{
    display: none;
}
.header-link-top, .scroller
{
    display: none;
}
.header
{
    top:0px;
    box-shadow: none;
    padding: 10px 0px;
}
.n-visible
{
  display:block;
}
.n-hide
{
    display: none;
}
.hmbanner
{
    background-position: center;
}
.carbon-icon img
{
    max-width:inherit !important;
}
.right-item
{
    padding-top: 15px;
}
}

@media (max-width:991px) {
    p.eco-p {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .new-row{
        display: flex;
        flex-direction: column;
    }
    .odr-2{
         order: 2;
    }
    .odr-1{
          order: 1;
    }
    h5.brown-small-head.ft-18.mt-30.new-cls {
        padding-top: 20px;
    }
    h4.blue-small-head.h-mbl {
        padding-top: 20px;
    }
    .bottom-leftright.new-box{
        padding: 15px 0px 15px 0px;
    }
    .leftarrow.new-rgt {
        text-align: left;
    }
    .rightarrow.new-lft {
        text-align: left;
    }
    .rightarrow.new-lft a {
        justify-content: flex-start;
    }
/*.ham-icon1
{
    position: fixed;
    bottom: 40px;
    left: 0px;
    right: 0px;
    margin: auto;
    background-color: #5297DA;
    border-radius: 25px;
    z-index: 99;
    text-align: center;
    width: 108px;
    height: 31px;
}
.my-sidenav {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    overflow-x: hidden;
    z-index: 999999999;
    height:0;
    width: 100%;
    max-width: 100%;
    background-color: #5297DA;
    transition: .5s;
    -webkit-transition: .5s;
}
.my-sidenav>ul {
    padding: 80px 20px 0px;
}
.chartingnewsec .row .col-md-6:nth-child(2),
.my-sidenav ul {
    padding-left: 15px
}
.my-sidenav>ul>li>ul {
    margin-top: 0;
    display: none
}
.my-sidenav ul.submenu li ul.submenu {
    display: none;
    position: static;
    width: 100%
}
.my-sidenav ul {
    list-style-type: none
}
.my-sidenav ul li {
    border-top: 1px solid #fff;
    padding: 15px 0
}
.my-sidenav>ul>li>ul>li {
    border-bottom: 1px solid #fff;
    padding: 10px 0
}
.my-sidenav ul.submenu li ul.submenu li:last-child,
.my-sidenav>ul>li>ul>li:last-child {
    border-bottom: 0
}
.my-sidenav ul.submenu li ul.submenu li {
    border-bottom: 1px solid #fff;
    padding: 10px
}
.cross-btn1 {
    text-align: right;
    padding: 16px 14px 0 0;
    color: #fff;
    font-size: 35px;
    cursor: pointer
}
.my-sidenav .submenu-indicator-minus .submenu-indicator {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.my-sidenav .submenu-indicator {
    font-size: 30px;
    position: absolute;
    line-height: 25px;
    right: 15px
}
.my-sidenav>ul>li>a {
    color: #fff;
    font-size: 18px;
    display: block
}
.my-sidenav>ul>li>ul>li>a {
    color: #fff;
    font-size: 14px
}
.my-sidenav>ul>li>ul>li>a img {
    padding-right: 10px;
    float: right
}
.menutxt
{
    margin-top: 7px;
}
.menutxt img
{
    margin-right: 5px;
}
.menutxt
{
    color: #19152C;
}
.menutxt small
{
    background:transparent;
    font-size: 16px;
    border:1px solid;
}*/
.nutr-head h4.clr-wh {
    color: #fff;
}
body.being-r p {
    color: #fff;
}
body.being-r h1 {
    color: #fff;
}
.esgtab-content
{
padding: 0px;
margin-top:0px;
}
.esgtab-content p
{
    font-size: 18px;
}
.esgtab-content .col-md-3:after
{
display: none;
}
.esgtab-content:after
{
right: 10px;
}
.tabsnew-mbl
{
    display: block;
}
.tabsnew, .esgtab
{
    display: none!important;
}
.tabsnew-mbl{
border: none;
border: 1px solid #EE7F22;
width: 100%;
padding: 5px;
margin-bottom: 20px;
color: #231F20;
}
.tabsnew-mbl:focus-visible
{
    outline: none;
}
.hmbanner
{
    align-items: flex-start;
    padding-top: 160px;
    background-image: url(../images/mobile-banner.webp);
}
.hmbanner h1
{
    font-size: 30px;
    line-height: 36px;
}
.hmaboutbox
{
    min-height: auto;
    margin-bottom: 20px;
}
.hmchariman .row {
    display: block;
}
.hmchariman .col-md-7 {
    padding-right: 15px;
}
.hmcharimanleft:before
{
    left: -18px;
}
.hmcharimanleft {
    padding: 57px 83px 57px;
}
.treedlflex, .treedlfle1
{
    margin-bottom: 20px;
}
.circletxt {
    margin-left: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}

#intab_in_12 .treedlflex, #intab_in_13 .treedlflex
{
    padding-bottom: 0px;
}
ul.uldotsdisc
{
    margin-bottom: 0px;
}
#intab_in_14 .row .col-md-4 {
    padding-bottom: 20px;
}
.hmstakeholder {
    padding: 60px 0px 80px 0px;
}
.steakehming
{
    margin-top: 30px;
}
.footerveticaline {
    min-height:auto;
    border-right: none;
    padding: 25px 0px 0px 0px;
}
.mainfooter .container .row .col-md-3:nth-child(2) a:nth-child(2) {
    padding-top: 10px;
}
.sociallinks {
    margin-top: 20px;
}
.mainfooter .container .row .col-md-3:nth-child(4) p:nth-child(2) {
    padding-top: 20px;
    padding-bottom: 20px;
}
.abtr-brown {
    max-width: 50%;
}
.click-here
{
    margin-bottom: 30px;
}
.comp-img
{
    margin-bottom:40px;
}
.bod-leaf
{
    margin-top: 40px;
}
.bod-btn
{
    padding: 0px 0px 10px 20px;
}
.clmt-img, .cyber-icon, .data-gov-img, .ogi-img
{
    max-width: 200px;
}
.clmt-img {
    padding-top: 30px;
    padding-bottom: 40px;
}
.clmt-risk h4
{
    padding-top: 20px;
}
.big-card p {
    padding: 22px 60px 22px 22px;
}
.big-card p span {
    display:inline;
}
.leaf-icon.new-leaf.new-leaf2 {
    right: 20px;
}
.big-card {
    margin-bottom: 20px;
    margin-top: 10px;
}
.nutr-head h4 {
    color: #231F20;
}
.cyber-icon, .data-gov-img {
    margin: 20px 0px 30px 0px;
}
.wlecomegrrenimg, .divflexcenter
{
    display: block;
}
.ecogrmmimg
{
    margin:20px 0px;
}
.orgbox
{
    min-height: auto;
}
.socialdevelopementpages .trained-img p {
    padding-top:10px;
}
.socialdevelopementpages .socialorange h6
{
    max-width: 240px;
    line-height: 22px;
}
.esf-bg, .brown-bg1 {
    max-width: 70%;
}
.igbc-img
{
    margin-top: 40px;
}
.renw-wrap:after
{
    display: none;
}
.renw-wrap
{
margin-bottom: 30px;
}
.orang-bg1 h6 span {
    display:inline;
}
.success-story-text .row
{
    display: block;
}
.new-img {
    padding-top: 20px;
    padding-bottom: 30px;
}
.card.new-card {
    width: 100%;
    height: auto;
    margin-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}
.govn-mng.new-2 {
    padding-top:0px;
}
.tasktbcprat img, .ccrc-icon img, .carbon-bg img, .tree-bg img,
.tplant-icon img
{
    max-width:inherit !important;
}
.tplant-wrap
{
margin-bottom: 30px;
}
.v-hideen
{
    display: none;
}
.tgov {
    border-right: none;
    margin-bottom: 0px;
}
.tree-bg4 p
{
    max-width: 100%;
}
.tree-bg4 .tplant-wrap
{
    border-right:none;
}
.tscl-wrap p span
{
    display: inline;
}
.human-cap p {
    padding-bottom: 30px;
}
.miyawaki-img {
    margin-left: 0px;
}
.mbl-btm-30
{
    margin-bottom: 30px;
}
.env-keybg
{
min-height: auto;
}
.d-flex
{
    display: block;
}
.quote-box p span {
    display: inline;
}
.quote-box p
{
    margin-bottom: 30px;
    padding-top: 10px;
}
.all-data {
    padding-top: 30px;
}
.rgt-img img {
     padding-top: 30px; 
    padding-bottom: 40px;
}
.socialdevelopementpages .abtr-brown {
    max-width: 45%;
}
.leftheadwidthcol {
    margin-left: 0px;
}
.mbl-space
{
    margin:30px 0px;
}
.mbl-top-30
{
    margin-top: 30px;
}
.socialdevelopementpages .socialorange2 .rural-wrap div {
    margin-right: 0px;
    margin-top: 0px;
}
.socialdevelopementpages .srb-head h4 {
    padding-left: 0px;
}
.revivingmillet {
    padding: 20px 0px;
    }
.card
{
    width: 100%;
    margin-bottom: 30px;
    margin-top: 10px;
}
.card-rgt {
    padding-left: 0px;
    padding-bottom: 20px;
}
.big-img img {
    padding-left: 0px;
    padding-bottom: 16px;
}
.col-md-6.new-col {
    padding-left: 15px;
}
p.new-brdr
{
    width: 100%;
}
.stake-mat-img {
    padding-top: 20px;
    padding-bottom: 30px;
}
.e-dev .row, .rural-sec .row
{
    display: block;
}
.e-dev-img
{
    padding-top: 20px;
    padding-bottom: 40px;
}

.rural-table
{
    margin-bottom: 30px;
}
.srb-wrap
{
    min-height: auto;
    display: inline-block;
    margin-bottom: 30px;
}
.srb-wrap p {
    margin-left: 0px;
    margin-top: 10px;
}
.bhmaboutus:after
{
    bottom:10px;
}
.parent-div .circle
{
    display: none;
}
.col-md-offset-3, .col-md-offset-4 {
    margin-left: 0px;
}
.textbd1 {
    padding-left: 0px;
}
}
@media (max-width:767px) 
{
h2 {
    font-size: 30px;
    line-height: 36px;
}
/* .sub-menu .btn:before{
    background-image: url(../images/new-downarrow.svg);
} */
.being-banner {
    background-image: none;
    background-color: #f26522;
    height: auto;
    display: block;
    padding-top: 0px;
}
.bhmaboutus:after {
    width: 80px;
    height: 68px;
    background-size: contain;
}
section.hmchariman {
    padding: 60px 0px;
}
.hmcharimanleft {
    padding: 20px 0px 20px 20px;
}
section.hmchariman .hmcharimanleft p:nth-child(2) {
    font-size: 20px;
    line-height: 28px
    }
.hmcharimanleft:before {
    left: auto;
    right: 10px;
}
.hmexecutivedirector {
    padding: 120px 0px 170px;
    }
.hmexecutivedirector p {
    font-size: 24px;
    line-height: 30px;
}
.hmexecutivedirector p.normalpara:after {
    bottom: -200px;
}
.highticon
{
    display: block;
}
.highticon div {
    padding-left: 0px;
}
.highticon div p:first-child {
    padding: 20px 0px 10px 0px;
}
.highticon div ul {
    padding-top: 10px;
}
.circletxt {
margin-top: 0px;
}
#intab_in_11 .ulflexdots
{
    display: block;
}
.hmstakeholder h2
{
    padding-right: 0px;
}
.sitemaplinktp {
    padding-top: 135px;
}
.sitemaplink {
    padding: 10px 0px 20px;
}
.sitetop
{
    padding-top: 85px;
    padding-bottom: 20px;
}
.inner-head, .clmt-risk h2, .nutr-head h2, .govn-mng h2,
.msg-head h2,.first-head h2
{
    padding-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
}
.abtr-brown {
    max-width: 30%;
}
.srb-wrap p
{
    width: 100%;
}
.srb-icon img
{
  max-width:inherit !important;
}
.bottom-leftright {
    margin-top: 40px;
    margin-bottom: 60px;
}
.leftarrow, .rightarrow
{
    margin-bottom: 10px;
}
.nextPre {
    display: block;
}
.being-banner
{
   background-image: none;
   height: auto;
   display: block;
   padding-top: 0px;
}
.being-banner h1
{
color: #FFFFFF;
padding-top: 30px;
}
.orng-box {
    padding-top: 95px;
}
.orng-box p.brdr {
    width: 81%;
}
.sub-menu .btn{
    color: #f26522;
}
ul.ulborderline li {
    border-bottom: 1px solid #f26522;
    padding-bottom: 6px !important;
    margin-top: 4px;
}
ul.ulborderline li.none {
    border: none;
}
.being-banner p
{
 color:#fff;   
}
.being-banner-mbl
{
    display: block;
    margin-top: 30px;
}
.tasktbcprat tbody>tr>td:nth-child(1)
{
    width: 10%;
    font-size: 14px;
    line-height: 18px;
}
.tasktbcprat.table
{
    width: 100%;
}
.tasktbcprat img, .ccrc-icon img
{
    max-width:inherit !important;
}
.bod-list {
    display: block;
}
.bod-list li {
    margin-right:0px;
}
.bd-commite-img {
    margin: 30px 0px;
}
.bod-leaf
{
    max-width: 200px;
}
.nutr-head h4 {
    font-size: 18px;
    padding-top: 0px;
}
.leftarrow a
{
    padding-right: 20px;
}
.rightarrow a
{
    padding-left: 20px;
}
.scan h5
{
    padding-bottom: 10px;
}
.scan
{
    padding: 30px;
}
.esf-bg, .brown-bg1 {
    max-width: 50%;
}
.rural-wrap
{
    display: block;
}
.livelihood-icon
{
    margin-bottom: 15px;
}
.rural-wrap div:last-child {
    margin-left: 0px;
    margin-top: 30px;
}
.rw1
{
    margin-left: 0px !important;
}
.leaf-img1
{
    right: 15px;
}
.trained-img p
{
    margin-top: -15px;
}
.brown-bg h5
{
    font-size: 14px;
    line-height: 18px;
}
.brown-bg1
{
    padding-left: 10px;
    padding-right: 10px;
}
.success-story-text {
    padding: 0px 20px;
}
.rw2, .footnote1 {
    margin-left: 0px !important;
}
.leaf-img, .leaf-iconw 
{
    display: none;
}
.table-newimg
{
    margin-bottom: 20px;
}
.glb-rept, .task-force
{
    padding: 0px 15px;
}

.carbon-bg
{
    display: block;
}
.carbon-icon
{
    padding-bottom: 15px;
}
.carbon-text {
    margin-left: 0px;
}

.gov-list li
{
    margin-right: 0px;
}
.sdg-table tr td {
    padding: 20px 15px;
}
.healthbox {
    padding: 25px 20px;
    overflow: visible;
    display: block;
}
.helthrighticon
{
    display: block;
}
.herightxt {
    padding-left: 0px;
    min-width: auto;
}
.herightxt.hergt p {
    margin-top: 20px;
}
.heltimg::after
{
    display: none;
}
.herightxt.hergt h4 {
    padding-top: 0px;
    text-align: left;
}
.heltimg
{
    margin-top: 20px;
}
.healthbox h4
{
    text-align: left;
}
.text-right {
    text-align: left;
}
.wce1-icon
{
    margin-bottom: 0px;
}
.rural-wrap11 div:last-child, .rural-wrap7 div:last-child {
            margin-top: 10px;
        }
.bkc-img p, .miyawaki-img p
{
    margin-left: 40px;
}
.quote-box::before {
    right: 94%;
}
.msg-head h2::after {
    top: 108px;
}
.quote-section::before {
    top: auto;
    bottom: -10px;
}
.quote-section.new-box::after {
    top: auto;
    bottom: -14px;
}
.quote-box p {
    font-size: 22px;
    line-height: 28px;
    }
.socialdevelopementpages .abtr-brown {
    max-width:0px;
}
h6.purplehd {
    padding-left: 0px;
}
.socialdevelopementpages ul {
    padding-left: 30px;
}
.socialdevelopementpages p span {
    padding-left: 15px;
}
.socialdevelopementpages .success-story-wrap .abtr-brown {
    max-width: 0px;
}
.catringst {
    padding: 25px 15px;
}
.pd-mbl-left-15
{
    padding-left: 15px !important;
}
.main-sec
{
    display: block;
}
.left-img
{
    margin-bottom: 40px;
}
.new-head h4
{
    padding-top: 30px;
}
.equity-img {
    max-width: 100%;
    padding: 0px 15px;
}
.quote-section.new-box
{
    margin-top: 0px;
}
.new-head h2 span {
    display: inline;
}
#intab_in_12 .treedlflex, #intab_in_13 .treedlflex
{
    display: block;
    margin-bottom: 30px;
}
#intab_in_12 .treedlflex img, #intab_in_13 .treedlflex img
{
    margin-bottom: 15px;
}
#intab_in_12 .treeflextx, #intab_in_13 .treeflextx 
{
    padding-left:0px;
}
select.tabsnew-mbl-inner {
    width: 100%;
    margin: 10px auto 30px;
}
.esgtab-content .tab-content {
    padding: 10px 0px 0px 0px;
}
ul.ulborderline
{
    display: block;
}
ul.ulborderline li
{
 padding: 0px 0px 20px 0px;
 border-right:none;
}
#intab_in_14 .treedlfle1 {
    border-right: none;
    min-height: auto;
}
}
@media (max-width:380px) {

}