@media (max-width: 4600px) {
    .header-wrapp {
        width: 94%;
    }
}

@media (max-width: 4200px) {
    .header-wrapp {
        width: 93.3%;
    }
}

@media (max-width: 3800px) {
    .header-wrapp {
        width: 92.7%;
    }
}

@media (max-width: 3600px) {
    .header-wrapp {
        width: 92.1%;
    }
}

@media (max-width: 3400px) {
    .header-wrapp {
        width: 91.8%;
    }
}

@media (max-width: 3200px) {
    .header-wrapp {
        width: 91.3%;
    }
}

@media (max-width: 3000px) {
    .header-wrapp {
        width: 90.7%;
    }
}

@media (max-width: 2700px) {
    .header-wrapp {
        width: 89.5%;
    }
}

@media (max-width: 2500px) {
    .header-wrapp {
        width: 88.5%;
    }
}

@media (max-width: 2400px) {
    .header-wrapp {
        width: 88%;
    }
    .nurserystockreport-table {
        width: 2415px !important;
    }
}

@media (max-width: 1920px) {
    .header-wrapp {
        width: 86.3%;
    }
}

@media (max-width: 1875px) {
    .header-wrapp {
        width: 86.1%;
    }
}

@media (max-width: 1850px) {
    .header-wrapp {
        width: 86%;
    }
}

@media (max-width: 1825px) {
    .header-wrapp {
        width: 85.7%;
    }
}

@media (max-width: 1800px) {
    .header-wrapp {
        width: 85%;
    }
}

@media (max-width: 1720px) {
    .header-wrapp {
        width: 84.8%;
    }

    .categories {
        padding: 170px 0 0 0;
    }
 
}

@media (max-width: 1700px) {
    .header-wrapp {
        width: 84.6%;
    }
}

@media (max-width: 1675px) {
    .header-wrapp {
        width: 84%;
    }
}

@media (max-width: 1650px) {
    .header-wrapp {
        width: 84%;
    }

    .categories {
        padding: 170px 0 0 0;
    }
}

@media (max-width: 1620px) {
    .header-wrapp {
        width: 83.6%;
    }

    .content-showdata .form-set .form-row label {
        height: 70px;
        align-items: center;
        display: flex;
    }

    .num-fsize-70 {
        font-size: 24px;
        line-height: 25px;
    }

    .forset-content .title-head {
        width: auto;
        font-size: 16px;
        line-height: 24px;
        padding: 10px 20px;
    }

    .title-details {
        font-size: 16px;
    }
    .content-showdata .form-set.fliter-set .form-row-new {
        flex-flow: wrap;
        align-items: baseline;
    }
    .content-showdata .form-set.fliter-set .form-row-new div {
        padding: 0;
        margin-right:10px;  
        margin-bottom:10px;
    }
}

@media (max-width: 1567px) {
    .header-wrapp {
        width: 82.6%;
    }
    table tbody tr td {
        line-height: 14px;
        font-size: 13px;
    
    }
}

@media (max-width: 1530px) {
    .header-wrapp {
        width: 81.4%;
    }

    #divExport {
        overflow-x: auto;
    }

        #divExport > table {
            width: 1400px;
        }
    .nurseryconsolidatedreport-table {
        width: 1800px !important;
    }
}

@media (max-width: 1500px) {
    .header-wrapp {
        width: 82%;
    }
}

@media (max-width: 1470px) {
    .header-wrapp {
        width: 81.9%;
    }
}

@media (max-width: 1440px) {
    .header-wrapp {
        width: 83.4%;
    }
    /*=======HEADER SECTION NAVGATION START=============*/
    .logo {
        width: 80px;
    }

    .search-header {
        width: 40%;
    }

    .header-right {
        width: 40%;
    }

    .welcome-box {
        width: 90%;
    }

    .right-flex {
        padding-left: 14%;
    }

    nav ul li a, nav ul li a:visited {
        padding: 22px 10px;
    }

    .navbar-dropdown li a {
        text-align: left;
    }

    .navbar .search-header {
        width: 40%;
        padding: 0 5% 0 0;
    }

    .header-right {
        width: 40%;
    }

    .humber {
        justify-content: center;
    }

    .forset-content .title-head {
        font-size: 16px;
        padding: 5px 16px;
    }

    .title-details {
        font-size: 15px;
    }

    /*==SIDEBAR CSS===*/
    .sidebar {
        width: 250px;
    }

        .sidebar .sidebar-header .brand {
            width: 123px;
            margin: 27px 0 20px;
        }

        .sidebar > ul > li {
            padding: 15px 12px;
        }

        .sidebar ul > li > a {
            font-size: 14px;
        }

        .sidebar ul .sidebar-dropdown > li > a {
            font-size: 14px;
        }

    #wrapper {
        margin-left: 250px;
    }

    .welcome-box h2 {
        font-size: 17px;
        padding-right: 8px;
    }
    /*===FOOTER CSS===*/
    .footer_list ul li {
        padding: 6px;
    }
    /*==DASHBOARD CSS==*/
   
    .c-fsize-22 {
        font-size: 18px;
    }

    .piechart {
        font-size: 45px;
    }

    .head-title {
        padding: 0 0 10px;
    }

    .noti-list ul li {
        padding: 11px;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 5px;
        font-weight: 400;
    }

    .nublist, .seed-adv {
        width: 49%;
        justify-content: flex-start;
    }
    .nublist {
        width: 100%;
    }

    .box, .piechartWrapper {
        justify-content: flex-start;
    }

    .plant-title {
        padding: 10px 25px 18px;
    }

    .piechartWrapper {
        padding: 10px 0px;
        text-align: center;
    }

    .box h5, .plant-title h5, .noti-list h4 {
        font-size: 20px;
    }

    .plan-chart-width {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

        .plan-chart-width .roate-lebal {
            font-size: 15px;
            right: -15%;
        }

    .species-wise {
        width: 100%;
    }

        .species-wise .species-lebal {
            font-size: 16px;
            bottom: 0;
        }

    .piechart-row > .row {
        align-items: stretch;
        padding: 0;
    }
}

@media only screen and (max-width: 1366px) {
    .header-wrapp {
        width: 82.6%;
    }
    /*==SIDEBAR CSS===*/
    .sidebar {
        width: 250px;
    }

        .sidebar .sidebar-header .brand {
            width: 123px;
            margin: 27px 0 20px;
        }

        .sidebar > ul > li {
            padding: 20px 12px;
        }
        /*    .sidebar ul > li > a {
        font-size: 18px;
    }*/
        .sidebar ul .sidebar-dropdown > li > a {
            font-size: 14px;
            padding: 8px 4px;
        }

    .welcome-box h2 {
        font-size: 16px;
        padding-right: 11px;
        line-height: 20px;
    }

    .head-title {
        padding: 0 0 10px;
    }
    .navbar .search-header {
        width: 40%;
        padding: 0 5% 0 0;
    }

    /*==FOOTER CSSS==*/
    .footer-list {
        width: 100%;
    }

    .footer_list ul li {
        padding: 5px;
    }

    .footer-list ul li {
        padding: 5px;
        justify-content: space-between;
    }

    .footer_list ul li a, .footer_list ul li a:hover {
        font-size: 14px;
        line-height: 25px;
        padding: 5px 10px;
    }
}

@media only screen and (max-width: 1340px) {
    .header-wrapp {
        width: 82.1%;
    }

    .order-set > .headAdd {
        flex-direction: column;
    }

        .order-set > .headAdd > .w-33 {
            width: 100%;
        }

        .order-set > .headAdd > .form-set .form-row-new {
            padding: 20px 0;
        }

        .order-set > .headAdd .j-c-s-end {
            justify-content: flex-start;
        }
}

@media (max-width: 1300px) {
    .header-wrapp {
        width: 81.6%;
    }

    .navbar .search-header {
        width: 40%;
        padding: 0 5% 0 0;
    }
    .department-table  table{
        width:1500px;
    }
    .export-w-sel {
        width: 18%;
    }

    .nursery-table {
        overflow-x: scroll;
    }

    table {
        width: 100%;
        table-layout: fixed;
    }
    .form-set > .nursery-dis > table {
        width: 1200px;
    }
    .nurery-master-dattable, .nurery-inventory-dattable {
        width: 1300px;
    }
    .nurery-disposal-dattable, .nursery-table-expenditure {
        width: 1500px;
    }
    .content-showdata .form-set .form-row .col-32.month-six, .div-col-32.month-six {
        width: 100%;
        margin-bottom: 10px;
    }
    #txtOrderId {
        margin-top: 11px;
    }
 
}

    @media (max-width: 1260px) {
        .header-wrapp {
            width: 81%;
        }

        .navbar .search-header {
            width: 40%;
            padding: 0 5% 0 0;
        }

        .header-right {
            width: 35%;
        }

        .welcome-box {
            width: 100%;
        }

        .humber {
            justify-content: center;
        }

        .checkmark {
            top: 30px;
        }

        .content-showdata .form-set.fliter-set {
            position: relative;
            top: 0;
            left: 0;
            transform: inherit;
        }

            .content-showdata .form-set.fliter-set.w-50 {
                width: 100%;
            }

        .title-details {
            font-size: 15px;
        }

        .forset-content .title-head {
            font-size: 15px;
            padding: 5px 10px;
            text-align: center;
            line-height: 28px;
        }
        .content-showdata .form-set.fliter-set.w-50 > .j-c-s-center {
            justify-content: flex-start;
        }
        .content-showdata .form-set.fliter-set.expend-flt-width, .nurs-dis-report.content-showdata .form-set.fliter-set {
            width: 100%;
        }
        .check-box .span {
            margin-top: 17px;
        }
        .export-w-sel {
            width: 18%;
        }
        .nursery-table {
            overflow-x: scroll;
        }
        table {
            width: 100%;
            table-layout: fixed;
        }
    }

    @media (max-width: 1230px) {
        .header-wrapp {
            width: 80.6%;
        }

        .content-showdata .form-set .form-row .col-32, .content-showdata .form-set .form-row .col-49, .content-showdata .form-set .form-row .col-24, .content-showdata .form-set .form-row .col-40, .content-showdata .form-set .form-row .col-18, .content-showdata .form-set .form-row .col-19 {
            width: 48.5%;
        }

        .content-showdata .form-set.fliter-set > .j-c-s-start {
            justify-content: flex-start;
        }
    }

    @media (max-width: 1200px) {
        .sidebar {
            width: 240px;
        }

        #wrapper {
            margin-left: 240px;
        }

        .header-wrapp {
            width: 81.2%;
        }

        .navbar .search-header {
            width: 40%;
            padding: 0 5% 0 0;
        }
        /*==DASHBAORD==*/
        .head-title h2 {
            font-size: 22px;
        }

        .species-wise {
            width: 65%;
        }

        .plan-chart-width .roate-lebal {
            right: -22%;
            top: 46%;
        }

        .seed-adv {
            width: 50%;
        }

        .c-fsize-22 {
            font-size: 16px;
        }

        .radius-27 {
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
        }

        .box h5, .plant-title h5, .noti-list h4 {
            padding-bottom: 10px;
        }

        table {
            width: 100%;
            table-layout: fixed;
        }

        .nursery-table {
            overflow-x: scroll;
        }

        table thead tr th {
            padding: 10px 11px;
            width: 300px;
        }
        .table_no_row, .table-no-row {
            width: 70px;
        }
    }

    @media only screen and (max-width: 1150px) {

        /*SIDEBAR CSS AND HEADER*/
        .sidebar {
            width: 230px;
        }

        #wrapper {
            margin-left: 230px;
        }

        .header-wrapp {
            width: 81%;
        }

        .navbar-sidetoggle i {
            font-size: 30px;
        }
        /*==FOOTER CSS==*/
        .footer_list {
            width: 90%;
        }

            .footer_list ul li a, .footer_list ul li a:hover {
                font-size: 14px;
                line-height: 26px;
                padding: 5px 10px;
            }
        /*dashboard css*/
        .piechart-row {
            width: 60%;
        }

        .head-title h2 {
            font-size: 20px;
        }

        .nublist, .seed-adv, .w-45, .w-55, .species-wise, .plan-chart-width {
            width: 100%;
            justify-content: flex-start;
        }

        .noti-list {
            width: 38%;
        }

        .nublist ul, .box, .piechartWrapper {
            margin-bottom: 20px;
        }

        .chart {
            position: relative;
            display: flex;
            justify-content: center;
        }


        .set-row {
            flex-direction: column;
        }

        .nublist ul {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-between;
        }

            .nublist ul li {
                width: 48%;
            }

        .left-radius-27 {
            -webkit-border-top-left-radius: 15px;
            -webkit-border-top-right-radius: 15px;
            -moz-border-radius-topleft: 15px;
            -moz-border-radius-topright: 15px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
        }

        .right-radius-27 {
            -webkit-border-bottom-right-radius: 15px;
            -webkit-border-bottom-left-radius: 15px;
            -moz-border-radius-bottomright: 15px;
            -moz-border-radius-bottomleft: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            border-top-right-radius: 0;
        }

        .num-fsize-70 {
            font-size: 24px;
        }

        .c-fsize-22, .total-value, .box h5 {
            font-size: 13px;
        }

        .nublist ul, .box, .piechartWrapper {
            margin-bottom: 0px;
        }

            .box h5, .plant-title h5, .noti-list h4 {
                font-size: 18px;
            }

        .row {
            padding: 0px 0;
        }

        .radius-27 {
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
        }

        .plan-chart-width .roate-lebal, .species-wise .species-lebal {
            right: 0%;
            top: 0%;
            position: relative;
            width: 100%;
            transform: rotate( 0deg );
            text-align: center;
            padding:10px 0;
        }

        .species-wise .species-lebal {
            padding: 10px 0;
        }

        .box h5 {
            padding: 0 0 10px 0;
        }

        .color-list ul {
            justify-content: center;
            align-items: flex-end;
            padding: 20px 0;
        }

        .plant-title {
            flex-direction: column;
        }

            .plant-title .form-control {
                width: 100%;
            }

        #divExport > table {
            width: 1900px;
        }
        .check-box .span {
            margin-top: 17px;
        }
        .export-w-sel {
            width:20%;
        }
        .clsDivMortality {
            margin-bottom: 10px;
        }
   
    }

    @media only screen and (max-width: 1125px) {
        .header-wrapp {
            width: 80.5%;
        }
    }

    @media only screen and (max-width: 1100px) {
        .header-wrapp {
            width: 80%;
        }

        .content-showdata .form-set .form-row .col-32, .content-showdata .form-set .form-row .col-49, .content-showdata .form-set .form-row .col-24, .content-showdata .form-set .form-row .col-40,
        .content-showdata .form-set .form-row .col-18, .content-showdata .form-set .form-row .col-19 {
            width: 48%;
        }

        .welcome-box h2 {
            font-size: 13px;
            padding-right: 10px;
            line-height: 16px;
        }
        /* TABLE CSS */
        .nursery-table {
            overflow-x: scroll;
        }

        .headAdd h2 {
            font-size: 18px;
        }

        .table-content .addnew {
            position: absolute;
            right: 2%;
            top: 24px;
            font-size: 13px;
            padding: 10px 20px;
        }

        table {
            width: 100%;
            table-layout: fixed;
        }

            table thead tr th, table tbody tr td {
                padding: 6px;
                /* width: 341px;*/
            }

        .expend-table {
            table-layout: fixed;
        }
    }

    @media only screen and (max-width: 1070px) {
        .header-wrapp {
            width: 80%;
        }
       
    }

    @media only screen and (max-width: 1050px) {
        .header-wrapp {
            width: 79.5%;
        }

    /*    .nurs-dis-report > .form-set .form-row-new {
            width: 71%;
        }*/
        .content-showdata .form-set.fliter-set.expend-flt-width, .nurs-dis-report.content-showdata .form-set.fliter-set {
            width: 100%;
        }
        .content-showdata .form-set.fliter-set.expend-flt-width .col-32 {
            margin-right: 10px;
        }
        .login-wrap > .login-home {
            top: 3%;
            left: 2%;
        }
    }

    @media (max-width: 1024px) {
        .sidebar {
            width: 230px;
        }

        .sidebar .sidebar-header .brand {
            width: 100px;
            margin: 27px 0 20px;
        }

        #wrapper {
            margin-left: 230px;
        }

        .header-wrapp {
            width: 78.4%;
        }

        .right-flex {
            padding-left: 7%;
        }
        /*dashboard css*/
        .num-fsize-70 {
            font-size: 30px;
        }

        .nurserie_in h4 {
            line-height: 24px;
            margin-bottom: 10px;
        }

        .participatory p {
            font-size: 14px;
            color: #414141;
            line-height: 24px;
        }

        .c-fsize-22, .total-value, .box h5 {
            font-size: 14px;
        }
        /* form  css*/
        .form-control {
            width: 100%;
        }

        .footer_list ul {
            display: flex;
            flex-direction: row;
            justify-content: center;
            flex-wrap: wrap;
        }

            .footer_list ul li {
                padding: 7px 12px;
            }

        .width-35 {
            width: 45%;
        }

        .content-showdata .form-set .form-row label {
            padding: 15px 0 8px;
        }

        .j-c-s-start {
            justify-content: space-between;
        }

        .j-c-s-start div {
            margin-right: 0;
        }

        .checkmark {
            top: 29px;
        }

        .check-box .span {
            margin-top: 10px;
        }

        .content-showdata .form-set .form-row .txtarea-any {
            width: 100%;
        }

        #divImgView {
            margin-left: 2%;
            width: 200px;
        }

        #divImgView img {
            width: 100%;
        }

        .order-set > .headAdd > .form-set .form-row-new div {
            margin-right: 1.5%;
        }

        .order-set > .headAdd > .form-set .form-row-new div:last-child {
            margin-right: 0;
        }

        .content-showdata .form-set.order-set {
            position: absolute;
            top: 8px;
            right: 10px;
            left: inherit;
            transform: inherit;
        }

        .content-showdata .form-set.order-set.w-60 {
            width: 80%;
        }

        .content-showdata .form-set.order-set.w-60 .col-24 {
            width: 22%;
        }

        .content-showdata .form-set.order-set.w-60 .col-24 > input[type=date] {
            padding: 8px 1px;
        }

        .nursery-reg-table, .CostStatement-table3 table {
            table-layout: inherit;
        }

        .piechart-row {
            align-items: flex-start;
        }

        .noti-list ul {
            max-height: 450px;
            overflow-y: auto;
        }
        #divExport > table {
            width: 1900px;
        }

        .speciestable{
         width:1000px;
        }
        .justify-space-between-id{
            justify-content:space-between;
        }
    }

    @media only screen and (max-width: 992px) {
        .humber {
            justify-content: flex-end;
            width: 55px;
            order: 3;
        }
        /*SIDEBAR CSS AND HEADER NAVGATION START */
        .categories {
            padding: 120px 0 0 0;
        }

        .navbar {
            justify-content: space-between;
        }

        .sidebar {
            margin-left: -232px;
        }

        .show-sidebar {
            margin-left: 290px !important;

        }

        .sidebar .sidebar-header .brand {
            width: 80px;
            margin: 15px 0 15px;
        }

        .header-wrapp {
            width: 100%;
            background: #fff;
            padding: 12px 15px 29px;
        }

        #wrapper {
            margin-left: 0px;
        }

        .navbar .navbar-header {
            display: block;
        }

        .right-flex {
            padding-left: 4%;
        }

        .navbar-header .navbar-brand {
            display: block;
        }

        .navbar .search-header {
            width: 100%;
            padding: 0 0 0 0;
            position: absolute;
            top: 82px;
            display: flex;
            justify-content: center;
            z-index: 99;
            left: 0;
            display: none;
            background: #e5e5e5;
            padding: 10px;
        }

        .navbar .search-header .d-flex {
            width: 84%;
        }

        .sidebar > ul > li {
            padding: 18px 12px;
        }

        .sidebar ul > li > a {
            font-size: 14px;
        }

        .sidebar ul .sidebar-dropdown > li > a {
            font-size: 14px;
            padding: 8px 15px;
        }

        .welcome-box {
            width: 50px;
            border-radius: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 50px;
        }

            .welcome-box h2 {
                display: none;
            }

            .welcome-box a img {
                width: 42px;
                border-radius: 100%;
                border: none;
                padding: 0;
                background: #ffffff;
                align-items: center;
                justify-content: center;
                display: flex;
            }

            .welcome-box::before {
                right: -16px;
                top: 22px;
            }

        .header-right {
            width: auto;
            display: flex;
            justify-content: flex-end;
        }

        .head-title h2 {
            font-size: 20px;
            padding-bottom: 14px;
        }

        .searchicon, .nav-mobile {
            display: flex;
        }

        .right-flex {
            justify-content: space-around;
        }

        .current {
            display: flex !important;
        }

        .searchicon i {
            font-size: 30px;
            color: #006530;
        }
        /*SIDEBAR CSS AND HEADER NAVGATION END */
        .footer_list {
            width: 100%;
        }

        .footer_list ul li a:hover {
            font-size: 14px;
            line-height: 17px;
            padding: 2px 10px;
        }

        .footer_list ul li {
            padding: 4px 8px;
        }

        .footer_list p {
            font-size: 13px;
        }

        .footer-list ul li a {
            font-size: 15px;
            line-height: 24px;
        }
        /*=======HEADER SECTION NAVGATION END=============*/
        .main {
            padding: 120px 15px 40px;
        }

        table tbody tr td {
            font-size: 14px;
        }
        /* forms*/
        .content-showdata {
            width: 95%;
            margin: auto;
        }

        .width-35 {
            width: 50%;
        }

        .content-showdata .form-set .form-row .col-32, .content-showdata .form-set .form-row .col-49, .content-showdata .form-set .form-row .col-24, .content-showdata .form-set .form-row .col-40, .content-showdata .form-set .form-row .col-18, .content-showdata .form-set .form-row .col-19 {
            width: 48%;
        }

        .content-showdata .form-set .form-row .col-32 {
            margin-bottom: 10px;
        }

        .check-box .span {
            margin-top: 15px;
        }

        .content-showdata .form-set .form-row .txtarea-any {
            width: 100%;
        }

        #pagination-demo {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .navbar .navbar-header {
            width: 80px;
        }

        .num-fsize-70 {
            font-size: 24px;
        }

        .forset-content .title-head {
            font-size: 14px;
            padding: 5px 23px;
        }

        .content-showdata .form-set.order-set {
            position: relative;
            top: 0;
            left: 0;
            transform: inherit;
        }

            .content-showdata .form-set.order-set.w-60 {
                width: 100%;
            }

        .expend-flex-row {
            width: 45% !important;
        }

        .pieChart-wh {
            width: 250px;
            height: 250px;
        }
        .login-wrap > .login-home {
            top: 1%;
            left: 2%;
        }
        .pdx-wrapp {
            right: 6%;
            top: 79px;

        }
        .content-showdata .form-set.fliter-set .form-row-new{
            flex-wrap:wrap;
        }
        .content-showdata .form-set.fliter-set .form-row-new .col-24 {
            width: 30%;
            margin-bottom:15px;
        }
            .content-showdata .form-set.fliter-set .form-row-new .ip-col-48 {
                width: 48%;
            }
            .content-showdata .form-set.fliter-set .form-row-new .ip-col-45 {
                width: 45%;
            } 
    }

    @media only screen and (max-width: 832px) {

        /*SIDEBAR CSS AND HEADER NAVGATION START */
        .right-flex {
            width: 100%;
            justify-content: space-around;
        }

        .current {
            display: flex !important;
        }
        /*SIDEBAR CSS AND HEADER NAVGATION END */
        .content-showdata .form-set .form-row .col-49, .content-showdata .form-set .form-row .col-24, .content-showdata .form-set .form-row .col-40, .content-showdata .form-set .form-row .col-19 {
            width: 48.5%;
        }
        /*form*/
        .content-showdata .form-set .form-row .col-32 {
            width: 48.5%;
            margin-bottom: 10px;
        }

        .content-showdata .form-set .form-row .txtarea-any {
            width: 100%;
        }

        .forset-content .title-head, .title-details {
            font-size: 15px;
            padding: 5px 20px;
        }

        .forset-content .title-head > .deskt-title, .forset-content .title-details > .deskt-title {
            display: block;
        }

        .humber {
            justify-content: flex-end;
            width: 30px;
        }

        .num-fsize-70 {
            font-size: 25px;
        }
        .plan-chart-width .roate-lebal, .species-wise .species-lebal {
        
            padding: 4px 0 15px;
        }
        
    }

    @media only screen and (max-width: 768px) {
        .login-name {
            font-size: 21px;
        }

        .login-wrap {
            width: 100%;
            height: auto;
            padding: 40px 0;
        }

        .login-box {
            width: 90%;
        }

            .login-box .am-row {
                flex-direction: row;
                margin-bottom: 20px;
                flex-wrap: wrap;
            }

        /*.login-box .am-row .login-left {
            width: 100%;
            margin-bottom: 20px;
            padding: 0;
        }*/
        .login {
            width: 80px;
            margin: auto;
        }

        .table-fixed .table-th1 {
            width: 225px;
        }

        .table-th1 {
            width: 402px;
        }

        table tbody .form-control {
            width:100%;
        }

        table thead tr th {
            text-align: left;
            padding: 10px 9px;
        }
        /*form*/
        .content-showdata .form-set .form-row .col-32 {
            width: 48.5%;
            margin-bottom: 10px;
        }

        .content-showdata .form-set .form-row, .headAdd {
            padding: 10px 0;
        }

        .width-35 {
            width: 45%;
        }

        .content-showdata .form-set .form-row input[type="text"], .content-showdata .form-set .form-rowinput[type="password"], .content-showdata .form-set .form-row select, .content-showdata .form-set .form-row textarea {
            font-size: 12px;
        }

        .login-label {
            font-size: 13px;
        }

        .content-showdata .form-set.order-set.w-60 .col-24 {
            width: 46%;
            margin-bottom: 15px;
        }

        .content-showdata .form-set.order-set.w-60 > .dflex-center {
            flex-wrap: wrap;
        }

        .expend-flex-row {
            width: 100% !important;
        }
        .content-showdata .form-set.fliter-set .form-row-new .id-col-48 {
            width: 48%;
        }
        .content-showdata .form-set.fliter-set .form-row-new .id-col-47 {
            width: 47%;
        }
        .content-showdata .form-set.fliter-set .form-row-new .id-col-44 {
            width: 44%;
        }
    }

    @media only screen and (max-width: 767px) {
        /*SIDEBAR CSS AND HEADER NAVGATION START */

        .current {
            display: flex !important;
        }
        /*SIDEBAR CSS AND HEADER NAVGATION END */
        /*DASHBOARD START*/
        .piechart-row {
            width: 100%;
        }

        .noti-list,
        .nublist {
            width: 100%;
        }

        .nublist ul {
            flex-direction: row;
        }

        .set-row {
            flex-direction: row;
        }

        .seed-adv {
            width: 40%;
        }

        .w-45, .w-55 {
            padding: 22px;
        }

        .w-45 {
            width: 45%;
        }

        .w-55 {
            width: 55%;
        }

        .c-fsize-22, .box h5 {
            font-size: 18px;
        }

        .noti-list ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .noti-list ul li {
            padding: 11px;
            line-height: 20px;
            margin-bottom: 15px;
            width: 49%;
        }
        /*DASHBOARD END*/
        .table-content .addnew {
            right: 20px;
            top: 22px;
            font-size: 13px;
            padding: 7px 20px;
        }
        /*FOOTER CSS*/
        .footer-list {
            width: 100%;
        }

        .footer-list ul li {
            padding: 4px;
        }

        .footer-list ul li a {
            font-size: 14px;
            font-weight: 500;
            padding: 5px 10px;
            border-bottom: 1px solid #006531;
        }

        .forset-content .title-head, .title-details {
            font-size: 13px;
            padding: 4px 9px;
        }
        .setPosition {
            margin-bottom: 8px !important;
        }
        .species-master-table, .tehsil-table {
            width: 920px;
        }
        .sub-division-table {
            width: 750px;
        }
    }

    @media only screen and (max-width: 730px) {

        /*DASHBOARD START*/
        .piechart-row {
            width: 100%;
        }

        .noti-list {
            width: 100%;
        }

        .nublist {
            width: 100%;
        }

        .nublist ul {
            display: flex;
            flex-flow: row wrap;
        }

        .nublist ul li {
            width: 48.5%;
        }

        .set-row {
            flex-direction: column;
        }

        .seed-adv {
            width: 100%;
            margin-bottom:20px;
        }

        .left-radius-27 {
            -webkit-border-top-left-radius: 15px;
            -webkit-border-top-right-radius: 15px;
            -moz-border-radius-topleft: 15px;
            -moz-border-radius-topright: 15px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
        }

        .right-radius-27 {
            -webkit-border-bottom-right-radius: 15px;
            -webkit-border-bottom-left-radius: 15px;
            -moz-border-radius-bottomright: 15px;
            -moz-border-radius-bottomleft: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            border-top-right-radius: 0;
        }

        .w-45, .w-55 {
            padding: 22px;
        }

        .w-45 {
            width: 100%;
        }

        .w-55 {
            width: 100%;
        }

        .num-fsize-70 {
            font-size: 40px;
        }

        .c-fsize-22, .box h5 {
            font-size: 18px;
        }

        .noti-list ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .noti-list ul li {
            padding: 11px;
            line-height: 20px;
            margin-bottom: 15px;
            width: 49%;
        }
        /*DASHBOARD END*/
        /*SIDEBAR CSS AND HEADER NAVGATION START */

        .current {
            display: flex !important;
        }

        .searchicon i {
            font-size: 25px;
        }

        .navbar {
            justify-content: space-between;
        }
        /*SIDEBAR CSS AND HEADER NAVGATION END */
        .num-fsize-70 {
            font-size: 25px;
        }

        .c-fsize-22, .box h5 {
            font-size: 16px;
        }

        .navbar .navbar-header {
            width: 60px;
        }

        .forset-content .title-head, .title-details {
            padding: 2px 14px;
        }

        .num-fsize-70 {
            font-size: 20px;
        }

        .c-fsize-22, .box h5 {
            font-size: 14px;
        }

        .order-set > .headAdd > .form-set .form-row-new {
            flex-wrap: wrap;
            justify-content: space-between;
            padding-bottom: 0;
        }

        .order-set > .headAdd > .form-set .form-row-new > .col-16 {
            width: 46%;
        }

        .order-set > .headAdd > .form-set .form-row-new > .col-12 {
            width: 8%;
            text-align: center;
        }

        .order-set > .headAdd > .form-set .form-row-new > .col-32 {
            width: 46%;
        }

        .order-set > .headAdd > .form-set .form-row-new div {
            margin-right: 0;
            margin-bottom: 15px;
        }

        .order-set > .headAdd > .form-set .form-row-new div:nth-child(3n+2) {
            margin-bottom: 0;
        }

        .order-set > .headAdd > .form-set .form-row-new div > #ddlOrderStatus {
            margin-top: 0;
        }

        .color-list {
            margin: 15px 0;
        }
        .select-paging {
            height: 1.9rem;
        }
      /*  table {
            table-layout: auto;
        }*/

        .pdx-ndisposalreport, .pdx-ndreturnreport{
            top: 74px !important;
        }
        .pdx-nurseryregister-report {
            top: 70px !important;
        }
    }

    @media only screen and (max-width: 576px) {

        .main {
            padding: 120px 15px 40px;
        }

        .navbar .search-header {
            top: 106px;
        }

        .forgot-left {
            width: 100%;
        }

        .welcome-drop-down:after {
            right: 3px;
        }

        .notification-drop-down:after {
            right: 107px;
        }

        .notification-drop-down:after {
            border-bottom: 18px solid #e5e5e5;
        }

        .notification-drop-down {
            top: 61px;
            right: -95px;
        }

        .notification-drop-down:after {
            top: -10px;
        }

        .login-name {
            font-size:24px;
        }
            
        .login-wrap {
            width: 100%;
            height: 100%;
        }

        .login-box {
            width: 90%;
            padding: 30px 15px;
        }

           
        /*=======HEADER SECTION NAVGATION START=============*/
        .forset-content .title-head, .title-details {
            padding: 4px 20px;
        }

        .right-flex {
            width: 100%;
            justify-content: space-between;
        }

        .welcome-box {
            background: transparent;
            box-shadow: none;
        }
        /*=======HEADER SECTION NAVGATION END=============*/
        /*DASHBOARD CSS*/
        .forset-content .title-head, .title-details {
            font-size: 12px;
            padding: 4px 9px;
        }

        .num-fsize-70 {
            font-size: 22px;
        }

        .c-fsize-22, .box h5 {
            font-size: 14px;
        }

        .nurserie_left, .nurserie_right {
            width: 100%;
        }

        .map-m-b, .participatory p {
            margin-bottom: 30px;
        }

        .nurserie_in h4 {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 7px;
        }

        .notifications_alit, .participatory p {
            font-size: 14px;
            line-height: 25px;
            font-weight: 400;
        }

        .noti-list ul li {
            padding: 11px;
            line-height: 20px;
            margin-bottom: 15px;
            width: 100%;
        }

        .noti-list {
            margin-top: 25px;
        }

        .pieChart-wh {
            margin: auto;
        }
        /* Forms*/
        .content-showdata .form-set .form-row .col-49, .content-showdata .form-set .form-row .col-24, .content-showdata .form-set .form-row .col-40, .content-showdata .form-set .form-row .col-18, .content-showdata .form-set .form-row .col-19, .content-showdata .form-set .form-row .col-46, .content-showdata .form-set .form-row col-48 {
            width: 100%;
            margin-bottom: 10px;
        }

        .content-showdata .form-set .form-row {
            padding: 0 0;
        }

        .input-group > .form-control, .input-group > .form-select {
            border: 1px solid #ddd;
        }

        .content-showdata .form-set .form-row .col-32, .width-35 {
            width: 100%;
        }

        .content-showdata .form-set .form-row {
            margin-bottom: 10px;
        }

        .headAdd h2 {
            font-size: 16px;
        }
        /*FOOTER WRAPP*/
        .footer_bg {
            padding: 10px;
            width: 100%;
        }

        .footer p {
            font-size: 13px;
        }

        .j-c-s-start div {
            margin-right: 0;
        }

        .check-box {
            min-height: 30px;
            margin: 0;
        }

        .content-showdata .form-set.fliter-set.w-50 .form-row-new .col-32 {
            width: 100%;
            padding: 10px 0;
        }

        .content-showdata .form-set .form-row-new {
            flex-wrap: wrap;
        }

        .title-details {
            font-size: 14px;
            line-height: 24px;
        }

        .welcome-box a img {
            width: 35px;
        }

        .expend-flex-row {
            width: 100%;
            justify-content: center;
            flex-direction: column !important;
        }

        .nurs-dis-report > .form-set .form-row-new w-60 {
            width: 100%;
        }

        .to-width {
            width: 100%;
            text-align: center;
        }

        .nurs-expend-report.form-set.fliter-set {
        }

        .nursery-reg-table, .CostStatement-table3 table {
            table-layout: inherit;
        }
        .nurs-dis-report.content-showdata .form-set.fliter-set .col-24{
            width:100%;
        }
        .sidebar ul > li {
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .sidebar ul > li > a {
            font-size: 14px;
        }
        .sidebar ul .sidebar-dropdown li {
            padding-top: 5px;
            padding-bottom:5px;
        }
        .content-showdata .form-set.fliter-set.export-filter {
           width: 100%;
        }
        .content-showdata .form-set.fliter-set.w-50 .form-row-new .col-32.mg-right{
            margin-right:0;
        }
        .login-wrap > .login-home {
            top: 1%;
            left: 3%;
        }
        .content-showdata .form-set.fliter-set .form-row-new div {
            margin: 0 10px 10px 0;
            padding: 0;
        }
        .content-showdata .form-set.fliter-set .form-row-new .col-24{
            width:45%;
        }
        .table-content .add-button-set, .addnew, .table-content .addnew {
            position: static;
            right: 2%;
            top: 20px;
        }
        #ddlIsNew, .padd-top.headAdd > .w-33, .species-head {
            margin-left: 0;
            width: 100%;
        }
        .content-showdata .form-set.fliter-set .form-row-new {
            padding: 10px 0 30px;
        }
        .flt-top {
            top: 65px !important;
        }
        .pdx-wrapp {
            right: 6%;
            top: 31px;
        }
        .content-showdata .form-set .form-row label {
            height: auto;
        }
        .content-showdata .form-set.fliter-set .form-row-new .mb-col-44{
            width:44%;
        }
        .justify-space-between-mb{
            justify-content:space-between;
        }
        .content-showdata .form-set.fliter-set .form-row-new .smb-col-100 {
            width: 100%;
        }
        .content-showdata .form-set.fliter-set .form-row-new div {
            margin: 0 0 10px 0;
        }
        .content-showdata .form-set.fliter-set .form-row-new {
            justify-content: space-between;
        }
        .content-showdata .form-set.fliter-set .form-row-new .mb-col-48 {
            width: 48%;
        }

    }

    @media only screen and (max-width: 500px) {
        /*=======HEADER SECTION NAVGATION START=============*/
        .right-flex {
            border-left: none;
            width: 100%;
        }

        .logo {
            width: 55px;
        }

        .d-flex-headtop {
            position: relative;
        }

        .sidebar > ul > li {
            padding: 18px 12px;
        }

        .notification-drop-down {
            top: 60px;
        }

        .navbar .navbar-header {
            width: 60px;
        }
        /*=======HEADER SECTION NAVGATION END=============*/
        /*DASHBOARD CSS*/
        .nublist ul {
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 25px;
        }

        .nublist ul li {
            width: 100%;
            margin: 0 2% 8%;
        }

        .set-row {
            flex-direction: row;
        }

        .w-45 {
            width: 45%;
        }

        .w-55 {
            width: 55%;
        }

        .footer-list ul li a {
            font-size: 13px;
            padding: 3px 10px;
        }
        /* table box*/
        .content-showdata {
            width: 100%;
        }

        .humber, .searchicon {
            width: 50px;
        }

        .navbar {
            justify-content: space-between;
        }

        .plant-title {
            flex-direction: column;
        }

        .plant-title .form-control {
            width: 100%;
        }

        .forset-content .title-head, .title-details {
            font-size: 15px;
            line-height: 24px;
            padding: 4px 17px;
        }

        .welcome-box::before {
            right: -16px;
        }

        .order-set > .headAdd > .form-set .form-row-new > .col-32 {
            width: 100%;
        }

        .order-set > .headAdd > .form-set .form-row-new > .col-12 {
            height: 33px;
        }

        .forset-content .title-head > .deskt-title, .forset-content .title-details > .deskt-title {
            display: none;
        }

        .forset-content .title-head > .mb-title, .forset-content .title-details > .mb-contnet {
            display: block;
        }

        .export-w-sel {
            width: 100% !important;
        }

        .export-w-sel .addnew {
            position: relative;
            right: 0;
            top: 0;
        }

        .fliter-set > .j-c-s-start {
        }

        .table-content .addnew {
            position: static;
            margin-bottom: 10px;
        }

        .content-showdata .form-set.fliter-set.w-60 {
            width: 100%;
        }

        .table-content .add-button-set, .addnew {
            position: static;
            margin: 0px 0 5px;
        }

        .content-showdata .form-set.fliter-set {
            width: 100%;
        }

        .content-showdata .form-set.fliter-set .col-24 {
            width: 100%;
            margin-bottom: 10px;
        }

        #ddlDistrictFilter, .content-showdata .form-set .form-row .col-48 {
            width: 100%;
        }
        .content-showdata .form-set.fliter-set .form-row-new div {
            padding: 0;
        }
        .OldStockHide td {
            width: 216px;
            padding: 12px;
        }
        .content-showdata .form-set.fliter-set .form-row-new .smb-s-col-40 {
            width: 40%;
        }
        .content-showdata .form-set.fliter-set .form-row-new .smb-s-col-100 {
            width: 100%;
        }
       

    }

    @media only screen and (max-width: 400px) {
        /*=======HEADER SECTION NAVGATION START=============*/
        .navbar .navbar-header {
            width: 55px;
        }

        .logo {
            width: 55px;
        }

        .d-flex-headtop {
            position: relative;
        }

        .notification_box {
            width: 70%;
        }

        .setting a i, .notification a i, .searchicon i, .nav-mobile i {
            font-size: 24px;
        }

        .nav-mobile {
            top: 14px;
            right: 18px;
        }

        #navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after {
            height: 3px;
            width: 25px;
        }

        .welcome-box a img {
            width: 35px;
        }

        .sidebar ul > li {
            padding: 15px 10px;
        }
        .sidebar ul > li > ul > li {
            padding-left: 0;
        }
        .sidebar ul .sidebar-dropdown > li > a, .sidebar ul .sidebar-dropdown > li > a:hover {
            padding: 8px 6px;
        }
        .notification-drop-down {
            top: 65px;
        }

        .forset-content .title-head, .title-details {
            font-size: 13px;
            line-height: 24px;
        }
        .savecancel-wrapp .savebutton {
            padding: 10px 12px;
        }
        .login-box .am-row {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
        }

        .login-box .am-row .login-left {
            width: 100%;
            margin-bottom: 20px;
            padding: 0;
        }
        

    }

    @media only screen and (max-width: 320px) {
        .notification-drop-down {
            top: 69px;
            width: 280px;
        }

        .welcome-box::before {
            top: 14px;
        }

        .notification-drop-down {
            right: -104px;
        }
        /*=======HEADER SECTION NAVGATION=============*/
        .categories {
            padding: 105px 0 0 0;
        }

        .logo {
            width: 55px;
        }

        .d-flex-headtop {
            position: relative;
        }


        .notification_box {
            width: 75%;
        }

        .setting a i, .notification a i, .searchicon i, .nav-mobile i {
            font-size: 20px;
        }

        .welcome-box {
            width: 30px;
            height: 30px;
        }

            .welcome-box a img {
                width: 35px;
            }

        .notification a .no_card {
            height: 25px;
            width: 25px;
            padding: 1px 6px 4px 6px;
        }
        /*=======HEADER SECTION NAVGATION END=============*/
        /*FORM CSS*/
        .headAdd h2 {
            font-size: 16px;
            width: 100%;
            line-height: 20px;
        }

        .content-showdata .form-set .form-row {
            padding: 0 0px;
        }
    }