@media screen and (min-width: 1024px) {
/*-------------- Login Page Starts ----------*/
#loginform_div form {border: 3px solid #f1f1f1;}

#loginform_div input[type=text], input[type=password] {
  width: 500px !important;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  height:3em;
}
#Terms_Use_container {
	margin-left: 50%;
}
#terms_use_div {
	width:40% !important;
}
.button_x {
	color: white !important;
	padding: 14px 20px !important;
	margin: 8px 0;
	border: none !important;
	cursor: pointer !important;
	width: 90%;
	margin-left: auto;
	margin-right: auto !important;
	background: none !important;
	background-color: #bf5054 !important;
	text-align: center !important;
        justify-content: center;
        font-size:2em;
        font-weight:bold;
}

button:hover {
  opacity: 0.8;
}

.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

img.avatar {
  width: 40%;
  border-radius: 50%;
}

#loginform_div > .container {
  padding: 16px;
}

span.psw {
  float: right;
  padding-top: 16px;
}
#loginform_div form {
	border: 3px solid #f1f1f1;
	width: 40%;
	background-color: #dbd9d9;
	margin: 10px;
}
.text-left{
       text-align:left;
          }
.text-pleft{
       padding-left:20px;
          }
		  .header-dash .menu {
	text-align: center;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}

.ui-selectmenu-button.ui-button {
	padding-right: 0.2em;
	width: 100% !important;
	font-size: var(--font-size)!important;
}
#frmpersonfilenew_cus__customer_status_value_div {
	width: 40% !important;
}
#frmpersonfilenew_cus__customer_department_value_div {
	width: 40% !important;
}
#frmpersonfilenew_cus__customer_localauthority_value_div {
	width: 40% !important;
}
#frmpersonfilenew_cus__customer_socialworker_value_div {
	width: 40% !important;
}
#frmpersonfilenew_cus__customer_caseworker_value_div {
	width: 40% !important;
}
#frmpersonfilenew_cus__customer_keyworker_value_div {
	width: 40% !important;
}
#frmpersonfilenew_cus__customer_supportworker_value_div {
	width: 40% !important;
}
#updatetimetable_frm > .nt-form-table-cell .nt-prompt {
	width: 60px !important;
}
#tab_benefitpayments1_div {
	float:left !important;
}
h1 {
	font-size:20pt !important;
}
/*.nt-checkbox {
	   width:max-content !important;
}*/
.nt-prompt {
	font-size: 10pt !important;
}
.nt-browse-table-cell {
	min-height: 1em !important;
	font-weight: normal;
	font-size: var(--font-size);
}
.Timefield {
	width:70% !important;
}
.make9pt {
	    font-size: 9pt !important;
}
.nt-entry  {
	width:70% !important;
}
#templateholdernew_div .nt-form-grid-cell {
	flex-wrap: wrap;
}
/*
.nt-menu-div {
	width: 80% !important;
}

.ui-accordion .ui-accordion-header {
	font-size: 80% !important;
}
.fa-nt-dash {
	font-size: 10px !important;
	padding-right: 10px;
}
.nt-bread {
	width: 98% !important;
} */
.make-width-100 {
     width: 100% !important;
}
}
@media screen and (max-width: 1024px) {
/* 
 span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
#loginform_loginbtn_value_div > input[type=text], input[type=password] {
  width: 500px !important;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  height:2.5em;
}
.button_x {
    font-size:1.5em;
   } */
}
@media all and ( max-width : 1200px ) {
	.header .logo {
		width: 18%;
		background-color: #fff;
		float: left;
		padding-left: 20px;
		box-sizing: border-box;
		position: relative;
	}


	.header .menu {
		width: 82%;
		background-color: rgba(175, 36, 41, .8);
		float: left;
		margin-top: 5px;
		padding: 10px 0px;
	}

	.header .menu ul li {
		display: inline-block;
		padding: 10px 20px;
	}
	.header .logo img{
		   width:100%;
	}
   }
@media all and ( max-width : 1000px ) {
	
	.header {
		position: fixed;
	}
		.header .logo img{
		   width:auto;
	}

	.header .logo {
		width: 100%;
		float: none;
		text-align: center;
	}

	.header .logo:after {
		content:'';
		display: block;
		width: 0px;
		height: 0px;
		
	}

	.header .menu {
		width: 100%;
		background-color: rgba(175, 36, 41, .8);
		float: none;
		margin-top: 0px;
		padding: 10px 0px;
	}

	.header .menu ul {
		text-align: center;
		margin-right: 0px;
	}

	.header .menu ul li {
		display: inline-block;
		padding: 5px 20px;
         }

	.banner {
		height: 217px;
		margin-top: 223px;
	}

	.about-us {
		padding-top: 225px;
	}
	.about-us .about-left {
		width: 100%;
		float: none;
	}

	.about-us .about-left {
		text-align: center;
	}

	.about-us .about-left p {
		margin: auto;
	}

	.about-us .about-left h3 {
		display: none;
	}

	.about-us .about-right {
		width: 100%;
		float: none;
	}

	.about-us .about-right img {
		width: 200px;
		height: 200px;
		display: block;
		margin: 30px auto;
	}
	
	.watch-us {
		padding-top: 0px;
	}
	.watch-us .watch-left {
		width: 100%;
		float: none;
	}

	.watch-us .watch-left {
		text-align: center;
	}

	.watch-us .watch-left p {
		margin: auto;
	}

	.watch-us .watch-left h3 {
		display: none;
	}

	.watch-us .watch-right {
		width: 100%;
		float: none;
	}
.watch-us .watch-left h2 {
    line-height: 30px;
}
	.watch-us .watch-right iframe {
		width: 80%;
		height: 80%;
		display: block;
		margin: 30px auto;
	}
	.our-blogs {
		padding-top: 225px;
        }

	.call-to-action .call-left {
		text-align: center;
		width: 100%;
		float: none;
	}

	.call-to-action .call-right {
		text-align: center;
		width: 100%;
		float: none;
	}

	.call-to-action .call-right h3 {
		font-size: 18px;
	}

	.call-to-action .call-right h3 span {
		font-size: 20px;
	}


	.our-blogs .blog-post-box {
		width: 90%;
		display: block;
		margin:10px auto;

	}


	.download-broshure  input {
		width: 70%;
	}
	.header-dash .logo {
		width: 20%;
		background-color: #fff;
		float: left;
		padding-left: 0px;
		box-sizing: border-box;
		position: relative;
}
.header-dash .logo img{
		   width:100%;
	}
#Terms_Use_container {
	margin-left: 1%;
}
#terms_use_div {
	width:40% !important;
}
#loginform_loginbtn_value_div > .if-large {
	display: block;
}
.nt-contentpanel {
	float: right !important;
	width: 76% !important;
}
.header-dash .menu {
	text-align: center;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}

.ui-selectmenu-button.ui-button {
	padding-right: 0.2em;
	width: 100% !important;
	font-size: var(--font-size)!important;
}
#frmpersonfilenew_cus__customer_status_value_div {
	width: 100% !important;
}
#frmpersonfilenew_cus__customer_department_value_div {
	width: 100% !important;
}
#frmpersonfilenew_cus__customer_localauthority_value_div {
	width: 100% !important;
}
#frmpersonfilenew_CUS__Customer_SocialWorker_value_div {
	width: 100% !important;
}
#frmpersonfilenew_CUS__Customer_CaseWorker_value_div {
	width: 100% !important;
}
#frmpersonfilenew_cus__customer_keyworker_value_div {
	width: 100% !important;
}
#frmpersonfilenew_cus__customer_supportworker_value_div {
	width: 100% !important;
}
#frmpersonfilenew_cus__customer_department_prompt_div {
	    width:100% !important;
}
#frmpersonfilenew_cus__customer_socialworker_prompt_div {
	    width:100% !important;
}
#frmpersonfilenew_calendarbtn_value_div {
	   width:20% !important;
}
#frmpersonfilenew_btna_value_div {
	   width:20% !important;
}
#frmpersonfilenew_btnc_value_div {
	   width:20% !important;
}
#frmpersonfilenew_btnu_prompt_div {
	   display:none !important;
}
#frmpersonfilenew_btnu_value_div {
	   width:20% !important;
}
#frmpersonfilenew_btnqa_prompt_div {
	   display:none !important;
}
#frmpersonfilenew_btnqa_value_div {
	   width:10% !important;
}
#TemplateHolder_container {
	  float:left !important;
}
#updatetimetable_frm > .nt-form-table-cell .nt-prompt {
	width: 60px !important;
}
#tab_benefitpayments1_div {
	float:left !important;
}
h1 {
	font-size:20pt !important;
}
.nt-checkbox {
	   width:max-content !important;
}
.nt-prompt {
	font-size: 10pt !important;
}
.nt-browse-table-cell {
	min-height: 1em !important;
	font-weight: normal;
	font-size: var(--font-size);
}
.Timefield {
	width:70% !important;
}
.nt-menu-div {
	width: 80% !important;
}
.ui-accordion .ui-accordion-header {
	font-size: 80% !important;
}
.fa-nt-dash {
	font-size: 10px !important;
	padding-right: 10px;
}
.nt-bread {
	width: 98% !important;
}
/*oluuuuu*/
:root {
	--font-size: 8pt !important;
/*oluuuu end */

}


/*-------------- Login Page Starts ----------*/
#loginform_div form {border: 3px solid #f1f1f1;}

#loginform_div input[type=text], input[type=password] {
  width: 280px !important;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  height:3em;
}

.button_x {
	color: white !important;
	padding: 14px 20px !important;
	margin: 8px 0;
	border: none !important;
	cursor: pointer !important;
	width: 90%;
	margin-left: auto;
	margin-right: auto !important;
	background: none !important;
	background-color: #bf5054 !important;
	text-align: center !important;
        justify-content: center;
        font-size:2em;
        font-weight:bold;
}

button:hover {
  opacity: 0.8;
}

.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

img.avatar {
  width: 40%;
  border-radius: 50%;
}

#loginform_div > .container {
  padding: 16px;
}

span.psw {
  float: right;
  padding-top: 16px;
}
#loginform_div form {
	border: 3px solid #f1f1f1;
	width: 40%;
	background-color: #dbd9d9;
	margin: 10px;
}
.text-left{
       text-align:left;
          }
.text-pleft{
       padding-left:20px;
          }
}
/* Change styles for span and cancel button on extra small screens */
@media all and ( max-width : 576px ) {
	
	.header {
		position: fixed;
	}

	.header .logo {
		width: 100%;
		float: none;
		text-align: center;
		z-index:-1;
	}

	.header .logo:after {
		content:'';
		display: block;
		width: 0px;
		height: 0px;
		
	}

	.header .menu {
		width: 50%;
		background-color: rgba(175, 36, 41, .8);
		float: none;
		margin-top: 0px;
		padding: 10px 0px;
		display: none;
	}

	.header .menu ul {
		text-align: left;
		margin-right: auto;
	}

	.header .menu ul li {
		display: block;
	}

	.banner {
		height: 170px;
        margin-top: 80px;
	}

	.about-us .about-left {
		width: 100%;
		float: none;
	}

	.about-us .about-left {
		text-align: center;
	}

	.about-us .about-left p {
		margin: auto;
	}

	.about-us .about-left h3 {
		display: none;
	}

	.about-us .about-right {
		width: 100%;
		float: none;
	}

	.about-us .about-right img {
		width: 200px;
		height: 200px;
		display: block;
		margin: 30px auto;
	}
	
	.watch-us .watch-left {
		width: 100%;
		float: none;
	}

	.watch-us .watch-left {
		text-align: center;
	}

	.watch-us .watch-left p {
		margin: auto;
	}

	.watch-us .watch-left h3 {
		display: none;
	}

	.watch-us .watch-right {
		width: 100%;
		float: none;
	}

	.watch-us .watch-right iframe {
		width: 80%;
		height: 80%;
		display: block;
		margin: 30px auto;
	}
       
	.call-to-action .call-left {
		text-align: center;
		width: 100%;
		float: none;
	}

	.call-to-action .call-right {
		text-align: center;
		width: 100%;
		float: none;
	}

	.call-to-action .call-right h3 {
		font-size: 18px;
	}

	.call-to-action .call-right h3 span {
		font-size: 20px;
	}


	.our-blogs .blog-post-box {
		width: 90%;
		display: block;
		margin:10px auto;

	}


	.download-broshure  input {
		width: 70%;
	}
	


	.header .menu-res a{
		display: block;
		margin-top: -41px;
        z-index: 200;
	}
	.ui-controlgroup {
		/* display: grid !important; */
		font-size:14px;
           }
       .smenu{
            display:none !important;
            }
       .rgst{
           float:left;
           }
		.mlogin{
            display:block !important;
            }   

}
@media screen and (max-width: 420px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
#loginform_loginbtn_value_div > input[type=text], input[type=password] {
  width: 95% !important;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  height:2.5em;
}

.button_x {
    font-size:1em;
	margin-top: -60px;
   }
#loginform_div form {
	border: 3px solid #f1f1f1;
	width: 95%;
	background-color: #dbd9d9;
	margin: 10px;
}
#loginform_loginbtn_value_div > .if-large {
/*-------------- Login Page Ends  -----------*/

	display: none;
}
}