@media screen and (max-width: 767px) and (min-width: 320px) {
  .graphspan {
    width: 100%;
    float: left;
    margin: 10px 0 0;
  }
  .d_mb_10 {
    margin-bottom: 10px !important;
  }
  .tablist .whitebg_container .forminput .form-group {
    float: left;
  }
  .tablist .whitebg_container .forminput {
    width: 47% !important;
    float: left;
  }
  .targetspace {
    margin: 0 5px 5px 0;
  }
  .tablist .tab-content > .tab-pane.fade.show {
    display: block;
  }
  .tablist .tab-content > .tab-pane.fade {
    display: none;
  }
  .tablist .nav-tabs li a {
    padding: 0 5px;
  }
  .modal-body h6.modal-title span {
    font-size: 12px;
    padding-right: 3px;
  }
  .modal-body h6.modal-title span:before {
    margin-right: 5px;
  }
  .tab_drawer_heading {
    display: block;
    color: #fff;
    background: var(--blueBoxBg);
    width: 100%;
    float: left;
    padding: 20px 30px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 15px;
  }
  .tab_drawer_heading:after {
    content: "\f107";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 22px;
    position: absolute;
    right: 30px;
  }
  .tab_drawer_heading.d_active {
    color: #fff;
    background: var(--primaryColor);
    position: relative;
  }
  .tab_drawer_heading.d_active:after {
    content: "\f106";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 22px;
    position: absolute;
    right: 30px;
  }
  #vertical_tab_nav .tabs {
    display: none;
  }
  #vertical_tab_nav div article {
    display: block;
  }
  #portfolioEnvSpaceSelection .filterbtm .form-select {
    margin-bottom: 15px;
  }
  .filtercontainer {
    width: 100%;
    float: left;
  }
  .sensorsright {
    display: block;
    margin-top: 20px;
  }
  .w_100_mb {
    width: 100% !important;
  }
  .grey_bg h5 {
    word-wrap: break-word;
  }
  .main_wrapper h2 {
    word-break: break-word;
  }
  .device_pb_10 {
    padding-bottom: 10px;
  }
  .device_pt_15 {
    padding-top: 15px;
  }
  .smartness_table .table-responsive .device_center .btn-primary {
    margin-bottom: 5px;
  }
  .tcfd-container .tab-content > .tab-pane.active {
    display: block;
  }
  .tcfd-container .tab-content > .tab-pane {
    display: none;
  }
  .tcfd-container .nav {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
  }
  .device_center {
    text-align: center;
  }
  .tcfd-container .nav.nav-pills a.nav-link {
    white-space: nowrap;
    padding: 14px 30px;
  }
  .secure_score button {
    margin-bottom: 30px;
  }
  .userprofile .tab-content > .tab-pane.show > #collapseTwo,
  .userprofile .tab-content > .tab-pane.show > #collapseThree {
    display: block;
  }
  /* .userprofile .tab-content > .tab-pane {
    display: inherit !important;
    opacity: 1;
  } */
  .userimgalign .userImage {
    margin-bottom: 20px;
  }
  .userimgalign .userImage img {
    height: 100%;
  }
  .cp_tablist .tab-content .accordion-item .accordion-body .btn-prv {
    padding: 9px 5px;
  }

  .envdetails.userprofile .nav-tabs .nav-link {
    margin-right: 6px;
    font-size: 8px;
  }
  .energyselection .btn {
    margin: 5px;
  }
  .mobile_fl {
    float: left;
  }
  .mobile_fl .btn {
    margin: 5px;
  }
  .equipmentsection .drop_down {
    margin-bottom: 10px;
  }
  .propertyInfo ul li a {
    padding: 10px 11px;
  }
  .companyprofile .tab-content > .tab-pane.active {
    display: block !important;
    opacity: 1 !important;
  }
  .companyprofile.cprofile .tab-content > .tab-pane.show.active {
    display: block !important;
    opacity: 1 !important;
  }
  .companyprofile.cprofile .tab-content > .tab-pane.fade {
    display: none !important;
    opacity: 0;
  }
  .companyprofile.cprofile
    .tab-content
    > .tab-pane.active
    .collapse:not(.show) {
    display: block;
  }
  .companyprofile
    .tab-content
    > .tab-pane.active
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    display: none;
  }
  .companyprofile .tab-content > .tab-pane.fade {
    display: none;
    opacity: 0;
  }
  .accountsetting .tab-content > .tab-pane.active {
    display: block !important;
    opacity: 1 !important;
  }
  .accountsetting .tab-content > .tab-pane.fade {
    display: none;
    opacity: 0;
  }
  .voiletbg .align-self-center {
    margin-top: 30px;
  }
  #main-content {
    margin-left: 0px !important;
  }
  .main-sidebar #sidebar {
    margin-left: -250px !important;
    z-index: 999;
    margin-top: 86px;
  }
  .fileupload .uploadbtn,
  .fileupload .createbtn,
  .fileupload .morebtn {
    margin-bottom: 10px;
  }
  .toggle_nav {
    border-radius: 0 5px 5px 0;
    width: auto;
    height: auto;
    right: -22px;
    top: 20px;
  }
  .sidebar-closed #sidebar {
    width: 310px !important;
    margin-left: 0px !important;
    margin-top: 86px;
    height: 91vh;
    border-radius: 0px;
  }
  .scrollbar {
    height: calc(100vh - 350px);
  }

  .sidebar-closed .sidebarfooter {
    display: block;
  }
  .main-sidebar #sidebar .overflow {
    overflow: hidden;
    height: 85vh;
  }
  .sidebarfooter .grey_bx {
    width: 91%;
  }
  .sidebarfooter .grey_bx:first-child {
    margin-bottom: 15px;
  }
  .toggle_nav i {
    transform: rotate(180deg);
  }
  #maincontainer.sidebar-closed .toggle_nav i {
    transform: rotate(0deg);
  }
  .sidebar-closed .sidebar ul a span {
    display: inline-block;
  }
  .sidebar-closed .sidebar ul li.hasSubMenu .trigger i {
    display: inline-block;
  }
  .sidebar-closed .sidebar ul li.hasSubMenu .trigger i.fa-solid {
    display: block;
  }
  .sidebar-closed .upgradeplan a span {
    display: inline-block;
  }
  .footer {
    margin-left: 0 !important;
  }
  .envdetails .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
  .envdetails .accordion-button {
    background-color: #187cab;
    color: #fff;
  }
  .envdetails .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #a3b33b;
  }
  .envdetails .accordion-button:not(.collapsed)::after {
    content: "\f106";
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    color: #fff;
    transform: none;
  }
  .envdetails .accordion-button::after {
    content: "\f107";
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    color: #fff;
  }
  .envdetails .accordion-item {
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .building_assessment_bg,
  .environments_bg,
  .home_bg,
  .documentation_bg {
    height: auto;
    padding: 30px 0;
  }
  .spaces .inner_containerBox {
    margin-bottom: 30px;
  }
  .step-container .tab-content .form-control {
    margin-bottom: 10px;
  }
  .step-container .nav.nav-pills a.nav-link {
    font-size: 14px;
  }
  .step-container .nav.nav-pills a.nav-link span {
    display: none;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(1):before {
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 11px solid #000;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(1):after {
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 11px solid #fff;
  }
  .step-container .nav.nav-pills a.nav-link.active:after {
    border-left: 11px solid #187cab !important;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(2):before {
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 11px solid #000;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(2):after {
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 11px solid #fff;
  }
  .step-container .tab-content .table-responsive .form-control {
    margin-bottom: 0px;
  }
  .whitebg_container .text-end button:first-child {
    margin-bottom: 10px;
  }
  .banner_content h1 {
    word-break: break-word;
  }
  .propertyInfo .property {
    margin-bottom: 30px;
  }
  .drop_down {
    width: 100%;
    margin-left: 0 !important;
  }
  .portfolio .drop_down {
    margin-bottom: 10px;
  }
  .nav-link.profile span {
    display: none;
  }
  .gmapdiv div:first-child {
    margin-top: 10px;
  }
  .slick-slide img {
    min-height: auto;
  }
  .mb_mt_20 {
    margin-top: 20px;
    float: left;
  }
  .space_property_information img {
    margin-bottom: 20px;
  }
  .utilitiesInfo .form-group,
  .utilitiesInfo .form-select {
    margin-bottom: 10px;
  }
  .ph_mb_30 {
    margin-bottom: 30px !important;
  }
  .whitebg_container .innerHeadingContainer {
    display: block;
  }
  .whitebg_container .dataRight {
    width: 100%;
  }
  .utilitiesInfo .mainPageHeading {
    display: block;
  }
  .utilitiesInfo .btn-group {
    width: 100%;
    float: left;
    margin-top: 15px;
    text-align: right;
  }
  .makepayment_mb {
    margin-bottom: 30px;
  }
  .instructionssummary .summarybox .summaryheading .headingcontainer {
    display: block;
  }
  .iotsystem .card {
    margin-bottom: 30px;
  }
  .tasklistadmin .taskheading {
    display: block;
  }
  .tasklistadmin .taskheading a {
    display: block;
    margin-top: 10px;
    text-align: right;
  }
  .alertcentre .boximage img {
    object-fit: cover;
    max-height: 300px;
  }
  .flitercontainer .form-select {
    max-width: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .fund_portfolio_box {
    margin: 0 0 20px;
    width: 100%;
  }
  .portfoliomap .heading {
    display: block;
  }
  .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
  .cp_tablist .nav-tabs.navdisplay {
    display: none;
  }
  .cprofile .cp_tablist .nav-tabs.navdisplay {
    display: none !important;
  }
  .profile-container .tab-content .tab-pane {
    display: none;
  }
  .profile-container .tab-content .tab-pane.active {
    display: block;
  }
  .profile-container .nav.nav-pills a.nav-link {
    margin: 0 15px;
  }
  .profile-container .tab-content .tabmaincontent .btn-secondary {
    margin-bottom: 20px;
  }

  .styletemplate a button.btn-success {
    margin: 30px 0;
  }
  .portfolio .rightLink ul {
    float: right;
    margin-top: 20px;
  }
  .fund_portfolio_grey_bg .purplebg {
    margin: 10px 0;
  }
  .styletemplate .drop_down {
    margin-bottom: 5px;
  }
}

@media screen and (min-device-width: 768px) and (orientation: portrait) {
  .scrollbar {
    height: calc(100vh - 365px);
  }
  .sidebar-closed .sidebarfooter {
    display: block;
  }
  .main-sidebar #sidebar .overflow {
    overflow: hidden;
    height: 85vh;
  }
  .sidebarfooter .grey_bx {
    width: 91%;
  }
  .sidebarfooter .grey_bx:first-child {
    margin-bottom: 15px;
  }
  .graphspan {
    width: 100%;
    float: left;
  }
  .targetspace {
    margin: 0 5px 5px 0;
  }
  .tablist .tab-content > .tab-pane.fade.show {
    display: block;
  }
  .tablist .tab-content > .tab-pane.fade {
    display: none;
  }
  .tab_drawer_heading {
    display: block;
    color: #fff;
    background: var(--blueBoxBg);
    width: 100%;
    float: left;
    padding: 20px 30px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 15px;
  }
  .tab_drawer_heading:after {
    content: "\f107";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 22px;
    position: absolute;
    right: 30px;
  }
  .tab_drawer_heading.d_active {
    color: #fff;
    background: var(--primaryColor);
    position: relative;
  }
  .tab_drawer_heading.d_active:after {
    content: "\f106";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 22px;
    position: absolute;
    right: 30px;
  }
  #vertical_tab_nav .tabs {
    display: none;
  }
  #vertical_tab_nav div article {
    display: block;
  }
  .flitercontainer .form-select {
    max-width: 150px;
  }
  .utilitiesInfo .col-md-5 .drop_down.ms-3 {
    max-width: 90px;
  }
  .modal-body h6.modal-title span,
  .modal-header h6.modal-title span {
    display: block;
  }
  .companyprofile .tab-content > .tab-pane.active .collapse:not(.show) {
    display: block;
  }
  .tab-align a {
    display: inline-flex;
  }
  .tab-align a i {
    margin-top: 4px;
  }
  .tb_mt_30 {
    margin-top: 30px;
  }
  .iotsystem .card {
    margin-bottom: 30px;
  }
  .propertyInfo ul li a {
    padding: 10px 11px;
  }
  .accountsetting .profilesettingtab .nav .nav-item .nav-link {
    padding: 10px 40px;
  }

  .companyprofile .tab-content > .tab-pane.active {
    display: block !important;
    opacity: 1 !important;
  }
  .companyprofile .tab-content > .tab-pane.fade {
    display: none;
    opacity: 0;
  }
  .accountsetting .tab-content > .tab-pane.active {
    display: block !important;
    opacity: 1 !important;
  }
  .accountsetting .tab-content > .tab-pane.fade {
    display: none;
    opacity: 0;
  }
  .userimgalign .userImage {
    width: 70px;
    height: 70px;
  }
  .envdetails .tab-content > .tab-pane.show {
    display: block;
    opacity: 1;
  }
  .envdetails .tab-content > .tab-pane {
    display: none;
    opacity: 1;
  }
  /* .envdetails .tab-content>.tab-pane { display: block;opacity: 1;} */
  .envdetails .accordion-button {
    background-color: #187cab;
    color: #fff;
  }
  .envdetails .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #a3b33b;
  }
  .envdetails .accordion-button:not(.collapsed)::after {
    content: "\f106";
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    color: #fff;
    transform: none;
  }
  .envdetails .accordion-button::after {
    content: "\f107";
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    color: #fff;
  }
  .envdetails .accordion-item {
    border-radius: 0;
    margin-bottom: 10px;
  }
  .spaces .inner_containerBox {
    margin-bottom: 30px;
  }
  .building_assessment_bg {
    height: auto;
  }
  .step-container .nav.nav-pills a.nav-link {
    font-size: 14px;
  }
  .step-container .nav.nav-pills a.nav-link.active:after {
    border-left: 20px solid #187cab !important;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(1):after {
    border-top: 34px solid transparent;
    border-bottom: 34px solid transparent;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(2):before {
    border-top: 34px solid transparent;
    border-bottom: 34px solid transparent;
    border-left: 20px solid #000;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(2):after {
    border-top: 34px solid transparent;
    border-bottom: 34px solid transparent;
    border-left: 20px solid #fff;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(1):before {
    border-top: 34px solid transparent;
    border-bottom: 34px solid transparent;
    border-left: 20px solid #000;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(1):after {
    border-left: 20px solid #fff;
  }
  .whitebg_container .float-md-end {
    margin-top: 20px;
  }
  .building_assessment_bg,
  .environments_bg,
  .home_bg,
  .documentation_bg {
    height: auto;
    padding: 30px 0;
  }
  .button_container .btn-success {
    margin-bottom: 5px;
  }
  .button_container .btn-success,
  .button_container .btn-secondary {
    width: 100%;
    float: left;
    margin-right: 0 !important;
  }
  .spaces .spaceBox .button_container .btn-success {
    width: auto;
    float: none;
  }
  .space_property_information img {
    margin-bottom: 20px;
  }
  .yourBills_bg {
    margin-bottom: 30px;
  }
  .portfolio h2 {
    float: none !important;
    margin-bottom: 20px !important;
  }
  .portfolio .drop_down .form-group .form-select {
    max-width: 167px;
  }
  .utilitiesBox {
    margin-bottom: 0 !important;
  }
  .reportingsummerymb {
    margin-bottom: 0 !important;
  }
  .whitebg_container .innerHeadingContainer {
    display: inline-block;
  }
  .whitebg_container .dataRight {
    width: 100%;
  }
  .whitebg_container.energyuse .dataRight {
    width: auto;
  }
  .utilitiesInfo .mainPageHeading {
    display: block;
  }
  .utilitiesInfo .btn-group {
    width: auto;
    float: left;
    margin-top: 15px;
    text-align: right;
  }
  .makepayment_mb {
    margin-bottom: 30px;
  }
  .ph_mb_30 {
    margin-bottom: 30px !important;
  }
  /* .instructionssummary .summarybox .summaryheading .headingcontainer {
    display: block;
  } */
  .tcfd-container .nav.nav-pills a.nav-link {
    padding: 13px 5px;
  }
  /* .tcfd-container .nav.nav-pills a.nav-link:nth-child(1):before {
    border-left: 10px solid #000;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(1):after {
    border-left: 10px solid #fff;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(2):before {
    border-left: 10px solid #000;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(2):after {
    border-left: 10px solid #fff;
  }
  .tcfd-container .nav.nav-pills a.nav-link.active:before {
    border-left: 10px solid transparent !important;
  }
  .tcfd-container .nav.nav-pills a.nav-link.active:after {
    border-left: 10px solid #187cab !important;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(4):before {
    border-left: 10px solid #000;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(4):after {
    border-left: 10px solid #fff;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(3):before {
    border-left: 10px solid #000;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(3):after {
    border-left: 10px solid #fff;
  } */
  .profile-container .nav.nav-pills a.nav-link {
    margin: 0 5px;
  }
  .fund_portfolio_box {
    margin-bottom: 20px;
  }
  .portfoliomap .heading {
    display: block;
  }
  .fund_portfolio_box {
    width: 47.1%;
    margin-bottom: 30px;
  }
  .fundmanagement .card {
    margin-bottom: 30px;
  }
  .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
  .profile-container .tab-content .tab-pane {
    display: none;
  }
  .profile-container .tab-content .tab-pane.active {
    display: block;
  }
  .reportClass {
    width: 100% !important;
    height: 100vh !important;
  }
  .reportClass iframe {
    height: 840px !important;
    overflow: hidden;
  }
  .regulations .regulationsboxes,
  .disclosuresreports .disclosureskbox {
    padding: 16px;
  }
  .disclosuresreports .disclosureskbox .linkcontainer .btn-secondary {
    min-width: 85px;
  }
  .regulations .regulationsboxes .linkcontainer .btn-secondary {
    min-width: 75px;
  }

  .instructionssensors .tab-content > .active {
    display: block !important;
    opacity: 1;
  }
  .instructionssensors .tab-content > .tab-pane {
    display: none;
  }

  .main-sidebar #sidebar {
    margin-left: -250px !important;
    z-index: 999;
    margin-top: 86px;
    height: 92vh;
    border-radius: 0px;
  }
  #main-content {
    margin-left: 0px !important;
  }
  .toggle_nav {
    width: auto;
    height: auto;
    right: -22px;
    top: 20px;
    transform: rotate(180deg);
    border-radius: 5px 0 0 5px;
  }
  .sidebar-closed #sidebar {
    width: 310px !important;
    margin-left: 0px !important;
  }
  .sidebar-closed .sidebar ul li.hasSubMenu .trigger i {
    display: inline-block;
  }
  .sidebar-closed .sidebar ul a span {
    display: inline-block;
  }
  .sidebar-closed .sidebar ul li.hasSubMenu .trigger i.fa-solid {
    display: inline-block;
  }
  .footer {
    margin-left: 0 !important;
  }

  .space_property_information .tab-content > .active {
    display: block !important;
    opacity: 1;
  }
  .space_property_information .tab-content > .tab-pane {
    display: none;
  }
}

@media screen and (max-device-width: 812px) and (orientation: landscape) {
  .companyprofile .tab-content > .tab-pane.active .collapse:not(.show) {
    display: block;
  }
  .envdetails .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
  .envdetails .accordion-button {
    background-color: #187cab;
    color: #fff;
  }
  .envdetails .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #a3b33b;
  }
  .envdetails .accordion-button:not(.collapsed)::after {
    content: "\f106";
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    color: #fff;
    transform: none;
  }
  .envdetails .accordion-button::after {
    content: "\f107";
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    color: #fff;
  }
  .envdetails .accordion-item {
    border-radius: 0;
    margin-bottom: 10px;
  }
  .spaces .inner_containerBox {
    margin-bottom: 30px;
  }
  .step-container .nav.nav-pills a.nav-link {
    font-size: 14px;
  }
  .step-container .nav.nav-pills a.nav-link.active:after {
    border-left: 20px solid #187cab !important;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(1):after {
    border-top: 34px solid transparent;
    border-bottom: 34px solid transparent;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(2):before {
    border-top: 34px solid transparent;
    border-bottom: 34px solid transparent;
    border-left: 20px solid #000;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(2):after {
    border-top: 34px solid transparent;
    border-bottom: 34px solid transparent;
    border-left: 20px solid #fff;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(1):before {
    border-top: 34px solid transparent;
    border-bottom: 34px solid transparent;
    border-left: 20px solid #000;
  }
  .step-container .nav.nav-pills a.nav-link:nth-child(1):after {
    border-left: 20px solid #fff;
  }
  .slick-slide img {
    min-height: 150px;
  }
  .portfolio .drop_down .form-group .form-select {
    max-width: 145px;
  }
  .makepayment_mb {
    margin-bottom: 30px;
  }
  .instructionssummary .summarybox .summaryheading .headingcontainer {
    display: block;
  }
  .fund_portfolio_box {
    margin-bottom: 20px;
  }
  .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
  .fund_portfolio_box {
    width: 46.1% !important;
    margin-bottom: 30px;
  }
}

@media screen and (max-device-width: 1024px) and (orientation: landscape) {
  .propertydetails span {
    display: inline-flex;
  }
  /* .forminput {
    width: 50% !important;
  } */
  .tablist .nav-tabs li a {
    padding: 0 60px;
  }
  .top_spacing {
    margin-top: 0px !important;
  }
  .flitercontainer .form-select {
    max-width: 170px;
  }
  .footer {
    margin-left: 0 !important;
  }
  .voiletbg .whitebtn {
    margin-bottom: 20px;
  }
  .propertyInfo ul li a {
    padding: 10px 11px;
  }
  .accountsetting .profilesettingtab .nav .nav-item .nav-link {
    padding: 10px 40px;
  }
  .userimgalign .userImage {
    width: 60px;
    height: 60px;
  }

  .button_container .btn-success {
    margin-bottom: 5px;
  }
  .button_container .btn-success,
  .button_container .btn-secondary {
    width: 100%;
    float: left;
    margin-right: 0 !important;
  }
  .spaces .spaceBox .button_container .btn-success {
    width: auto;
    float: none;
  }
  .portfolio .drop_down .form-group .form-select {
    max-width: 167px;
  }
  .utilitiesBox {
    margin-bottom: 0 !important;
  }
  .portfolio .portfolioBoxes .button_container {
    display: block;
    bottom: 8px;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
  }
  .ph_mb_30 {
    margin-bottom: 30px !important;
  }
  .iotsystem .card {
    margin-bottom: 30px;
  }
  .tcfd-container .nav.nav-pills a.nav-link {
    padding: 13px 5px;
  }
  /* .tcfd-container .nav.nav-pills a.nav-link:nth-child(1):before {
    border-left: 10px solid #000;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(1):after {
    border-left: 10px solid #fff;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(2):before {
    border-left: 10px solid #000;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(2):after {
    border-left: 10px solid #fff;
  }
  .tcfd-container .nav.nav-pills a.nav-link.active:before {
    border-left: 10px solid transparent !important;
  }
  .tcfd-container .nav.nav-pills a.nav-link.active:after {
    border-left: 10px solid #187cab !important;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(4):before {
    border-left: 10px solid #000;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(4):after {
    border-left: 10px solid #fff;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(3):before {
    border-left: 10px solid #000;
  }
  .tcfd-container .nav.nav-pills a.nav-link:nth-child(3):after {
    border-left: 10px solid #fff;
  } */
  .profile-container .nav.nav-pills a.nav-link {
    margin: 0 12px;
  }
  .fund_portfolio_box {
    width: 30.5%;
    margin-bottom: 30px;
  }
  .main-sidebar #sidebar {
    margin-left: -250px !important;
    z-index: 999;
    margin-top: 86px;
    height: 89vh;
    border-radius: 0px;
  }
  #main-content {
    margin-left: 0px !important;
  }
  .toggle_nav {
    width: auto;
    height: auto;
    right: -22px;
    top: 20px;
    transform: rotate(180deg);
    border-radius: 5px 0 0 5px;
  }
  .sidebar-closed #sidebar {
    width: 320px !important;
    margin-left: 0px !important;
  }
  .sidebar-closed .sidebar ul a span {
    display: inline-block;
  }
  .sidebar-closed .sidebar ul li.hasSubMenu .trigger i.fa-solid {
    display: inline-block;
  }
  .scrollbar {
    height: calc(100vh - 350px);
  }
  .sidebar-closed .sidebarfooter {
    display: block;
  }
  .main-sidebar #sidebar .overflow {
    overflow: hidden;
    height: 85vh;
  }
  .sidebarfooter .grey_bx {
    width: 91%;
  }
  .sidebarfooter .grey_bx:first-child {
    margin-bottom: 15px;
  }
  .reportClass {
    width: 100% !important;
    height: 100vh !important;
  }
  .reportClass iframe {
    height: 1280px !important;
    overflow: hidden;
  }
  .reportDownload ul#companyProfileTabs li a {
    padding: 10px 10px;
  }
  .reportDownload ul#companyProfileTabs li a.active {
    padding: 8px 10px;
  }
  .reportsection .tab-content .nav-tabs li a {
    padding: 4px 13px;
  }
  .regulations .regulationsboxes,
  .disclosuresreports .disclosureskbox {
    padding: 16px;
  }
  .disclosuresreports .disclosureskbox .linkcontainer .btn-secondary {
    min-width: 85px;
  }
  .regulations .regulationsboxes .linkcontainer .btn-secondary {
    min-width: 75px;
  }
  .navbar-expand .dropdown-menu.show {
    right: 0px;
  }
  .cp_tablist .tab-content .accordion-item .accordion-body .btn-prv {
    padding: 9px 8px;
  }
  .profilesettingtab .nav .nav-item .nav-link {
    padding: 10px 60px;
  }
  .tb_mt_30 {
    margin-top: 30px;
  }
  .carousel .carousel__item img {
    max-height: 120px;
    min-height: 120px;
  }
}

@media screen and (min-device-width: 1024px) and (orientation: portrait) {
  .portfolio .portfolioBoxes img {
    max-height: 150px;
  }
  .carousel .carousel__item img {
    max-height: 150px;
    width: 100%;
    border-radius: 10px 10px 0 0;
  }
  .whitebg_container .innerHeadingContainer {
    display: flex;
    justify-content: space-between;
  }
  .whitebg_container .dataRight {
    width: auto;
  }
  .utilitiesInfo .mainPageHeading {
    display: flex;
    justify-content: space-between;
  }
  .utilitiesInfo .btn-group {
    width: auto;
  }
  .iotsystem .card {
    margin-bottom: 30px;
  }
  .alertcentre .boximage img {
    object-fit: cover;
    max-height: 300px;
  }
  .instructionssummary .summarybox .summaryheading .headingcontainer {
    display: flex;
  }
  .profile-container .nav.nav-pills a.nav-link {
    margin: 0 12px;
  }
}

@media screen and (max-device-width: 844px) and (orientation: landscape) {
  .envdetails .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
  .envdetails .accordion-button {
    background-color: #187cab;
    color: #fff;
  }
  .envdetails .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #a3b33b;
  }
  .envdetails .accordion-button:not(.collapsed)::after {
    content: "\f106";
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    color: #fff;
    transform: none;
  }
  .envdetails .accordion-button::after {
    content: "\f107";
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 6 Free";
    background-image: none;
    color: #fff;
  }
  .envdetails .accordion-item {
    border-radius: 0;
    margin-bottom: 10px;
  }
  .spaces .inner_containerBox {
    margin-bottom: 30px;
  }
  .slick-slide img {
    min-height: 150px;
  }
  .slick-slide img {
    min-height: 144px;
  }
  .portfolio .drop_down .form-group .form-select {
    max-width: 145px;
  }
  .space_property_information img {
    margin-bottom: 20px;
  }
  .makepayment_mb {
    margin-bottom: 30px;
  }
  .profile-container .nav.nav-pills a.nav-link {
    margin: 0 5px;
  }
  .fund_portfolio_box {
    width: 46.1% !important;
    margin-bottom: 30px;
  }
  .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .targetspace {
    margin-bottom: 10px;
  }
  .propertydetails span {
    display: inline-flex;
  }
  .tablist .nav-tabs li a {
    padding: 0 45px;
  }
  /* .forminput {
    width: 50% !important;
  } */
  .propertyInfo ul li ul.dropdown-menu {
    min-width: 16rem;
  }
  .portfolio .portfolioBoxes .button_container .btn-secondary {
    padding: 5px;
    min-width: auto;
  }
  .spaces .inner_containerBox .propertyname {
    width: 100%;
    bottom: 40px;
  }
  .propertyInfo .property {
    margin-bottom: 20px;
  }
  .whitebg_container .float-md-end img {
    margin-bottom: 10px;
  }
  .slick-slide img {
    min-height: 150px;
  }
}

@media screen and (width: 1366px) and (orientation: landscape) {
  .scrollbar {
    height: calc(90vh - 325px) !important;
  }
  .main-sidebar #sidebar {
    height: 79vh !important;
  }
}
@media screen and (width: 1440px) and (orientation: landscape) {
  .scrollbar {
    height: calc(90vh - 327px) !important;
  }
  .main-sidebar #sidebar {
    height: 82vh !important;
  }
}

@media screen and (max-width: 1440px) and (min-width: 1360px) {
  .tablist .tab-content .tab-pane#tab2 .greybg_container .inner_whitebg p + p {
    text-align: right;
  }
  .tablist
    .tab-content
    .tab-pane#tab2
    .greybg_container
    .inner_whitebg
    .unite_price
    p
    + p {
    text-align: left;
  }
  .tablist
    .tab-content
    .tab-pane#tab2
    .greybg_container
    .inner_whitebg
    .propertydetails
    p
    + p {
    text-align: left;
  }
  .targetspace {
    margin: 0 5px 5px 0;
  }
  .d_inlineblock {
    display: inline-block;
  }
  .flitercontainer .form-select {
    max-width: 184px;
  }
  .homeBox {
    padding: 40px 15px;
  }
  .homeBox h3 {
    font-size: 28px;
    min-height: 70px;
  }
  .slick-slide img {
    min-height: 230px;
  }
  .spaces .portfolioBoxes img {
    max-height: 150px;
  }
  .BillsInfo .usageelectricity {
    width: 75%;
  }
  .datahubinfo_Boxes .heading_count.datacenterHeadingHeight {
    min-height: 110px;
  }
  .datahubinfo_Boxes .heading_count.datacenterHeadingHeight .wordbreak {
    word-break: break-word;
  }
  .homeBox .fundcountHeading {
    max-height: 110px;
  }
  .alertcentre .boximage img {
    object-fit: cover;
    max-height: 300px;
  }
  .regulations .regulationsboxes .linkcontainer .btn-secondary,
  .disclosuresreports .disclosureskbox .linkcontainer .btn-secondary {
    min-width: 90px;
  }
  .disclosuresreports .disclosureskbox .linkcontainer a {
    word-break: break-all;
  }
  .iotsystem .card .card-body .btnContainer .btn-primary {
    padding: 8px 20px;
  }
  .datahubinfo_Boxes .btnContainer .btn-primary {
    padding: 8px 40px;
  }
  .breeam_Boxes .btnContainer .btn-primary {
    padding: 8px 40px;
    font-size: 14px;
  }
  .profile-container .nav.nav-pills a.nav-link {
    margin: 0 17px;
  }
  .portfolio .portfolioBoxes img {
    max-height: 200px;
    min-height: 200px;
  }
  .carousel .carousel__item img {
    max-height: 200px;
    min-height: 200px;
  }
  .datahubinfo_Boxes .heading_count .eq_height {
    min-height: 80px;
  }
  .fund_portfolio_box {
    width: 17.9%;
  }
  .fund_portfolio_box h4 {
    word-break: break-word;
  }
  /*.propertyInfo ul li a{font-size: 12px;}*/
  /* .main-sidebar #sidebar {
    height: 79vh;
  } */
  .sidebar ul {
    background-color: #f8f8f8;
  }
  /* .scrollbar {
    height: calc(86vh - 295px);
  } */
  .scrollbarmob {
    height: calc(88vh - 170px);
  }
  .main-sidebar #sidebar .overflow {
    overflow: hidden;
    height: 75vh;
  }
  .companyprofile .nav {
    width: 100%;
    float: left; /*overflow-y: hidden;flex-wrap: nowrap;*/
    margin-bottom: 30px;
  }
  #companyProfileTabs li a {
    white-space: nowrap;
  }
  .cp_tablist.locallaw
    .tab-content
    .accordion-item
    .accordion-body
    .chartbox
    .imgcontainer
    .buttoncontainer {
    right: 10px;
  }
  .cp_tablist.locallaw
    .tab-content
    .accordion-item
    .accordion-body
    .chartbox
    .imgcontainer
    .buttoncontainer
    .btn-dark {
    padding: 5px 10px;
  }

  #companyProfileTabs li {
    padding: 7px 12px 5px;
  }
  .cp_tablist.locallaw
    .tab-content
    .accordion-item
    .accordion-body
    .chartbox
    .form-select,
  .emitters-title .form-select {
    font-size: 24px;
  }
  .spaces .portfolioBoxes .button_container a.carousel_name {
    font-size: 11px;
  }
  .tcfd-container .tab-content .tab-pane p {
    font-size: 13px;
  }
  .reportClass {
    width: 100% !important;
    height: 100vh !important;
  }
  .reportClass iframe {
    height: 1900px !important;
    overflow: hidden;
  }
  .reportDownload ul#companyProfileTabs li a {
    padding: 10px 20px;
  }
  .reportDownload ul#companyProfileTabs li a.active {
    padding: 8px 20px;
  }
  .reportsection .tab-content .nav-tabs li a {
    padding: 4px 20px;
  }
  .regulations .regulationsboxes,
  .disclosuresreports .disclosureskbox {
    padding: 15px;
  }
}

@media screen and (max-device-width: 1600px) and (orientation: landscape) {
  .trash1marker {
    top: 521px;
    left: 299px;
  }
  .trash2marker {
    top: 475px;
    left: 546px;
  }
  .trash3marker {
    top: 485px;
    left: 706px;
  }
  .trash4marker {
    top: 520px;
    left: 839px;
  }
  .trash5marker {
    top: 568px;
    left: 953px;
  }
  .trash6marker {
    top: 681px;
    left: 1127px;
  }
  .outdoorairquality {
    top: 229px;
    left: 267px;
  }
  .fifthfloor {
    top: 297px;
    left: 386px;
  }
  .fourthfloor {
    top: 344px;
    left: 391px;
  }
  .thirdfloor {
    top: 388px;
    left: 396px;
  }
  .secondfloor {
    top: 429px;
    left: 401px;
  }
  .firstfloor {
    top: 465px;
    left: 405px;
  }
  .groundfloor {
    top: 506px;
    left: 410px;
  }
}

@media screen and (max-width: 1910px) and (min-width: 1600px) {
  .reportClass {
    width: 100% !important;
    height: 100vh !important;
  }
  .reportClass iframe {
    height: 2300px !important;
    overflow: hidden;
  }
}

@media screen and (max-width: 1599px) and (min-width: 1440px) {
  .trash1marker {
    top: 475px;
    left: 266px;
  }
  .trash2marker {
    top: 432px;
    left: 490px;
  }
  .trash3marker {
    top: 437px;
    left: 632px;
  }
  .trash4marker {
    top: 476px;
    left: 746px;
  }
  .trash5marker {
    top: 517px;
    left: 851px;
  }
  .trash6marker {
    top: 615px;
    left: 1007px;
  }
  .outdoorairquality {
    top: 213px;
    left: 241px;
  }
  .fifthfloor {
    top: 268px;
    left: 345px;
  }
  .fourthfloor {
    top: 313px;
    left: 350px;
  }
  .thirdfloor {
    top: 350px;
    left: 354px;
  }
  .secondfloor {
    top: 388px;
    left: 358px;
  }
  .firstfloor {
    top: 425px;
    left: 362px;
  }
  .groundfloor {
    top: 461px;
    left: 365px;
  }
  /* .main-sidebar #sidebar {
    height: 75vh;
  } */
}

@media screen and (max-width: 1366px) and (min-width: 1360px) {
  .propertyInfo ul li ul.dropdown-menu {
    min-width: 12rem;
  }
  .propertyInfo ul li a {
    padding: 10px 11px;
  }
  .trash1marker {
    top: 456px;
    left: 253px;
  }
  .trash2marker {
    top: 409px;
    left: 464px;
  }
  .trash3marker {
    top: 414px;
    left: 603px;
  }
  .trash4marker {
    top: 459px;
    left: 714px;
  }
  .trash5marker {
    top: 488px;
    left: 811px;
  }
  .trash6marker {
    top: 583px;
    left: 960px;
  }
  .outdoorairquality {
    top: 203px;
    left: 229px;
  }
  .fifthfloor {
    top: 259px;
    left: 327px;
  }
  .fourthfloor {
    top: 303px;
    left: 334px;
  }
  .thirdfloor {
    top: 340px;
    left: 339px;
  }
  .secondfloor {
    top: 373px;
    left: 342px;
  }
  .firstfloor {
    top: 409px;
    left: 346px;
  }
  .groundfloor {
    top: 440px;
    left: 349px;
  }
  .portfolio .portfolioBoxes img {
    max-height: 200px;
    min-height: 200px;
  }
  .carousel .carousel__item img {
    max-height: 200px;
    min-height: 200px;
    width: 100%;
    border-radius: 10px 10px 0 0;
  }
}

@media screen and (max-width: 1920px) and (min-width: 1440px) {
  .portfolio .portfolioBoxes img {
    max-height: 250px;
    min-height: 250px;
  }
  .carousel .carousel__item img {
    max-height: 250px;
    min-height: 250px;
    width: 100%;
    border-radius: 10px 10px 0 0;
  }
}