@media (max-width:1600px) {

.payment--input .chk--date {top: 10%; }
.payment--input .chk--paydetail {top: 41.5%; } 
.payment--input .chk--price {right: 6%; top: 42%; width: 15%; }
}


@media (max-width: 1439px){
    .navigation ul li { padding: 0 15px; }
    .sidebar--panel {width: 285px; padding: 15px; }
    .admin--panel-inner {padding: 30px 30px 81px; }
    .card-box {padding: 25px; }
    .price--box.price--box--light {margin-bottom: 20px; margin-top: 10px; }
    .carousel-item--inner h3 {margin-bottom: 14px; }
    .price--box p{margin-bottom: 6px}
    h3 {font-size: 28px; line-height: 27px; }
    .price--box h4 {font-size: 22px; line-height: 24px; }
    .price--box{padding: 17px}
    .accordion .card-header .btn span img {width: 30px; }
    .accordion .card-box {margin-bottom: 32px; }    
    .transaction-logs-header {margin-top: 25px; }
    .admin--panel {padding: 7px 0px 7px 290px; }
    .detail--bar.mt-5 {margin-top: 2rem !important; }
    .data-table table th {padding: 15px; font-size: 13px; line-height: 16px; }
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width: 180px; }
    .data-table tr td {padding: 15px; font-size: 13px; line-height: 16px; }
    .data-table.finance-table { height: 410px; }
    .title--faq h1 { font-size: 39px; line-height: 48px; }
    .accordion-faq .card-box { margin-bottom: 16px; padding: 14px; }
    .title--bar .h1--28 { font-size: 26px; }
}


  @media (max-width:1279px) {
        .toggle--bar , .close--panel{display: block;}
        .toggle--bar {width: 28px; position: absolute; top: 20px;z-index: 9 }
        .toggle--bar img{width: 28px; }
        .logo.text-right {margin-bottom: 22px; }
        .logo.text-right img {width: 155px; }
        .close--panel img {width: 17px; margin-left: auto;}
        .close--panel {text-align: right; }
        .admin--panel {padding-left: 7px; }
        .sidebar--panel {transform: translateX(-300px); transition: all 0.3s; z-index: 99; background: #fff; }
         body.dashboard--wrapper.open--sidebar  .sidebar--panel {transform: translateX(0); box-shadow: -1px 0px 6px rgb(128 128 128 / 0.8); }
         .user--detail {padding: 20px 0 35px; }
         .recent-transaction-topsection h3 {font-size: 22px; line-height: 25px; padding-top: 5px; }
         .accordion .card-header .btn {font-size: 21px; line-height: 20px; }
         .accordion .card-header .btn span img{width: 20px}
         .payment-tabs .nav-pills .nav-link {height: 45px; padding: 0 22px; line-height: 45px; font-size: 15px; }
         .icon-notifi img {width: 20px; } .icon-submit img {width: 25px; }
         .form-group-payment .form-control {height: 38px; line-height: 38px; padding: 0 14px; }
         body, p, input {font-size: 15px; line-height: 20px; }
         .form-group-payment input.form-control[type="file"] {padding: 2px 2px; line-height: 26px; }
         .form-group-payment textarea.form-control {height: 55px; }
         .form-group-payment {margin-bottom: 19px; }
         .payment--form--wrapper .btn.btn-submit {padding: 11px 41px; font-size: 14px; line-height: 17px; }
         .title--bar h1 {font-size: 23px; line-height: 25px; }
         h3 {font-size: 26px; line-height: 27px; }
         .price--box p {font-size: 18px; line-height: 17px; }
         .price--box h4 {font-size: 20px; line-height: 22px; }
         .mb-40 {margin-bottom: 28px; }
         .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 16px; padding-left: 16px; }
         .card-box {padding: 20px; }
         .title--bar .h1--28 {font-size: 25px; line-height: 29px; }




  }
    @media (max-width:1024px) {
    .form--wrapper {padding: 7%; }
    .h1--tag {font-size: 34px; line-height: 42px; }
    .action-button .btn {height: 50px; line-height: 50px; font-size: 21px; }
    .recent-transaction-topsection .carousel-item--inner figure img , .recent-transaction-topsection .carousel-item--inner figure img{width: 90%; }
    .recent-transaction-topsection  .carousel-inner figure , .recent-transaction-topsection .carousel-item--inner figure {width: 150px; margin: auto; }
    .h5-17 {font-size: 13px; line-height: 15px; font-weight: 400; margin-top: 14px; }
        .slider-recent-transaction .carousel-item .h5-17 {
            max-width: 230px;
            margin: 0 auto;
        }
    .recent-transaction-topsection h3 {font-size: 20px; line-height: 21px; }
    .admin--panel-inner {padding: 20px 20px 79px; }
    .carousel-control-next-icon, .carousel-control-prev-icon {width: 26px; height: 26px; }
    .title--bar .h1--28, .title--bar .h1--28 {font-size: 20px; line-height: 25px; }
    .toggle--bar img {width: 23px; }
    .title--bar {margin-bottom: 20px; padding: 0 0; }
    .btn-gray:focus, .btn-gray {border-radius: 4px }
    .transaction-logs-header .col-md-2{padding-left: 0}
    .transaction-logs-header ul li label {font-size: 14px; padding-bottom: 1px; }
    .data-table table th {padding: 10px 6px; font-size: 13px; line-height: 15px; }
    .data-table tr td {padding:10px 8px; font-size: 13px; line-height: 15px; }
    .payment--form--wrapper .col-md-6, .payment--form--wrapper .col-md-7, .payment--form--wrapper .col-md-3, .payment--form--wrapper .col-md-4, .payment--form--wrapper .col-md-12 {padding-left: 11px; padding-right: 11px; }
    .info--tilte {padding-bottom: 14px; margin-top: 15px; }
    .info--tilte h4 {font-size: 18px; line-height: 21px; }
    .form-group-payment .p-small {font-size: 10px; }
    .form-group-payment textarea.form-control {height: 45px; }
    .user--detail {padding: 10px 0 20px; }
    .navigation ul li {height: 45px; line-height: 45px; padding: 0 15px; }
    .navigation li a {font-size: 15px; }
    .payment-tabs .nav-pills .nav-link {height: 42px; padding: 0 19px; line-height: 40px; font-size: 14px; }
    body, p, input{font-size: 14px}
    .transaction-logs-header ul {flex-wrap: wrap; }
    .transaction-logs-header .dropdown-toggle {height: auto; }
        .transaction-logs-header input.btn-gray {width: 180px; }
    .transaction-logs-header .row .col-md-2{margin-bottom: 10px; }
    .header--sorting .dropdown.bootstrap-select {width: 135px !important; }
    .data-table th:last-child, .data-table td:last-child {
    border-radius: 0 7px 7px 0;
    }
    .data-table th:first-child, .data-table td:first-child {
    border-radius: 7px 0 0 7px;
    }
    .data-table .actions.text-center svg {
    width: 17px;
    }
    .data-table .actions.text-center {
    padding: 6px 18px;
    }
    .title--faq h1 {
        font-size: 34px;
        line-height: 43px;
    }
    .title--faq p {
        font-size: 21px;
        line-height: 24px;
    }
    /*.accordion-faq .card-header button {font-size: 16px; word-break: break-word; white-space: normal; padding-right: 27px; text-align: left; }
    .accordion-faq .card-body {font-size: 14px; line-height: 21px; }
    .accordion-faq .btn.btn-link.collapsed::after { width: 18px; height: 18px; line-height: 18px; font-size: 18px; border-radius: 100%; top: 8px; }
    .accordion-faq .btn.btn-link::after {width: 18px; height: 18px; line-height: 16px; font-size: 20px; border-radius: 100%; top: 8px; }*/

    .accordion-faq .card-header button {font-size: 16px; word-break: break-word; white-space: normal; padding-right: 27px; text-align: left; }
    .accordion-faq .card-body {font-size: 14px; line-height: 21px; }
    .accordion-faq .btn.btn-link.collapsed::after {width: 18px; height: 18px; line-height: 18px; font-size: 15px; border-radius: 100%; top: 5px; font-weight: 500; }
    .accordion-faq .btn.btn-link::after {width: 18px; height: 18px; line-height: 16px; font-size: 18px; border-radius: 100%; top: 5px; font-weight: 500; }

}
@media (max-width:1023px) {
    .transaction-logs-header .row {
        align-items: flex-start;
    }

        .transaction-logs-header .row .right--action--button {
            margin-top: 22px;
        }

    label.name--chk {
        font-size: 20px;
    }

    .payment--input .chk--price {
        font-size: 15px;
    }

        .payment--input #chequeDate-error,
        .payment--input .chk--price + .field-validation-error,
        .payment--input .chk--paydetail + .field-validation-error {
            font-size: 12px;
        }

    .title--bar .h1--28, .title--bar .h1--28 {
        font-size: 16px;
        line-height: 25px;
        margin: 0 0 0px 0;
        padding: 0 5px;
    }
    .carousel-item--inner h3 {
        padding: 0 45px;
        font-size: 18px;
    }
    .admin--panel-inner {
        background-attachment: fixed;
        height: 100%;
    }
    .admin--panel {
        height: initial;
        min-height: initial;
    }
    .payment--input .chk--date {
        top: 9%;
    }
    .payment--input .chk--price {
        top: 41%;
    }
    .payment--input .chk--paydetail {
        top: 40%;
    }
    .payment--input .chk--price + .field-validation-error {
        top: 50%;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .full--height{
        min-height: 700px;
    }
}

@media(min-width: 992px) {
    .button--notification .btn-gray:after {
        content: "";
        display: none;
        width: 0;
        height: 0;
        border-top: 15px solid #ffbcbc;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        bottom: -14px;
        left: 50%;
        margin-left: -10px;
    }

    .button--notification .btn-gray:hover:after {
        display: block;
    }

}

    @media(max-width: 991px) {
        .notification-popup{
            display: none;
        }
        .icon-submit + .notification-popup {
            display: inline-block;
        }
            .notification-popup, .icon-submit + .notification-popup {
            width: 100%;
            position: static;
            word-break: break-all;
        }

            

            .button--notification .icon-notifi,
            .button--notification .icon-submit {
                vertical-align: top !important;
                display: block;
            }
        .button--notification .notification-popup {
            font-size: 14px;
        }

    }

    @media (max-width:767px) {
        .sidebar--panel {
            height: auto;
            min-height: 100vh;
        }

        .navigation {
            height: auto;
            min-height: inherit;
        }

        .full--height {
            min-height: 650px;
        }

        .cover--background {
            display: none;
        }

        .changepassword--page {
            background: url('../images/reset-background.png');
            background-size: cover;
            background-repeat: no-repeat;
        }

        .login--page {
            background: url('../images/login-background.png');
            background-size: cover;
            background-repeat: no-repeat;
        }

        .links a {
            font-size: 18px;
            line-height: 20px;
        }

        .form--wrapper {
            padding: 20px;
        }

        .brand--logo {
            position: relative;
        }

        .form--col--7 {
            position: relative;
            background: rgb(0 0 0 / 0.7);
            margin: 0 20px;
            border-radius: 9px;
        }

        .h1--tag {
            font-size: 25px;
            line-height: 28px;
        }

        .float-form .form-control:focus + label,
        .float-form .form-control:not(:placeholder-shown) + label {
            background-color: transparent;
        }

        .p--tag {
            font-size: 16px;
            line-height: 22px;
        }

        .brand--logo img {
            max-width: 157px;
            padding: 18px 0 0;
        }

        .form-body {
            margin-top: 31px;
        }

        .float-form .form-control {
            height: 50px;
            font-size: 18px;
            line-height: 18px;
        }

        .float-form .form-group label {
            top: 15px;
            padding: 0;
            font-size: 18px;
            line-height: 18px;
        }

        .action-button .btn {
            height: 44px;
            line-height: 44px;
            padding: 0;
            font-size: 18px;
        }

        .card-box {
            padding: 15px;
            margin-bottom: 15px;
        }

        .price--box p {
            font-size: 15px;
            line-height: 14px;
        }

        .price--box h4 {
            font-size: 17px;
            line-height: 18px;
        }

        .price--box.price--box--light {
            margin-bottom: 10px;
        }

        h3 {
            font-size: 20px;
            line-height: 23px;
        }

        #myCarousel {
            width: 100%;
        }

        .bottom--bar.text-right {
            position: relative;
            width: 100%;
            bottom: 0;
            right: 0;
            text-align: center !important;
        }

        .admin--panel-inner {
            padding: 16px 16px 40px;
        }

        .bottom--bar p {
            font-size: 12px;
        }

        .accordion .card-header .btn {
            font-size: 16px;
            line-height: 18px;
            white-space: normal;
        }

        .mb-40 {
            margin-bottom: 20px;
        }

        .accordion .card-header .btn span img {
            width: 17px;
        }

        .accordion .card-header .btn span {
            position: absolute;
            right: 5px;
            top: 0;
        }

        .logo.text-right img {
            width: 142px;
            margin: 6px 0 0;
        }

        .navigation .Logout {
            position: relative;
        }

        .sidebar--panel {
            padding: 10px;
        }

        .user--detail {
            padding: 5px 0 16px;
        }

        .accordion .card-box {
            margin-bottom: 20px;
        }

        .row.mb-40.recent-transaction-topsection .card-box {
            margin: 0;
        }
        /*.recent-transaction-topsection+.row div#accordion input.btn-gray {
        width: 122px;
    }*/
        .title-header .title--bar {
            margin-bottom: 0;
        }

        .payment-tabs .nav.nav-pills li {
            margin: 3px;
        }

        .payment-tabs .nav-pills .nav-link {
            height: 32px;
            padding: 0 10px;
            line-height: 32px;
            font-size: 12px;
        }

        .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
            padding-right: 10px;
            padding-left: 10px;
        }

        .transaction-logs-header .row > div {
            padding-right: 15px;
            padding-left: 15px;
        }

        .title--bar {
            padding: 0;
        }

        .payment-tabs p {
            font-size: 13px;
            padding-top: 12px;
        }

        .payment--tab--title h2 {
            font-size: 20px;
            line-height: 22px;
            margin-top: 22px;
        }

        .form-group-payment {
            margin-bottom: 13px;
        }

        .btn-gray:focus, .btn-gray {
            /*height: 38px;*/
        }

        .transaction-logs-header .dropdown-toggle {
            padding: 6px;
        }

        .navigation ul li {
            border-radius: 6px;
        }

        .dataTables_info {
            margin-top: 20px;
        }

            .dataTables_info.text-right .dropdown.bootstrap-select {
                width: auto;
            }

        .actions .btn {
            margin: 0 2px;
        }

        .data-table table th, .data-table table td {
            white-space: nowrap;
        }

        table.important--ecf--table {
            width: 100% !important;
        }

        .data-table {
            margin-right: 0;
        }

        .accordion-faq .btn.btn-link.collapsed::after,
        .accordion-faq .btn.btn-link::after {
            right: 0;
        }

        .payment--input .chk--date {
            top: 4%;
        }

        .payment--input .chk--paydetail {
            top: 36.5%;
        }

        .payment--input .chk--price {
            top: 38%;
        }

        .payment--input .chk--paydetail2 {
            top: 48%;
        }

        body.dashboard--wrapper.open--sidebar .sidebar--panel {
            min-height: inherit;
            height: 100vh;
            overflow: auto;
        }

        .data-table table {
            width: 100% !important;
        }

        body div.dataTables_wrapper div.dataTables_info {
            justify-content: center;
            margin-bottom: 10px;
        }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            justify-content: center !important;
        }

        .payment--input .chk--date {
            top: 8%;
        }

        .payment--input label.name--chk {
            font-size: 12px;
        }

        .payment--input .chk--date {
            font-size: 9px;
        }

        .payment--input .chk--price {
            top: 42%;
            font-size: 12px;
        }

        .payment--input input {
            height: 18px;
        }

        .payment--input .chk--paydetail {
            top: 39%;
        }

        .slider-recent-transaction .carousel-item .h5-17 {
            max-width: 170px;
            margin: 0 auto;
        }
    }

    @media (max-width:575px) {
        .transaction-logs-header ul li {
            width: 100%;
            text-align: center;
            padding-bottom: 10px;
        }

        .transaction-logs-header .select--picker,
        .transaction-logs-header input.btn-gray,
        .recent-transaction-topsection + .row div#accordion input.btn-gray {
            width: 100%;
        }

        .transaction-logs-header .row .col-md-2 {
            margin-bottom: 10px;
            margin: auto;
            padding: 0;
            text-align: center !important;
        }

        .payment--input label.name--chk {
            font-size: 8px;
        }

        .payment--input #chequeDate-error,
        .payment--input .chk--price + .field-validation-error,
        .payment--input .chk--paydetail + .field-validation-error {
            font-size: 7px;
        }

        .payment--input #chequeDate-error {
            top: 15%;
            right: 5.5%;
        }

        .payment--input .chk--paydetail + .field-validation-error {
            top: 48%;
            left: 16%;
        }

        .payment--input .chk--price + .field-validation-error {
            top: 47%;
            right: 7%;
        }

        .payment--input .chk--date {
            top: 7%;
            font-size: 7px;
        }

        .payment--input .chk--price {
            top: 40%;
            font-size: 7px;
        }

        .payment--input .chk--paydetail {
            top: 38%;
            font-size: 7px;
        }

        .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 100%;
        }

        .form-group-payment label.error,
        .field-validation-error {
            font-size: 11px;
        }
    }


    @media (max-width:480px) {
        .transaction-logs-header ul li {
            width: 100%;
            text-align: center;
            padding-bottom: 10px
        }

        .payment--input .chk--price {
            top: 39%;
        }

        .recent-transaction-topsection + .row div#accordion input.btn-gray {
            margin: auto;
        }

        .transaction-logs-header .row .col-md-2 {
            margin-bottom: 10px;
            margin: auto;
            padding: 0;
            text-align: center !important;
        }

        .data-table tr td {
            padding: 8px 6px;
            font-size: 12px;
            line-height: 15px;
            word-break: break-all;
            white-space: inherit;
        }

        .data-table table th {
            padding: 8px 7px;
            font-size: 12px;
        }

        .sorting img {
            width: 14px;
            margin: 3px 1px;
        }

        .transaction-logs-header input.btn-gray {
            margin: auto;
        }

        .col-md-7.header--sorting {
            display: block;
            text-align: center;
        }

        .number {
            justify-content: center;
            margin: 6px 0;
        }

        .data-table th:first-child, .data-table td:first-child {
            padding-left: 10px;
        }

        .data-table th:last-child, .data-table td:last-child {
            padding-right: 10px;
        }

        .data-table tr td:first-child {
            padding-left: 10px;
        }

        .data-table tr td:last-child {
            padding-right: 10px;
        }

        /*    .notification-popup,
    .icon-submit + .notification-popup {
        width: 300px;
        right: 0;
        top: 60px;
        word-break: break-all;
    }*/

        .payment--input .chk--date {
            top: 3%;
        }

        .payment--input .chk--paydetail {
            top: 35%;
        }

        .payment--input .chk--price {
            top: 38%;
        }

        .payment--input #chequeDate-error {
            top: 12%;
        }

        .payment--input .chk--price + .field-validation-error {
            top: 45%;
            right: 5%;
        }

        .payment--input .chk--paydetail + .field-validation-error {
            top: 46%;
            left: 15%;
        }
    }