@media only screen and (max-width: 1500px) {
/* COVID popup */	
.Fields_group {padding:0px 10px;}	
.Fields_group label {width: 45%;}
.Fields_group .Form_Fields {width: 55%;}
	
}
@media only screen and (max-width: 1359px) {
.field_design{padding-right: 15px;}
.field_design label {margin-right: 0;width: 100%;margin-bottom: 3px;}
.field_design .infield{width: 100%; max-width: 87%;}
.field_design .actionicon {right: 9%;  top: 30px; font-size: 16px;}
.overlay-data .button_container { text-align: center;   margin: 10px 10px;}
}
@media only screen and (max-width: 1200px) {
.regionbox { width: 30%;}
}
@media only screen and (max-width: 991px) {
body {font-size: 13px;}	
.navbar_custom .navbar-brand {padding: 5px 7px 5px 0px;}
.navbar_custom .navbar-brand span {font-size: 13px;}
.navbar_custom .navbar-brand p { font-size: 16px;}
.menuicon {padding: 10px 7px;}
.regionlist {padding: 9px 7px;}
.regionlist img {max-width: 18px; margin-top: 8px;}
.navbar_custom .navbar-nav .nav-link {    padding: 0px 2px 0px 2px; background-color: transparent;}
.navbar_custom .navbar-nav .nav-link .nav_icon{background-size: 13px auto; background-position: 4px 3px; width: 18px; margin-right: 3px;}
.navbar_custom .navbar-nav .nav-link .nav_icon.sprofile_i {background-position: 4px 4px;}
.menuimgicon span, .firstmenu a {font-size: 13px;}
.field_design { max-width: 33%;}
	
	/* login page */
.nlogin_gradient { position: relative;height: 55vh;}
.n_login_inner { width: 90%; position: relative; -webkit-transform: none;  -ms-transform: none;  transform: none; top: auto; left: auto; margin: -210px auto 0; padding-top: 30px;}
.n_forgot_inner { width: 90%; position: relative; -webkit-transform: none;  -ms-transform: none;  transform: none; top: auto; left: auto; margin: -210px auto 0; padding-top: 30px;}
.n_loginlogo p {font-size: 31px;}
.n_loginfo_txt {  font-size: 15px;     margin-bottom:30px;}
.n_loginfeature ul {  margin: 0px 0px 0px 0px;}
.n_loginfeature ul li { width: 100%;  margin: 10px 0px;}

	/* control Room */
.control_field {max-width: 25%;}

}

@media only screen and (max-width: 767px) {
.navbar_custom {padding: 0 0.5rem;}
.navbar_custom .navbar-brand span {font-size: 11px;}
.navbar_custom .navbar-brand p { font-size: 13px;}	
.navbar_custom .header_menuright {float: left;background: #ededed;border-top: 1px solid #ffffff; margin-left: -1rem; margin-right: -1rem; min-width: calc(100% + 2rem);}
.navbar_custom .navbar-nav .nav-item { width: 33.3%;}	
.navbar_custom .navbar-nav .nav-item.userli{position: absolute; top: 6px; right: 10px;    width: auto;}
.navbar_custom .navbar-nav .nav-item.userli .nav-link{color:#ffffff;}
.navbar_custom .navbar-nav .nav-item.userli .nav-link .fas{color:#ffffff;}
.navbar_custom .navbar-nav .nav-link {color: #474747; border-right: 1px solid rgba(0,0,0,0.1); height: 35px; line-height: 35px; width:100%;text-align: center;}
.Brdcrms_container {padding: 5px 0.5rem;}
.clockedin {width: 100%;  margin: 0px;  font-weight: bold;  float: left;  padding: 4px 0px; text-align: left;}
.Brdcrmsbox {font-size: 12px; width: 61%;}
.c_theme {top: 6px;}
.c_theme span {font-size: 10px;}
.c_theme ul li { width: 12px;  height: 12px;  margin: 0 6px 0 0;}
.navbar_custom .navbar-nav .nav-link .nav_icon.miles_i{background-image: url( "../images/M_miles.png");}
.navbar_custom .navbar-nav .nav-link .nav_icon.sprofile_i{background-image: url( "../images/M_switchprofile.png"); background-position: 0px 3px;}
.navbar_custom .navbar-nav .nav-link .nav_icon.timesheet_i{background-image: url( "../images/M_timesheet.png"); border-right:0px;}
.navbar_custom .navbar-nav .nav-item.dropdown:hover .dropdown-menu{    min-width: 140px;  right: -10px;}
 .left_panel .firstmenu{ width: 100%; border-bottom: 0px solid #c0b5f2;margin: 0;}
.left_panel .firstmenu >ul{width: 100%;border-bottom: 1px solid;    margin: 0;}
.megamenu {height: calc(100vh - 120px);top: 120px;}
.menuimgicon {padding: 10px 0px 10px 30px;background-position: 0 8px;}	
.menuimgicon:after { position: absolute; width: 100%; height: auto; background: transparent; left: 100%; top: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900;  content: "\f054";  font-size: 19px; }
.secondmenu{display: none;}
.secondmenu a { color: #000000; padding: 7px 10px; border-bottom: 0px solid #e5e5e5;}
.left_panel .firstmenu li:hover .secondmenu{display: block;}
.left_panel ul.thirdmenu {  position: relative; top: inherit; left: inherit; min-width: fit-content; background: #ffffff; border-radius: 0;   z-index: 9;  display: none;  padding: 0px 10px;  box-shadow: none;  margin: 10px 0px;}
	
.thirdmenu li a { color: #585858;  border-bottom: 0px solid #9582e9;  border-left: 4px solid #cccccc;}	
.secondmenu li.subchild:hover li a:hover {background: #ffffff;}

.bodycontainer { padding-top: 100px;  height: calc( 100vh - 155px);  padding: 145px 1rem 10px;}	
.field_design {max-width: 50%; }

.regionlist_container {top: 130px;}
.regionbox { width: 48%;}
.newdesign .right_panel {    top: 120px;     height: calc(100vh - 120px);}
.dropdown-menu {  right: -10px;    min-width: 130px;    }
    .newdesign .left_panel {
        -webkit-column-count: unset;
        -moz-column-count: unset;
        column-count: unset;
        -webkit-column-gap: unset;
        -moz-column-gap: unset;
        column-gap: unset;
    }
.newdesign .span_Col05 { width: 100%; float: left;}
    .newdesign .Form_Fields fieldset table{margin:15px 0px}
    .newdesign .Form_Fields fieldset table td {
        width: 100% !important;
        float: left;
        text-align: left;
        padding: 2px 7px;
    }
    .newdesign .pull-right table tr td {
        width: auto !important;
    }
    .newdesign .Form_Fields.inventory {
        margin: 20px auto 0;
        overflow: hidden;
        width: 96%;
        box-sizing: border-box;
        padding: 20px 4px;
    }

    .newdesign .Form_Fields.inventory fieldset textarea {        width: 80%;    }
    .newdesign div#TabledivTableDetail {
        width: 100%;
        overflow: auto;
    }

	
	/* login page */
	.nlogin_gradient{position: fixed; height: 58vh;}
	.n_login_inner { margin:0px auto;padding-top: 20px;}
	.n_forgot_inner { margin:0px auto;padding-top: 20px;}
	.n_login_left { width: 100%; height: auto;}
	.n_loginfeature{display:none;}
	.n_login_right { width: 100%;  height: auto;text-align: center;}
    .nlogin_form {float: none;margin: 25px auto 20px;display: inline-block; padding:40px 30px;}
    .n_loginfo_txt { margin-bottom: 5px;}
    .n_loginlogo span {font-size: 19px;  line-height: 22px;}
    .n_loginlogo p { font-size: 25px; line-height: 30px; }

    	/* control Room */
	.control_field {max-width: 50%;}
	.control_field_button label{display: none;}
	.editpclose {top: -35px; right: 0px;}

	/* COVID popup */
	.Fields_group {margin-bottom: 15px; width:100%;}
	.Fields_group label {width: 100%;padding: 0;line-height: normal;text-align:left;}
	.Fields_group .Form_Fields {padding: 0px 7px 5px 7px; width: 100%;}
	.Fields_group.co_date{width:100%}
	.Fields_group.co_date label{width:100%}
	.Fields_group.co_date .Form_Fields{width:100%}
	.Fields_group.co_time{width:100%}
	.covid_Q_group {display: block;margin-bottom: 30px;}
	.covid_Q_group .covid_left{ display: inline-block; width: 100%; padding-right: 0; padding-bottom: 5px;}
	.covid_Q_group .covid_right { display: inline-block; width: 100%;}
	.covid_Q_group .covid_right label { padding-left:0px; padding-right: 25px;}
	
	
}

@media only screen and (max-width: 520px) {
.navbar_custom .navbar-brand { padding: 9px 7px 5px 0px;}
.navbar_custom .navbar-brand span {font-size: 9px;}
.navbar_custom .navbar-brand p { font-size: 11px;line-height: 13px;}	
.navbar_custom .navbar-nav .nav-link{  padding: 0px 2px 0px 2px;font-size: 11px;}	
.Brdcrmsbox { width: 52%;}
.h_username{display: none;}
	
.field_design {max-width: 100%; padding-right: 0px;}
.field_design .infield {width: 100%;   max-width: 84%;}
	
.regionbox { width: 100%;}

/* control Room */
	.control_field {max-width: 100%;}	
	.tcheditlist ul { margin-left: 0;}
	.tcheditlist ul li {display: inline-block;padding: 3px 0px; border-right: 0px solid #b2b2b2; width: 100%;}
	
	
}
@media only screen and (max-width: 350px) {
    /* login page */
    	.n_login_inner { margin:0px auto;padding-top: 10px;}
		.n_forgot_inner { margin:0px auto;padding-top: 10px;}
    .nlogin_form {float: none;margin: 25px auto 20px;display: inline-block; padding: 20px 20px;}
    .n_loginfo_txt { margin-bottom: 0px;}
    .n_loginlogo {  padding: 0px 0px 10px 0px; }
        .n_loginlogo span {font-size: 19px;  line-height: 22px;}
        .n_loginlogo p { font-size: 25px; line-height: 30px; }
}