@media (min-width: 768px) {
    :is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] {
        min-height: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .cmp-use-lis-res {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .ctl-wid-sel-cus {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .ctl-res-mar-bot {
        margin-bottom: 10px !important;
        font-size: 17px;
    }
}

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

    .cmp-btn-blo {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 8px;
    }

    .cmp-lis-pag .choices__inner,
    .cmp-btn-blo button {
        width: 100%;
    }
    .cmp-pur-act-res{
        width: 100%;
    }
    .cmp-thr-res-mob{
        grid-template-columns: 1fr;
    }
}
@media only screen and (min-width: 320px) and (max-width: 575px) {

    .cmp-btn-blo {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 8px;
    }

    .cmp-lis-pag .choices__inner,
    .cmp-btn-blo button {
        width: 100%;
    }
    .cmp-pur-act-res{
        width: 100%;
    }

    .cmp-thr-res-mob{
        grid-template-columns: 1fr;
    }


}

/*end of 320 X 575 resolution screen*/

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

    .cmp-btn-blo {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        width: 100%;
    }

    .cmp-lis-pag .choices__inner,
    .cmp-btn-blo button {
        width: 100%;
    }
    .cmp-pur-act-res{
        width: 100%;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/*end of 576 X 767 resolution screen*/

@media only screen and (min-width: 576px) and (max-width: 767px) and (orientation:landscape) {
    .cmp-btn-blo {
        width:100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cmp-com-btn-res {
        display: grid !important;
        grid-template-columns: auto auto auto auto auto;
        grid-gap: 10px;
    }

    .cmp-sup-btn-res {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
    }

    .cmp-sup-btn-res .cmp-act-wid .choices__inner,
    .cmp-sup-btn-res button {
        width: 100%;
    }
    .ctl-sup-pag-res {
        width: 100%;
    }


    .cmp-hom-des-res,
    .cmp-cli-des-res {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 10px;
        width:100%;
    }
.ctl-hom-cli-res,.ctl-hom-cli-res{
        /* grid-column: span 2; */
    }
    .cmp-hom-des-res .choices__inner,
    .cmp-hom-des-res button,
    .cmp-cli-des-res .choices__inner,
    .cmp-cli-des-res button {
        width: 100%;
    }
    .cmp-thr-res-mob{
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .cmp-thr-res-mob .ctl-wid-sel-cus{
        width: 100%;
    }
    .cmp-sup-btn-res .ctl-wid-sel-cus{
        width: 100%;
    }
}

/*end of 768 X 991 resolution screen*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ctl-res-sup-mar {
        margin-bottom: 10px !important;
    }

   
    .cmp-sup-btn-res {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
    }

    .cmp-sup-btn-res .cmp-act-wid .choices__inner,
    .cmp-sup-btn-res button {
        width: 100%;
    }
    .ctl-sup-pag-res {
        width: 100%;
    }
    .cmp-res-che-blo {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .cmp-hom-sma-des {
        display: flex;
        flex-direction: column;
    }

    .cmp-hom-des-res,
    .cmp-cli-des-res {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 10px;
        margin-top: 10px;

    }

    .cmp-hom-sma-des .cmp-how-tab-wid {
        width: 100%;
    }

    .cmp-hom-des-res .choices__inner,
    .cmp-hom-des-res button,
    .cmp-how-tab-wid .choices__inner,
    .cmp-how-tab-wid button {
        width: 100%;
    }
    .cmp-thr-res-mob{
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .cmp-thr-res-mob .ctl-wid-sel-cus{
        width: 100%;
    }
}



/*end of 992 X 1199 resolution screen*/
@media only screen and (min-width: 1200px) and (max-width: 1318px) {
    .cmp-sup-btn-res {
        display: grid !important;
        /* grid-template-columns: repeat(7, 1fr); */
        grid-template-columns: repeat(auto-fit, minmax(100px, auto));
        grid-gap: 10px;
        width: 100%;
    }

    .cmp-sup-btn-res .cmp-act-wid .choices__inner,.cmp-sup-btn-res button{
        width: 100%;
    }
    .ctl-wid-sel-cus {
        width: 100%;
    }
    .ctl-grid-col-two{
        width: 190px;
    }
    .cmp-thr-res-mob{
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
    }
    
}

@media only screen and (max-width:767px) {
    .vertical-sidebar-enable .cmp-nav-res-blo {
        z-index: 1004;
    }

    .ctl-lis-pag-cus .dataTables_info,
    .ctl-lis-pag-cus .dataTables_paginate,
    .ctl-tab-pag-cus .dataTables_info,
    .ctl-tab-pag-cus .dataTables_paginate {
        width: 100%;
        float: none;
    }

    .ctl-lis-pag-cus .dataTables_info, 
    .ctl-tab-pag-cus .dataTables_info {
        padding-top: 0 !important;
        margin-bottom: 10px;
    }
}

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

    .cmp-nav-act-bac ul.nav-pills {
        display: grid;
        grid-template-columns: 100%;
    }

    .cmp-nav-act-bac ul.nav-pills .nav-link {
        text-align: left;
    }
}

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

    .cmp-nav-act-bac ul.nav-pills {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .ctl-che-cal-res {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
        grid-gap: 4px;
    }
    .ctl-che-cal .form-check{
        margin-right: 0;
    }
    
    .ctl-wid-hun-res {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .cmp-brn-res-cen {
        margin-top: 15px;
    }
}
/*end of 320 X 575 resolution screen*/
@media only screen and (min-width: 320px) and (max-width: 575px) {
    .ctl-che-res-grd {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .ctl-btn-res-cen {
        justify-content: flex-end !important;
    }

    /*  */
    .ctl-pus-res-col {
        flex-direction: column;
    }

    .ctl-pus-res-col button {
        padding: 5px 5px;
        width: 100%;
    }

    .ctl-grd-res-pur {
        width: 100%;
        display: grid !important;
        grid-template-columns: 30px auto;
        margin-top: 10px;

    }



    .cmp-tab-scl-blo {
        overflow: hidden;
        overflow-x: scroll;
    }

    .ctl-nes-mas-itm {
        /* float: left; */
        display: inline-block;
    }

    .ctl-nes-mas-col {
        flex-direction: column;
    }

    .ctl-tab-ace-wid {
        margin-top: 10px;
    }

    .ctl-tab-ace-wid .choices__inner {
        width: 135px;
    }

    .cmp-res-mas-cen {
        justify-content: flex-start !important;
    }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .ctl-che-res-grd {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    /*  */
    .ctl-pus-res-col {
        flex-direction: column;
        width: 50%;
    }

    .ctl-pus-res-col button {
        padding: 5px 5px;
        width: 100%;
    }

    .ctl-grd-res-pur {
        width: 100%;
        display: grid !important;
        grid-template-columns: 30px auto;
        margin-top: 10px;

    }



    .cmp-tab-scl-blo {
        overflow: hidden;
        overflow-x: scroll;
    }

    .ctl-nes-mas-itm {
        /* float: left; */
        display: inline-block;
    }

    .ctl-nes-mas-col {
        flex-direction: column;
    }

    .ctl-tab-ace-wid {
        margin-top: 10px;
    }

    .ctl-tab-ace-wid .choices__inner {
        width: 135px;
    }

    .cmp-res-mas-cen {
        justify-content: flex-start !important;
    }

}

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

    /*  */
    .ctl-pus-res-col {
        flex-direction: column;
        width: 210px;
    }

    .ctl-pus-res-col button {
        padding: 5px 5px;
        width: 100%;
    }

    .ctl-grd-res-pur {
        width: 100%;
        display: grid !important;
        grid-template-columns: 30px auto;
        margin-top: 10px;
        justify-content: flex-start;

    }


    .cmp-tab-scl-blo {
        overflow: hidden;
        overflow-x: scroll;
    }

    .ctl-nes-mas-itm {
        /* float: left; */
        display: inline-block;
    }

    .ctl-nes-mas-col {
        flex-direction: column;
    }

    .ctl-tab-ace-wid {
        margin-top: 10px;
    }

    .ctl-tab-ace-wid .choices__inner {
        width: 135px;
    }

    .cmp-res-mas-cen {
        justify-content: flex-start !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cmp-tab-scl-blo {
        overflow: hidden;
        overflow-x: scroll;
    }
}

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

    .cmp-pos-abl {

        left: auto;
        right: 10px;
    }

    .cmp-acc-mob-res {
        margin-bottom: 8px;
    }

    .cmp-acc-mob-zer {
        margin-bottom: 0;
    }

    .ctl-res-mar-lab {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 319px) {
    .cmp-res-wid-hun,
    .cmp-res-wid-hun button,
    .cmp-vir-sel-cus,
    .cmp-vir-sel-nor,
    .cmp-vir-sel-all,
    .cmp-vir-tab-sel,.cmp-res-new-hun {
        width: 100%;
    }

    .cmp-vir-sel-nor .vscomp-ele,
    .cmp-vir-sel-all .vscomp-ele {
        max-width: 100%;
    }

    .cmp-res-grd-btn {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .ctl-res-sma-siz,.ctl-grid-col-two {
        grid-column: span 2;
    }
}
@media only screen and (min-width: 320px) and (max-width: 575px) {

    .cmp-res-wid-hun,
    .cmp-res-wid-hun button,
    .cmp-vir-sel-cus,
    .cmp-vir-sel-nor,
    .cmp-vir-sel-all,
    .cmp-vir-tab-sel,.cmp-res-new-hun {
        width: 100%;
    }

    .cmp-vir-sel-nor .vscomp-ele,
    .cmp-vir-sel-all .vscomp-ele {
        max-width: 100%;
    }

    .cmp-res-grd-btn {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .ctl-res-sma-siz,.ctl-grid-col-two {
        grid-column: span 2;
    }
    
}

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

    .cmp-res-wid-hun,
    .cmp-res-wid-hun button,
    .cmp-vir-sel-cus,
    .cmp-vir-sel-nor,
    .cmp-vir-sel-all,
    .cmp-vir-tab-sel {
        width: 100%;
    }

    .cmp-vir-sel-nor .vscomp-ele,
    .cmp-vir-sel-all .vscomp-ele {
        max-width: 100%;
    }

    .cmp-res-grd-btn {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
    /* .cmp-job-tab-res{
        display: grid !important;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    } */
    .cmp-res-new-hun button {
        width: 100px;
    }
    .cmp-job-tab-res button{
        width: 100px;
    }
    .cmp-job-tab-res{
        grid-template-columns: 1fr auto auto;
    }
  
}

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

    .cmp-res-wid-hun,
    .cmp-res-wid-hun button,
    .cmp-vir-sel-cus,
    .cmp-vir-sel-nor,
    .cmp-vir-sel-all {
        width: 100%;
    }

    .cmp-vir-sel-nor .vscomp-ele,
    .cmp-vir-sel-all .vscomp-ele {
        max-width: 100%;
    }

    .cmp-res-grd-btn {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .cmp-job-tab-res button{
        width: 100px;
    }
   
    
}

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

    .cmp-res-wid-hun,
    .cmp-res-wid-hun button,
    .cmp-vir-sel-cus,
    .cmp-vir-sel-nor,
    .cmp-vir-sel-all {
        width: 100%;
    }

    .cmp-vir-sel-nor .vscomp-ele,
    .cmp-vir-sel-all .vscomp-ele {
        max-width: 100%;
    }

    .cmp-res-grd-btn {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr auto auto;
    }
    .cmp-job-tab-res button{
        width: 100px;
    }
}

@media only screen and (min-width: 992px) {
    .cmp-sma-des-wid {
        /* width: 190px; */
    }
}
@media only screen and (max-width:991px){
    .ctl-dum-lab{
        display: none;
    }
}
@media only screen and (min-width:320px) and (max-width:575px){
    .cmp-hei-hun span.search-widget-icon {
        top: 43%;
        transform: translateY(-43%);
    }
}
/* start of calender section responsive custom */
@media only screen and (max-width: 480px) {
    .cmp-cdr-sec-mod button{
        width: 50%;
    }
    .cmp-cdr-sec-grd .fc-header-toolbar.fc-toolbar{
        display: grid;
        grid-template-columns: auto 1fr;
    }
    .cmp-cdr-sec-grd .fc-header-toolbar .fc-toolbar-chunk:nth-child(1){
        text-align: right;
        grid-column: 2/3;
        grid-row: 1/2;
    }
    .cmp-cdr-sec-grd .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){
        grid-row: 1/2;
        grid-column: 1/1;
    }
    .cmp-cdr-sec-grd .fc-header-toolbar .fc-toolbar-chunk:nth-child(3){
        grid-column: span 2;
    }
    .cmp-cdr-sec-grd .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group{
        width: 100%;
    }
    .cmp-cdr-sec-mod{
        justify-content: center !important;
    }
    
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
    
    .cmp-cdr-sec-grd .fc-header-toolbar.fc-toolbar{
        display: grid;
        grid-template-columns: auto 1fr;
    }
    .cmp-cdr-sec-grd .fc-header-toolbar .fc-toolbar-chunk:nth-child(1){
        text-align: right;
        grid-column: 2/3;
        grid-row: 1/2;
    }
    .cmp-cdr-sec-grd .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){
        grid-row: 1/2;
        grid-column: 1/1;
    }
    .cmp-cdr-sec-grd .fc-header-toolbar .fc-toolbar-chunk:nth-child(3){
        grid-column: span 2;
    }
    .cmp-cdr-sec-grd .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group{
        width: 100%;
    }
    
}
/* end of calender section responsive custom */

@media only screen and (max-width: 600px){
    .ctl-wid-drp-res {
        width: auto !important;
    }
}
/* msa table doccolumn */
@media only screen and (max-width: 575px){
    .msa-doc-wid{
        width: 230px;
    }
    .msa-doc-wid  a{
        white-space: break-spaces;
    }
}
/*  end msa table doccolumn */
@media only screen and (max-width: 991px){
    .ctl-lar-des-res {
       margin-top: 0;
    }
    .ctl-res-non-tab{
        display: none;
    }
}

@media only screen and (min-width: 1351px){
    .cmp-usr-des-pad {
       padding-top: 8px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1350px){
    .cmp-mod-rof-scr{
        --vz-modal-width: 1000px;
    }
    .cmp-use-lis-res {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: 2px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .ctl-mul-drp-wid .iti__country-list{
        width: 240px;
    }
    .ctl-mul-drp-wid .iti__country-list li.iti__country{
        width: 310px;
    }

    .ctl-mul-twid-drp .iti__country-list {
        width: 240px;
    }
    .ctl-mul-twid-drp .iti__country-list li.iti__country{
        width:310px;
    }
    
}
@media only screen and (min-width:1200px) and (max-width:1365px){
    .ctl-mul-drp-wid .iti__country-list{
        width: 224px;
    }
    .ctl-mul-drp-wid .iti__country-list li.iti__country{
        width: 400px;
    }

    .ctl-mul-twid-drp .iti__country-list {
        width: 307px;
    }
    .ctl-mul-twid-drp .iti__country-list li.iti__country{
        width:354px;
    }
}
@media only screen and (min-width:1366px){
    .ctl-mul-drp-wid .iti__country-list{
        width: 258px;
    }
    .ctl-mul-drp-wid .iti__country-list li.iti__country{
        width:400px;
    }

    .ctl-mul-twid-drp .iti__country-list {
        width: 354px;
        z-index: 4;
    }
    .ctl-mul-twid-drp .iti__country-list li.iti__country{
        width:400px;
    }
}






@media only screen and (max-width: 575px) {
  .cmp-thr-btn-res{
    grid-template-columns: 1fr 1fr 1fr;
  }

}
/* navigation icon responsive start */
@media only screen and (max-width: 767px){
    .ctl-res-ham-ico .hamburger-icon.open{
        transform: none;
    }
    .ctl-res-ham-ico .hamburger-icon.open span:nth-child(1) {
        top: 0;
        width: 80%;
        left: 0;
        transform: none;
    }
    .ctl-res-ham-ico .hamburger-icon.open span:nth-child(2) {
        top: 6px;
        width: 100%;
        left: 0;
        transform: none;
    }
    .ctl-res-ham-ico .hamburger-icon.open span:nth-child(3) {
        bottom: 0;
        width: 60%;
        left: 0;
        top: auto;
        transform: none;
    }
}
@media only screen and (min-width:768px) and (max-width: 1024px){
    .ctl-res-ham-ico .hamburger-icon.open {
      transform: none;
    }
    .ctl-res-ham-ico .hamburger-icon.open span:nth-child(1) {
        top: 0;
        width: 80%;
        left: 0;
        transform: none;
        transition: none;
    }
    .ctl-res-ham-ico .hamburger-icon.open span:nth-child(2) {
        top: 6px;
        width: 100%;
        left: 0;
        transform: none;
        transition: none;
    }
    .ctl-res-ham-ico .hamburger-icon.open span:nth-child(3) {
        bottom: 0;
        width: 60%;
        left: 0;
        top: auto;
        transform: none;
        transition: none;
    }


    /*  */
    .ctl-res-ham-ico .hamburger-icon {
        -webkit-transform: rotate(+90deg);
        transform: rotate(+90deg);
    }
    .ctl-res-ham-ico .hamburger-icon span:nth-child(1) {
        left: 1px;
        top: 5px;
        width: 20px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .vertical-menu-btn.ctl-res-ham-ico:hover .hamburger-icon:not(.open) span:nth-child(1) {
        top: 5px;
    }
    .ctl-res-ham-ico .hamburger-icon span:nth-child(2) {
        left: 3px;
        top: 13px;
        width: 10px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .ctl-res-ham-ico .hamburger-icon span:nth-child(3) {
        left: 9px;
        top: 13px;
        width: 10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
      
}
/* navigation icon responsive end */

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

	.cmp-res-nav-arr{
    display: block;
    position: absolute;
    top: 18px;
    right: 10px;
    z-index: 9999;
   
	}
  .left-arrow-icon .hamburger-icon{
    transform: rotate(+90deg) !important;
  }
  .left-arrow-icon .hamburger-icon span:nth-child(1){
    left: 1px;
  top: 5px;
  width: 20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
  }
  .left-arrow-icon .hamburger-icon span:nth-child(2){
    left: 3px;
  top: 13px;
  width: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
  }
  .left-arrow-icon .hamburger-icon span:nth-child(3){
    left: 9px;
  top: 13px;
  bottom: auto;
  width: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  }
  .cmp-sho-nav-res{
     display: block !important;
  }
  .cmp-sho-nav-res .ctl-log-ali-lft{
    display: flex !important;
    justify-content: flex-start;
    line-height: 45px;
    }
    .ctl-men-tit-res{
        display: none;
    }
    .ctl-log-res-ctl img{
        height: 40px;
        width: 50px;
        object-fit: contain;
    }
 
}

@media only screen and (min-width: 992px){
    .ctl-che-top-cen{
        padding-top: 35px;
    }
    .ctl-col-pic-blo{
        padding: 1px 2px;
        margin-top: 3px;
    }
}

@media only screen and (max-width: 575px) {
    .cmp-icp-ser-new{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 10px;
        width: 100%;
    }
    .cmp-icp-ser-new-del{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        grid-gap: 15px;
    }
    .ctl-res-ser-inc{
        grid-row: 2/2;
        grid-column: 1/3;
    }
    .ctl-icp-res-spa-two{
        grid-column: span 2;
    }
    .ctl-new-btn button, .ctl-del-btn button, .ctl-sav-btn button, .ctl-can-btn button  {
        width: 100%;
    }
}

/*end of 575 resolution screen*/

@media only screen and (max-width: 991px) {
    .ctl-tra-ass-res thead tr th:first-child,.ctl-tra-ass-res tbody tr td:first-child{
        position: relative !important;
    }
    
}
@media only screen and (max-width: 575px) {
    .cmp-res-spa-two{
        grid-column: 1/3;
    }
    .cmp-ser-res-pos{
        grid-row: 1/2;
        grid-column: 2/3;
    }
    
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cmp-icp-ser-new{
    

        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 10px;
        width: 100%;
    }

    .ctl-res-ser-inc{
        grid-row: 2/2;
        grid-column: 1/3;
    }
    .ctl-new-btn button, .ctl-del-btn button, .ctl-sav-btn button, .ctl-can-btn button {
        width: 100%;
    }
}

/*end of 576 X 767 resolution screen*/

@media only screen and (max-width: 767px) {
    .ctl-hdr-sel-wid {
        width: 100%;
    }
    .cmp-dat-fil{
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cmp-res-msa-fiv{
        display: grid !important;
        grid-template-columns: repeat(3,1fr);
        width: 100%;
    }
    .cmp-res-blo-six,.cmp-cou-blo-tab,.cmp-icp-ser-new{
        display: grid !important;
        grid-template-columns: repeat(3,1fr);
        width: 100%;
    }
   
    .ctl-hdr-sel-wid,.cmp-res-cit-wid .choices__inner,.cmp-res-blo-six button,.cmp-cou-blo-tab .cmp-lis-pag .choices__inner,.cmp-cou-blo-tab button{
        width: 100%;
    }
    .cmp-res-msa-fiv .cmp-lis-pag .choices__inner,.cmp-res-msa-fiv button,
    .cmp-icp-ser-new .cmp-lis-pag .choices__inner{
        width: 100%;
    }
    .ctl-new-btn button, .ctl-del-btn button, .ctl-sav-btn button, .ctl-can-btn button {
        width: 100%;
    }


}

/*end of 768 X 991 resolution screen*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cmp-res-blo-fiv{
        display: grid !important;
        grid-template-columns: 75px auto auto auto auto;
    }
}

@media only screen and (max-width: 360px){
    .ctl-pop-men-btn {
        width: 155px;
    }
}
@media only screen and (max-width: 450px){
    
    .cmp-arc-com-lis{
        width: 140px;
    }
}

/*  */

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

    .cmp-pla-set{
        display: grid !important;
        grid-template-columns: 100%;
    }
    .cmp-res-widhun-mob button,.ctl-sel-cus-wid{
        width: 100%;
    }
    /*  */
    .ctl-btn-man-hdr,.ctl-btn-sec-hdr{
        font-size: 13px;
    }
    .ctl-btn-man-hdr{
        padding-right: 55px;
    }
   
      .cmp-rel-sta-res{
        position: static;
      }
      .cmp-rel-sec-res{
        position: static;
        transform: inherit;
        padding: 10px 5px 10px 25px;
        box-sizing: border-box;
      }
      .ctl-btn-sec-hdr{
        padding-top : 10px;
        padding-bottom : 10px;
      }
      .ctl-wid-150 {
        width: 100%;
      }
      .cmp-pan-int-btn button {
        font-size: 12px;
      }
      .ctl-acc-scr-res span{
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom:2px;
      }
      .cmp-grid-plan-popup { 
        grid-template-columns: repeat(2, 1fr);
      }
      .ctl-ros-mar-bom{
        margin-bottom: 10px;
      }
      .ctl-opt-grd-col{
        display: grid !important;
        grid-template-columns: 100%;
        margin-top:12px;
      }
      .ctl-add-opt-wid{
        width: 100%;
      }
      .cmp-gdr-pla-res{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
      }
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
    .cmp-pla-set{
        display: grid !important;
        grid-template-columns: 100%;
    }
    .cmp-res-widhun-mob button,.ctl-sel-cus-wid{
        width: 100%;
    }
    /*  */
    .ctl-btn-man-hdr,.ctl-btn-sec-hdr{
        font-size: 13px;
    }
    .ctl-btn-man-hdr{
        padding-right: 55px;
    }
   
      .cmp-rel-sta-res{
        position: static;
      }
      .cmp-rel-sec-res{
        position: static;
        transform: inherit;
        padding: 10px 5px 10px 25px;
        box-sizing: border-box;
      }
      .ctl-btn-sec-hdr{
        padding-top : 10px;
        padding-bottom : 10px;
      }
      .ctl-wid-150 {
        width: 100%;
      }
      .cmp-pan-int-btn button {
        font-size: 12px;
      }
      .ctl-acc-scr-res span{
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom:2px;
      }
      .cmp-grid-plan-popup { 
        grid-template-columns: repeat(2, 1fr);
      }
      .ctl-ros-mar-bom{
        margin-bottom: 10px;
      }
      .ctl-opt-grd-col{
        display: grid !important;
        grid-template-columns: 100%;
        margin-top:12px;
      }
      .ctl-add-opt-wid{
        width: 100%;
      }
      .cmp-gdr-pla-res{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
      }
  
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cmp-pla-set{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
    .cmp-res-widhun-mob button,.ctl-sel-cus-wid{
        width: 100%;
    }

    /*  */
    .ctl-btn-man-hdr,.ctl-btn-sec-hdr{
        font-size: 13px;
    }
    .ctl-btn-man-hdr{
        padding-right: 55px;
    }
    
      .cmp-rel-sta-res{
        position: static;
      }
      .cmp-rel-sec-res{
        position: static;
        transform: inherit;
        padding: 10px 5px 10px 25px;
        box-sizing: border-box;
      }
      .ctl-btn-sec-hdr{
        padding-top : 10px;
        padding-bottom : 10px;
      }
      .ctl-wid-150 {
        width: 100%;
      }
      .ctl-acc-scr-res span{
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom:2px;
      }
      .cmp-grid-plan-popup { 
        grid-template-columns: repeat(2, 1fr);
      }
      .ctl-ros-mar-bom{
        margin-bottom: 10px;
      }
      .ctl-opt-grd-col{
        display: grid !important;
        grid-template-columns: 100%;
        margin-top:12px;
      }
      .ctl-add-opt-wid{
        width: 100%;
      }
      .cmp-gdr-pla-res{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
      }
  
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cmp-pla-set{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
   .cmp-res-widhun-mob button,.cmp-res-sid-pla,.ctl-sel-cus-wid{
        width: 100%;
    }
    /*  */

    .cmp-rel-sta-res{
        position: static;
      }
      .cmp-rel-sec-res{
        position: static;
        transform: inherit;
        padding: 10px 5px 10px 25px;
        box-sizing: border-box;
      }
      .ctl-btn-sec-hdr{
        padding-top : 10px;
        padding-bottom : 10px;
      }
    .cmp-grid-plan-popup { 
        grid-template-columns: repeat(2, 1fr);
      }
      .ctl-ros-mar-bom{
        margin-bottom: 10px;
      }
      .ctl-opt-grd-col{
        display: grid !important;
        grid-template-columns: 100%;
        margin-top:12px;
      }
      .ctl-add-opt-wid{
        width: 100%;
      }
  
}
@media only screen and (max-width: 360px) {

    .ctl-pla-not-txt{
        flex-direction: column;
        gap: 0px !important;
        margin-bottom: 15px;
    }
    .ctl-pla-not-txt span,.ctl-pla-not-txt p{
        width: 100%;
    }
    .ctl-tra-ico-siz {
        font-size: 18px;
      }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
    .ctl-pad-sma-lft{
        padding-left: 12px !important;
    } 
    .ctl-sma-des-res{
        margin-left: auto;
    }
    .cmp-grid-plan-popup{
        grid-template-columns: repeat(2, 1fr 1fr);
    }
  
}

@media only screen and (min-width: 1200px) and (max-width: 1318px) {
    .cmp-res-sid-pla {
      width: 190px;
    }
  }

@media only screen and (min-width: 992px) {
    .cmp-ful-hei-bac{
        height: 100vh;
    }
}
@media only screen and (max-width: 360px) {
    .ctl-tab-lis-txt .nav-tabs-custom.card-header-tabs .nav-link{     
        padding-right: 8px;
        padding-left: 8px;
    }
   
    .cmp-com-pro-bac{
        padding: 15px;
        }
}
  
@media only screen and (max-width: 991px) {
    .ctl-lab-dum {
        display: none;
    }
    .ctl-con-det-mar{
        margin-top: 0;
    }
    .ctl-sul-che-pot{
        padding-top: 0;
    }
    .ctl-mat-che-box{
        padding-top: 9px;
    }
}

@media only screen and (max-width: 575px){
    .ctl-pag-res-ali .dataTables_paginate ul.pagination{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(81px, 1fr));
        grid-gap: 6px;
    }
}
/* calender scroll responsive event start */
@media only screen and (min-width: 768px){
    .cmp-cal-blo-scr .fc-scrollgrid-sync-table .fc-daygrid-day-events{
        height:34px;
        overflow-x: hidden;
        overflow-y: auto;
    }  
}
@media only screen and (min-width: 992px){
    .cmp-cal-blo-scr .fc-scrollgrid-sync-table .fc-daygrid-day-events{
        height:60px;
        overflow-x: hidden;
        overflow-y: auto;
    }  
}
@media only screen and (min-width: 1200px){
    .cmp-cal-blo-scr .fc-scrollgrid-sync-table .fc-daygrid-day-events{
        height:72px;
        overflow-x: hidden;
        overflow-y: auto;
    }  
}
@media only screen and (min-width: 1400px){
    .cmp-cal-blo-scr .fc-scrollgrid-sync-table .fc-daygrid-day-events{
        height:100px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
}
@media only screen and (min-width: 1920px){
    .cmp-cal-blo-scr .fc-scrollgrid-sync-table .fc-daygrid-day-events{
        height:145px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
}
@media only screen and (min-width: 2048px){
    .cmp-cal-blo-scr .fc-scrollgrid-sync-table .fc-daygrid-day-events{
        height:145px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
}
@media only screen and (min-width: 3840px){
    .cmp-cal-blo-scr .fc-scrollgrid-sync-table .fc-daygrid-day-events{
        height:275px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
}
/* calender scroll responsive event end */

@media only screen and (min-width:768px) and (max-width: 991px){
    .ctl-tab-pad-ali-cen .dataTables_info, .ctl-tab-pad-ali-cen .dataTables_paginate{
        width: 100%;
        float: none;
        display: flex;
        justify-content: center;
    }

    .ctl-tab-pad-ali-cen .dataTables_info {
        padding-top: 0 !important;
        margin-bottom: 10px;
        text-align: center;
    }
}

/*  */

/* template  */
@media only screen and (max-width: 575px){
    .cmp-nav-act-bac {
        padding: 8px;
    }
    .cmp-tem-nav-cus li a,.cmp-tem-btn-rit button,.cmp-tem-sor-buy label {
        font-size: 12px;
    }
    .ctl-def-lft-tit span,.ctl-def-hdr-tit span {
        font-size: 12px;
    }
    .cmp-tem-btn-rit {
        gap: 4px;
        margin-top: 8px;
    }
    .ctl-res-tem-mot{
        margin-top: 15px;
    }
    .cmp-lft-icp-pad {
        max-height: 38vh;
        height:200px;
    }
    .cmp-bod-icp-pad{
        padding-left:0;
    }
    .ctl-del-tab-ico,.ctl-plu-min-box {
        width: 24px;  
        height: 24px;
    }
    .cmp-gri-but-wid, .ctl-gri-but-wid{
        grid-template-columns: 24px 24px auto;
    }
    .ctl-plu-min-box i, .ctl-del-tab-ico i{
        font-size: 16px;
    }
    .cmp-arr-blo-cen {
        padding-top: 0;
    }
    .cmp-pop-pre-grd {
       
        grid-template-columns: 100%;
    }
    .cmp-arr-blo-cen {
       
        flex-direction: row;
       
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .ctl-ava-sel-lis select {
        height: 168px;
    }
    .cmp-cus-sel-wit{
        width: 100%;
    }
    .cmp-sel-dro-blo{
        margin-left:auto;
    }
    .ctl-job-sch-res-wid,.ctl-sch-job-res-wid{
        width:100%;
    }
    .ctl-job-sch-res-grd{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
    .ctl-job-sch-span-2{
        grid-column: span 2;
    }
    /* virtual schdules */
    .cmp-sch-btn-res-blo{
        display: grid !important;
        grid-template-columns: 1fr;
    }
   
    .cmp-vir-max-res .vscomp-ele{
        max-width: 100%;
    }
    .cmp-sch-wid-ser,.ctl-clr-btn-wid{
        width: 100%;
    }
    .cmp-gri-sch-res{
        grid-template-columns: repeat(1, 1fr);
    }
    /* print-schedule */
    .cmp-flo-lft-tab,.cmp-flo-rit-tab{
        float: none
    }
    .cmp-sch-pri-log{
        margin:auto auto 15px auto;
    }
    .ctl-pri-fix-btn{
        margin-left:0;
    }
    .cmp-res-prt-sch{
        flex-direction: column;
        gap: 15px;
    }
    .cmp-pri-sch-hdr h4,.cmp-pri-sch-hdr p{
        text-align: center;
    }
    .cmp-tab-pri-scr {
        max-height: calc(100vh - 290px);
    }
}
@media only screen and (min-width:576px) and (max-width: 767px){
    .cmp-nav-act-bac {
        padding: 8px;
    }
    .cmp-tem-nav-cus li a,.cmp-tem-btn-rit button,.cmp-tem-sor-buy label {
        font-size: 12px;
    }
    .ctl-def-lft-tit span,.ctl-def-hdr-tit span {
        font-size: 12px;
    }
    .cmp-tem-btn-rit {
        gap: 5px;    
    }
    .ctl-res-tem-mot{
        margin-top: 15px;
    }
    .cmp-lft-icp-pad {
        max-height: 38vh;
        height:200px;
    }
    .cmp-bod-icp-pad{
        padding-left:0;
    }
    /* virtual schdules */
    .cmp-sch-btn-res-blo{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
    .cmp-vir-max-res .vscomp-ele{
        max-width: 100%;
    }
    .cmp-sch-wid-ser,.ctl-clr-btn-wid{
        width: 100%;
    }
    .cmp-gri-sch-res{
        display: grid; grid-template-columns: 1fr 1fr;
    }
    .cmp-gri-sch-res{
        grid-template-columns: repeat(2, 1fr);
    }
    /* print-schedule */
    .cmp-flo-lft-tab,.cmp-flo-rit-tab{
        float: none
    }
    .cmp-sch-pri-log{
        margin:auto auto 15px auto;
    }
    .ctl-pri-fix-btn{
        margin-left:0;
    }
    .cmp-res-prt-sch{
        justify-content: space-between;
    }
    .cmp-tab-pri-scr {
        max-height: calc(100vh - 240px);
    }
   
}
@media only screen and (min-width:768px) and (max-width: 991px){
    .ctl-res-tem-mot{
        margin-top: 15px;
    }
    .cmp-lft-icp-pad {
        max-height: 38vh;
        height:200px;
    }
    .cmp-bod-icp-pad{
        padding-left:0;
    }
    /* virtual schdules */
    .cmp-sch-btn-res-blo{
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .cmp-vir-max-res .vscomp-ele{
        max-width: 100%;
    }
    .cmp-sch-wid-ser,.ctl-clr-btn-wid{
        width: 100%;
    }

    .cmp-gri-sch-res{
        grid-template-columns: repeat(3, 1fr);
    }
     /* print-schedule */
     .cmp-flo-lft-tab,.cmp-flo-rit-tab{
        float: none
    }
    .cmp-sch-pri-log{
        margin:auto auto 15px auto;
    }
    .ctl-pri-fix-btn{
        margin-left:0;
    }
    .cmp-res-prt-sch{
        justify-content: space-between;
    }
    .cmp-tab-pri-scr {
        max-height: calc(100vh - 290px);
    }
}
@media only screen and (min-width:992px) and (max-width: 1199px){
   
    .cmp-tem-sor-buy {
       gap: 3px;
        flex-direction: column;
    }
    .cmp-bod-icp-pad{
        padding-left:0;
    }
    /* virtual schdules */
    .cmp-sch-btn-res-blo{
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .cmp-vir-max-res .vscomp-ele{
        max-width: 100%;
    }
    .cmp-sch-wid-ser,.ctl-clr-btn-wid{
        width: 100%;
    }

    .cmp-gri-sch-res{
        grid-template-columns: repeat(3, 1fr);
    }
}


@media only screen and (min-width: 1024px) {
   
}
@media only screen and (min-width: 1200px) {
   
}
@media only screen and (min-width: 1280px) {
  
}
@media only screen and (min-width: 1365px) {
    .cmp-tab-wid-uni {
       width: 100%; 
    }
}
@media only screen and (min-width: 1517px) {
    
    .cmp-tab-wid-uni {
        width: 1008px; 
     }
}
@media only screen and (min-width: 1707px) {
    .cmp-tab-wid-uni {
        width: 100%; 
     }
}
@media only screen and (min-width: 1821px) {
   
}
@media only screen and (min-width: 1920px) {
   
}
@media only screen and (min-width: 2048px) {
   
}
@media only screen and (min-width: 2732px) {
   
}
@media only screen and (min-width: 3840px) {
   
}
@media only screen and (min-width: 4098px) {
    
}
@media only screen and (min-width: 5464px) {
    
}
@media only screen and (max-width: 991px) {
    .cmp-tab-pre-rap table.dataTable.nowrap tbody tr td span.dtr-data {
        white-space: pre-wrap;
    }
}

/* schedule  */
@media only screen and (max-width: 512px){
    .cmp-gcol-res-btn{
        flex-direction: column;
    }
}
@media only screen and (max-width: 368px){
    .ctl-res-grd-sch{
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
      .ctl-res-grd-hwid{
        width: 100%;
        
      }
      .ctl--btn-res-spa-2{
        grid-column: span 2;
      }
      .ctl-rwid-sch-btn button{
        width: 100%;
      }
}
@media only screen and (min-width: 369px) and (max-width: 575px){
    .ctl-res-grd-sch{
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
      .ctl-res-grd-hwid{
        width: 100%;
        grid-column: span 2;
      }
      .ctl-rwid-sch-btn button{
        width: 100%;
      }
}
@media only screen and (max-width: 575px){
    .cmp-sch-res-gbtn{
        display: grid !important;
        grid-template-columns: repeat(2,1fr);
    }
    .cmp-sch-res-gbtn button {
        width: 100%;
      }
      .ctl-dis-con-txt p{
        text-align: left;
      }
      .ctl-dis-con-bot {
        float: none;       
      }
      .ctl-wid-ovr-gbtn button{
        width: 100px;
      }
      .cmp-pag-lis-sty-non .form-group .form-check{
        display: inline-block !important;
        width: 100%;
      }
      .cmp-dis-inblo-res{
        display: inline-block !important;
        width: 100%;
      }
      .cmp-pge-che-inp .form-check-label, .cmp-pge-rad-inp .form-check-label{
        padding-top:2px;
      }
      .cmp-pag-flx-hdr{
        flex-direction: column;
      }
      .clt-lab-pag-tit,.cmp-wid-gres-hun{
        width: 100%;
      }
      .ctl-res-blk-sch{
        margin-bottom: 15px;
      }
      /*  */
      .ctl-flyer{
        top: -10px;
      }
      .ctl-sol-txt-sch label{
        line-height:23px;
      }
      
}
@media only screen and (min-width:576px) and (max-width: 767px){
    .ctl-wid-ovr-gbtn button{
        width: 100px;
      }
    .cmp-pag-lis-sty-non .form-group .form-check{
        display: inline-block !important;
        width: 100%;
      }
      .cmp-dis-inblo-res{
        display: inline-block !important;
        width: 100%;
      }
      .cmp-pge-che-inp .form-check-label, .cmp-pge-rad-inp .form-check-label{
        padding-top:2px;
      }
      .cmp-pag-flx-hdr{
        flex-direction: column;
      }
      .clt-lab-pag-tit,.cmp-wid-gres-hun{
        width: 100%;
      }
      /*  */
      .ctl-flyer{
        top: -10px;
      }
      .ctl-res-blk-sch {
         margin-bottom: 15px;
        }
      .ctl-res-grd-sch{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
      }
      .ctl-res-grd-hwid{
        width: 100%;
        grid-column: span 3;
      }
      .ctl-rwid-sch-btn button{
        width: 100%;
      }
      .ctl-sol-txt-sch label{
        line-height:23px;
      }
}
@media only screen and (min-width:768px) and (max-width: 991px){
/*  */
.ctl-flyer{
    top: -10px;
  }
  .ctl-res-blk-sch {
    margin-bottom: 15px;
}
  .ctl-res-grd-sch{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .ctl-res-grd-hwid{
    width: 100%;
    grid-column: span 3;
  }
  .ctl-rwid-sch-btn button{
    width: 100%;
  }
  .ctl-sol-txt-sch label{
    line-height:23px;
  }
}
@media only screen and (min-width:992px) and (max-width: 1199px){
    .ctl-flyer{
        top: -10px;
      }
      .ctl-res-grd-sch{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
      }
      .ctl-res-grd-hwid{
        width: 100%;
        grid-column: span 2;
      }
      .ctl-rwid-sch-btn button{
        width: 100%;
      }
}