/*Mobile css starts here*/
@media only screen and (max-width: 767px)  { 
    body .hdr_txt {
    width: 100%;
}.cal_board + .save-draft-floating-btn {
    margin: 0 !important;
}
body .main_section[_ngcontent-c2] { 
    margin-bottom: 20px;
}
    body{
        margin-bottom: 75px !important;
    }
    .row{
        margin: 0px !important;
    }
    .custom_dashboard_resp_pd{
        margin-top: 15px;
        padding: 0px;
    }
    .header-row>div{
        padding-bottom: 10px;
    }
    .header-row.row>div:last-child{
        padding-bottom: 0px !important;
    }
     .header-row > .col-md-4:first-child {
        flex: 0 0 14%;
        max-width: 14%;
    }
    .header-row > .col-md-4:nth-child(2) {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .header-row > .col-md-4:last-child {
        flex: 0 0 16%;
        max-width: 16%;
    }
    .header-row .profile_im img{
        margin-left: 0px !important;
    }
    .header-row{
        display: flex;
        align-items: center;
        
    }
    body .right_head .in_logo svg{
        margin-top: 10px !important;
    }
    .resp_alignment_d-flex .flex-column_cus{
        display: none;
    }
    .resp-mt-15{
        margin-top:15px
    }
    .top_hd_menu{
    padding-left:30px;
    }
    .menu_list ul li a{
        font-size:2.0em;
    }
    .mnu_close{
        top:-58px;
    }
    .bg_green.home_bg {
        background-image: none;
    }
    header.row.m_left.m_right {
        margin-right: 0px;
        margin-left: 0px;
    }
    .menu svg rect {
        fill: #111!important;
    }
    .board {
        width: 100% !important;
    }
    .in_sr.sm_search{
        width:92%;
    }
    .right_head{
        margin-top:15px;
        padding: 15px 15px 15px 15px
    }
    .dis_flex{
        display:block;
    }
    .dis_flex .tl_db.cal_board {
        margin-bottom: 15px;
        display: block;
        height: auto;
        padding: 15px !important;
    }
    .right_head{margin:15px;}
    .right_side_con_in{display:block;}
    .carbonOffset button{
        bottom:22px;
    }
    .three_db{
        margin:0px;
        width:100%;
    }
    .detail_descrip{padding:20px;}
    .hdr_prgp_txt{width:100%;}
    
    table{margin:0px !important;
         white-space: nowrap;
    }
    .form_design h2 {
        margin-bottom: 20px;
        font-size: 26px;
        padding: 0px 15px !important;
    }
    .cal_board{margin-bottom:30px;}
    .carousel-indicators{
        top:inherit;
        transform: rotate(0deg);
        right:0;
    }
    .carousel-indicators li{
        background-color: #292929;
        border: 1px solid #ffffff;
    }
    .carousel-indicators .active {
        background-color: #2eea00;
        position: relative;
        right: -1px;
        top: -1px;
    }
    .what_we_do p{
        font-size:15px;
        line-height:24px;
    }
    .what_we_do .col_count_2 {
        column-count: inherit;
    }
    .single_grid{
        border:0px;
        padding-left: 15px;
    }
    .dash_brd_outer {
        padding: 20px;
    }
    .dash_brd_outer .col_grid_ten h4 {
        text-align: left;
        margin-bottom: 15px;
    }
    .dsh_right_iocn{margin-left:0px;float:left;}
    body{background-color: #f7f8fa;}

    .table-responsive{margin-bottom:0px;}
    .pagination{margin-right:10px;}
    .outer_sec .srch_btn {
        top: 0;
    }
    .mew {
        display: block;
    }
    .mew>p+p:before {
        content: "";
        display: block;
        margin-right: 0;
    }
    .mew>p{margin-bottom:10px;}
    .co_two_col>div{
        width:100%;
    }
    .co_two_col{display:block;}
    .bg_white.cmn_table.carbonOffset {
        width: 100%;
        box-shadow: none;
    }
    .in_logo.logo_cls {
        margin: 0;
    }
    .org_pr .add_btn{
        padding-right:15px;
    }
    .org_pr{
            margin-right: 0px;
        padding-right: 0px;
    }
    .cmn_form {
        margin-top: 20px !important;
    }
    .outer_sec{
        display: flex;
    }
    .align-right-icon{
        display: block !important;
    }
    .resp_alignment_d-flex{
        display: flex;
        align-items: start;
    }
    .close_icon{
        display: block !important;
        position: absolute;
        right: 10px;
        top: 22px;
    }
 
    .resp-w-100{
        width: 100% !important;
    }
    .resp-p-0{
        padding: 0px !important;
    }
    .cmn_form {
        margin: 20px !important;
        padding: 20px 10px !important;
    }
    .custom_form_update_profile_resp {
        padding: 0px 15px;
    }
    body .right_side_con.resp_mt_81{
        margin-top: 81px !important;
    }
    .resp-p-25{
        padding: 25px !important;
    }
    .remove_pd_resp .row>div{
        padding: 0px !important;
    }
    .table-responsive{
        border: none;
    }
    .left_menu{
        position: fixed;
        top: 0;
        left: -260px; 
        width: 252px;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        transition: 0.3s ease-in-out;
    }
    .left_menu.active_side_menu{
        left: 0;
        padding-top: 22px !important;
    }
    .right_side_con_in{
        width: 100% !important;
    }
    .resp_mr_5{
        margin: 2px 10px 0px 0px;
    } 
    .resp-mb-10{
        margin-bottom: 10px;
    }
    .resp_justify_start{
        justify-content: start !important;
    }
    .cus_mobile_marg .row{
        margin: 0px -15px  !important;
    }
    .tl_db {
        justify-content: start ;
    }
    .mobile_pd{
        padding: 5px !important;
    }
    .right_head{
        position: fixed;
        width: 100% !important;
        z-index: 99;
       
    }
     body .right_side_con {
        margin-top: 153px !important;
    }
      body .dash_brd_outer {
        margin-top: 153px !important;
    }
    .resp_m-200 {
       margin-top: 127px !important;
    }
    .m_top_15 {
        margin-top: 0px;
    }
    body .mt_0px_resp{
         margin-top: 0px !important;
    }
    body .mt_40px_resp{
        margin-top: 40px !important;
    }
    .padding_35 {
        padding: 20px;
    }
    .in_logo {
        margin: 0px ;
    }
    .cus_hdg_align_resp h4{
        padding: 0px 15px;
    }
    .resp-d-none{
        display: none;
    }
    .get_tch_form {
        width: auto;
    }
    .three_db {
        padding: 3px 0px !important;
        
    }
    .btn_ar_pd{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .custom_select_mar {
        margin: 0 auto 10px;
        width: 92%;
    }
    .resp-mr-15{  
        margin-right: 15px;
    }
    .cstm_srch svg {
        max-width: max-content;
        position: static;
        top: 10px;
        right: 17px;
    }
    .cus_resp_search {
        position: absolute;
        top: 40px !important;
        right: 15px;
        width: 60px;
        height: 35px;
    }
    header {
        padding-top: 45px !important;
    }
    .hm_header {
        padding: 45px 0px 0px !important;
    }
    footer {
        padding-bottom: 70px !important;
    }
    .d-normal_resp{
        display: block !important;
    }
    .custom_acrbon_offset button {
        bottom: 59px !important;
        right: 10px;
    }
    .cus_table_resp{
        white-space: normal !important;
    }
    .modal-dialog{
        margin-top: 45px;
    }
    .resp-pd{
           padding: 20px 20px 10px 20px;
    }
    .bg_white.cmn_table.custom_bg_offset {
        overflow-x: auto;
        max-height: 400px;
        overflow-y: auto;
        
    }
    .hdr_txt {
        margin: 0px 15px;  
    }
    .tab-content>.tab-pane {
        margin: 20px 20px;
    }
    .sld_cont p {
        margin-left: 199px;
    }
   body  select{
        appearance: none;
        background-image: url(../img/chevron-down.svg) !important;
        background-repeat: no-repeat !important;
        background-position: right 12px center  !important;
        padding-right: 40px !important;
    }
    .cstm_srch .in_sr select.form-control {
        padding-right: 40px !important;
    }
    .faq .panel-group {
        padding: 50px 5px 10px !important;
    }
    .resp-p-20{
        padding: 0px 20px !important;
    }
    .pb_40_resp{
        padding-bottom: 40px !important;
    }
    .resp_mb_30{
        margin-bottom: 30px !important;
    }
    .resp_overflow{
        overflow-x: auto;
    }
    .resp_mt_10{
        margin-top: 10px !important;
    }
    .custom_resp_wd{
        min-width: 1000px;
    }
    .common_tree_list_grid{
         grid-template-columns: 1fr;
        gap: 12px;
    }
    .common_tree_list_grid > div {
        grid-template-columns: 1fr !important;
    }
    .org_branch_name_center {
        text-align: left !important; 
        
    }
    .repsonsive_btn_alignment{
        display: flex;
        align-items: center;
        justify-content: end;
    }
    .right_head .col-md-12 {
        padding: 0px !important;
    }
    .common_tree_list_grid {
      grid-template-columns: 1fr;
      gap: 16px;
    }
    .repsonsive_btn_alignment {
      text-align: left;
      margin-bottom: 10px;
    }
    .custom_carbon_calculator .subcat{
        white-space: normal;
    }
    .resp-m-0{
        margin: 0px !important;
    }
    body .resp-mb-10{
        margin-bottom: 10px !important;
    }
   body  .wd-546px {
      
        margin: 0px auto 10px !important;
    }
    .w-resp-93{
        width: 93% !important;
    }
    .resp-p-left_rght_20{
        padding: 20px !important;
    }
    .desktop-dnone{
        display: block !important;
    }
    
    .mobile_flex_column{
        display: block !important;
        margin-bottom: 10px;
       
    }
    .custom_search_resp{
        top: 11px !important;
    }
    .resp-p-15{
        padding: 0px 15px !important;
    }
    body .mobile_emission_cards{
        margin-top: 10px !important;
    }
    .mobile_emission_cards .col-sm-4{
        padding: 0px !important;
    }
    body .mobile_emission_cards  .tl_db.cal_board {
        padding: 6px 7px !important;
    }
    .mobile_emission_cards .cal_board {
        margin-bottom: 10px !important;
    }
    .mobile_emission_cards .green_colour {
        width: 37px !important;
        height: 37px !important;
    }
    .mobile_emission_cards .org_colour {
        width: 37px;
        height: 37px;
    }
    .mobile_emission_cards .blue_colour {
        width: 40px;
        height: 43px;
    }
    .mobile_emission_cards .tl_db .ttl_co2 {
        font-size: 13px;
        font-weight: normal;
        line-height: 17px;
    }
    .mobile_emission_cards .three_db .tl_db .otco2e {
        font-size: 17px;
        line-height: 22px;
        font-weight: 700;
    }
    .custom_benifts_row{
        column-count:1;
    }
    .custom_benifts_row > div {
        padding:0px 0px  20px !important;
    }
    body .resp_pl_20{
        padding-left: 20px !important;
    }
    body .resp_pl_0{
        padding-left: 0px !important;
    }
    .form_dsg {
        padding-top: 0px !important;
    }   
    .resp-w-50{
        width: 50%;
    }
    body .resp_wd_93{
        width: 93% !important;
    }
    body .resp_search {
        top: -39px !important;
    }
    .custom_benifts_row > div {
        width: 100% !important; 
    }
}
/*mobile css ends here*/

/*responsive ipad starts here*/
@media only screen and (min-width:768px) and (max-width:1024px) {
     .resp_mr_5{
        margin: 2px 10px 0px 0px;
    } 
    .cmn_form {
        margin-top: 20px !important;
    }
    .outer_sec{
        display: flex;
    }
    .align-right-icon{
        display: block !important;
    }
    .resp_alignment_d-flex{
        display: flex;
        align-items: start;
    }
    .close_icon{
        display: block !important;
        position: absolute;
        right: 10px;
        top: 10px;
    }
   
    .cmn_form {
        margin: 20px !important;
        padding: 25px !important;
    }
    .custom_form_update_profile_resp {
        padding: 0px 15px;
    }
    .resp-p-25{
        padding: 25px !important;
    }
    .remove_pd_resp .row>div{
        padding: 0px !important;
    }
    .table-responsive{
        border: none;
    }
    .left_menu{
        position: fixed;
        top: 0;
        left: -260px; 
        width: 252px;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        transition: 0.3s ease-in-out;
    }
    .left_menu.active_side_menu{
        left: 0;
    }
    .dash_brd_outer {
        padding: 20px 10px;
    }
    body .ipad_resp_p_0{
        padding: 0px !important;
    }
    .right_head.row>div{
        padding-bottom: 10px;
    }
    .right_head.row{
        margin: 0px !important;
    }
    .row{
        margin: 0px !important;
    }
    table {
        white-space: nowrap;
    }
    .ipad_cmn_form{
        padding: 10px !important;
    }
    .cus_ipad_margin .row{
        margin: 0px -15px 0px !important;
    }
    .right_side_con {
        display: block;
    }
    .resp_col_wd-100>div{
        width: 100% !important;
        z-index: 99;
        padding-bottom: 15px;
    }
    .dsh_cmn_box  .row>div{
        padding: 0px;
    }
    .dsh_cmn_box  .row{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    body .ipad_alignment{
        padding: 0px !important;
        margin: 0px !important;
    }
    .ipad_alignment>div{
        width: 50% !important;
    }
     .header-row > .col-md-4:first-child {
        flex: 0 0 44%;
        max-width: 44%;
    }
    .header-row > .col-md-4:nth-child(2) {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .header-row > .col-md-4:last-child {
        flex: 0 0 16%;
        max-width: 16%;
    }
    .header-row .profile_im img{
        margin-left: 0px !important;
    }
    .header-row{
        display: flex;
        align-items: center;
        
    }
    .org_branch_name_center {
        display: none;
    }
    .ipad_emission_blks .row>div{
        width: 50% !important;
        padding-bottom: 20px;
    }
    .main_tit{
        font-size: 20px;
    }
    .right_side_con {
        padding: 20px 10px !important;
    }
    .ipad_p_25{
        padding-left:25px !important;
        padding-right:25px !important;
    }
    .three_db {
        width: auto !important;
        margin-left: 0px !important;
        margin-bottom: 0px !important;
    }
    .header-row .col-md-12{
        padding: 0px !important;
    }
    .ipad_resp_allign .col-md-4{
        width: 40% !important;
    }
    .ipad_resp_allign .col-md-8{
        width: 60% !important;
    }
    .ipad_mr_15{
        margin-right: 15px;
    }
    body .ipad-wdth_align{
        margin-left: 0px !important;
        width: 100% !important;
    }
    .ipad_three_db .col-sm-4{
        width: 100% !important;
    }
    body .ipad-w-100{
        width: 100% !important;
    }
    .desktop-dnone{
        display: none;
    }
    .emission-breakdown-body {
            grid-template-columns: repeat(2, 1fr) !important;
    }
    
    
}             
/*Mobile css starts here*/
@media only screen and (max-width: 767px)  { 
    body{
        margin-bottom: 75px !important;
    }
    .row{
        margin: 0px !important;
    }
    .custom_dashboard_resp_pd{
        margin-top: 15px;
        padding: 0px;
    }
    .header-row>div{
        padding-bottom: 10px;
    }
    .header-row.row>div:last-child{
        padding-bottom: 0px !important;
    }
     .header-row > .col-md-4:first-child {
        flex: 0 0 14%;
        max-width: 14%;
    }
    .header-row > .col-md-4:nth-child(2) {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .header-row > .col-md-4:last-child {
        flex: 0 0 16%;
        max-width: 16%;
    }
    .header-row .profile_im img{
        margin-left: 0px !important;
    }
    .header-row{
        display: flex;
        align-items: center;
        
    }
    body .right_head .in_logo svg{
        margin-top: 10px !important;
    }
    .resp_alignment_d-flex .flex-column_cus{
        display: none;
    }
    .resp-mt-15{
        margin-top:15px
    }
    .top_hd_menu{
    padding-left:30px;
    }
    .menu_list ul li a{
        font-size:2.0em;
    }
    .mnu_close{
        top:-58px;
    }
    .bg_green.home_bg {
        background-image: none;
    }
    header.row.m_left.m_right {
        margin-right: 0px;
        margin-left: 0px;
    }
    .menu svg rect {
        fill: #111!important;
    }
    .board {
        width: 100% !important;
    }
    .in_sr.sm_search{
        width:92%;
    }
    .right_head{
        margin-top:15px;
        padding: 15px 15px 15px 15px
    }
    .dis_flex{
        display:block;
    }
    .dis_flex .tl_db.cal_board {
        margin-bottom: 15px;
        display: block;
        height: auto;
        padding: 15px !important;
    }
    .right_head{margin:15px;}
    .right_side_con_in{display:block;}
    .carbonOffset button{
        bottom:22px;
    }
    .three_db{
        margin:0px;
        width:100%;
    }
    .detail_descrip{padding:20px;}
    .hdr_prgp_txt{width:100%;}
    
    table{margin:0px !important;
         white-space: nowrap;
    }
    .form_design h2 {
        margin-bottom: 20px;
        font-size: 26px;
        padding: 0px 15px !important;
    }
    .cal_board{ margin-bottom: 15px;}
    .carousel-indicators{
        top:inherit;
        transform: rotate(0deg);
        right:0;
    }
    body .m_bottom {
    margin-top: 5px;
}
    .carousel-indicators li{
        background-color: #292929;
        border: 1px solid #ffffff;
    }
    .carousel-indicators .active {
        background-color: #2eea00;
        position: relative;
        right: -1px;
        top: -1px;
    }
    .what_we_do p{
        font-size:15px;
        line-height:24px;
    }
    .what_we_do .col_count_2 {
        column-count: inherit;
    }
    .single_grid{
        border:0px;
        padding-left: 15px;
    }
    .dash_brd_outer {
        padding: 20px;
    }
    .dash_brd_outer .col_grid_ten h4 {
        text-align: left;
        margin-bottom: 15px;
    }
    .dsh_right_iocn{margin-left:0px;float:left;}
    body{background-color: #f7f8fa;}

    .table-responsive{margin-bottom:0px;}
    .pagination{margin-right:10px;}
    .outer_sec .srch_btn {
        top: 0;
    }
    .mew {
        display: block;
    }
    .mew>p+p:before {
        content: "";
        display: block;
        margin-right: 0;
    }
    .mew>p{margin-bottom:10px;}
    .co_two_col>div{
        width:100%;
    }
    .co_two_col{display:block;}
    .bg_white.cmn_table.carbonOffset {
        width: 100%;
        box-shadow: none;
    }
    .in_logo.logo_cls {
        margin: 0;
    }
    .org_pr .add_btn{
        padding-right:15px;
    }
    .org_pr{
            margin-right: 0px;
        padding-right: 0px;
    }
    .cmn_form {
        margin-top: 20px !important;
    }
    .outer_sec{
        display: flex;
    }
    .align-right-icon{
        display: block !important;
    }
    .resp_alignment_d-flex{
        display: flex;
        align-items: start;
    }
    .close_icon{
        display: block !important;
        position: absolute;
        right: 10px;
        top: 22px;
    }
   
    .resp-w-100{
        width: 100% !important;
    }
    .resp-p-0{
        padding: 0px !important;
    }
    .cmn_form {
        margin: 20px !important;
        padding: 20px 10px !important;
    }
    .custom_form_update_profile_resp {
        padding: 0px 15px;
    }
    body .right_side_con.resp_mt_81{
        margin-top: 122px !important;
    }
    .resp-p-25{
        padding: 25px !important;
    }
    .remove_pd_resp .row>div{
        padding: 0px !important;
    }
    .table-responsive{
        border: none;
    }
    .left_menu{
        position: fixed;
        top: 0;
        left: -260px; 
        width: 252px;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        transition: 0.3s ease-in-out;
    }
    .left_menu.active_side_menu{
        left: 0;
        padding-top: 22px !important;
    }
    .right_side_con_in{
        width: 100% !important;
    }
    .resp_mr_5{
        margin: 2px 10px 0px 0px;
    } 
    .resp-mb-10{
        margin-bottom: 10px;
    }
    .resp_justify_start{
        justify-content: start !important;
    }
    .cus_mobile_marg .row{
        margin: 0px -15px  !important;
    }
    .tl_db {
        justify-content: start ;
    }
    .mobile_pd{
        padding: 5px !important;
    }
    .right_head{
        position: fixed;
        width: 100% !important;
        z-index: 99;
        top: 0px !important;
        /* max-height: 220px !important;
        overflow-y: auto; */
    }
     body .right_side_con {
        margin-top: 108px !important;
    }
      body .dash_brd_outer {
        margin-top: 108px !important;
    }
    body .dash_brd_outer.new_dash_brd_outer {
    padding: 30px 15px !important;
}
    .resp_m-200 {
       margin-top: 127px !important;
    }
    .m_top_15 {
        margin-top: 0px;
    }
    body .mt_0px_resp{
         margin-top: 0px !important;
    }
    body .mt_40px_resp{
        margin-top: 40px !important;
    }
    .padding_35 {
        padding: 20px;
    }
    .in_logo {
        margin: 0px ;
    }
    .cus_hdg_align_resp h4{
        padding: 0px 15px;
    }
    .resp-d-none{
        display: none;
    }
    .get_tch_form {
        width: auto;
    }
    .three_db {
        padding: 3px 0px !important;
        
    }
    .btn_ar_pd{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .custom_select_mar {
        margin: 0 auto 10px;
        width: 92%;
    }
    .resp-mr-15{  
        margin-right: 15px;
    }
    .cstm_srch svg {
        max-width: max-content;
        position: static;
        top: 10px;
        right: 17px;
    }
    .cus_resp_search {
        position: absolute;
        top: 40px !important;
        right: 15px;
        width: 60px;
        height: 35px;
    }
    header {
        padding-top: 45px !important;
    }
    .hm_header {
        padding: 5px 0px 0px !important;
    }
    footer {
        padding-bottom: 70px !important;
    }
    .d-normal_resp{
        display: block !important;
    }
    .custom_acrbon_offset button {
        bottom: 59px !important;
        right: 10px;
    }
    .cus_table_resp{
        white-space: normal !important;
    }
    .modal-dialog{
        margin-top: 45px;
    }
    .resp-pd{
           padding: 20px 20px 10px 20px;
    }
    .bg_white.cmn_table.custom_bg_offset {
        overflow-x: auto;
        max-height: 400px;
        overflow-y: auto;
        
    }
    .hdr_txt {
        margin: 0px 15px;  
    }
    .tab-content>.tab-pane {
        margin: 20px 20px;
    }
    .sld_cont p {
        margin-left: 199px;
    }
   body  select{
        appearance: none;
        background-image: url(../img/chevron-down.svg) !important;
        background-repeat: no-repeat !important;
        background-position: right 12px center  !important;
        padding-right: 40px !important;
    }
    .cstm_srch .in_sr select.form-control {
        padding-right: 40px !important;
    }
    .faq .panel-group {
        padding: 50px 5px 10px !important;
    }
    .resp-p-20{
        padding: 0px 20px !important;
    }
    .pb_40_resp{
        padding-bottom: 40px !important;
    }
    .resp_mb_30{
        margin-bottom: 30px !important;
    }
    .resp_overflow{
        overflow-x: auto;
    }
    .resp_mt_10{
        margin-top: 10px !important;
    }
    .custom_resp_wd{
        min-width: 1000px;
    }
    .common_tree_list_grid{
         grid-template-columns: 1fr;
        gap: 12px;
    }
    .common_tree_list_grid > div {
        grid-template-columns: 1fr !important;
    }
    .org_branch_name_center {
        text-align: left !important; 
        
    }
    .repsonsive_btn_alignment{
        display: flex;
        align-items: center;
        justify-content: end;
    }
    .right_head .col-md-12 {
        padding: 0px !important;
    }
    .common_tree_list_grid {
      grid-template-columns: 1fr;
      gap: 16px;
    }
    .repsonsive_btn_alignment {
      text-align: left;
      margin-bottom: 10px;
    }
    .custom_carbon_calculator .subcat{
        white-space: normal;
    }
    .resp-m-0{
        margin: 0px !important;
    }
    body .resp-mb-10{
        margin-bottom: 10px !important;
    }
   body  .wd-546px {
        /* width: 93% !important; */
        margin: 0px auto 10px !important;
    }
    .w-resp-93{
        width: 93% !important;
    }
    .resp-p-left_rght_20{
        padding: 20px !important;
    }
    .desktop-dnone{
        display: block !important;
    }
    
    .mobile_flex_column{
        display: block !important;
        margin-bottom: 10px;
       
    }
    .custom_search_resp{
        top: 11px !important;
    }
    .resp-p-15{
        padding: 0px 15px !important;
    }
    body .mobile_emission_cards{
        margin-top: 10px !important;
    }
    .mobile_emission_cards .col-sm-4{
        padding: 0px !important;
    }
    body .mobile_emission_cards  .tl_db.cal_board {
        padding: 6px 7px !important;
    }
    .mobile_emission_cards .cal_board {
        margin-bottom: 15px !important;
    }
    .flex_row {
    flex-direction: column;
}
.flex_row .add_btn {
    margin-left: auto;
}
    .mobile_emission_cards .green_colour {
        width: 37px !important;
        height: 37px !important;
    }
    .mobile_emission_cards .org_colour {
        width: 37px;
        height: 37px;
    }
    .mobile_emission_cards .blue_colour {
        width: 40px;
        height: 43px;
    }
    .mobile_emission_cards .tl_db .ttl_co2 {
        font-size: 13px;
        font-weight: normal;
        line-height: 17px;
    }
    .mobile_emission_cards .three_db .tl_db .otco2e {
        font-size: 17px;
        line-height: 22px;
        font-weight: 700;
    }
    .custom_benifts_row{
        column-count:1;
    }
    .custom_benifts_row > div {
        padding:0px 0px  20px !important;
    }
    body .back_btn_position{
        position: static;
        top: 51px;
        left: 20px;
        padding-left: 0px !important;
    }
    body .resp_pl_20{
        padding-left: 20px !important;
    }
    body .resp_pl_0{
        padding-left: 0px !important;
    }
    body .floating_button {
    padding: 10px 10px 10px 10px !important;
}
    .form_dsg {
        padding-top: 0px !important;
    }  
    .form_dsg {
    margin-top: 138px !important;
}
.form_dsg .pl_45_desk {
    padding-left: 20px;
}

.Login.fr_pas_outer.new_right_side_con.right_side_con {
    padding: 30px 10px !important;
}
body .form_dsg .pl_45 {
    padding-left: 20px !important;
}
body .form_dsg .flex-column_cus.mobile_flex_column.pl_45 {
    padding-left: 20px !important;
}
body .dash_brd_outer.new_dash_brd_outer .head_btn.col-md-12.back_btn_position.mb_20 {
    padding-left: 15px !important;
}
    .resp-w-50{
        width: 50%;
    }
    body .resp_wd_93{
        width: 93% !important;
    }
    body .resp_search {
        top: -39px !important;
    }
    .resp_organization_txt {
        display: flex!important;
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        margin-top: 20px !important;
        flex-direction: column;
    }
    .resp-mb-5{
        margin-bottom: 2px;
    }
    .mobile-pb-40{
        padding-bottom: 40px !important;
    }
    .cus_hder_resp_txt{
        text-align: left !important;
    }
    .cus_resp_flex_right{
        justify-content: start !important;
    }
    .fw-reg{
        font-weight: 400 !important;
    }
    .resp_pl_18{
        padding-left: 18px !important;
    }
    .prev_btn {
        margin-top: 0px !important;
    }
    .desk-d-none{
        display: block !important;
    }
    body .desktop_pt_20 {
        padding-top: 0px !important;
    }
    .pl_45_desk {
        padding-left: 0px ;
    }
    body .resp_ml_15{
        margin-left: 15px !important;
    }
    .date-filter-row>div{
        width: 100% !important;
    }
    .date-filter-item  .style_type_search {
            width: 100% !important;
    }
    .resp_mt_10{
        margin-top: 10px !important;
    }
    .branch_emission_cards .branch-emission-cards {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        margin: 0px 0px 10px 0px !important;
        padding: 0px !important;
    }
    .branch_emission_cards .branch-emission-cards > .col-sm-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        
    }
    .branch_emission_cards .branch-emission-cards .cal_board{
        margin-bottom: 0px !important;
    }
    .branch_emission_cards.pl_45px_resp .branch-emission-cards {
        padding-left: 0px !important;
    }
    .branch_emission_cards.p_top_20px .branch-emission-cards {
        padding-top: 0px !important;
    }
    .branch_emission_cards.p_20px .branch-emission-cards{
        padding: 0px 20px !important;
    }
    .right_side_con.pt-20{
    }
    .resp_pt_20px{
    }
    body .flex-column_cus.mobile_flex_column.pl_45 {
        padding-left: 0px !important;
    }
    body .flex-column_cus.mobile_flex_column.pt-20 {
        padding-top: 0px !important;
    }
    body .flex_row.pt-20{
        padding-top: 0px !important;
    }
    .modal-tree-list {
        max-height: 200px !important;
        overflow-y: auto;
    }
    .resp_row_m_0 .row{
        margin: 0px !important;
    }
    .place_order_position {
        position: static;
        right: 30px;
        width: 100%;
    }
    .resp-w-96{
        width: 96% !important;
    }

}
/*mobile css ends here*/

/*responsive ipad starts here*/
@media only screen and (min-width:768px) and (max-width:1024px) {
     .resp_mr_5{
        margin: 2px 10px 0px 0px;
    } 
    .cmn_form {
        margin-top: 20px !important;
    }
    .outer_sec{
        display: flex;
    }
    .align-right-icon{
        display: block !important;
    }
    .resp_alignment_d-flex{
        display: flex;
        align-items: start;
    }
    .close_icon{
        display: block !important;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .cmn_form {
        margin: 20px !important;
        padding: 25px !important;
    }
    .custom_form_update_profile_resp {
        padding: 0px 15px;
    }
    .resp-p-25{
        padding: 25px !important;
    }
    .remove_pd_resp .row>div{
        padding: 0px !important;
    }
    .table-responsive{
        border: none;
    }
    .left_menu{
        position: fixed;
        top: 0;
        left: -260px; 
        width: 252px;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        transition: 0.3s ease-in-out;
    }
    .left_menu.active_side_menu{
        left: 0;
    }
    .dash_brd_outer {
        padding: 20px 10px;
    }
    body .ipad_resp_p_0{
        padding: 0px !important;
    }
    .right_head.row>div{
        padding-bottom: 10px;
    }
    .right_head.row{
        margin: 0px !important;
    }
    .row{
        margin: 0px !important;
    }
    table {
        white-space: nowrap;
    }
    .ipad_cmn_form{
        padding: 10px !important;
    }
    .cus_ipad_margin .row{
        margin: 0px -15px 0px !important;
    }
    .right_side_con {
        display: block;
    }
    .resp_col_wd-100>div{
        width: 100% !important;
        z-index: 99;
        padding-bottom: 15px;
    }
    .dsh_cmn_box  .row>div{
        padding: 0px;
    }
    .dsh_cmn_box  .row{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    body .ipad_alignment{
        padding: 0px !important;
        margin: 0px !important;
    }
    .ipad_alignment>div{
        width: 50% !important;
    }
     .header-row > .col-md-4:first-child {
        flex: 0 0 44%;
        max-width: 44%;
    }
    .header-row > .col-md-4:nth-child(2) {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .header-row > .col-md-4:last-child {
        flex: 0 0 16%;
        max-width: 16%;
    }
    .header-row .profile_im img{
        margin-left: 0px !important;
    }
    .header-row{
        display: flex;
        align-items: center;
        
    }
    .org_branch_name_center {
        display: none;
    }
    .ipad_emission_blks .row>div{
        width: 50% !important;
        padding-bottom: 20px;
    }
    .main_tit{
        font-size: 20px;
    }
    .right_side_con {
        padding: 20px 10px !important;
    }
    .ipad_p_25{
        padding-left:25px !important;
        padding-right:25px !important;
    }
    .three_db {
        width: auto !important;
        margin-left: 0px !important;
        margin-bottom: 0px !important;
    }
    .header-row .col-md-12{
        padding: 0px !important;
    }
    .ipad_resp_allign .col-md-4{
        width: 40% !important;
    }
    .ipad_resp_allign .col-md-8{
        width: 60% !important;
    }
    .ipad_mr_15{
        margin-right: 15px;
    }
    body .ipad-wdth_align{
        margin-left: 0px !important;
        width: 100% !important;
    }
    .ipad_three_db .col-sm-4{
        width: 100% !important;
    }
    body .ipad-w-100{
        width: 100% !important;
    }
    .desktop-dnone{
        display: none;
    }
    .emission-breakdown-body {
            grid-template-columns: repeat(2, 1fr) !important;
    }
    .resp_organization_txt {
        display: flex!important;
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        margin-top: 20px !important;
        flex-direction: column;
    }  
    .resp-mb-5{
        margin-bottom: 5px;
    }  
    .payment_blk_row>div{
        width: 50% !important;
    }
}             
@media screen and (max-width: 991px) and (orientation: landscape) {
    .modal.show,
    .modal.in {
        display: block !important;
    }
    .custom_landsacape .modal-dialog {
        margin: 10px auto !important;
        width: 90% !important;
        max-width: 650px !important;
        height: calc(100vh - 20px) !important;   
        max-height: calc(100vh - 20px) !important;
    }
    .custom_landsacape .modal-content {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        max-height: 100% !important;            
        overflow: hidden !important;           
    }
    .custom_landsacape .modal-header,
    .custom_landsacape .modal-footer {
        flex-shrink: 0 !important;               
    }
    .custom_landsacape .modal-body {
        flex: 1 1 auto !important;
        overflow-y: auto !important;             
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        padding: 15px !important;
    }
    .modal-tree-list {
        max-height: none !important;
        overflow: visible !important;
    }
    .custom_carbon_calculator .subcat {
        width: 20% !important;
    }
    .custom_benifts_row {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .custom_benifts_row > [class*="col-"] {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        display: flex !important;
        flex-direction: column !important;

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

  .left_menu{
        position: fixed;
        top: 0;
        left: -260px; 
        width: 252px;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        transition: 0.3s ease-in-out;
    }
    .left_menu.active_side_menu{
        left: 0;
        padding-top: 22px !important;
    }
    .align-right-icon {
        display: block !important;
    }
    .close_icon {
        display: block !important;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .resp_alignment_d-flex {
        display: flex;
        align-items: start;
    }
    .resp_mr_5 {
        margin: 2px 10px 0px 0px;
    }
    
}