/*-- mobile device css start here --*/
@media only screen and (max-width:767px) {
    /*-- header start here --*/
    .pw-notification-dropdown .dropdown-menu {
        width: 93vw;
        overflow-y: auto;
    }
    .pw-notification-header {
        padding: 15px;
    }
    .notification-card a p {
        font-size: 13px;
    }
    .notification-card a {
        padding: 15px;
        font-size: 13px;
        gap: 20px;
    }
    .notification-card span {
        min-width: 25%;
        font-size: 12px;
    }
    #sidebar-toggle {
        display: block;
    }
    header {
        padding: 10px 15px;
    }
    .pw-profile-dropdown button {
        height: 30px;
        width: 30px;
        font-size: 14px;
    }
    .pw-notification-dropdown button {
        height: 30px;
        width: 30px;
    }
    .header-right .dropdown-menu {
        left: auto;
        right: 0;
        top: 44px;
    }
    .profile {
        padding: 5px 15px 15px 20px;
    }
    span.pc-badge {
        height: 35px;
        min-width: 35px;
        font-size: 14px;
        margin-right: 10px;
    }
    .pw-profile-dropdown h5 {
        font-size: 15px;
    }
    .pw-profile-dropdown h5 span {
        font-size: 14px;
    }
    .dropdown-item {
        padding: 10px 20px;
    }
    /*-- header end here --*/
    .pc-label-bold {
        color: #272848;
    }
    .pc-form label span {
        color: #E74C3C;
    }
    .pc-form-heading .nav-pills {
        border-bottom: 1px solid #DADBFD;
        padding-bottom: 20px;
    }
    .pc-library-header .pc-header-right .ng-select.ng-select-single .ng-select-container {
        height: 30px;
        min-height: 30px;
    }
    .card-box.call-part span {
        right: 0px;
        top: 20px;
    }
    /*- dashboard css end here --*/
    .card-body {
        padding: 15px;
    }
    .pc-card.pc-dashboard .row {
        gap: 15px;
    }
    .card-box.call-part h3 {
        margin: 0 0 3px;
        font-size: 16px;
    }
    .warpper {
        padding-top: 15px;
    }
    .card-box.call-part p {
        font-size: 13px;
    }
    .pc-dashboard-tabs {
        margin-top: 15px;
    }
    .pc-dashboard-tabs .home-coman-table td {
        padding: 10px 0;
    }
    .home-coman-table .user-name h5 {
        font-size: 14px;
    }
    .home-coman-table .user-img {
        padding: 9px 0;
        height: 40px;
        width: 40px;
        margin-right: 10px;
    }
    .session-detail-history div.dataTables_wrapper div.dataTables_filter input {
        height: 35px;
        width: 250px;
    }
    a.custom-search-btn {
        height: 35px;
        width: 35px;
    }
    .pc-card-heading h4 {
        font-size: 17px;
    }
    .pc-card-heading-letf ul svg {
        height: 22px;
        width: 22px;
    }
    .pc-data-card {
        padding: 15px;
        gap: 5px;
    }
    .pc-data-card p {
        font-size: 13px;
    }
    .pc-data-card h3 {
        font-size: 20px;
    }
    .pc-data-card {
        margin-bottom: 0px;
    }
    .pc-dashboard .pc-table .dataTables_filter h5 {
        font-size: 16px;
    }
    table.dataTable>thead>tr>th {
        padding: 10px 15px;
        font-size: 13px;
    }
    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 10px 15px;
    }
    .home-coman-table .user-name span {
        font-size: 13px;
    }
    .pc-dashboard-tabs .date {
        font-size: 13px;
    }
    .pc-dashboard-tabs .date svg {
        height: 15px;
        width: 15px;
    }
    .pc-dashboard-tabs .date {
        gap: 5px;
    }
    .session-detail-history table.dataTable .btns svg {
        height: 18px;
        width: 18px;
    }
    .action-btn ul li svg {
        height: 18px;
        width: 18px;
    }
    .btn.btn-primary {
        font-size: 13px;
        gap: 5px;
    }
    .btn.btn-primary svg {
        height: 17px;
        width: 17px;
    }
    .pc-adoption-list {
        gap: 15px;
        margin: 15px 0;
    }
    .pc-adoption-column-right h6 {
        font-size: 13px;
    }
    .session-detail-history .nav-tabs .nav-item .nav-link {
        font-size: 14px;
        display: flex;
        width: max-content;
    }
    .pc-dashboard .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 13px;
    }
    .dataTables_wrapper .dataTables_info {
        padding: 20px 0 0;
        margin: 0;
    }
    .home-coman-table .user-name {
        float: none;
        margin-right: 10px;
    }
    .session-detail-history .nav-tabs {
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
        margin-right: 15px;
    }
    .pw-datatable .dataTables_wrapper .dataTables_info {
        padding: 0;
        text-align: left;
    }
    canvas#callChart {
        width: 100% !important;
        height: 100% !important;
    }
    canvas#categoryChart {
        height: 100% !important;
        width: 100% !important;
    }
    canvas#tagsChart {
        width: 100% !important;
        height: 100% !important;
    }
    /*- dashboard css end here --*/
    /*-- gallery  start --*/
    /*-- gallery  start --*/
    /*-- gallery  start --*/
    .date-line {
        position: relative;
        margin: 20px 0;
    }
    .date-line span {
    }
    .date-line span {
        font-size: 13px;
    }
    .gallery-modal .modal-body {
    }
    .gallery-modal .modal-body {
        flex-direction: column;
        gap: 0;
    }
    .gallery-modal .participate {
        margin-bottom: 15px;
    }
    .gallery-category ul li {
        margin-bottom: 15px;
    }
      /*-- gallery end start --*/
    .pc-login-image {
        display: none !important;
    }
    .pc-login-form form.pw-form {
        max-width: 85%;
    }
    .pc-login-text h1 {
        font-size: 25px;
        border-width: 2px;
        margin-bottom: 10px;
    }
    .pc-login-text {
        margin-bottom: 15px;
    }
    .pc-login-btn {
        height: 40px;
        font-size: 14px;
    }
    .pc-login-text p {
        font-size: 14px;
    } 
    .pc-password-icon svg {
        width: 18px;
    }
    .pc-password-icon {
        top: 32px;
    }  
    .pc-login-form form.pc-form {
        min-width: 100%;
        max-width: 100%;
    }
    .pc-login-form {
        min-width: 100%;
        padding: 0 10%;
    }
    
}
/*-- ipad device css start here --*/
@media only screen and (min-width:768px) and (max-width:959px) {
    .gallery-category ul li {
        width: 100%;
    }
    /*-- header start here --*/
    .pw-notification-dropdown .dropdown-menu {
        width: 93vw;
        overflow-y: auto;
    }
    .card-box.call-part span {
        right: 0;
        top: 20px;
    }
    .container {
        max-width: 100%;
    }
    .pw-notification-header {
        padding: 15px;
    }
    .notification-card a p {
        font-size: 13px;
    }
    .notification-card a {
        padding: 15px;
        font-size: 13px;
        gap: 20px;
    }
    .notification-card span {
        min-width: 25%;
        font-size: 12px;
    }
    #sidebar-toggle {
        display: block;
    }
    header {
        padding: 10px 15px;
    }
    .pw-profile-dropdown button {
        height: 30px;
        width: 30px;
        font-size: 14px;
    }
    .pw-notification-dropdown button {
        height: 30px;
        width: 30px;
    }
    .header-right .dropdown-menu {
        left: auto;
        right: 0;
        top: 44px;
    }
    .profile {
        padding: 5px 15px 15px 20px;
    }
    span.pc-badge {
        height: 35px;
        min-width: 35px;
        font-size: 14px;
        margin-right: 10px;
    }
    .pw-profile-dropdown h5 {
        font-size: 15px;
    }
    .pw-profile-dropdown h5 span {
        font-size: 14px;
    }
    .dropdown-item {
        padding: 10px 20px;
    }
    /*-- header end here --*/
    .pc-form .form-control {
        font-size: 14px;
        height: 35px;
    }
    .pw-datatable .dataTables_wrapper .dataTables_info {
        padding: 0;
        text-align: left;
    }
    /*- dashboard css end here --*/
    .card-body {
        padding: 15px;
    }
    .card-box.call-part h3 {
        margin: 0 0 3px;
        font-size: 16px;
    }
    .warpper {
        padding-top: 15px;
    }
    .card-box.call-part p {
        font-size: 13px;
        padding-right: 40px;
    }
    .pc-dashboard-tabs {
        margin-top: 15px;
    }
    .pc-dashboard-tabs .home-coman-table td {
        padding: 10px 0;
    }
    .home-coman-table .user-name h5 {
        font-size: 14px;
    }
    .home-coman-table .user-img {
        padding: 9px 0;
        height: 40px;
        width: 40px;
        margin-right: 10px;
    }
    .session-detail-history div.dataTables_wrapper div.dataTables_filter input {
        height: 35px;
        width: 250px;
    }
    a.custom-search-btn {
        height: 35px;
        width: 35px;
    }
    .pc-card-heading h4 {
        font-size: 17px;
    }
    .pc-card-heading-letf ul svg {
        height: 22px;
        width: 22px;
    }
    .pc-data-card {
        padding: 15px;
        gap: 5px;
        margin: 0 0 10px;
    }
    .pc-data-card p {
        font-size: 13px;
    }
    .pc-data-card h3 {
        font-size: 20px;
    }
    .pc-dashboard .pc-table .dataTables_filter h5 {
        font-size: 16px;
    }
    table.dataTable>thead>tr>th {
        padding: 10px 15px;
        font-size: 13px;
    }
    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 10px 15px;
    }
    .home-coman-table .user-name span {
        font-size: 13px;
    }
    .pc-dashboard-tabs .date {
        font-size: 13px;
    }
    .pc-dashboard-tabs .date svg {
        height: 15px;
        width: 15px;
    }
    .pc-dashboard-tabs .date {
        gap: 5px;
    }
    .session-detail-history table.dataTable .btns svg {
        height: 18px;
        width: 18px;
    }
    .action-btn ul li svg {
        height: 18px;
        width: 18px;
    }
    .btn.btn-primary {
        font-size: 13px;
        gap: 5px;
    }
    .btn.btn-primary svg {
        height: 17px;
        width: 17px;
    }
    .pc-adoption-list {
        gap: 15px;
        margin: 15px 0;
    }
    .pc-adoption-column-right h6 {
        font-size: 13px;
    }
    .session-detail-history .nav-tabs .nav-item .nav-link {
        font-size: 14px;
        display: flex;
        width: max-content;
    }
    .pc-dashboard .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 13px;
    }
    .dataTables_wrapper .dataTables_info {
        padding: 20px 0 0;
        margin: 0;
    }
    .home-coman-table .user-name {
        float: none;
        margin-right: 10px;
    }
    .session-detail-history .nav-tabs {
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
        margin-right: 15px;
    }
    canvas#callChart {
        width: 100% !important;
        height: 100% !important;
    }
    canvas#categoryChart {
        height: 100% !important;
        width: 100% !important;
    }
    canvas#tagsChart {
        width: 100% !important;
        height: 100% !important;
    }
    /*- dashboard css end here --*/
    /*-- login page css start here --*/
    .pc-login-image {
        display: none !important;
    }
    .pc-login-form form.pw-form {
        max-width: 85%;
    }
    .pc-login-text h1 {
        font-size: 25px;
        border-width: 2px;
        margin-bottom: 10px;
    }
    .pc-login-text {
        margin-bottom: 15px;
    }
    .pc-login-btn {
        height: 40px;
        font-size: 14px;
    }
    .pc-login-text p {
        font-size: 14px;
    }
    .pc-password-icon svg {
        width: 18px;
    }
    .pc-password-icon {
        top: 32px;
    }
    .pc-login-form {
        width: 100%;
        padding: 0px 20%;
    }
    .pc-login-form form.pc-form {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
    .pc-login-form .select2-container--default .select2-selection--single {
        height: 35px;
        
    }
    /*-- login page css end here --*/
    /*-- profile page css start here --*/
    .pw-profile-name {
        padding: 20px;
    }
    .pw-profile-name h1 {
        height: 80px;
        width: 80px;
        font-size: 32px;
    }
    .pw-profile-name h4 {
        font-size: 18px;
    }
    .pw-profile-detail ul {
        padding: 0 20px 20px;
        gap: 10px;
    }
    .pw-profile-detail ul li {
        padding-top: 10px;
    }
    .pw-password-header {
        padding: 20px;
    }
    .pw-password-header h5 {
        font-size: 16px;
    }
    .pw-changepassword-form {
        padding: 20px;
    }
    .pw-password-icon {
        top: 31px;
    }
    /*-- profile page css end here --*/
    }
    /*-- ipad pro css start here --*/
    /*--ipad  pro css start here--*/
    @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
        /*-- header start here --*/
        header {
            padding: 10px 15px;
        }
        .pw-profile-dropdown button {
            height: 30px;
            width: 30px;
            font-size: 14px;
        }
        .pw-notification-dropdown button {
            height: 30px;
            width: 30px;
        }
        .header-right .dropdown-menu {
            left: auto;
            right: 0;
            top: 44px;
        }
        /*-- header end here --*/
        .pc-form .form-control {
            font-size: 14px;
            height: 35px;
        }
        /*- dashboard css start here --*/
        .card-box.call-part p {
            font-size: 13px;
            padding-right: 40px;
        }
        .container-wide {
            padding-left: 120px;
        }
        .card-body {
            padding: 20px;
        }
        .card-box.call-part h3 {
            margin: 0 0 3px;
            font-size: 16px;
        }
        .warpper {
            padding-top: 15px;
        }
        .card-box.call-part p {
            font-size: 13px;
        }
        .pc-dashboard-tabs {
            margin-top: 15px;
        }
        .pc-dashboard-tabs .home-coman-table td {
            padding: 10px 0;
        }
        .home-coman-table .user-name h5 {
            font-size: 14px;
        }
        .home-coman-table .user-img {
            padding: 9px 0;
            height: 40px;
            width: 40px;
        }
        .session-detail-history div.dataTables_wrapper div.dataTables_filter input {
            height: 35px;
            width: 250px;
        }
        a.custom-search-btn {
            height: 35px;
            width: 35px;
        }
        .pc-card-heading h4 {
            font-size: 17px;
        }
        .pc-card-heading-letf ul svg {
            height: 22px;
            width: 22px;
        }
        .pc-data-card {
            padding: 20px;
            gap: 5px;
        }
        .pc-data-card p {
            font-size: 13px;
        }
        .pc-data-card h3 {
            font-size: 20px;
        }
        .pc-data-card {
            margin-bottom: 15px;
        }
        .pc-dashboard .pc-table .dataTables_filter h5 {
            font-size: 16px;
        }
        table.dataTable>thead>tr>th {
            padding: 10px 15px;
            font-size: 13px;
        }
        table.dataTable tbody th,
        table.dataTable tbody td {
            padding: 10px 15px;
        }
        .home-coman-table .user-name span {
            font-size: 13px;
        }
        .pc-dashboard-tabs .date {
            font-size: 13px;
        }
        .pc-dashboard-tabs .date svg {
            height: 15px;
            width: 15px;
        }
        .pc-dashboard-tabs .date {
            gap: 5px;
        }
        .session-detail-history table.dataTable .btns svg {
            height: 18px;
            width: 18px;
        }
        .action-btn ul li svg {
            height: 18px;
            width: 18px;
        }
        .btn.btn-primary {
            font-size: 13px;
            gap: 5px;
        }
        .btn.btn-primary svg {
            height: 17px;
            width: 17px;
        }
        .pc-adoption-list {
            gap: 15px;
            margin: 15px 0;
        }
        .pc-adoption-column-right h6 {
            font-size: 13px;
        }
        .session-detail-history .nav-tabs .nav-item .nav-link {
            font-size: 14px;
        }
        #tagsChart {
            width: 100% !important;
            height: 100% !important;
        }
        canvas#categoryChart {
            max-width: 100% !important;
            height: 100% !important;
        }
        .pc-dashboard .select2-container .select2-selection--single .select2-selection__rendered {
            font-size: 13px;
        }
        .card-box.call-part span {
            right: 0;
            top: 20px;
        }
        /*- dashboard css end here --*/
        /*-- login page css start here --*/
        .pc-login-text h1 {
            font-size: 25px;
            border-width: 2px;
            margin-bottom: 10px;
        }
        .pc-login-text {
            margin-bottom: 15px;
        }
        .pc-login-btn {
            height: 40px;
            font-size: 14px;
        }
        .pc-login-text p {
            font-size: 14px;
        }
        .pc-login-form form.pw-form {
            max-width: 380px;
        }
        .pc-password-icon svg {
            width: 18px;
        }
        .pc-password-icon {
            top: 32px;
        }
        .pc-login-image img {
            max-width: 80%;
        }
        /*-- login page css start here --*/
        /*-- profile page css start here --*/
        .pw-profile-name {
            padding: 20px;
        }
        .pw-profile-name h1 {
            height: 80px;
            width: 80px;
            font-size: 32px;
        }
        .pw-profile-name h4 {
            font-size: 18px;
        }
        .pw-profile-detail ul {
            padding: 0 20px 20px;
            gap: 10px;
        }
        .pw-profile-detail ul li {
            padding-top: 10px;
        }
        .pw-password-header {
            padding: 20px;
        }
        .pw-password-header h5 {
            font-size: 16px;
        }
        .pw-changepassword-form {
            padding: 20px;
        }
        .pw-password-icon {
            top: 31px;
        }
        /*-- profile page css add here --*/
        
    }
    @media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
        /*-- header start here --*/
        header {
            padding: 10px 20px;
        }
        /*-- header end here --*/
        /*- dashboard css start here --*/
        .container-wide {
            padding-left: 100px;
        }
        .card-body {
            padding: 20px;
        }
        .card-box.call-part h3 {
            margin: 0 0 3px;
            font-size: 16px;
        }
        .warpper {
            padding-top: 15px;
        }
        .card-box.call-part p {
            font-size: 13px;
        }
        .pc-dashboard-tabs {
            margin-top: 15px;
        }
        .pc-dashboard-tabs .home-coman-table td {
            padding: 10px 0;
        }
        .home-coman-table .user-name h5 {
            font-size: 14px;
        }
        .home-coman-table .user-img {
            padding: 9px 0;
            height: 40px;
            width: 40px;
        }
        .session-detail-history div.dataTables_wrapper div.dataTables_filter input {
            height: 35px;
            width: 250px;
        }
        a.custom-search-btn {
            height: 35px;
            width: 35px;
        }
        .pc-card-heading h4 {
            font-size: 17px;
        }
        .pc-card-heading-letf ul svg {
            height: 22px;
            width: 22px;
        }
        .pc-data-card {
            padding: 20px;
            gap: 5px;
        }
        .pc-data-card p {
            font-size: 13px;
        }
        .pc-data-card h3 {
            font-size: 20px;
        }
        .pc-data-card {
            margin-bottom: 15px;
        }
        .pc-dashboard .pc-table .dataTables_filter h5 {
            font-size: 16px;
        }
        table.dataTable>thead>tr>th {
            padding: 10px 15px;
            font-size: 13px;
        }
        table.dataTable tbody th,
        table.dataTable tbody td {
            padding: 10px 15px;
        }
        .home-coman-table .user-name span {
            font-size: 13px;
        }
        .pc-dashboard-tabs .date {
            font-size: 13px;
        }
        .pc-dashboard-tabs .date svg {
            height: 15px;
            width: 15px;
        }
        .pc-dashboard-tabs .date {
            gap: 5px;
        }
        .session-detail-history table.dataTable .btns svg {
            height: 18px;
            width: 18px;
        }
        .action-btn ul li svg {
            height: 18px;
            width: 18px;
        }
        .btn.btn-primary {
            font-size: 13px;
            gap: 5px;
        }
        .btn.btn-primary svg {
            height: 17px;
            width: 17px;
        }
        .pc-adoption-list {
            gap: 15px;
            margin: 15px 0;
        }
        .pc-adoption-column-right h6 {
            font-size: 13px;
        }
        .session-detail-history .nav-tabs .nav-item .nav-link {
            font-size: 14px;
        }
     
        canvas#categoryChart {
            max-width: 100% !important;
            height: 100% !important;
        }
        .pc-dashboard .select2-container .select2-selection--single .select2-selection__rendered {
            font-size: 13px;
        }
        /*- dashboard css end here --*/
        .date-line {
            margin: 15px 0;
        }
        .date-line span {
            font-size: 13px;
        }
        .gallery-box {
            margin-bottom: 10px;
            padding: 10px;
            gap: 10px;
        }
        .data-details ul.pw-tags li {
            height: 25px;
            font-size: 13px;
        }
        .pw-form .form-control {
            height: 35px;
            font-size: 14px;
        }
        .pw-form label {
            font-size: 13px;
        }
        .pw-action-dropdown button {
            height: 25px;
            width: 25px;
        }
        .pw-action-dropdown button svg {
            height: 22px;
            width: 22px;
        }
        /*-- login page css start here --*/
        .pc-login-text h1 {
            font-size: 25px;
            border-width: 2px;
            margin-bottom: 10px;
        }
        .pc-login-text {
            margin-bottom: 15px;
        }
        .pc-login-btn {
            height: 40px;
            font-size: 14px;
        }
        .pc-login-text p {
            font-size: 14px;
        }
        .pc-login-form form.pw-form {
            max-width: 380px;
        }
        .pc-password-icon svg {
            width: 18px;
        }
        .pc-password-icon {
            top: 32px;
        }
        .pc-login-image img {
            max-width: 80%;
        }
        .select2-container .select2-search--inline .select2-search__field {
            margin-left: 0;
            font-size: 13px;
            margin-top: 0px;
        }
        /*-- login page css start here --*/
        /*-- profile page css add here --*/
        .pw-profile-name {
            padding: 20px;
        }
        .pw-profile-name h1 {
            height: 80px;
            width: 80px;
            font-size: 32px;
        }
        .pw-profile-name h4 {
            font-size: 18px;
        }
        .pw-profile-detail ul {
            padding: 0 20px 20px;
            gap: 10px;
        }
        .pw-profile-detail ul li {
            padding-top: 10px;
        }
        .pw-password-header {
            padding: 20px;
        }
        .pw-password-header h5 {
            font-size: 16px;
        }
        .pw-changepassword-form {
            padding: 20px;
        }
        .pw-password-icon {
            top: 31px;
        }
        /*-- profile page css end here--*/
        .gallery-category {
            width: 100%;
            display: inline-block;
        }
       
    }