@media(min-width: 1800px){
    .widget-new .fixed-div{
        width: 42.2% !important 
    }
    .widget-new .widget-light-version-v2 .center-div{
        min-width: 225px !important;
        margin-right: 20px;
        width: 100% 
    }
    .widget-new .widget-light-version-v2 .right-div {
        min-width: 215px !important;
        width: 100%;
    }
    .widget-light-version-v2 .left-div{
        min-width: 220px !important;
        width: 100%;
    }
    .widget-new .right-div .treee li{
        line-height: 24px !important;
    }
}
@media(min-width: 1601px) {
    .project-list .score-pie-chart .cover-div {
        top: -11% !Important;
        left: 35% !important;
    }
    .widget-new .project-content {
        padding-left: 0px;
    }
    .widget-new .choose-project-type .project-back-image {
        width: 100%;
    }
    .widget-new .minicolors-theme-bootstrap .minicolors-swatch {
        right: 10px;
        left: auto !important;
    }
    #show-picker .form-control.demo.minicolors-input, #lite-hue-demo.form-control, #neutral-hue-demo{
        width: 150px !important;
    }
    .widget-new .treee.tree-project-theme li img{
        margin-top: 3px;
    }
    .widget-new .widget-light-version-v2{
        border-radius: 22px;
    }
    .impact-ledger .summary-box, .event-history .summary-box, {
        height: 200px !important;
    }
    .box-grp {
        display: flex;
    }
    .widget-new .widget-line{
        padding-left: 0px;
        text-align: center;
    }
    .card-body.h-350{
        height: 500px !important;
    }
    .widget-new .row-1 {
        margin-right: -10px;
    }
    .widget-new .widget-light-version-v2 .center-div{
        min-width: 210px;
    }
    .widget-new .widget-light-version-v2 .right-div {
        min-width: 185px;
    }
    .signup_new .signup-widget-html {
        margin-left: 150px !Important;
        margin-right: 150px !Important;
    }
}
@media(max-width: 1600px){
    .widget-new .widget-light-version-v2 .center-div{
        min-width: 185px;
    }
    .widget-new .widget-light-version-v2 .right-div {
        min-width: 165px;
    }
    .project-list .pie-chart-progress canvas{
        height: 68px !important;
        width: 68px!important;
    }
}
@media(min-width: 1441px) {
    #show-picker .form-control.demo.minicolors-input, #lite-hue-demo.form-control, #neutral-hue-demo.form-control {
        width: 100%;
    }
    .widget-new #header-sticky .premium-badge{
        width: calc(100% + 10px);
    }
    .widget-new .fixed-div{
        width: 39.7% ;
    }
    .impact-stories .preview-image.img-responsive{
        max-width: 100%;
        max-height: 780px;
        background: #fff;
        border-radius: 36px 
    }
    .widget-new .sticky{
        width: calc(100% - 215px);
    }
    .event-history .summary-box{
        height: auto;
    }
    .impact-stories .dumm5{
        height: auto;
        width: 100%;
    }
    .impact-stories .imp-cont-div-1{
        top:10%;
    }
    .widget-new .widgt-light-version {
        height: 88px;
    }
    .widget-new .right-div .treee li{
        line-height: 20px;
    }
    .widget-new .right-div h5{
        padding-top: 10px;
    }
    .widget-new .center-div{
        padding-top: 12px;
    }
    .impact-ledger .summary-box, .event-history .summary-box {
        height: 170px;
    }
    .impact-ledger .summary-box span, .event-history .summary-box span{
        font-size: 15px;
    }
    .widget-new .pro-back-img{
        min-height: 300px !important;
    }
    .impact-stories .datecontent_imp{
        max-width: 280px !important;
    }
    .impact-stories .customdate_imp span{
        padding-left: 15px !important;
    }
    .widget-light-version-v2 .center-div{
        min-width: 240px;
    }
    .widget-light-version-v2 .left-div{
        min-width: 200px;
    }
    .widget-new .neutral-main-div{
        width: 568px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media(min-width: 1440px){
    .project-list .score-pie-chart .cover-div {
        top: -9%;
        left: 32%;
    }
    .browse-project .score-pie-chart .inner-content{
        top: -14px !important;
    }
    .signup_new .widget-new .minicolors-theme-bootstrap .minicolors-swatch{
        right: 20px;
    }
    .signup_new .signup-widget-html {
        margin-left: 20px;
        margin-right: 20px;
    }
    .signup_new .widget-new .theme-img li.lite-list {
        margin-right: -6px;
    }
    .widget-new input.form-control.packaging-input{
        width: 140px;
    }
    .light-sidebar .widget-new .fixed-div{
        width: 41.5%;
    }
    .sidebar-mini .sticky .paid_golive_btn{
        margin-right: 20px !important;
    }
    .light-sidebar.sidebar-mini .widget-new .fixed-div{
        width: 45.5%;
    }
    .widget-new .__range input::-webkit-slider-thumb{
        width: 30px;
        height: 30px;
    }
    .widget-new .widget-line{
        margin-bottom: 10px;
    }
    .widget-new .fixed-div{
        width: 40.8%;
    }
    .card-body.h-350{
        height: 400px;
    }
    .widget-new .floatdiv{
        padding: 35px 20px !important;
        min-height: 430px;
    }
    .widget-new .holding-banner-div, .widget-new .widget-live-div{
        min-width: 490px !important;
        margin:auto;
    }
    .widget-new .plugin .widget h2{
        padding: 0px 7px 0px;
    }
    .widget-new .powered{
        font-size: 11px !important;
        padding-left: 3px !important;
    }
    .track_new_handprint .list li h5{
        font-size: 20px !important;
    }
    .widget-new .main-content{
        margin-right: 10px !important;
        width: auto !important;
    }
}
@media(min-width: 1340px){
    .usr-profile .no-gutters>.col, .no-gutters>[class*=col-].pl-11{
        padding-left: 4px;
    }
    .track_new_handprint .tbl-share{
        min-height: 145px;
    }
    .widget-new .plugin .widget h2{
        font-size: 30px;
    }
}
@media(min-width: 1366px){
    .impact-stories .choose_imp{
        width: 25%;
    }
    .daterangepicker .ranges ul{
        width: 251px !important;
    }
    .widget-new .c-div .radio-label {
        width: 100%;
    }
    .widget-new .floatdiv{
        padding: 10px;
    }
    .impact-stroies .btn-group.btn-group-filter{
        padding: 4px 3px 2px;
    }
    .widget-new .easyPieChart .chart canvas{
        width: 45px !important;
        height: 45px !important;
    }
    .widget-new .p-lg-15{
        padding-left: 15px;
    }
    .widget-new .h-padding{
        padding-left: 20px;
    }
    .impact-stories .customdate_imp span{
        font-size: 14px;
        padding-left: 5px;
    }
    .impact-stories .datecontent_imp{
        max-width: 258px;
    }
    .widget-new .btn-grp-1 ul li:last-child{
        margin-right: 10px;
    }
    .widget-new .btn-grp-1{
        padding: 15px 10px 15px 15px;
    }
    .widget-new .pro-content ul{
        padding: 20px 10px 10px 15px;
    }
    .widget-new .bg-colorr-a1faec{
        padding: 6px;
    }
    .widget-new .pt-2rem{
        padding-top:2rem !important;
    }
    .widget-new .pro-back-img{
        min-height: 200px;
    }
    .widget-new .powered{
        display: block;
        position: absolute;
        bottom: 0;
        padding-left: 2px;
        color:#000 !important;
        font-size: 11px;
        padding-right: 3px;
    }
    .widget-new .plugin-content p a{
        display: block;
    }
    .widget-new .plugin .widget h2{
        font-size: 27px;
        line-height: 1;
        padding: 0 10px;
    }
    .widget-new .treee{
        width: 100%;
    }
    .widget-new .br-xs-30px h5{
        width: 100%;
    }
    .widget-new .plugin .widget .back{
        max-width: 560px;
        width: 100%;
    }
    .widget-new .k-mini-progress-bar .pie-chart-progress .chart canvas{
        height: 40px !important;
        width: 40px !important 
    }
    .widget-new .row.choose-project .pl-0.pt-2{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .widget-new #widget-acc .card .card-header .btn-header-link:after{
        right: 15px;
    }
    .pl-lg-13px{
        padding-left: 13px !important;
    }
    .widget-new .bl p.color-97a3ad{
        color:#97a3ad;
    }
    .widget-new .bl.bl-disable p.color-97a3ad{
        color:#000;
    }
    .widget-new .bl label{
        color: #97a3ad;
    }
    .widget-new .bl.bl-disable label{
        color:#000;
    }
    .widget-new .bl span.dollar{
        color: #97a3ad;
    }
    .widget-new .bl.bl-disable span.dollar{
        color:#000;
    }
    .widget-new .bl label.send-lbl{
        color:#97a3ad;
    }
    .widget-new .bl.bl-disable label.send-lbl{
        color:#000;
    }
    .widget-new .budget-div-1 .bl.bl-disable .form-group label:before{
        border-color: #60686f;
    }
    .widget-new .budget-div-1 .bl .form-group label:before{
        border-color: #97a3ad;
    }
    .widget-new .plant-img{
        height: 150px;
        width: 100% 
    }
    .back .padding-left-10{
        padding-left: 10px !important;
    }
}
@media (min-width: 1439px ) and (max-width: 1440px) {
    .widget-new .float-right.head-btn{
        margin-right: 0px;
    }
}
@media(max-width: 1440px) {
    .widget-new .fixed-div{
        width: 39.5%;
    }
    .impact-ledger .summary-box span, .event-history .summary-box span{
        font-size: 14px;
    }
    .profile-bg-img img {
        box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
        border-radius: 5px;
    }
    .card .card-statistic-4 {
        height: 150px;
    }
    .impact-ledger .summary-box {
        height: 140px;
    }
}
@media(max-width: 1366px){
    .widget-new .neutral-widget{
        max-width: 485px;
    }
    .widget-new .neutral-div .powered-plugin {
        position: absolute;
        right: 15px;
    }
}
@media(max-width: 1326px) {
    .signup_new .project-top-content .easyPieChart .chart {
        width: 37px;
        height: 37px;
    }
    .signup-widget-html {
        margin-left: 60px;
        margin-right: 60px;
    }
    .widget-new .choose-project-type .project-back-image {
        width: 150px;
    }
    .widget-new .btnview{
        width: 130px;
    }
}
@media(max-width: 1300px){
    .widget-new .holding-banner-div, .widget-new .widget-live-div{
        width: 485px;
    }
    .signup_new .golive{
        margin-right: 20px;
    }
}
@media(max-width: 1280px){
    .widget-new .btnview{
        width: 120px;
    }
    .signup-widget-html {
        margin-left: 50px;
        margin-right: 50px;
    }
    .widget-new #widget-acc .card .card-header .btn-header-link{
        padding: 5px 2px 5px !important;
    }
    .widget-new .acc-img {
        vertical-align: middle;
    }
    .widget-new .neutral-widget h2{
        padding: 12px;
    }
    .widget-new .left-div h1{
        font-size: 18px;
        padding-top: 10px 
    }
    .widget-new .widgt-light-version{
        height: auto;
    }
    .widget-new .right-div .treee li{
        line-height: normal;
    }
    .widget-new .right-div h5{
        padding-top: 2px;
    }
    .widget-new .right-div .powered{
        bottom: auto;
    }
    .widget-new .center-div{
        padding-top: 10px;
    }
    .impact-stories .datecontent_imp{
        width: 25%;
        max-width: 100%;
    }
    .impact-stories .customdate_imp span{
        font-size: 14px;
        padding-left: 8px;
        padding-right: 2px;
    }
    .stats-img span{
        margin-top: -2px;
    }
    .widget-new .btn-grp-1{
        padding: 15px 5px;
    }
    .widget-new .unit{
        font-size: 11px;
    }
    .track_new_handprint .top_div{
        padding: 32px 5px;
    }
    .widget-new .widget .widget-desc .badge {
        font-size: 10px;
    }
    .widget-new .widget .plugin-content p{
        line-height: 10px;
        font-size: 10px;
    }
}
@media(max-width: 1257px) {
    .theme-cyan .project-bottom-content ul li a.cp-link{
        width: 165px;
    }
    .widget-new .fixed-div{
        width: 37.2%;
    }
    .widget-new .btnview{
        width: 100px;
    }
    .widget-new .btnview{
        padding: 0 5px;
    }
    .track_new_handprint .list li{
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .widget-new .card .card-body{
        padding: 10px 15px;
    }
    .widget-new .holding-banner-div, .widget-new .widget-live-div{
        width: 100%;
    }
    .widget-new .acc-header p{
        font-size: 11px;
    }
    .widget-new .powered{
        font-size: 8px;
        padding-left: 5px;
    }
    .pricing-div .pricing .pricing-price div:first-child{
        font-weight: 700;
    }
    .pricing-div .pricing .pricing-padding{
        padding: 10px;
    }
    .pricing .pricing-cta a{
        padding: 20px;
    }
    .widget-new .btn-grp-1 ul li.pl-1{
        padding-left: 3px !important;
    }
    .widget-new .k-mini-progress-bar .pie-chart-progress .chart canvas{
        width: 40px !important;
        height: 40px !important;
    }
    .widget-new .btnview {width: 100px;}
    .theme-cyan .project-bottom-content ul li a {font-size: 12px;}
    .theme-cyan .project-bottom-content ul li a.cp-link {width: 140px;}
}
@media(max-width: 1200px){
    .widget-new .treee li:first-child{
        padding-right: 3px;
    }
    .widget-new .treee li:last-child{
        padding-left: 3px !important;
    }
    .signup-widget-html {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media(max-width: 1192px){
    .widget-new .c-div {
        padding: 0 15px !important;
    }
    .widget-new .live-set-update ul li a {
        padding: 0 15px !important;
    }
    .new-dashboard .progress{
        width: 200px;
    }
    .new-dashboard .percent{
        font-size: 14px;
    }
    .widget-new .left-div h1{
        font-size: 16px;
    }
    .widget-new .center-div p{
        font-size: 10px;
    }
    .widget-new .right-div h5{
        font-size: 13px;
    }
    .widget-new .right-div .treee{
        padding-left: 10px;
    }
    .track_new_handprint .datecontent_imp {
        width: 240px;
    }
    .widget-new .plugin .widget h2{
        font-size: 27px;
        padding: 10px 5px 0px;
    }
    .widget-new .view{
        width: auto;
    }
    .widget-new .btn-grp-1 ul li a.cp-link{
        width: 135px;
    }
}
@media(max-width: 1170px) {
    .theme-cyan .project-bottom-content ul li a.cp-link, .widget-new .btnview{
        width: auto !important;
    }
    .theme-cyan .project-bottom-content ul li a.cp-link {
        padding: 0 5px !important;
    }
    .track_new_handprint .pro-head{
        padding-top: 5px;
    }
    .widget-new .count ul{
        padding: 0px 10px 8px;
    }
    .widget-new .pp-box{
        height: 100%;
    }
    .impact-ledger .summary-box {
        height: 140px;
    }
    .project-list .main-content{
        padding-left: 260px;
        padding-right: 15px;
    }
    .widget-new .pro-content ul li:last-child{
        width: 25%;
    }
    .widget-new .pro-content ul li:first-child{
        width: 75%;
    }
    .widget-new .pro-content ul li h3{
        font-size: 18px;
    }
    .widget-new .btn-grp-1{
        padding: 15px 5px 5px;
        margin-bottom: 20px;
    }
    .widget-new .btn-grp-1 ul li a{
        padding: 2px 3px;
    }
    .widget-new .holding-banner-div, .widget-new .widget-live-div{
        min-width: 100%;
    }
    .widget-new .treee{
        height: 39px;
    }
    .widget-new .treee li .number{
        font-size: 22px;
    }
    .widget-new .widget.theme1.holding-banner-div treee{
        height: 65px;
    }
    .impact-stories .datecontent_imp{
        width: auto;
    }
}
@media(max-width: 1100px) {
    .theme-cyan .project-bottom-content ul li a{
        font-size: 12px !important;
    }
    .widget-new .pact{
        padding: 0px;
    }
    .widget-new .accordion .card .card-body.tree-project .row .p-1{
        padding: 15px !important;
    }
    .widget-new .widget-new .c-div.px-0 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .signup_new .widget-new .view li {
        padding: 8px 6px;
    }
    .signup_new .widget-new .minicolors-theme-bootstrap .minicolors-swatch {
        right: -18px;
    }
    .browse-project .inner-content{
        right: 70px;
    }
    .browse-project .article .article-details{
        padding: 40px 10px !important;
    }
    .new-dashboard .progress {
        width: 175px;
    }
    .widget-new .treee li .number{
        font-size: 19px;
    }
    .widget-new .treee li .cont{
        font-size: 12px;
    }
    .widget-new .plugin-content p{
        font-size: 10px;
    }
    .widget-new .acc-header p{
        padding-right: 15px;
    }
    .widget-new .plugin .widget h2{
        font-size: 26px;
        padding-top: 0px;
    }
    .widget-new .acc-img{
        height: 32px;
        width: 32px;
    }
    #widget-acc .card .card-header .btn-header-link:after{
        right: 5px;
    }
    .widget-new .treee li:first-child{
        padding-right: 5px;
    }
    .widget-new .treee li.padding-left-15{
        padding-left: 5px !important 
    }
    .widget-new .view li{
        padding: 0px 6px;
    }
    .pricing .pricing-details .pricing-item{
        margin-bottom: 5px;
    }
    .plr-md-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .impact-ledger .summary-box, .event-history .summary-box {
        padding: 10px 5px;
    }
    .widget-new .ple-img{
        width: 70%;
    }
    .widget-new .box-type{
        height: 200px;
    }
}
@media(max-width: 1026px) {
    .new-dashboard .progress{
        width: auto;
    }
    .new-dashboard .percent{
        font-size: 11px;
    }
    .event-history .summary-box span{
        height: 65px;
    }
    .track_new_handprint .emp {
        padding: 10px 5px;
    }
    .track_new_handprint #chartdiv text tspan:first-child {
        font-size: 26px !important;
    }
    .track_new_handprint .mid_div h6, .track_new_handprint .impact-graph-div h6, .track_new_handprint .right-div .impact > h5, .track_new_handprint .impact > h5{
        font-size: 15px !important;
    }
    .track_new_handprint .text {
        font-size: 12px;
    }
    .track_new_handprint .right-div .impact > h5{
        width: 30% !important;
    }
    .track_new_handprint .sub-text{
        font-size: 12px;
    }
    .track_new_handprint .impact-graph-div h6{
        padding-top: 5px;
    }
    .track_new_handprint .datecontent_imp{
        width: 210px;
    }
    .track_new_handprint .calendar-img{
        width: 19px !important;
    }
    .track_new_handprint .badge-div img{
        width:56px;
        height: 56px;
    }
    .track_new_handprint .btm_div {
        padding: 20px 10px;
    }
    .track_new_handprint .top_div{
        padding: 32px 5px;
    }
    .track_new_handprint .list li{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .impact-stories .chosse_txt{
        min-height: 115px;
    }
    .widget-new .accordion .card .card-body{
        padding: 20px 15px 20px 15px;
    }
    .widget-new .pact h5, .track_new_handprint .customdate_imp span{
        font-size: 12px;
    }
    .widget-new .card .card-body .box-type p{
        font-size: 10px;
        line-height: 10px;
    }
    .widget-new .unit{
        font-size: 9px;
    }
    .widget-new .btn-grp-1 ul li a.cp-link {
        width: 115px;
    }
    .widget-new .btn-grp-1{
        margin-bottom: 0px;
    }
    .widget-new .btn-grp-1 ul li a.cp-link{
        line-height: 32px;
    }
    .widget-new .acc-header .acc-img-div{
        padding-left: 5px;
    }
    .widget-new .widget-line{
        margin-bottom: 0px;
        font-size: 11px;
    }
    .widget-new .custom-switch span.d-xs-none{
        font-size: 12px;
    }
    .widget-new .acc-header p{
        padding-right: 20px;
    }
    .btn-grp-1 ul li a.cp-link{
        font-size: 10px;
    }
    .widget-new .treee{
        height: 65px;
    }
    .widget-new .widget.theme1.widget-live-div .treee{
        height: 40px;
    }
    .widget-new .btn-grp-1{
        padding:15px 3px 5px;
        margin-left: 0px;
    }
    .widget-new label{
        font-size: 12px;
    }
    .widget-new .c-div{
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .signup_new .widget-new .minicolors-theme-bootstrap .minicolors-swatch {
        right: -17px;
    }
    .widget-new .line{
        padding-left: 23px;
    }
    .widget-new .treee li .number{
        font-size: 18px;
    }
    .widget-new .plugin-content p{
        line-height: 12px;
        font-size: 10px;
    }
    .widget-new .plugin .widget h2{
        font-size: 25px;
    }
    .widget-new .p-sm-1{
        padding: 0.25em;
    }
    .pricing-div .pricing .pricing-padding{
        height: 400px;
    }
    .pricing .pricing-cta a{
        padding: 10px;
    }
    .pricing-div .pricing .pricing-price{
        height: 180px;
    }
    .k-mini-progress-bar .pie-chart-progress .chart canvas {
        width: 65px !important;
        height: 65px !important;
    }
    .article .article-details {
        padding: 45px 20px!important;
    }
    .pie-chart-progress .chart canvas {
        width: 100px !important;
        height: 100px !important;
    }
    .pie-chart-progress .chart {
        margin-right: -15px;
    }
    .invoice-main .responsive-pl {
        padding-left: 15px !important;
    }
    .invoice-main .btnstories {
        margin-left: 15px;
    }
    .invoice-main .objective-heading {
        margin-left: 15px;
    }
    .content-desc {
        margin-left: 15px;
    }
    .browse-project{
        padding-right: 5px;
    }
    .browse-project .inner-content{
        right: 60px;
    }
    .invoice-main{
        padding:20px 10px;
    }
    .article .article-details{
        padding:45px 10px 0px !important;
    }
    .article-header .left-3{
        left: 6px !important;
    }
    .widget-new .count ul{
        padding: 0 0 8px;
    }
    .widget-new .pro-content ul li h3{
        font-size: 15px;
    }
    .widget-new .plugin .widget h2{
        font-size: 24px;
    }
}
@media(max-width: 1024px) {
    .widget-new .sticky{
        width: 100%;
    }
    .widget-new #header-sticky .pl-3{
        padding-left: 0px !important;
    }
    .event-history .summary-box{
        height: 160px;
    }
    .widget-new #widget-acc .card .card-header .btn-header-link{
        padding: 10px 2px 5px;
    }
    .widget-new .acc-header p{
        font-size: 12px;
    }
    .widget-new .btn-grp-1 ul li:last-child{
        margin-right: 10px;
    }
    .widget-new .btn-grp-1 ul li a.cp-link{
        width: 135px;
    }
    .widget-new .powered{
        font-size: 10px;
    }
    .widget-new .acc-header p{
        padding-right: 25px;
    }
    .widget-new .btn-grp-1{
        margin-left: 10px;
    }
    .btn-group-1{
        padding: 15px 14px 30px;
    }
    .main-content{
        padding-left: 30px;
    }
    .navbar{
        left: 0px;
    }
    .widget-new .main-content{
        padding-left: 10px !important;
    }
    .widget-new .navbar{
        left: 0px;
    }
    .event-history .summary-box{
        height: 160px;
    }
    .pricing-div .pricing .pricing-price{
        height: 135px;
    }
    .pricing-div .pricing .pricing-padding{
        height: 315px;
    }
    .impact-ledger .summary-box {
        height: 160px;
    }
    .project-list .main-content{
        padding-right: 30px;
        padding-left: 30px;
    }
    .project-list .invoice-main{
        padding-top: 0px;
    }
    .browse-project .map-img{
        top: 90px;
    }
    .browse-project .inner-content{
        top:120px;
    }
}
@media (max-width: 991px) {
    .browse-project .inner-content {
        position: absolute;
        right: 100px;
        top: 142px;
    }
    .map-img img {
        top: 50% !important;
        left: 6% !important;
    }
    .widget-new .k-mini-progress-bar .pie-chart-progress .chart canvas {
        width: 40px !important;
        height: 40px !important;
    }
    .w-45{
        width: 55px;
    }
    .h-45{
        height: 55px;
    }
    .left-0{
        left: 5px;
    }
    .top-0{
        top: 5px;
    }
}
@media(max-width: 835px) {
    .impact-ledger .summary-box, .event-history .summary-box {
        height: 140px;
    }
}
@media(max-width: 800px) {
    .widget-new .btn-grp-1 ul li a.cp-link{
        width: 110px;
    }
    .widget-new .count ul li span{
        font-size: 16px;
    }
    .widget-new .box-type{
        height: 175px;
    }
    .widget-new .unit{
        font-size: 8px;
    }
    .widget-new .plant-img{
        height: 115px;
    }
    .widget-new .br-xs-30px h5{
        font-size: 15px;
    }
    .widget-new .treee li:first-child{
        padding-top: 5px !important;
    }
    .widget.theme1 .treee{
        height: 25px;
        margin-bottom: 0px;
    }
    .widget-new .plugin-content p {
        line-height: 10px;
        font-size: 9px;
    }
    .widget-new .treee li:last-child{
        padding-bottom: 0px !important;
    }
    .modal-dialog.mod-md {
        max-width: 700px;
    }
    .widget-new .treee li:last-child{
        font-size: 10px;
    }
    .widget-new .view{
        width: auto;
    }
    .widget-new .view li{
        margin: 2px;
    }
    .widget-new .view li{
        padding: 0px 20px;
    }
    .widget-new .holding-banner-div, .widget-new .widget-live-div{
        min-width: 100%;
    }
    .widget-new .inner-shadow.w-45.h-45 {
        width: 45px;
        height: 45px;
    }
    .widget-new .eye-icon-img{
        width: 20px;
        height: 20px;
    }
    .widget-new .btn-grp-1 ul li a.btnview{
        padding: 2px;
    }
    .widget-new .pp-box{
        height: 320px;
    }
    .widget-new .box-type{
        height: 240px;
    }
    .widget-new .acc-img{
        height: 30px;
        width: 30px;
    }
    .widget-new .btn-grp-1 ul li a.cp-link{
        padding: 3px;
        font-size: 12px;
    }
    .widget-new .btn-grp-1 ul li a.cp-link.select-cp{
        padding: 2px;
    }
}
@media (max-width: 768px) {
    .widget-new .wizard .nav-tabs > li a i{
        display: none;
    }
    .event-history .summary-box{
        height: 140px;
    }
    .widget-new .ple-img{
        width: 100%;
    }
    .widget-new .__range-step{
        margin: 40px 40px 40px 20px;
    }
    .widget-new .powered{
        font-size: 7px;
    }
    .theme1 .col-md-5.padding-left-10{
        padding-left: 10px !important;
    }
    .article .article-header .article-title h2 {
        margin-bottom: 0px;
    }
    #widget .nav-tabs .nav-item{
        width: 100px !important;
    }
    #widget .map-img-1{
        height: auto;
    }
    #widget .part-1{
        padding: 40px 20px 0;
    }
    .widget-new .plugin .widget h2{
        font-size: 20px;
    }
    .widget-new .treee li .number{
        font-size: 19px;
    }
    .widget-new .plugin .widget .back{
        height: auto;
    }
    .widget-new .btn-grp-1{
        margin-left: 2px;
    }
}
@media(max-width: 767px) {
    .event-history .summary-box{
        height: auto;
    }
    .event-history .icon-img{
        width: 50%;
    }
    .mt-sm-10{
        margin-top: 20px;
    }
    .breadcrumb{
        float: left;
    }
    .mt-sm-60{
        margin-top: 60px !important;
    }
    .impact-stories .imp_left{
        padding-left: 30px;
    }
    .project-list .invoice-main {
        margin-top: 30px;
    }
    .project-list .padding-top-32.pl-0{
        padding-left: 20px !important;
    }
    .widget-new .plugin-content p {
        line-height: 14px;
        font-size: 14px;
    }
    .widget-new .holding-banner-div, .widget-new .widget-live-div{
        padding-right: 10px;
    }
    .widget-new .powered{
        font-size: 14px;
    }
    .widget-new .ple-img{
        height: 100px;
    }
    .widget-new .head{
        width: 90%;
    }
    .widget-new h6.sub-heading{
        padding-left: 15px;
    }
    .widget-new .pro-back-img{
        min-height: 215px;
    }
    .widget-new .margin-1{
        margin: 1px 0 0;
    }
    .widget-new .choose-project .p-lrsm-20{
        padding-right: 20px !important;
        padding-left: 20px !important 
    }
    .widget-new .btn-grp-1{
        padding: 15px 3px 20px;
    }
    .widget-new .count ul{
        padding: 0 20px 8px;
    }
    .widget-new .pp-box{
        height: 100%;
    }
    .widget-new .card .card-body .box-type p{
        text-align: center;
    }
    .widget-new .upgrade-link{
        margin-left: 20px;
    }
    .widget-new .inner-shadow.w-45.h-45{
        height: 45px;
        width: 45px;
    }
    .widget-new .pp-box .btn-grp-1 ul{
        padding-left: 10px;
    }
    .widget-new .plant-img{
        height: 190px 
    }
    .br-xs-30px h5{
        float: none !important;
    }
    .mr-sub-1{
        margin-right: -15px !important;
    }
    .navbar{
        left: 0px;
    }
    .widget.theme1.widget-live-div .row.padding-left-15{
        padding-left: 0px !important;
    }
    .widget-new .padding-left-5.pr-sm-0{
        padding-right: 0px;
    }
    .widget-new .plugin .widget h2{
        font-size: 45px;
        line-height: 45px;
    }
    .widget-new .plugin .col-sm-5.p-sm-1{
        padding: 0 1rem !important;
    }
    .widget-new .plugin .widget .back{
        height: 265px;
    }
    .widget-new #floatDiv{
        position: static;
    }
    #pre-verification .section>*:first-child{
        margin-left: 30px;
    }
    #widget .small-img{
        width: 20%;
        padding: 10px 0;
        display: block;
        margin: 0 auto;
    }
    #widget .map-img-1{
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    #widget .map-img-1 img{
        max-width: 100%;
    }
    #widget .br-10{
        margin-left: 0px;
    }
    #widget .part-1{
        padding: 0 20px;
    }
    .text-right.plr-xs-0{
        text-align: left !important;
        padding-left: 15px;
    }
    #info .text-right.pr-0{
        padding-right: 10px !important;
    }
    .project-detail #pslider .carousel-item img, .carousel.slide{
        min-height: 300px;
    }
    .company-logo {
        width: 70px;
    }
    .map-img{
        top:65px;
    }
    .browse-project .inner-content{
        top:105px;
    }
    .project-detail .invoice-print .img-responsive{
        max-width: 100%;
    }
    .project-detail #pslider .carousel-item img, .carousel.slide {
        max-width: 100%;
    }
    #info h6{
        padding:5px 0;
    }
    #stories .modal-dialog, #species .modal-dialog{
        max-width: auto;
    }
    .mt-sm-5{
        margin-top: 70px;
    }
}
@media(max-width: 720px) {
    .box-grp {
        display: block;
    }
    .box-grp .u-box-grp {
        display: inline-block;
        width: 100%;
    }
    .impact-ledger .summary-box, .event-history .summary-box {
        height: 160px;
    }
    .icon-img-div {
        width: auto;
    }
    .pt-xs-10 {
        padding-top: 10px;
    }
    .impact-ledger .summary-box span, .event-history .summary-box span {
        font-size: 17px;
    }
    .plr-xs-0 {
        padding: 0px;
    }
    .modal-dialog.mod-md {
        max-width: 600px;
    }
    .wizard-card[data-color="red"] .moving-tab {
        width: 100px !important;
    }
    .moving-tab {
        width: 100px !important;
    }
    .select2.select2-container.select2-container--default {
        width: 100% !important;
    }
}
@media(max-width: 640px){
    #pre-verification .section>*:first-child{
        margin-left: 0px;
    }
    .widget-new .theme1.holding-banner-div, .widget-new .theme1.widget-live-div{
        min-width: 100%;
    }
    .export-impact-data .text-right.plr-xs-0 {
        text-align: left!important;
        padding-left: 13px;
    }
    .invoice-main .btnstories{
        margin-left: 0px;
    }
    .widget-new .plugin .widget h2{
        font-size: 37px;
        padding: 0px 10px;
        margin: 0;
    }
    .widget-new .head{
        width: 85%;
    }
    .widget-new .treee {
        margin-top: 25px;
    }
    .widget-new .custom-switch{
        margin-top: -10px !important;
    }
}
@media(max-width: 600px) {
    .modal-dialog.mod-md {
        max-width: auto;
    }
    .wizard-card[data-color="red"] .moving-tab {
        width: 80px!important;
    }
    .btn-edit {
        font-size: 12px;
        padding: 2px 0px;
        width: auto;
    }
    #edit-company-profile .text-right.plr-xs-0 {
        text-align: left!important;
        padding-left: 13px;
    }
}
@media(max-width: 575px) {
    .mt-xs-60{
        margin-top: 60px !important;
    }
    .event-history .icon-img{
        width: 30%;
    }
    .event-history .pt-xs-0.text-right{
        text-align: left !important;
    }
    .view-user .plr-xs-0.text-right, .usr-profile .plr-xs-0.text-right{
        text-align: left !important;
        padding-left: 20px;
    }
    .view-user .btn-edit{
        width: auto;
    }
    .widget-new .plugin .widget .back{
        height: 100%;
    }
    .widget-new .header-sticky{
        height: 75px;
    }
    .main-content{
        padding-left: 30px !important;
    }
    .navbar{
        left: 0px !important;
    }
    .widget-new .main-content{
        padding-right: 5px !important;
    }
    .bl.bl-disable .btn-grp-2{
        margin-left: 0px;
    }
    .widget-new .pro-back-img{
        min-height: 300px;
    }
    .widget-new .inner-shadow.w-45.h-45 {
        height: 45px;
        width: 45px;
    }
    .widget-new .btn-grp-1{
        padding:15px 3px 15px;
    }
    .widget-new .choose-project .project-box{
        padding-bottom: 7px;
    }
    .widget-new .pro-content ul{
        height: 90px;
    }
    .widget-new .pp-box{
        height: auto;
    }
    .widget-new .project-box.pp-box .btn-grp-1 ul{
        padding-left: 10px;
    }
    .mp-xs{
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-right: -2px;
    }
    .br-xs-30px{
        background: #fff;
        height: auto;
        display: block;
        width: 100%;
        float: left;
        border-radius: 20px;
        padding-left: 12px;
    }
    .br-xs-30px h5{
        width: 50%;
        float: left !important;
    }
    .mr-sub-1{
        margin-right: -3px !important;
    }
    .theme1 .col-md-5.padding-left-10{
        padding-top: 20px;
        padding-left: 15px !important;
    }
    .widget-new .plugin-content p{
        margin: 0px;
    }
    .widget-new .plugin .plant-img{
        height: 150px;
        padding-right: 30px !important;
    }
    .widget-new .plugin .widget h2{
        font-size: 34px;
        line-height: 1;
    }
    .widget-new .treee li:first-child{
        padding-right: 20px;
    }
    .widget-new .treee li:last-child{
        padding-left: 20px !important;
    }
    .widget-new .plugin-content p{
        font-size: 12px;
        line-height: 16px;
        padding-right: 20px;
    }
    .widget-new .plugin-content p span.color-000{
        color:#fff;
    }
    .widget-new .treee{
        width: 50%;
        float: right;
        margin: 0 
    }
    .widget-new .plugin-content{
        width: 100%;
        float: none;
        margin-top: 3rem;
        background: #3dc9b3;
        padding-left: 0px;
    }
    .widget-new .plugin-content p{
        color:#fff;
        padding-top: 28px;
        padding-left: 12px;
    }
    .widget-new .plugin .widget .back{
        padding-bottom: 0px;
    }
    .img-map{
        width: 100%;
    }
    .k-pic-edit{
        height: 22px;
        width: 22px;
        left: 40px;
    }
    .k-pic-edit i{
        font-size: 11px;
    }
    .btn-edit{
        padding: 2px 5px;
    }
    #edit-company-profile .card .card-body{
        padding: 10px;
    }
    #widget .small-img{
        width: 25%;
    }
    #info .text-right.pl-0{
        text-align: left !important;
        padding-left: 15px !important;
    }
    .project-detail .text-right.plr-xs-0{
        text-align: left !important;
        padding-left: 15px;
    }
    .dashboard .banner-img{
        float: right;
    }
    #track-hand-print-page .plr-xs-0.text-right{
        text-align: left!important;
        padding-left:15px;
    }
    .row.track-handprint{
        margin-top: 30px;
    }
    .breadcrumb {
        float: left;
        padding: 0px;
    }
    .breadcrumb li:first-child {
        padding-left: 0px;
    }
    .impact-ledger .text-right {
        text-align: left!important;
        padding: 0px 10px;
    }
    .project-list .text-right {
        text-align: left!important;
        padding: 0px 15px;
    }
    .pt-xs-20 {
        padding-top: 20px !important;
    }
    .tl-xs {
        text-align: left!important;
    }
    .widget-breadcrumb .plr-xs-0 {
        padding-left: 15px;
    }
    .wizard-card .nav-pills > li {
        width: 16%!important;
    }
    #edit-company-profile .card-block {
        padding-left: 0px;
    }
    .company-logo {
        width: 60px;
    }
    .media-left {
        padding-right: 0px;
    }
    .mt-xs-10{
        margin-top: 20px;
    }
    .mt-xs-8{
        margin-top: 8em!important;
    }
}
@media(max-width: 468px) {
    .widget-new h1.h1{
        font-size: 15px;
    }
    .widget-new .head-btn .custom-switch{
        margin-top: -5px;
    }
    .cover-btn {
        right: 18px;
    }
    #tbl-info .table tbody tr td, #tbl-info-1 .table tbody tr td, #tbl-info-2 .table tbody tr td, #tbl-info-3 .table tbody tr td{
        width: auto;
    }
    .widget-new .plugin .col-sm-5.p-sm-1{
        padding: 0px 7px !important;
    }
    .widget-new .acc-header{
        float: none;
    }
    .widget-new .head{
        width: 78%;
    }
    .widget-new .head h5.h5{
        margin-top: 5px;
    }
}
@media(max-width: 441px) {
    .font-responsive .card-header h3 {
        font-size: 22px;
    }
}
@media(max-width: 400px) {
    .widget-new .treee li:first-child{
        padding-right: 10px;
    }
    .widget-new .treee li:last-child{
        padding-left: 10px !important;
    }
    .widget-new .plugin .widget h2{
        font-size: 25px;
    }
    .widget-new .plugin-content p{
        padding-right: 10px;
    }
    .widget-new .treee li .cont{
        font-size: 11px;
    }
    .widget-new .treee li:last-child{
        font-size: 9px;
    }
    .wizard-card[data-color="red"] .moving-tab {
        width: 64px!important;
    }
    #step .modal-body {
        padding: 10px;
    }
    .profile-bg-img .img-responsive {
        height: 90px;
    }
    .media-left {
        padding-right: 0px;
    }
}
@media(max-width: 368px) {
    .font-responsive .card-header h3 {
        font-size: 16px;
    }
}