@media only screen and (max-width: 2999px) {
    .searchbar .custfield {
        background-position: 5px 52% !important;
    }
}
@media only screen and (max-width: 1999px) {
    .clstable table td {
        font-size: 16px;
        font-weight: 600;
        color: #000000 !important;
        line-height: 22px;
    }
    #custnav {
        height: -webkit-calc(100% - 195px);
    }
    .searchbar .custfield {
        background-position: 5px 45%;
        padding: 0px 0px 0px 30px;
    }
    .cbtn1 {
        height: 48px;
        line-height: 48px;
    }
    /*.dataTables_filter {*/
    /*    margin: -13% 0px 0px 49% !important;*/
    /*}*/
    .asidemenus .logo img {
        width: 114px;
        margin-top: -16px;
    }
    .set-company-name {
        margin-right: -85px;
        margin-top: -103px;
        font-size: 1.8rem;
        font-weight: 500;
    }
    /*.dataTables_length {*/
    /*    margin: -13% 0px 0px 139% !important;*/
    /*    float: right !important;*/
    /*}*/

    div.dataTables_wrapper div.dataTables_info {
        margin-top: 12px;
    }
}
@media only screen and (max-width: 1799px) {
    /** Museum Pages **/
    .museumtrophycont table .tabcol3 {
        width: 330px !important;
    }

    .museumenironmentcont .clstable table .notecol {
        max-width: 660px !important;
    }
    .clstable table td {
        font-size: 16px;
        font-weight: 600;
        color: #000000 !important;
        line-height: 22px;
    }
}

@media only screen and (max-width: 1699px) {
    .asidemenus {
        left: 10px;
        top: 10px;
        bottom: 10px;
        width: 270px;
    }
    .clstable table td {
        font-size: 16px;
        font-weight: 600;
        color: #000000 !important;
        line-height: 22px;
    }

    .contentpart {
        padding-left: 280px;
    }

    .asidemenus .logo img {
        width: 100px;
        margin-top: -15px;
    }
    .set-company-name {
        margin-right: -83px;
        margin-top: -78px;
        font-size: 1.4rem;
        font-weight: 500;
    }

    #custnav {
        height: calc(100% - 142px);
        height: -moz-calc(100% - 142px);
        height: -webkit-calc(100% - 175px);
    }
    .searchbar .custfield {
        background-position: 5px 45%;
        padding: 0px 0px 0px 30px;
    }

    #custnav .menus > li > .menulink {
        font-size: 16px;
        padding: 15px 50px 15px 40px;
    }

    #custnav .menus > li > .menulink:before {
        left: 20px;
        width: 3px;
    }

    #custnav .submenus {
        padding: 5px 40px 5px 40px;
    }

    #custnav .submenus ul li {
        padding: 5px 0;
    }

    #custnav .submenus ul li a {
        font-size: 16px;
        padding-left: 15px;
    }

    #custnav .submenus ul li a:before {
        width: 6px;
        height: 6px;
    }

    .logout {
        padding: 15px 25px;
    }

    .logout a {
        font-size: 16px;
        padding: 0px 0px 4px 50px;
    }

    .ctitle h3, .breadcrumbmenu ul li a, .breadcrumbmenu ul li {
        font-size: 24px;
    }

    .topbarheader .ctitle {
        margin-top: 10px;
    }

    .showopt select.custfield {
        height: 48px;
        font-size: 18px;
        background-image: url(../images/two-arrow-s.svg);
        padding-left: 15px;
    }

    .searchbar .custfield {
        height: 48px;
        background-position: 5px 45%
    }

    .cbtn1 {
        height: 48px;
        line-height: 48px;
    }

    .clstable table th, .clstable table td p, .showpagetext, .clsinfotable .infocol1 span, .clsinfotable .infocol2 p, .cformpart .custfield, .clsdropzone .dropzone .dz-message .dropmsg {
        font-size: 16px;
    }

    .clstable table th {
        padding: -1px 10px !important;
    }

    .clstable table td {
        padding: 10px !important;
    }

    .clstable table .tabcol1 {
        padding-left: -1px !important;
        /*padding-right: 68px !important;*/
    }

    .dataTable .tablesort span:before, .dataTable .tablesort span:after {
        top: 2px !important;
    }

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

    .clsinfotable table td {
        padding: 15px 20px !important;
    }
    .clsinfotable table th {
        padding: 15px 20px !important;
    }

    .plr30 table th, .plr30 table td {
        padding: 15px 20px !important;
    }

    .breadcrumbmenu {
        margin-top: 0px;
    }

    .cformpart .custfield {
        font-size: 16px;
    }

    .cformpart select.custfield {
        height: 50px
    }

    .cformpart input.custfield {
        height: 50px
    }

    .deleteRwBtn
    {
        width: 50px;
        height: 50px;
    }

    .catbtn
    {
        margin: 2px 0px;

    }

    .cformpart textarea.custfield {
        height: 160px;
    }

    .clsdropzone .dropzone {
        min-height: 226px;
    }

    .cformpart .cldfieldrow label {
        font-size: 18px;
    }

    .clsradioopt [type="radio"]:checked + label, .clsradioopt [type="radio"]:not(:checked) + label {
        font-size: 16px;
        line-height: 20px;
        padding-left: 30px;
    }

    .clsradioopt [type="radio"]:checked + label:before, .clsradioopt [type="radio"]:not(:checked) + label:before {
        width: 20px;
        height: 20px;
    }

    .clsradioopt [type="radio"]:checked + label:after, .clsradioopt [type="radio"]:not(:checked) + label:after {
        width: 12px;
        height: 12px;
        left: 4px;
        top: 4px;
    }

    .clsradioopt {
        margin-right: 50px;
    }

    .inputtags {
        padding: 9px 40px 9px 15px;
    }
}

@media only screen and (max-width: 1499px) {
    .innerconts {
        padding-top: 40px;
    }
    .clstable table td {
        font-size: 16px;
        font-weight: 600;
        color: #000000 !important;
        line-height: 22px;
    }

    .clsdatatable1 table {
        width: 1220px;
    }

    .clsmodal1 .modal-dialog {
        max-width: 710px;
    }

    .deletemodal2 .fieldrow label {
        font-size: 30px;
    }

    .clsmodal1 .modal-body {
        padding: 30px;
    }

    .deletemodal2 .fieldrow textarea {
        height: 280px;
    }

    .clsmodal1 .cbtn {
        font-size: 22px;
        height: 52px;
        line-height: 52px;
    }

    .clsmodal1 h4 {
        font-size: 30px;
        line-height: 42px;
        margin-top: 30px;
    }

    .deletemodal1 h4 {
        margin-bottom: 50px;
    }

    /** Museum Pages **/
    .museumenironmentcont .clstable table .notecol {
        max-width: 500px !important;
    }
}

@media only screen and (max-width: 1399px) {
    .asidemenus {
        width: 240px;
    }

    .contentpart {
        padding-left: 250px;
    }
    .set-company-name {
        margin-right: -83px;
        margin-top: -78px;
        font-size: 1.4rem;
        font-weight: 500;
    }

    /** Museum Pages **/
    .museumenironmentcont .clstable table .notecol {
        max-width: 390px !important;
    }
}

@media only screen and (max-width: 1199px) {
    .cbtn1 {
        padding: 0 20px;
    }

    .addbtn {
        background-position: 20px 50%;
        background-size: 20px auto;
        padding-left: 50px !important;
    }

    .asidemenus {
        position: relative;
        left: initial;
        padding: 20px;
        overflow: visible;
        bottom: initial;
        width: 100%;
        z-index: 11;
        top: initial;
        float: left;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.10);
        -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.10);
        -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.10);
    }

    .set-company-name {
        margin-left: 105px;
    }

    .logo {
        width: initial;
        float: left;
        border: none;
        text-align: left;
        margin: 0;
        padding: 0px;
    }

    .logout {
        position: relative;
        margin-top: 1px;
        float: right;
        padding: 10px;
        width: auto;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .logout a {
        font-size: 14px;
        padding: 4px 0px 4px 29px;
        background-size: 20px auto;
        background-position: 0px 50%;
    }

    #menuicon {
        float: right;
        width: 41px;
        height: 41px;
        margin-left: 15px;
        margin-top: 1px;
        background: #FAD733 url(../images/menuicon.png) no-repeat 50% 50%;
        cursor: pointer;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    #custnav {
        position: absolute;
        display: none;
        left: 0px;
        right: 0px;
        height: initial;
        background-color: #fff;
        top: 100%;
        box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
    }

    #custnav .menus > li {
        margin: 0;
        border-top: 1px solid #F2F2F2;
        border-bottom: none;
    }

    #custnav .menus > li > .menulink {
        padding: 12px 50px 12px 40px;
    }

    .contentpart {
        padding-left: 0px;
    }

    .innerconts {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 991px) {
    .topbarheader .rheader {
        width: 100%;
        margin-top: 20px;
    }

    .clsdatatable3 table {
        width: 992px;
    }
}

@media only screen and (max-width: 767px) {
    .cbtn {
        padding: 0 20px;
    }

    .asidemenus {
        padding: 15px;
    }

    .innerconts {
        padding: 15px 15px 20px;
    }

    .ctitle {
        padding-left: 10px;
        border-left-width: 3px;
    }

    .ctitle h3, .breadcrumbmenu ul li a, .breadcrumbmenu ul li {
        font-size: 20px;
    }

    .clspagetool {
        float: left;
        text-align: center;
    }

    .searchbar {
        width: 255px;
        margin: 0 0px 0 10px;
    }

    .showpagetext {
        float: left;
        width: 100%;
        text-align: center;
    }

    .clspagination {
        display: inline-block;
        margin-top: 15px;
    }

    .clspagination ul li a {
        background-size: 6px auto;
    }

    .breadcrumbmenu {
        margin-top: 10px;
        border-left-width: 3px;
        padding-left: 0px;
    }

    .breadcrumbmenu ul li {
        background-size: 9px 19px;
    }

    .clswhitebg {
        padding: 20px;
    }

    .cformpart .cldfieldrow {
        margin-bottom: 15px;
    }

    .cformpart .cldfieldrow label {
        font-size: 16px;
    }

    .clsdropzone .dropzone .dz-message {
        width: 252px;
    }

    .cformpart .w5 {
        width: 100%;
    }

    .clsmodal1 .modal-dialog {
        max-width: 94%;
    }

    .deletemodal2 .fieldrow label {
        font-size: 22px;
    }

    .deletemodal2 .fieldrow textarea {
        height: 230px;
    }

    .clsmodal1 .modal-body {
        padding: 25px;
    }

    .clsmodal1 .btnsrow {
        margin-top: 30px;
    }

    .clsmodal1 .cbtn {
        font-size: 18px;
        height: 48px;
        line-height: 48px;
    }

    .ph3::-webkit-input-placeholder, .deletemodal2 .fieldrow textarea {
        font-size: 16px;
    }

    .clsmodal1 h4 {
        font-size: 22px;
        line-height: 24px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .clsmodal1 .clsicon img {
        max-width: 70px;
    }
}

@media only screen and (max-width: 575px) {
    .rheader .showopt {
        display: none;
    }

    .searchbar {
        margin-left: 0px;
    }

    .clspagination ul li a {
        width: 34px;
        height: 34px;
        line-height: 34px;
    }

    .clspagination ul .pagedots span {
        width: 26px;
        margin-top: 31px;
    }

    .clsinfotable table td {
        padding: 10px 20px !important;
    }

    .clsinfotable table th {
        padding: 10px 20px !important;
    }

    .clsinfotable1 table, .clsdatatable2 table {
        width: 500px;
    }

    .clsinfotable table td.infocol1 {
        width: 180px;
    }

    .clsmodal1 .btnsrow {
        margin-top: 20px;
    }

    .clsmodal1 .btnsrow .cbtn {
        width: 100%;
    }

    .clsmodal1 .btnsrow .cbtn.cbtnyello {
        margin: 0px 0px 15px 0px !important;
    }

    .clsmodal1 .cbtn {
        font-size: 16px;
        height: 46px;
        line-height: 46px;
    }
}

@media only screen and (max-width: 479px) {
    .cbtn1, .cbtn {
        height: 42px;
        line-height: 42px;
        font-size: 14px;
    }

    .addbtn {
        background-position: 15px 50%;
        background-size: 16px auto;
        padding-left: 40px !important;
    }

    .searchbar {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .logout {
        padding: 0px;
    }

    .logout a {
        width: 41px;
        height: 41px;
        padding: 0;
        background-position: 50% 50%;
        float: left;
        font-size: 0px;
    }

    .clstable, .clsinfotable {
        margin: 20px 0;
    }

    .clsmodal1 .modal-body {
        padding: 20px;
    }

    .deletemodal2 .fieldrow label {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .clsmodal1 h4 br {
        display: none;
    }

    .clsmodal1 .clsicon {
        margin-top: 20px;
    }

    .pb80 {
        padding-bottom: 40px !important;
    }

    .clsfileupload .custfileupload {
        width: 130px;
        height: 42px;
    }

    .clsfileupload .uploadbtn {
        width: 130px;
    }

    .clsselecbtny select {
        width: 155px;
        height: 42px;
        font-size: 14px;
        background-position: calc(100% - 15px) 50%;
    }
}

.mobileFont {
    display: none;
}

@media (max-width: 1024px) {
    .deskbord_card .card_main .text
    {
        font-size: 17px !important;
    }
    .logout .userLogout
    {
        padding-left: 39px !important;
    }

}


@media (max-width: 786px) {
    .c-wrapper {
      display: none;
    }
    .asidemenus {
      display: none;
    }
    .mobileFont {
        background-color: rgba(0, 0, 0, 0.718);
        color: white;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-height: 300px;
      }
      .max300{
        font-size: 28px;
        line-height: 1.2;
        font-weight: 600;
        max-width: 500px;
        padding: 0 16px;
        text-transform: capitalize;
        align-items: center;
      }
  }