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

    /* start login and change and forgot password responsive */
    .cmp-sch-img-lft {
        display: none;
    }

    .ctl-log-pic {
        width: 100%;
    }

    .cmp-login-wrapper {
        grid-template-columns: 100%;
        overflow: visible;
    }

    /* .cmp-sch-img-lft {
        display: none;
    } */

    .cmp-log-inf-rit {
        background-image: url('../images/american-heritage-school.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #00000096;
    }

    .cmp-res-mob-box {
        background-color: #00000000;
        height: 100%;
        width: 100%;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .login-block {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        background-color: #ffffffed;
        /* background-color: #ffffff; */
        border-radius: 8px;
    }

    .cmp-hdr-blo-cen p,
    .cmp-frm-che-blo .form-check-label,
    .cmp-foo-txt-blo p {
        color: #222222;
    }

    .cmp-log-inp-box input,
    .cmp-frm-che-blo .form-check-input {
        border: 1px solid #222222 !important;
    }

    .cmp-log-inp-box input::placeholder {
        color: #222222c7;
    }

    .ctl-col-svg-log svg g path {
        fill: #222222;
    }

    .cmp-hdr-blo-cen {
        margin-bottom: 20px;
        margin-top: 5px;
    }

    .cmp-hdr-blo-cen h1,
    .cmp-hdr-blo-cen h2 {
        font-size: 25px;
        line-height: 33px;
        padding-bottom: 25px;
    }

    .cmp-log-inp-box input,
    .cmp-log-btn-blo button {
        font-size: 14px;
    }

    .ctl-res-ico-siz svg {
        width: 22px;
        height: 22px;
    }

    .cmp-foo-txt-blo {
        margin-top: 75px;
    }

    .ctl-inp-ico-pos-abo {
        left: 18px;
    }

    .ctl-inp-eye-pos-abo {
        right: 18px;
    }

    .ctl-inp-ico-pol {
        padding-left: 52px !important;
    }

    /* end login and change and forgot password responsive */
}

@media only screen and (max-width: 340px) {
    .cmp-frm-che-blo .form-check-input {
        width: 19px;
        height: 19px;
        border-radius: 6px
    }

    .cmp-frm-che-blo .form-check-label,
    .cmp-for-pwd-blo a {
        font-size: 13px;
    }
}

@media only screen and (min-width: 341px) and (max-width: 575px) {

    .cmp-frm-che-blo .form-check-label,
    .cmp-for-pwd-blo a {
        font-size: 14px;
    }

}

@media only screen and (min-width: 320px) and (max-width: 575px) {

    /* start login and change and forgot password responsive */
    .cmp-sch-img-lft {
        display: none;
    }

    .ctl-log-pic {
        width: 100%;
    }

    .cmp-login-wrapper {
        grid-template-columns: 100%;
        overflow: visible;
    }

    /* .cmp-sch-img-lft {
        display: none;
    } */

    .cmp-log-inf-rit {
        background-image: url('../images/american-heritage-school.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #00000096;
    }

    .cmp-res-mob-box {
        background-color: #00000000;
        height: 100%;
        width: 100%;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .login-block {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        background-color: #ffffffed;
        /* background-color: #ffffff; */
        border-radius: 8px;
    }

    .cmp-hdr-blo-cen p,
    .cmp-frm-che-blo .form-check-label,
    .cmp-foo-txt-blo p {
        color: #222222;
    }

    .cmp-log-inp-box input,
    .cmp-frm-che-blo .form-check-input {
        border: 1px solid #222222 !important;
    }

    .cmp-log-inp-box input::placeholder {
        color: #222222c7;
    }

    .ctl-col-svg-log svg g path {
        fill: #222222;
    }

    .cmp-hdr-blo-cen {
        margin-bottom: 20px;
        margin-top: 5px;
    }

    .cmp-hdr-blo-cen h1,
    .cmp-hdr-blo-cen h2 {
        font-size: 30px;
        line-height: 33px;
        padding-bottom: 25px;
    }

    .cmp-log-inp-box input,
    .cmp-log-btn-blo button {
        font-size: 14px;
    }

    .ctl-res-ico-siz svg {
        width: 22px;
        height: 22px;
    }

    .cmp-foo-txt-blo {
        /* margin-top: 75px; */
        margin-top: 40px;
    }

    .ctl-inp-ico-pos-abo {
        left: 18px;
    }

    .ctl-inp-eye-pos-abo {
        right: 18px;
    }

    .ctl-inp-ico-pol {
        padding-left: 52px !important;
    }

    /* end login and change and forgot password responsive */

}

@media only screen and (min-width: 320px) and (max-width: 575px) and (orientation: landscape) {

    /* start login and change and forgot password responsive */
    .ctl-log-pic {
        width: 350px;
    }

    /* end login and change and forgot password responsive */
}

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

    /* start login and change and forgot password responsive */
    .cmp-sch-img-lft {
        display: none;
    }

    .ctl-log-pic {
        width: 100%;
    }

    .cmp-login-wrapper {
        grid-template-columns: 100%;
        overflow: visible;
    }

    /* .cmp-sch-img-lft {
        display: none;
    } */

    .cmp-log-inf-rit {
        background-image: url('../images/american-heritage-school.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #00000096;
    }

    .cmp-res-mob-box {
        background-color: #00000000;
        height: 100%;
        width: 100%;
        padding: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .login-block {
        width: 100%;
        padding: 35px;
        box-sizing: border-box;
        background-color: #ffffffed;
        /* background-color: #ffffff; */
        border-radius: 8px;
    }

    .cmp-hdr-blo-cen p,
    .cmp-frm-che-blo .form-check-label,
    .cmp-foo-txt-blo p {
        color: #222222;
    }
    .cmp-hdr-blo-cen h1,.cmp-hdr-blo-cen h2 {
        font-size: 30px;
        padding-bottom: 25px;
    }
    .cmp-log-inp-box input,
    .cmp-frm-che-blo .form-check-input {
        border: 1px solid #222222 !important;
    }

    .cmp-log-inp-box input::placeholder {
        color: #222222c7;
    }

    .ctl-col-svg-log svg g path {
        fill: #222222;
    }

    .cmp-hdr-blo-cen {
        margin-bottom: 20px;
        margin-top: 5px;
    }

    /* end login and change and forgot password responsive */

}

@media only screen and (min-width: 576px) and (max-width: 767px) and (orientation: landscape) {

    /* start login and change and forgot password responsive */
    .ctl-log-pic {
        width: 350px;
    }

    /* end login and change and forgot password responsive */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    /* start login and change and forgot password responsive */
    .cmp-sch-img-lft {
        display: none;
    }

    .ctl-log-pic {
        width: 100%;
    }

    .cmp-login-wrapper {
        grid-template-columns: 100%;
        overflow: visible;
    }

    /* .cmp-sch-img-lft {
        display: none;
    } */

    .cmp-log-inf-rit {
        background-image: url('../images/american-heritage-school.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #00000096;
    }

    .cmp-res-mob-box {
        background-color: #00000000;
        height: 100%;
        width: 100%;
        padding: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .login-block {
        width: 400px;
        padding: 30px;
        box-sizing: border-box;
        background-color: #ffffffed;
        /* background-color: #ffffff; */
        border-radius: 8px;
    }

    .cmp-hdr-blo-cen p,
    .cmp-frm-che-blo .form-check-label,
    .cmp-foo-txt-blo p {
        color: #222222;
    }
    .cmp-hdr-blo-cen h1,.cmp-hdr-blo-cen h2 {
        font-size: 30px;
        padding-bottom: 25px;
    }
    .cmp-log-inp-box input,
    .cmp-frm-che-blo .form-check-input {
        border: 1px solid #222222 !important;
    }

    .cmp-log-inp-box input::placeholder {
        color: #222222c7;
    }

    .ctl-col-svg-log svg g path {
        fill: #222222;
    }

    .cmp-hdr-blo-cen h1,
    .cmp-hdr-blo-cen h2 {
        font-size: 29px;
        line-height: 32px;
    }

    /* end login and change and forgot password responsive */
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {

    /* start login and change and forgot password responsive */
    .ctl-log-pic {
        width: 300px;
    }

    /* end login and change and forgot password responsive */
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /* start login and change and forgot password responsive */
    .ctl-log-pic {
        /* width: 300px; */
    }

    .cmp-hdr-blo-cen h1,
    .cmp-hdr-blo-cen h2 {
        /* font-size: 26px; */
        /* line-height: 28px; */
    }

    .cmp-hdr-blo-cen p,
    .cmp-go-bac-log span,
    .cmp-go-bac-log a {
        font-size: 14px;
    }

    .cmp-foo-txt-blo p,
    .cmp-log-btn-blo button,
    .cmp-frm-che-blo .form-check-label,
    .cmp-for-pwd-blo a {
        font-size: 14px;
    }

    .cmp-grp-mar-tab {
        /* margin-top: 15px; */
        /* margin-bottom: 15px; */
    }

    .cmp-foo-txt-blo {
        margin-top: 20px;
    }

    .cmp-log-inp-box input,
    .cmp-log-btn-blo button {
        /* padding-top: 12px; */
        /* padding-bottom: 12px; */
    }

    .cmp-hdr-blo-cen {
        /* margin-bottom: 20px; */
        /* margin-top: 14px; */
    }

    /* end login and change and forgot password responsive */














}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

    .cmp-hdr-blo-cen h1,
    .cmp-hdr-blo-cen h2 {
        /* font-size: 29px; */
        /* line-height: 32px; */
    }

    .cmp-hdr-blo-cen p,
    .cmp-go-bac-log span,
    .cmp-go-bac-log a {
        font-size: 14px;
    }



    .cmp-foo-txt-blo p,
    .cmp-log-btn-blo button,
    .cmp-frm-che-blo .form-check-label,
    .cmp-for-pwd-blo a {
        font-size: 14px;
    }

    .cmp-grp-mar-tab {
        /* margin-top: 15px; */
        /* margin-bottom: 15px; */
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1399px) {}

@media only screen and (min-width: 1400px) {
    .ctl-log-pic {
        /* width: 311px; */
        width: 100%;
    }

    .cmp-log-inp-box input {
        /* font-size: 20px; */
    }

}

@media only screen and (min-width: 1517px) {

    .cmp-hdr-blo-cen h1,
    .cmp-hdr-blo-cen h2 {
        /* font-size: 38px; */
    }

    .cmp-hdr-blo-cen p,
    .cmp-go-bac-log span,
    .cmp-go-bac-log a {
        /* font-size: 17px; */
    }
}

@media only screen and (min-width: 1707px) {
    .ctl-log-pic {
        /* width: 426px; */
    }

    .cmp-hdr-blo-cen {
        /* margin-top: 50px; */
        margin-top: 10px;
    }

    .cmp-login-wrapper {
        /* overflow: hidden; */
    }
}

@media only screen and (min-width: 1821px) {
    .ctl-log-pic {
        /* width: 500px; */
    }

    .cmp-hdr-blo-cen {
        /* margin-top: 50px; */
    }
}

@media only screen and (min-width: 1920px) {
   

    /* .cmp-hdr-blo-cen h1,
    .cmp-hdr-blo-cen h2 {
        font-size: 2.5rem;
        padding-bottom: 2rem;
        line-height: 49px;
    }

    .cmp-hdr-blo-cen p,
    .cmp-log-inp-box input,
    .cmp-frm-che-blo .form-check-label,
    .cmp-for-pwd-blo a,
    .cmp-foo-txt-blo p {
        font-size: 1.4rem;
    }

    .cmp-go-bac-log span,
    .cmp-go-bac-log a {
        font-size: 1.1rem;
    }

    .cmp-foo-txt-blo {
        margin-top: 3.5rem;
    }

    .cmp-frm-che-blo .form-check-input {
        width: 30px;
        height: 30px;
    }

    .ctl-res-ico-siz svg {
        height: 24px;
        width: 24px;
    }


    .cmp-log-inp-box input,
    .cmp-log-btn-blo button {
        font-size: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    } */
}

@media only screen and (min-width: 2049px) {}

@media only screen and (min-width: 2560px) {}

@media only screen and (min-width: 2732px) {

    .cmp-hdr-blo-cen h1,
    .cmp-hdr-blo-cen h2 {
        font-size: 3rem;
        line-height: 77px;
    }

    .cmp-hdr-blo-cen p,
    .cmp-frm-che-blo .form-check-label,
    .cmp-for-pwd-blo a,
    .cmp-foo-txt-blo p {
        font-size: 2rem;
    }

    .cmp-go-bac-log span,
    .cmp-go-bac-log a {
        font-size: 1.5rem;
    }

    .cmp-log-inp-box input,
    .cmp-log-btn-blo button {
        font-size: 2rem;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .cmp-log-txt-box textarea,.cmp-log-inp-fil input{
         font-size: 2rem;
    }
    .cmp-log-inp-fil input{
        font-size: 2rem;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .cmp-log-inp-fil input{
        padding-left: 45px;
    }
    .cmp-log-inp-fil input::file-selector-button {
        border-radius: 30px;
    }
    .cmp-foo-txt-blo {
        margin-top: 3.5rem;
    }

    .ctl-log-pic {
        /* width: 565px; */
    }

    .cmp-hdr-blo-cen {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    .ctl-error-message {
        font-size: 21px;
    }

    .cmp-frm-che-blo .form-check-input {
        width: 38px;
        height: 38px;
    }

    .cmp-grp-mar-bot {
        margin-bottom: 2.5rem;
    }

    .cmp-grp-mar-tab {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .ctl-res-ico-siz svg {
        height: 35px;
        width: 35px;
    }

    .ctl-inp-ico-pol  {
        padding-left: 90px !important;
    }



    .ctl-inp-ico-pos-abo,.ctl-txt-log-pos-abo {
        left: 35px;
    }
    .ctl-txt-log-pos-abo{
        top: 20px;
    }
    .ctl-inp-eye-pos-abo {
        right: 35px;
    }
    .ctl-log-txt-hei-min {
        height: 100px;
        min-height: 100px !important;
    }
    .login-block {
        width: 35% !important;
    }
}

@media only screen and (min-width: 3840px) {}

@media only screen and (min-width: 4098px) {
    .ctl-log-pic {
        /* width: 70%; */
    }

    .ctl-res-ico-siz svg {
        height: 55px;
        width: 55px;
    }

    .cmp-frm-che-blo .form-check-input {
        width: 50px;
        height: 50px;
    }

    .cmp-hdr-blo-cen p,
    .cmp-frm-che-blo .form-check-label,
    .cmp-for-pwd-blo a,
    .cmp-foo-txt-blo p {
        font-size: 3rem;
    }

    .cmp-log-inp-box input,
    .cmp-log-btn-blo button {
        font-size: 2.8rem;
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .cmp-log-txt-box textarea,.cmp-log-inp-fil input{
         font-size: 2.8rem;
    }
    /* .cmp-log-inp-fil input{
        font-size: 2rem;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .cmp-log-inp-fil input{
        padding-left: 45px;
    }
    .cmp-log-inp-fil input::file-selector-button {
        border-radius: 30px;
    } */
    .ctl-inp-ico-pol {
        padding-left: 107px !important;
    }

    .cmp-foo-txt-blo {
        margin-top: 5.5rem;
    }
}

@media only screen and (min-width: 5464px) {}

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

    .ctl-das-stu-col-hid th:nth-child(4),
    .ctl-das-stu-col-hid td:nth-child(4),
    .ctl-das-stu-col-hid th:nth-child(5),
    .ctl-das-stu-col-hid td:nth-child(5),
    .ctl-das-stu-col-hid th:nth-child(6),
    .ctl-das-stu-col-hid td:nth-child(6) {
        display: none;
    }
    .ctl-sta-ico-mob{
        display: block;
    }
    .ctl-das-adm-col-hid th:nth-child(3),
    .ctl-das-adm-col-hid td:nth-child(3),
    .ctl-das-adm-col-hid th:nth-child(4),
    .ctl-das-adm-col-hid td:nth-child(4) {
        display: none;
    }
}

/* start reponsive */


@media only screen and (max-width: 319px) {
    .cmp-hdr-blo-top h1 {
        font-size: 24px;
    }

    .cmp-com-btn-blo {
        flex-direction: column;
        gap: 20px;
    }

    .cmp-com-btn-blo a {
        display: block;
    }

    .cmp-com-btn-blo a,
    .cmp-com-btn-blo a button {
        width: 100%;
    }

    .ctl-bac-opt-lnk {
        margin-bottom: 20px;
    }

    .cmp-hdr-blo-top span {
        /* display: block; */
    }

    .cmp-com-btn-blo a button {
        font-size: 16px;
        padding: 20px 20px;
        border-radius: 25px;
    }

    .cmp-hdr-blo-top {
        margin-bottom: 20px !important;
    }

    /*  */
    .cmp-sta-hou-grd,
    .cmp-man-hou-grd {
        grid-template-columns: 1fr;
    }
    
    .cmp-com-blo-bot {
        border-bottom: none;
        padding-bottom: 0;
    }


    /*  */
    .cmp-adm-rep-btn a button,
    .cmp-par-rep-btn a button {
        padding: 15px 20px;
    }

    .cmp-adm-rep-btn,
    .cmp-par-rep-btn {
        grid-template-columns: 1fr;
    }

    /*  */
    .cmp-mob-gen-btn {
        display: block;

    }

    .cmp-gen-btn-blo {
        display: none;
    }

    .cmp-rol-grd-blo ul {
        grid-template-columns: 1fr;
    }

    .cmp-gra-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 13px;
    }

    .cmp-gra-grd-blo ul li:first-child {
        grid-column: span 2;
    }

    .cmp-cla-grd-blo ul {
        grid-template-columns: 1fr 1fr;
    }

    .cmp-cam-grd-blo ul {
        grid-template-columns: 1fr;
    }

    .cmp-ser-grd-blo ul {
        grid-template-columns: 1fr;
    }

    .cmp-sch-hou-grd {
        grid-template-columns: 1fr;
    }

    /*  */
    .cmp-shr-det-edt-blo {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .cmp-shr-det-edt-blo a {
        width: 100%;
    }

    .ctl-shr-det-btn,
    .ctl-shr-edt-btn {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    /*  */
    .default_block-width-user {
        width: 90%;
    }

    .default_alert_block {
        padding: 25px;
    }

    /*  */
    .ctl-fil-dat-ran {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    /*  */
    .ctl-not-ico-lft img {
        width: 45px;
        height: 45px;
    }

    .ctl-not-hea-txt-lft h4 {
        font-size: 14px;
    }

    .ctl-not-txt-bot p {
        font-size: 13px;
    }

    /*  */


    .cmp-pop-res-mob-pad .modal-header,
    .cmp-pop-res-mob-pad .modal-body,
    .cmp-pop-res-mob-pad .modal-footer {
        padding: 15px;
    }
    /*  */
    .custom-table tbody tr td{
        font-size: 14px;
    }
    /*  */
    .cmp-sel-dro-for-mob{
        display: block;
        margin-bottom: 15px;
    }
}


@media only screen and (max-width: 380px) {
    .ctl-fil-lis-bot ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .cmp-hdr-blo-top h1 {
        font-size: 24px;
    }

    .cmp-com-btn-blo {
        flex-direction: column;
        gap: 20px;
    }

    .cmp-com-btn-blo a {
        display: block;
    }

    .cmp-com-btn-blo a,
    .cmp-com-btn-blo a button {
        width: 100%;
    }

    .ctl-bac-opt-lnk {
        margin-bottom: 20px;
    }

    .cmp-hdr-blo-top span {
        /* display: block; */
    }

    .cmp-com-btn-blo a button {
        font-size: 16px;
        padding: 20px 20px;
        border-radius: 25px;
    }

    .cmp-hdr-blo-top {
        margin-bottom: 20px !important;
    }

    /*  */
    .cmp-sta-hou-grd,
    .cmp-man-hou-grd {
        grid-template-columns: 1fr;
    }

    .cmp-com-blo-bot {
        border-bottom: none;
        padding-bottom: 0;
    }


    /*  */
    .cmp-adm-rep-btn a button,
    .cmp-par-rep-btn a button {
        padding: 15px 20px;
    }

    .cmp-adm-rep-btn,
    .cmp-par-rep-btn {
        grid-template-columns: 1fr;
    }

    /*  */
    .cmp-mob-gen-btn {
        display: block;

    }

    .cmp-gen-btn-blo {
        display: none;
    }

    .cmp-rol-grd-blo ul {
        grid-template-columns: 1fr;
    }

    .cmp-gra-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 13px;
    }

    .cmp-gra-grd-blo ul li:first-child {
        grid-column: span 2;
    }

    .cmp-cla-grd-blo ul {
        grid-template-columns: 1fr 1fr;
    }

    .cmp-cam-grd-blo ul {
        grid-template-columns: 1fr;
    }

    .cmp-ser-grd-blo ul {
        grid-template-columns: 1fr;
    }

    .cmp-sch-hou-grd {
        grid-template-columns: 1fr;
    }

    /*  */
    .cmp-shr-det-edt-blo {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .cmp-shr-det-edt-blo a {
        width: 100%;
    }

    .ctl-shr-det-btn,
    .ctl-shr-edt-btn {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    /*  */
    .default_block-width-user {
        width: 90%;
    }

    .default_alert_block {
        padding: 25px;
    }

    /*  */
    .ctl-fil-dat-ran {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    /*  */
    .ctl-not-ico-lft img {
        width: 45px;
        height: 45px;
    }

    .ctl-not-hea-txt-lft h4 {
        font-size: 14px;
    }

    .ctl-not-txt-bot p {
        font-size: 13px;
    }

    /*  */


    .cmp-pop-res-mob-pad .modal-header,
    .cmp-pop-res-mob-pad .modal-body,
    .cmp-pop-res-mob-pad .modal-footer {
        padding: 15px;
    }
    /*  */
    .custom-table tbody tr td{
        font-size: 14px;
    }
    /*  */
    .cmp-sel-dro-for-mob{
        display: block;
        margin-bottom: 15px;
    }
}


@media only screen and (min-width: 390px) and (max-width: 575px) {

    /*  */
    .ctl-sub-btn-pos-res {
        position: absolute;
        bottom: 25px;
        width: 100%;
        left: 0;
        z-index: 1;
    }

    .cmp-hei-vh-res {
        height: calc(100vh - 175px);
    }

    /*  */
    .ctl-sch-but-res {
        position: absolute;
        bottom: 25px;
        width: 100%;
        left: 0;
        z-index: 1;
    }

    .cmp-hei-sch-res {
        height: calc(100vh - 275px);
    }
}

@media only screen and (min-width: 390px) and (max-width: 575px) and (orientation: landscape) {
    .ctl-sub-btn-pos-res {
        position: static;
        bottom: auto;
        width: 100%;
        left: auto;
        z-index: unset;
    }

    .cmp-hei-vh-res {
        height: auto;
    }

    /*  */
    .ctl-sch-but-res {
        position: static;
        bottom: auto;
        width: 100%;
        left: auto;
        z-index: unset;
    }

    .cmp-hei-sch-res {
        height: auto;
    }
    
}

@media only screen and (min-width: 320px) and (max-width: 575px) and (orientation: landscape) {

    /*  */
    .cmp-adm-rep-btn,
    .cmp-par-rep-btn {
        grid-template-columns: 1fr;
    }

    /*  */


    .cmp-rol-grd-blo ul {
        grid-template-columns: 1fr 1fr;
    }

    .cmp-cla-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-cam-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-ser-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    /*  */
    .cmp-shr-det-edt-blo {
        display: flex;
        grid-template-columns: unset;
    }

    .cmp-shr-det-edt-blo a {
        width: unset;
    }

    .ctl-shr-det-btn,
    .ctl-shr-edt-btn {
        width: 185px;
    }

    /*  */
    .cmp-pop-res-mob-pad .modal-header,
    .cmp-pop-res-mob-pad .modal-body,
    .cmp-pop-res-mob-pad .modal-footer {
        padding: 20px;
    }

}


@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cmp-hdr-blo-top h1{
            font-size: 22px;
    }
    .ctl-bac-opt-lnk {
        margin-bottom: 20px;
    }

    .cmp-hdr-blo-top span {
        /* display: block; */
    }

    .cmp-com-btn-blo a button {
        font-size: 16px;
    }

    /*  */
    .cmp-sta-hou-grd {
        grid-template-columns: 1fr;
    }
    .cmp-man-hou-grd {
        grid-template-columns: 1fr;
        /* grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); */
    }
    .cmp-com-blo-bot {
        border-bottom: none;
        padding-bottom: 0;
    }

    .ctl-sub-btn-pos-res {
        position: absolute;
        bottom: 25px;
        width: 100%;
        left: 0;
        z-index: 1;
    }

    .cmp-hei-vh-res {
        height: calc(100vh - 210px);
    }

    /*  */
    .ctl-sch-but-res {
        position: absolute;
        bottom: 25px;
        width: 100%;
        left: 0;
        z-index: 1;
    }

    .cmp-hei-sch-res {
        height: calc(100vh - 275px);
    }

    /*  */
    .cmp-adm-rep-btn,
    .cmp-par-rep-btn {
        grid-template-columns: 1fr;
    }

    /*  */
    .cmp-mob-gen-btn {
        display: block;

    }

    .cmp-gen-btn-blo {
        display: none;
    }

    .cmp-rol-grd-blo ul {
        grid-template-columns: 1fr;
    }

    .cmp-gra-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-gra-grd-blo ul li:first-child {
        grid-column: span 2;
    }

    .cmp-cla-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-cam-grd-blo ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .cmp-ser-grd-blo ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .cmp-sch-hou-grd {
        grid-template-columns: 1fr;
    }

    /*  */
    .cmp-shr-det-edt-blo {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .cmp-shr-det-edt-blo a {
        width: 100%;
    }

    .ctl-shr-det-btn,
    .ctl-shr-edt-btn {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

     /*  */
    .custom-table tbody tr td{
        font-size: 14px;
    }
    /*  */
    .cmp-sel-dro-for-mob{
        display: block;
        margin-bottom: 15px;
    }

}

@media only screen and (min-width: 576px) and (max-width: 767px) and (orientation: landscape) {
    .ctl-sub-btn-pos-res {
        position: static;
        bottom: auto;
        width: 100%;
        left: auto;
        z-index: unset;
    }

    .cmp-hei-vh-res {
        height: auto;
    }

    /*  */
    .ctl-sch-but-res {
        position: static;
        bottom: auto;
        width: 100%;
        left: auto;
        z-index: unset;
    }

    .cmp-hei-sch-res {
        height: auto;
    }

    /*  */
    .cmp-adm-rep-btn,
    .cmp-par-rep-btn {
        grid-template-columns: repeat(2, 1fr);
    }

    /*  */


    .cmp-rol-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-cla-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-cam-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-ser-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    /*  */
    .cmp-shr-det-edt-blo {
        display: flex;
        grid-template-columns: unset;
    }

    .cmp-shr-det-edt-blo a {
        width: unset;
    }

    .ctl-shr-det-btn,
    .ctl-shr-edt-btn {
        width: 185px;
    }

}

@media only screen and (max-width: 991px) {
    .cmp-mob-dis-non {
        display: none;
    }
    
}

@media only screen and (max-width: 767px) {
    .cmp-com-pag-hdr {
        display: none;
    }

    .ctl-log-mob-scr {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cmp-hdr-blo-top h1{
        font-size: 22px;
    }
    .cmp-sta-hou-grd {
        grid-template-columns: 1fr;
    }
    .cmp-man-hou-grd {
        /* grid-template-columns: 1fr 1fr; */
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
    /*  */
    
    .cmp-par-rep-btn {
        grid-template-columns: 1fr 1fr;
    }
    .cmp-adm-rep-btn{
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
    /*  */
    .cmp-rol-grd-blo ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .cmp-gra-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-cla-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-cam-grd-blo ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .cmp-ser-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-sch-hou-grd {
        grid-template-columns: 1fr;
    }

    /*  */
    .custom-table tbody tr td{
        font-size: 14px;
    }
    /*  */
    .cmp-sel-dro-for-mob{
        width: 100%;
        display: block;
        margin-bottom: 15px;
        margin-top: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {

    /*  */
    .cmp-adm-rep-btn,
    .cmp-par-rep-btn {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-gra-grd-blo ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .cmp-cla-grd-blo ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .cmp-cam-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .ctl-rep-nme-blo-bot h4, .ctl-rep-hrs-blo-bot h4 {
        font-size: 14px;
    }
    .ctl-rep-dat-blo-top span, .ctl-rep-eve-blo-top span{
        font-size: 13px;
    }
    .cmp-hdr-blo-top h1{
        font-size: 22px;
    }
    .cmp-sta-hou-grd,
    .cmp-man-hou-grd {
        grid-template-columns: 1fr 1fr;
    }

    /*  */
    .cmp-adm-rep-btn,
    .cmp-par-rep-btn {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-gra-grd-blo ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .cmp-cla-grd-blo ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .cmp-cam-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-ser-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-sch-hou-grd {
        grid-template-columns: repeat(2, 1fr);
    }
    .cmp-bor-lne-top{
        padding-top: 15px;
    }
    .b-top{
        margin-bottom: 20px;
    }
    .cmp-des-gen-btn-blo button,.ctl-des-gen-rep-btn button{
        font-size: 12px;
    }
    .ctl-des-gen-rep-btn button{
        min-height: 39px;
    }
    .cmp-sel-box-des .select2-container .select2-selection--single{
            height: 39px;
    }
    .cmp-sel-box-des .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 28px;
    }
    .ctl-num-blo {
        font-size: 25px;
    }
    .custom-table tbody tr td{
        font-size: 14px;
    }
    .cmp-sec-hdr-top h2{
        font-size: 18px;
    }
    .cmp-inp-box-des input, .cmp-sel-box-des .select2-container--default .select2-selection--single .select2-selection__rendered{
        font-size: 14px;
    }
    .cmp-hdr-blo-top {
        margin-bottom: 10px;
    }
    .cmp-sum-rep-des-flx .buttonreset,
    .cmp-sum-rep-des-flx .ctl-web-exp-btn button{
         width: 100%;
    }
    .cmp-sum-rep-des-flx{
        grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
    }
    .cmp-res-spa-2{
        grid-column: span 2;
    }
    /* .ctl-dat-inp-w250 input,.cmp-rep-wid-lis-des,.cmp-rep-wid-sel-des {
        width: 100%;
    } */
    /* .ctl-btn-wid-grd-las {
        width: 150px;
    } */
    .ctl-hdr-rep-mob{
        /* margin-top: 15px !important; */
    }
}

/* @media only screen and (min-width: 992px) and (max-width: 1024px) and (orientation: landscape) {
    
} */

@media only screen and (min-width: 1025px) and (max-width: 1365px) {
    .ctl-rep-nme-blo-bot h4, .ctl-rep-hrs-blo-bot h4 {
        font-size: 14px;
    }
    .ctl-rep-dat-blo-top span, .ctl-rep-eve-blo-top span{
        font-size: 13px;
    }
    .cmp-hdr-blo-top h1{
        font-size: 22px;
    }
    .cmp-sta-hou-grd {
        grid-template-columns: 1fr 1fr;
    }

    .cmp-man-hou-grd{
        grid-template-columns:1fr 1fr 1fr;
    }
    
    /*  */
    .cmp-adm-rep-btn{
        /* grid-template-columns: repeat(2, 1fr); */
    }
    .cmp-par-rep-btn {
        /* grid-template-columns: repeat(3, 1fr); */
    }
    .cmp-adm-rep-btn a button, .cmp-par-rep-btn a button{
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
    }
    .cmp-gra-grd-blo ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .cmp-cla-grd-blo ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .cmp-cam-grd-blo ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .cmp-ser-grd-blo ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .cmp-sch-hou-grd {
        grid-template-columns: repeat(2, 1fr);
    }
    .cmp-bor-lne-top{
        padding-top: 15px;
    }
    .b-top{
        margin-bottom: 20px;
    }
    .cmp-des-gen-btn-blo button,.ctl-des-gen-rep-btn button{
        font-size: 12px;
    }
    .ctl-des-gen-rep-btn button{
        min-height: 39px;
    }
    .cmp-sel-box-des .select2-container .select2-selection--single{
            height: 39px;
    }
    .cmp-sel-box-des .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 28px;
    }
    .ctl-num-blo {
        font-size: 25px;
    }
    .custom-table tbody tr td{
        font-size: 14px;
    }
    .cmp-sec-hdr-top h2{
        font-size: 18px;
    }
    .cmp-inp-box-des input, .cmp-sel-box-des .select2-container--default .select2-selection--single .select2-selection__rendered{
        font-size: 14px;
    }
    .cmp-hdr-blo-top {
        margin-bottom: 10px;
    }
    
   
    .cmp-res-spa-2{
        /* grid-column: span 2; */
    }

    /* .ctl-dat-inp-w250 input,.cmp-rep-wid-lis-des,.cmp-rep-wid-sel-des {
        width: 100%;
    } */
     .ctl-btn-wid-grd-las {
        width: 150px;
    }
    .ctl-sma-des-wid-res{
        width: 100%;
    }
    .ctl-hdr-rep-mob{
        margin-top: 15px !important;
    }
   
}
@media only screen and (min-width: 1025px) and (max-width: 1240px) {
     .cmp-sum-rep-des-flx .buttonreset,
    .cmp-sum-rep-des-flx .ctl-web-exp-btn button{
         width: 100%;
    }
    .cmp-sum-rep-des-flx{
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}
@media only screen and (min-width: 1241px) and (max-width: 1399px) {
    .cmp-sum-rep-des-flx{
        grid-template-columns: 225px 182px 250px 225px auto auto;
        gap:8px;
    }
    
}
@media only screen and (min-width: 1400px){
    .cmp-sum-rep-des-flx{
        grid-template-columns: 225px 200px 270px 225px auto auto;
        gap:16px;
    }
}



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

    .cmp-rep-hdr-res-non {
        display: none;
    }   
}


@media only screen and (max-width: 767px) {
    .cmp-rep-des-pc-vie{
        display: none;
    }
    .cmp-rep-mob-tab-vie{
        display:block;
    }
    .cmp-exp-btn-tab-non{
        display:block;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cmp-rep-des-pc-vie{
        display: none;
    }
    .cmp-rep-mob-tab-vie{
        display:block;
    }
    .cmp-exp-btn-tab-non{
        display:none;
    }
}


@media only screen and (max-width: 991px) {
    .cmp-bac-opt-res {
        display: block;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}





/* start modal filter popup */
@media only screen and (max-width: 991px) {
    .ctl-filter-bottom .modal-dialog {
        animation: slideUp 0.4s ease-out;
        margin: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: 100%;
    }

    @keyframes slideUp {
        from {
            transform: translateY(100%);
            opacity: 0;
        }

        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .ctl-filter-bottom .modal-content {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .ctl-pop-sub-btn {
        /* justify-content: center; */
        /* justify-content: end; */
    }
}

/* end modal filter popup */
/* end reponsive */


@media only screen and (max-width:991px) {
    .cmp-des-sea-box {
        display: none;
    }
    .cmp-mob-scr-onl {
        display: block;
    }
    .cmp-pat-sel-box {
        display: none;
    }
    /*  start approval list page */
    .cmp-app-mob-vie{
        display: block;
    }
    .cmp-app-des-vie{
        display: none;
    }
    /*  end approval list page */
}



@media only screen and (min-width:992px) and (max-width: 1365px) {
    .cmp-pop-com-hdr h5{
        font-size: 16px;
    }
    .ctl-shr-tit-ico-lft span, .ctl-shr-ico-tit-lft span, .ctl-shr-val-txt-rit span, .ctl-shr-val-txt-bot p {
        font-size: 14px;
    }
    .ctl-app-txt-are textarea{
        font-size: 14px;
    }
    .ctl-shr-tit-ico-lft svg,.ctl-shr-ico-tit-lft svg,.ctl-app-ico-abo svg{
        height: 20px;
        width: 20px;
    }
    .ctl-pop-sub-btn button{
        font-size: 13px;
    }
    .ctl-shr-inf-flx li, .ctl-shr-cmt-flx li {
        margin-bottom: 15px;
    }
    
}
@media only screen and (min-width:992px) and (max-width: 1199px) {
    .cmp-des-fil-app-flx{
        margin-top: 15px;
    }
}


@media only screen and (max-width:991px){
    .cmp-rep-des-non{
        /* display: block; */
    }
    .cmp-rep-des-blo{
        /* display: none; */
    }
    .cmp-com-for-mob{
        display: block;
        margin-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #bdbdbd54;
    }

}

@media only screen and (min-width:992px){
    .cmp-logo-overlay{
        /* display: none; */
    }
}
@media only screen and (min-width: 768px){
    button.btn-des-pad-wid{
        width: fit-content;
        padding-left: 35px !important;
        padding-right: 34px !important;
    }
}
/*  */
@media only screen and (max-width: 340px) {
    .cmp-rep-flx-box{
        grid-template-columns: auto 130px;
    }
}
@media only screen and (min-width: 341px) and (max-width: 360px) {
    .cmp-rep-flx-box{
        grid-template-columns: auto 160px;
    }
}
@media only screen and (min-width: 361px) and (max-width: 390px) {
    .cmp-rep-flx-box{
        grid-template-columns: auto 200px;
    }
}
@media only screen and (min-width: 391px) and (max-width: 575px) {
    .cmp-rep-flx-box{
        grid-template-columns: auto 50%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cmp-rep-flx-box{
        grid-template-columns: auto 50%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cmp-rep-flx-box{
        grid-template-columns: auto 50%;
    }
} 
/*  */
@media only screen and (max-width: 1365px) {
    .ctl-error-message{
        font-size: 14px;
    }
}

@media only screen and (max-width: 349px){
    .custom-toast-width {
        width: fit-content !important;
    }
}
@media only screen and (max-width: 575px){
    .cmp-wid-not-sel-des{
        width: 100%;
    }
    .cmp-not-sel-blo{
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 1400px) {
    .login-block {
        width: 25%;
        padding: 40px;
    }
}

/*  */


@media only screen and (max-width: 575px){
    .cmp-res-grs-des{
        /* display: grid; */
        /* grid-template-columns: 1fr; */
        row-gap: 10px;
    }
    .cmp-res-grs-des .ctl-full-wid-res{
        width: 100%;
    }
    .cmp-res-grs-des .ctl-sup-adn-res-btn-blo{
        padding-right: 0;
    }
    .cmp-res-grs-des .ctl-wid-pas,
    .cmp-res-grs-des .ctl-wid-pas-mon,
    .cmp-res-grs-des .cmp-fil-sel-wid-des,
    .cmp-res-grs-des .cmp-fil-sel-wid270-des{
        width: 100%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cmp-res-grs-des{
            /* display: grid; */
            /* grid-template-columns: 1fr 1fr; */
            row-gap: 13px;
        }
        .cmp-res-grs-des .ctl-full-wid-res{
            width: 100%;
        }
        .cmp-res-grs-des .ctl-sup-adn-res-btn-blo{
            padding-right: 0;
        }
    .cmp-res-grs-des .ctl-wid-pas,
        .cmp-res-grs-des .ctl-wid-pas-mon,
        .cmp-res-grs-des .cmp-fil-sel-wid-des,
        .cmp-res-grs-des .cmp-fil-sel-wid270-des{
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cmp-res-grs-des{
            display: grid;
            grid-template-columns: 1fr 1fr;
            row-gap: 17px;
        }
    .cmp-res-grs-des .ctl-wid-pas,
        .cmp-res-grs-des .ctl-wid-pas-mon,
        .cmp-res-grs-des .cmp-fil-sel-wid-des,
        .cmp-res-grs-des .cmp-fil-sel-wid270-des{
        width: 100%;
    }
    
}
@media only screen and (min-width:992px) and (max-width: 1199px) {
    .ctl-tab-res-sma>div{
        width: 100%;
    }
    .cmp-res-grs-des{
            /* display: grid; */
            /* grid-template-columns: 1fr 1fr 1fr 1fr; */
            /* row-gap: 17px; */
        }
    .cmp-res-grs-des .ctl-wid-pas,
        .cmp-res-grs-des .ctl-wid-pas-mon,
        .cmp-res-grs-des .cmp-fil-sel-wid-des,
        .cmp-res-grs-des .cmp-fil-sel-wid270-des{
        width: 100%;
    }
    .cmp-res-grs-des>div{
        /* width: 100%; */
    }
}

@media only screen and (max-width: 1199px) {
    .cmp-das-mar-top{
        margin-bottom:15px !important;
    }
}
@media only screen and (max-width: 991px) {
    .cmp-sup-adm-res-hid,.cmp-sup-adm-res-hid-par{
        /* display: none !important; */
    }
}
@media only screen and (min-width: 1200px) {
    .cmp-des-wid-fit{
        width: fit-content;;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1331px) {
    .ctl-dasbor-res{
        display: block;
    }
    .ctl-dasbor-res .ctl-dasmar-res{
        margin-bottom: 10px !important;
    }
}
@media only screen and (max-width: 575px){
    .ctl-eve-typ-res-flx{
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .ctl-eve-typ-res-flx > div{
        width: 100%;
    }
    .ctl-eve-typ-res-flx .ctl-wid-pas-mon{
        width: 100%;
    }
    .cmp-des-fil-app-flx{
        display: grid;
        grid-template-columns: 1fr;
        display: none;
    }
    
    .cmp-des-fil-app-flx .cmp-wid-sel-des, .cmp-des-fil-app-flx .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-app-res-bot-non{
        margin-bottom:0;
    }
    .cmp-gra-adm-res{
        row-gap: 13px;
    }
    .cmp-gra-adm-res>div:first-child,
    .cmp-gra-adm-res>div:nth-child(2){
        width: 100%;
    }
    .cmp-gra-adm-res>div:nth-child(3),
    .cmp-gra-adm-res>div:nth-child(4){
        width: fit-content;
    }
    .cmp-gra-adm-res>div:nth-child(3){
        padding-right: 0;
    }
    .cmp-gra-adm-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-gra-adm-res>div .ctl-wid-pas-mon{
        width: 100%;
    }


    /*  */
    .cmp-usr-det-res{
        row-gap: 13px;
    }
    .cmp-usr-det-res>div:first-child{
        width: 100%;
    }
    .cmp-usr-det-res>div:nth-child(2),
    .cmp-usr-det-res>div:nth-child(3){
        width: fit-content;
    }
    .cmp-usr-det-res>div:nth-child(2){
        padding-right: 0;
    }
    .cmp-usr-det-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-usr-det-res>div .ctl-wid-pas-mon{
        width: 100%;
    }
    /* email temp  */
    .cmp-ema-tem-res{
        row-gap: 13px;
    }
    .cmp-ema-tem-res>div:first-child{
        width: 100%;
    }
    .cmp-ema-tem-res .ctl-datr-inp-w265{
        width: 100%;
    }
    
    
}
@media only screen and (min-width:576px) and (max-width: 767px) {
    .ctl-eve-typ-res-flx{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .ctl-eve-typ-res-flx > div{
        width: 100%;
    }
    .ctl-eve-typ-res-flx .ctl-wid-pas-mon{
        width: 100%;
    }
    .cmp-des-fil-app-flx{
        margin-top: 15px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        display: none;
    }
    .cmp-des-fil-app-flx .cmp-wid-sel-des, .cmp-des-fil-app-flx .ctl-datr-inp-w265{
        width: 100%;
    }
    /* email temp  */
    .cmp-ema-tem-res{
        row-gap: 13px;
    
    }
    .cmp-ema-tem-res>div:first-child{
        width: 100%;
        margin-left: unset !important;
    }
    .cmp-ema-tem-res .ctl-datr-inp-w265{
        width: 100%;
    }

    
}
@media only screen and (min-width:576px) and (max-width: 767px)  and (orientation: landscape){
     /* email temp  */
    .cmp-ema-tem-res>div:first-child {
        width: unset;
    }
}
@media only screen and (min-width:768px) and (max-width: 991px) {
    .ctl-eve-typ-res-flx{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .ctl-eve-typ-res-flx > div{
        width: 100%;
    }
    .ctl-eve-typ-res-flx .ctl-wid-pas-mon{
        width: 100%;
    }
    .cmp-des-fil-app-flx{
        margin-top: 15px;
       display: grid;
       grid-template-columns: 1fr 1fr;
       
       display: none;
    }
    .cmp-des-fil-app-flx .cmp-wid-sel-des, .cmp-des-fil-app-flx .ctl-datr-inp-w265{
        width: 100%;
    }
    /* email temp  */
    .cmp-ema-tem-res{
        row-gap: 13px;
    
    }
    .cmp-ema-tem-res>div:first-child{
        width: unset;
        margin-left: unset !important;
    }
   
}
@media only screen and (min-width:1200px) and (max-width: 1232px) {
    .ctl-par-sum-rep-res>div{
        /* width: 100%; */
    }
}


/* new */

@media only screen and (max-width: 575px){
    .cmp-res-grs-des-par{
        row-gap: 10px;
    }
    .cmp-res-grs-des-par>div:first-child,
    .cmp-res-grs-des-par>div:nth-child(2){
        width: 100%;    
    }
    .cmp-res-grs-des-par>div:nth-child(2){
        /* padding-right:0; */
    }
    .cmp-res-grs-des-par>div:nth-child(4){
        padding-left:0;
    }
    .cmp-res-grs-des-par .ctl-datr-inp-w245,
    .cmp-res-grs-des-par .cmp-fil-sel-wid-des{
        width: 100%;
    }
    .cmp-sup-adm-res-hid-par>div:nth-child(2){
        width: unset;    
        padding-right: 0;
    }
    /* .cmp-res-adm-grs-des{
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .cmp-res-adm-grs-des .ctl-wid-pas,
    .cmp-res-adm-grs-des .ctl-wid-pas-mon,
    .cmp-res-adm-grs-des .cmp-fil-sel-wid-des{
        width: 100%;
    } */
     .parent-block-info, .cmp-das-grd-child-blo {
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cmp-res-grs-des-par{
        /* display: grid; */
        /* grid-template-columns: 1fr 1fr; */
        /* grid-template-columns: 1fr; */
        row-gap:13px;
    }
    .cmp-res-grs-des-par>div:first-child,
     .cmp-res-grs-des-par>div:nth-child(2){
        width: 100%;    
    }
    .cmp-res-grs-des-par>div:nth-child(2){
        /* padding-right:0; */
    }
    .cmp-res-grs-des-par>div:nth-child(4){
        padding-left:0;
    }
    .cmp-res-grs-des-par .ctl-datr-inp-w245,
    .cmp-res-grs-des-par .cmp-fil-sel-wid-des{
        width: 100%;
    }
    .cmp-sup-adm-res-hid-par>div:nth-child(2){
        width: unset;    
        padding-right: 0;
    }
    .parent-block-info,.cmp-das-grd-child-blo{
        grid-template-columns: 1fr 1fr;
    }

}
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .cmp-res-grs-des-par .ctl-datr-inp-w245 {
        /* width: 210px; */
        width: 252px;
    }
}

/*  */


@media only screen and (max-width: 767px){
    .cmp-hdr-des-none {
        display: block;
    }
    .cmp-hdr-des-new-none{
        display: none;
    }
}
/* @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cmp-com-pag-hdr {
        display: none;
    }
    .cmp-hdr-des-none {
        display: block;
    }
} */
@media only screen and (max-width: 319px){
   .cmp-sta-hou-grd-mod-new{
        display: grid;
        grid-template-columns: 1fr;
    }
    /* .cmp-das-grd-chi-blo{
         grid-template-columns: 1fr;
    } */
}


@media only screen and (min-width: 320px) and (max-width: 575px) {

    .cmp-sta-hou-grd-mod-new{
        display: grid;
        grid-template-columns: 1fr;
    }
    /* .cmp-das-grd-chi-blo{
         grid-template-columns: 1fr;
    } */
}
@media only screen and (min-width: 576px) and (max-width: 767px) {

    .cmp-sta-hou-grd-mod-new{
        display: grid;
        grid-template-columns: 1fr;
    }
    /* .cmp-das-grd-chi-blo{
         grid-template-columns: 1fr 1fr;
    } */
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .cmp-sta-hou-grd-mod-new{
        display: grid;
        /* grid-template-columns: 1fr 1fr; */
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
}
/* reponive new  start */
@media only screen and (max-width: 575px) {
    .cmp-das-grd-blo,.cmp-das-grd-chi-blo {
        grid-template-columns: 1fr;
    }
    .cmp-das-adm-grd-blo-sum{
        margin-bottom: 13px;
    }
    .cmp-sum-rep-des-flx .buttonreset,
    .cmp-sum-rep-des-flx .ctl-web-exp-btn button{
         width: 100%;
    }
    .cmp-sum-rep-des-flx{
        grid-template-columns: 1fr 1fr;
        /* margin-top: 15px; */
    }
    .cmp-sum-rep-des-flx>div:first-child,
    .cmp-sum-rep-des-flx>div:nth-child(2),
    .cmp-sum-rep-des-flx>div:nth-child(3){
        grid-column: span 2;
    }
    /* .cmp-res-spa-2{
        grid-column: span 2;
    } */

    .ctl-ser-eve-res-flx{
        row-gap: 13px;
    }
    .ctl-ser-eve-res-flx>div:first-child,
    .ctl-ser-eve-res-flx>div:nth-child(2){
        width: 100%;
    }
    .ctl-ser-eve-res-flx>div:nth-child(3)
    .ctl-ser-eve-res-flx>div:nth-child(4){
        width: fit-content;
    }
    .ctl-ser-eve-res-flx>div:nth-child(3){
        padding-right:0;
    }
    
    .ctl-ser-eve-res-flx .ctl-dat-inp-ser-eve-w250,
    .ctl-ser-eve-res-flx .ctl-datr-inp-w265{
        width: 100%;
    }
    /*  */
    .ctl-rep-set-res-flx{
        row-gap: 13px;
    }
    .ctl-rep-set-res-flx > div:first-child{
        width: 100%;
    }
    .ctl-rep-set-res-flx > div:nth-child(2),
    .ctl-rep-set-res-flx > div:nth-child(3){
        width: fit-content;
    }
    .ctl-rep-set-res-flx > div:nth-child(2){
        padding-right:0;
    }
    .ctl-rep-set-res-flx  .ctl-wid-pas-mon-rep{
        width: 100%;
    }
    /* announcement */
    .cmp-ano-pag-res{
        row-gap: 13px;
    }
    .cmp-ano-pag-res>div:first-child,
    .cmp-ano-pag-res>div:nth-child(2),
    .cmp-ano-pag-res>div:nth-child(3),
    .cmp-ano-pag-res>div:nth-child(4){
        width: 100%;
    }
    .cmp-ano-pag-res>div:nth-child(5),
    .cmp-ano-pag-res>div:nth-child(6){
        width: fit-content;
    }
    .cmp-ano-pag-res>div:nth-child(5){
        padding-right: 0;
    }
    .cmp-ano-pag-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-ano-pag-res>div .ctl-wid-pas-mon{
        width: 100%;
    }
    /*  */

    .cmp-gro-pag-res{
        row-gap: 13px;
    }
    .cmp-gro-pag-res>div:first-child,
    .cmp-gro-pag-res>div:nth-child(2){
        width: 100%;
    }
    .cmp-gro-pag-res>div:nth-child(3),
    .cmp-gro-pag-res>div:nth-child(4){
        width: fit-content;
    }
    .cmp-gro-pag-res>div:nth-child(3){
        padding-right: 0;
    }
    .cmp-gro-pag-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-gro-pag-res .cmp-fil-sel-wid-des{
        width: 100%;
    }
    /* notification */
    .cmp-not-pag-res{
        row-gap: 13px;
    }
    .cmp-not-pag-res>div:first-child,
    .cmp-not-pag-res>div:nth-child(2),
    .cmp-not-pag-res>div:nth-child(3),
    .cmp-not-pag-res>div:nth-child(4){
        width: 100%;
    }
    .cmp-not-pag-res>div:nth-child(5),
    .cmp-not-pag-res>div:nth-child(6){
        width: fit-content;
    }
    .cmp-not-pag-res>div:nth-child(5){
        padding-right: 0;
    }
    .cmp-not-pag-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-not-pag-res>div .ctl-wid-pas-mon{
        width: 100%;
    }
    /*  */
    .cmp-sup-adm-res-hid .ctl-datr-inp-w245{
        width: 100%;
    }
   

    
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cmp-das-grd-blo,.cmp-das-grd-chi-blo {
         grid-template-columns: 1fr;
    }
    .cmp-das-adm-grd-blo-sum{
        margin-bottom: 15px;
    }
    .cmp-sum-rep-des-flx .buttonreset,
    .cmp-sum-rep-des-flx .ctl-web-exp-btn button{
         width: 100%;
    }
    .cmp-sum-rep-des-flx{
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 15px;
    }
    .cmp-res-spa-2{
         grid-column: span 2;
    }
    /*  */
    .ctl-ser-eve-res-flx{
        row-gap: 13px;
    }
    .ctl-ser-eve-res-flx>div:first-child,
    .ctl-ser-eve-res-flx>div:nth-child(2){
        width: 100%;
    }
    .ctl-ser-eve-res-flx>div:nth-child(3)
    .ctl-ser-eve-res-flx>div:nth-child(4){
        width: fit-content;
    }
    .ctl-ser-eve-res-flx>div:nth-child(3){
        padding-right:0;
    }
    
    .ctl-ser-eve-res-flx .ctl-dat-inp-ser-eve-w250,
    .ctl-ser-eve-res-flx .ctl-datr-inp-w265{
        width: 100%;
    }
    /*  */
    .cmp-gra-adm-res{
        row-gap: 13px;
    }
    .cmp-gra-adm-res>div:first-child,
    .cmp-gra-adm-res>div:nth-child(2){
        width: 100%;
    }
    .cmp-gra-adm-res>div:nth-child(3),
    .cmp-gra-adm-res>div:nth-child(4){
        width: fit-content;
    }
    .cmp-gra-adm-res>div:nth-child(3){
        padding-right: 0;
    }
    .cmp-gra-adm-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-gra-adm-res>div .ctl-wid-pas-mon{
        width: 100%;
    }
    /*  */
    .cmp-usr-det-res{
        row-gap: 13px;
    }
    .cmp-usr-det-res>div:first-child{
        width: 100%;
    }
    .cmp-usr-det-res>div:nth-child(2),
    .cmp-usr-det-res>div:nth-child(3){
        width: fit-content;
    }
    .cmp-usr-det-res>div:nth-child(2){
        padding-right: 0;
    }
    .cmp-usr-det-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-usr-det-res>div .ctl-wid-pas-mon{
        width: 100%;
    }
    /*  */
    .ctl-rep-set-res-flx{
        row-gap: 13px;
    }
    .ctl-rep-set-res-flx > div:first-child{
        width: 100%;
    }
    .ctl-rep-set-res-flx > div:nth-child(2),
    .ctl-rep-set-res-flx > div:nth-child(3){
        width: fit-content;
    }
    .ctl-rep-set-res-flx > div:nth-child(2){
        padding-right:0;
    }
    .ctl-rep-set-res-flx  .ctl-wid-pas-mon-rep{
        width: 100%;
    }
    /* announcement */
    .cmp-ano-pag-res{
        row-gap: 13px;
    }
    .cmp-ano-pag-res>div:first-child,
    .cmp-ano-pag-res>div:nth-child(2),
    .cmp-ano-pag-res>div:nth-child(3),
    .cmp-ano-pag-res>div:nth-child(4){
        width: 100%;
    }
    .cmp-ano-pag-res>div:nth-child(5),
    .cmp-ano-pag-res>div:nth-child(6){
        width: fit-content;
    }
    .cmp-ano-pag-res>div:nth-child(5){
        padding-right: 0;
    }
    .cmp-ano-pag-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-ano-pag-res>div .ctl-wid-pas-mon{
        width: 100%;
    }
    /*  */

    .cmp-gro-pag-res{
        row-gap: 13px;
    }
    .cmp-gro-pag-res>div:first-child,
    .cmp-gro-pag-res>div:nth-child(2){
        width: 100%;
    }
    .cmp-gro-pag-res>div:nth-child(3),
    .cmp-gro-pag-res>div:nth-child(4){
        width: fit-content;
    }
    .cmp-gro-pag-res>div:nth-child(3){
        padding-right: 0;
    }
    .cmp-gro-pag-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-gro-pag-res .cmp-fil-sel-wid-des{
        width: 100%;
    }
    /* notification */
    .cmp-not-pag-res{
        row-gap: 13px;
    }
    .cmp-not-pag-res>div:first-child,
    .cmp-not-pag-res>div:nth-child(2),
    .cmp-not-pag-res>div:nth-child(3),
    .cmp-not-pag-res>div:nth-child(4){
        width: 100%;
    }
    .cmp-not-pag-res>div:nth-child(5),
    .cmp-not-pag-res>div:nth-child(6){
        width: fit-content;
    }
    .cmp-not-pag-res>div:nth-child(5){
        padding-right: 0;
    }
    .cmp-not-pag-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-not-pag-res>div .ctl-wid-pas-mon{
        width: 100%;
    }
    /*  */
    .cmp-sup-adm-res-hid .ctl-datr-inp-w245{
        width: 100%;
    }
     /* .cmp-sup-adm-res-hid>div:nth-child(4){
        width: unset;
    } */
}
@media only screen and (min-width: 576px) and (max-width: 767px) and (orientation: landscape) {

    .cmp-das-adm-grd-blo{
        grid-template-columns: 1fr 1fr;
    
    }
    .cmp-das-grd-blo,.cmp-das-grd-chi-blo{
         grid-template-columns: 1fr 1fr;
    }
    .cmp-res-sty-new .ctl-fam-mem-blo:first-child{
        grid-column: span 2;
    }
    /*  */
    .ctl-use-det-res-wid>div:first-child{
        width: fit-content;
    }
    .ctl-use-det-res-wid>div:nth-child(2){
        width: fit-content;
            margin-left: auto;
            margin-top:auto;
            margin-bottom:auto;
    }
    /*  */
    .ctl-rep-set-lan-res > div:first-child{
        width: fit-content;
    }
    .ctl-rep-set-lan-res > div:nth-child(2){
        width: fit-content;
        margin-left: auto;
    }

    .ctl-rep-set-res-flx > div:first-child{
        width: fit-content;  padding-right:0;
    }
    .ctl-rep-set-res-flx .ctl-wid-pas-mon-rep {
        width: 250px;
    }
    /*  */
    .cmp-gro-pag-res>div:first-child,
    .cmp-gro-pag-res>div:nth-child(2){
        width: unset;
        padding-right: 0;
    }
    .cmp-gro-pag-res .ctl-datr-inp-w265 {
        width: 210px;
    }
    .cmp-gro-pag-res .cmp-fil-sel-wid-des{
        width: 200px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cmp-res-fil-new{
        position: static;
        text-align: right;
    }
    .cmp-das-grd-blo,.cmp-das-grd-chi-blo{
        grid-template-columns: 1fr 1fr;
    }
    .cmp-res-sty-new .ctl-fam-mem-blo:first-child{
        grid-column: span 2;
    }
    div.dataTables_wrapper div.dataTables_info{
        text-align: center;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }
    .cmp-das-adm-grd-blo-sum{
        margin-bottom: 15px;
    }
    .cmp-res-grs-des-par{
        row-gap:10px;
        justify-content: end;
        /* justify-content: start; */
    }
    .cmp-res-grs-des-par>div:first-child{
        margin-left: unset !important;
    }
    .cmp-sum-rep-des-flx .buttonreset,
    .cmp-sum-rep-des-flx .ctl-web-exp-btn button{
         width: 100%;
    }
    .cmp-sum-rep-des-flx{
        grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
    }
    .cmp-res-spa-2{
        grid-column: span 2;
    }
    /*  */
    .ctl-ser-eve-res-flx{
        row-gap: 13px;
    }
    .ctl-ser-eve-res-flx>div:first-child,
    .ctl-ser-eve-res-flx>div:nth-child(2){
        width: 100%;
    }
    .ctl-ser-eve-res-flx>div:nth-child(3)
    .ctl-ser-eve-res-flx>div:nth-child(4){
        width: fit-content;
    }
    .ctl-ser-eve-res-flx>div:nth-child(3){
        padding-right:0;
    }
    
    .ctl-ser-eve-res-flx .ctl-dat-inp-ser-eve-w250,
    .ctl-ser-eve-res-flx .ctl-datr-inp-w265{
        width: 100%;
    }
    /*  */
    .cmp-gra-adm-res{
        row-gap: 13px;
    }
    .cmp-gra-adm-res>div:first-child,
    .cmp-gra-adm-res>div:nth-child(2){
        width: 100%;
    }
    .cmp-gra-adm-res>div:nth-child(3),
    .cmp-gra-adm-res>div:nth-child(4){
        width: fit-content;
    }
    .cmp-gra-adm-res>div:nth-child(3){
        padding-right: 0;
    }
    .cmp-gra-adm-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-gra-adm-res>div .ctl-wid-pas-mon{
        width: 100%;
    }
    /*  */
    .cmp-usr-det-res{
        row-gap: 13px;
        justify-content: start;
    }
    .cmp-usr-det-res>div:first-child{
        width: fit-content;
        padding-right: 0;
         margin-left: unset !important;
    }
    .cmp-usr-det-res>div:nth-child(2),
    .cmp-usr-det-res>div:nth-child(3){
        width: fit-content;
    }
    .cmp-usr-det-res>div:nth-child(2){
        padding-right: 0;
    }
    .cmp-usr-det-res .ctl-datr-inp-w265{
        /* width: 100%; */
    }
    .cmp-usr-det-res>div .ctl-wid-pas-mon{
        width: 100%;
    }
    /*  */
    .ctl-rep-set-res-flx{
        row-gap: 13px;
    }
    .ctl-rep-set-res-flx > div:first-child{
        width: 25%;
    }
    
    .ctl-rep-set-res-flx > div:first-child,
    .ctl-rep-set-res-flx > div:nth-child(2){
        padding-right:0;
    }
    .ctl-rep-set-res-flx  .ctl-wid-pas-mon-rep{
        width: 100%;
    }
    /* announcement */
    .cmp-ano-pag-res{
        row-gap: 13px;
    }
    .cmp-ano-pag-res>div:first-child,
    .cmp-ano-pag-res>div:nth-child(2),
    .cmp-ano-pag-res>div:nth-child(3),
    .cmp-ano-pag-res>div:nth-child(4){
        width: 50%;
    }
    .cmp-ano-pag-res>div:nth-child(5),
    .cmp-ano-pag-res>div:nth-child(6){
        width: fit-content;
    }
    .cmp-ano-pag-res>div:nth-child(5){
        padding-right: 0;
    }
    .cmp-ano-pag-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-ano-pag-res>div .ctl-wid-pas-mon{
        width: 100%;
    }
    /*  */

    .cmp-gro-pag-res{
        row-gap: 13px;
    }
    .cmp-gro-pag-res>div:first-child,
    .cmp-gro-pag-res>div:nth-child(2){
        width: 100%;
    }
    .cmp-gro-pag-res>div:nth-child(3),
    .cmp-gro-pag-res>div:nth-child(4){
        width: fit-content;
    }
    .cmp-gro-pag-res>div:nth-child(3){
        padding-right: 0;
    }
    .cmp-gro-pag-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-gro-pag-res .cmp-fil-sel-wid-des{
        width: 100%;
    }
    /*  */
    .cmp-not-pag-res{
        row-gap: 13px;
    }
    .cmp-not-pag-res>div:first-child,
    .cmp-not-pag-res>div:nth-child(2),
    .cmp-not-pag-res>div:nth-child(3),
    .cmp-not-pag-res>div:nth-child(4){
        width: 50%;
    }
    .cmp-not-pag-res>div:nth-child(5),
    .cmp-not-pag-res>div:nth-child(6){
        width: fit-content;
    }
    .cmp-not-pag-res>div:nth-child(5){
        padding-right: 0;
    }
    .cmp-not-pag-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-not-pag-res>div .ctl-wid-pas-mon{
        width: 100%;
    }
    /*  */
    .cmp-sup-adm-res-hid{
        display: flex;
        grid-template-columns: unset;
        row-gap: 13px;
    }
    .cmp-sup-adm-res-hid>div:nth-child(4){
       padding-right: 0;
       margin-left: unset !important;
    }
    .cmp-das-par-hor-grd-blo{
         grid-template-columns: 1fr;
    }
    .parent-block-info,.cmp-das-grd-child-blo{
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {

    .cmp-das-adm-grd-blo{
        grid-template-columns: 1fr 1fr;
    
    }
    /*  */
    .ctl-ser-eve-res-flx{
        justify-content: end;
    }
    .ctl-ser-eve-res-flx>div:first-child,
    .ctl-ser-eve-res-flx>div:nth-child(2){
        width: unset;
    }
    .ctl-ser-eve-res-flx>div:first-child,
    .ctl-ser-eve-res-flx>div:nth-child(2){
       padding-right: 0;
    }
    /*  */
    .cmp-gra-adm-res{
        justify-content: end;
    }
    .cmp-gra-adm-res>div:first-child,
    .cmp-gra-adm-res>div:nth-child(2){
         width: unset;
    }
    .cmp-gra-adm-res>div:first-child,
    .cmp-gra-adm-res>div:nth-child(2){
        padding-right: 0;
    }
    /*  */
    .cmp-usr-det-res{
        justify-content: end;
    }
    /*  */
    .ctl-rep-set-res-flx{
        justify-content: end;
    }
    .ctl-rep-set-res-flx > div:first-child{
        width: unset;
    }
     .ctl-rep-set-res-flx .ctl-wid-pas-mon-rep {
        width: 220px;
    }
    /* announcement */
 
    .cmp-ano-pag-res>div:first-child,
    .cmp-ano-pag-res>div:nth-child(2),
    .cmp-ano-pag-res>div:nth-child(3),
    .cmp-ano-pag-res>div:nth-child(4){
        width: unset;
    }
     .cmp-ano-pag-res>div:first-child{
        margin-left: unset !important;
     }
    .cmp-ano-pag-res .ctl-datr-inp-w265{
        width: 264px;
    }
    /*  */
    .cmp-gro-pag-res>div:first-child{
        margin-left: unset !important;
     }
    .cmp-gro-pag-res>div:first-child,
    .cmp-gro-pag-res>div:nth-child(2){
        width: unset;
    }
    .cmp-gro-pag-res .cmp-fil-sel-wid-des{
        width: 200px;
    }
    .cmp-gro-pag-res .ctl-datr-inp-w265 {
         width: 220px;
    }
    /* announcement */
 
    .cmp-not-pag-res>div:first-child,
    .cmp-not-pag-res>div:nth-child(2),
    .cmp-not-pag-res>div:nth-child(3),
    .cmp-not-pag-res>div:nth-child(4){
        width: unset;
        padding-right: 0;
    }
    .cmp-not-pag-res>div:first-child{
        margin-left: unset !important;
    }
    .cmp-not-pag-res .ctl-datr-inp-w265{
        width: 264px;
    }
    /*  */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cmp-das-adm-grd-blo {
        grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    }
    .cmp-das-grd-blo,.cmp-das-grd-chi-blo{
         grid-template-columns: 1fr 1fr;
    }
    .cmp-res-sty-new .ctl-fam-mem-blo:first-child{
        grid-column: span 2;
    }
    .ctl-par-sum-rep-res{
        display: flex;
        flex-direction: column;
        row-gap: 15px;
    }
    /*  */
    .ctl-ser-eve-res-flx{
        row-gap: 13px;
    }
    .ctl-ser-eve-res-flx>div:first-child{
       margin-left: unset !important;
    }
    /*  */
    .cmp-gra-adm-res{
        row-gap: 13px;
    }
    .cmp-gra-adm-res>div:first-child,
    .cmp-gra-adm-res>div:nth-child(2){
        margin-left: unset !important;
    }
    /* announcement */
    .cmp-ano-pag-res{
        row-gap: 13px;
    }
    .cmp-ano-pag-res>div:first-child{
        margin-left: unset !important;
    }
    /* .cmp-ano-pag-res>div:first-child,
    .cmp-ano-pag-res>div:nth-child(2),
    .cmp-ano-pag-res>div:nth-child(3),
    .cmp-ano-pag-res>div:nth-child(4){
        width: 50%;
    } */
    /* .cmp-ano-pag-res>div:nth-child(5),
    .cmp-ano-pag-res>div:nth-child(6){
        width: fit-content;
    } */
    /* .cmp-ano-pag-res>div:nth-child(5){
        padding-right: 0;
    }
    .cmp-ano-pag-res .ctl-datr-inp-w265{
        width: 100%;
    }
    .cmp-ano-pag-res>div .ctl-wid-pas-mon{
        width: 100%;
    } */
    /*  */

    /*  */
     .cmp-gro-pag-res{
        row-gap: 13px;
    }
    .cmp-gro-pag-res>div:first-child{
        /* margin-left: unset !important; */
     }
    .cmp-gro-pag-res .ctl-datr-inp-w265{
            width: 215px;
     }
     /* notification */
    .cmp-not-pag-res{
        row-gap: 13px;
    }
    .cmp-not-pag-res>div:first-child{
        margin-left: unset !important;
    }
    /*  */
}
@media only screen and (min-width: 992px) and (max-width: 1199px)  and (orientation: landscape){
   
}
@media only screen and (min-width: 1200px) and (max-width: 1255px) {

.ctl-par-sum-rep-res{
        display: flex;
        flex-direction: column;
        row-gap: 15px;
    }
}
@media only screen and (max-width: 575px) {
.ctl-wid-fit-des{
     /* width: fit-content; */
    width: 100%;
  }
  .cmp-col-adm-des-col{
    grid-column: unset;
  }
    .cmp-col-par-des-col{
    grid-column: unset;
  }
  /*  */
  .ctl-not-ano-inf-rit{
    padding-right: 0;
  }
  .cmp-das-tol-hor-grd-blo{
    grid-template-columns:1fr;
  }
  .cmp-not-ano-dis-flx{
    grid-template-columns: 55px auto;
    gap:15px;
  }
  /*  */
  .cmp-das-par-hor-grd-blo{
    grid-template-columns:1fr;
  }
  /*  */
  .ctl-das-tab-res-ali{
        display: flex;
        flex-direction: column-reverse;
        row-gap: 15px;
    }
    
}
@media only screen and (min-width:576px)  and (max-width: 767px) {
  .ctl-wid-fit-des{
    /* width: fit-content; */
     width: 100%;
  }
  .cmp-col-adm-des-col{
    grid-column: unset;
  }
   .cmp-col-par-des-col{
    grid-column: unset;
  }
  .ctl-not-ano-inf-rit{
    padding-right: 10px;
  }
  .cmp-das-tol-hor-grd-blo{
    grid-template-columns:1fr;
  }
  /*  */
  .cmp-das-par-hor-grd-blo{
    grid-template-columns:1fr;
  }
  .ctl-das-tab-res-ali{
        display: flex;
        flex-direction: column-reverse;
        row-gap: 15px;
    }
}
@media only screen and (min-width:576px)  and (max-width: 767px) and (orientation: landscape) {

  .cmp-das-par-hor-grd-blo{
    /* grid-template-columns: 158px auto; */
  }
}
@media only screen and (min-width:768px)  and (max-width: 991px) {
  .ctl-wid-fit-des{
    width: fit-content;
  }
  .cmp-col-adm-des-col{
    grid-column: unset;
  }
  .cmp-col-par-des-col{
    grid-column: unset;
  }
  /*  */
  .ctl-not-ano-inf-rit{
    padding-right: 25px;
  }
  /*  */
  
  .ctl-das-tab-res-ali{
        display: flex;
        flex-direction: column-reverse;
        row-gap: 15px;
    }
    .cmp-hdr-des-new-none{
        display: none;
    }
}
@media only screen and (min-width:768px)  and (max-width: 991px) and (orientation: landscape) {
    .cmp-das-par-hor-grd-blo {
        /* grid-template-columns: 210px auto; */
    }

}

@media only screen and (min-width:992px)  and (max-width: 1199px) {
  .ctl-wid-fit-des{
    width: fit-content;
  }
  .cmp-col-adm-des-col{
    grid-column: unset;
  }
  .cmp-col-par-des-col{
    grid-column: unset;
  }
    /*  */
    .ctl-das-tab-res-ali{
        display: flex;
        flex-direction: column-reverse;
        row-gap: 20px;
    }
    .ctl-das-tab-res-ali>div:first-child,
    .ctl-das-tab-res-ali>div:nth-child(2){
        width: 100%;
    }
    .cmp-das-par-hor-grd-blo{
        grid-template-columns: 205px auto;
    }
}
@media only screen and (min-width:1200px)  and (max-width: 1301px) {
    .ctl-das-tab-res-ali{
        display: flex;
        flex-direction: column-reverse;
        row-gap: 20px;
    }
    .ctl-das-tab-res-ali>div:first-child,
    .ctl-das-tab-res-ali>div:nth-child(2){
        width: 100%;
    }
}
@media only screen and (min-width:1200px)  and (max-width: 1365px) {
.cmp-man-hou-grd {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
  .ctl-wid-fit-des{
    width: fit-content;
  }
  .cmp-col-adm-des-col{
    grid-column: span 2;
  }
  .cmp-col-par-des-col{
    grid-column: span 2;
  }
  /* announcement */
    .cmp-ano-pag-res{
        row-gap: 13px;
    }
    .cmp-ano-pag-res>div:first-child{
        margin-left: unset !important;
    }
    /*  */
    /* announcement */
    .cmp-not-pag-res{
        row-gap: 13px;
    }
    .cmp-not-pag-res>div:first-child{
        margin-left: unset !important;
    }
    /*  */
}
@media only screen and (min-width:1365px)  and (max-width: 1450px) {
  /* announcement */
    .cmp-ano-pag-res{
        row-gap: 13px;
    }
    .cmp-ano-pag-res>div:first-child{
        /* margin-left: unset !important; */
    }
    .cmp-ano-pag-res .ctl-datr-inp-w265{
        width: 164px;
    }
    /*  */
    /* notification */
    .cmp-not-pag-res{
        row-gap: 13px;
    }
    .cmp-not-pag-res>div:first-child{
        /* margin-left: unset !important; */
    }
    .cmp-not-pag-res .ctl-datr-inp-w265{
        width: 164px;
    }
    /*  */
}
@media only screen and (min-width:768px){
    .cmp-hdr-des-new-non{
        display: none;
    }
}
@media only screen and (min-width:992px){
    .cmp-hdr-des-new-none{
      display: none;
    }
    .cmp-log-inp-box input,
    .cmp-frm-che-blo .form-check-input {
        border: 1px solid #222222 !important;
    }

    .cmp-log-inp-box input::placeholder {
        color: #222222c7;
    }

    .ctl-col-svg-log svg g path {
        fill: #222222;
    }
}

@media only screen and (min-width: 1517px){
    .cmp-das-par-hor-grd-blo{
        grid-template-columns: 215px auto;
    }
    .parent-block-info{
            grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
    }
    
}


@media only screen and (max-width: 991px) {
  .ctl-ser-ent-des-non-res,.ctl-sum-rep-des-non-res {
    display: none;
  }

  /* Optional: Also hide the table header */
  th.ctl-ser-ent-des-non-res, th.ctl-sum-rep-des-non-res {
    display: none;
  }
}