.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .undernav .containerHome{
     width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 576px) {
    .container, .container-sm, .undernav .containerHome {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm, .undernav .containerHome {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm, .undernav .containerHome {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .undernav .containerHome {
        max-width: 100%; 
    }
}

@media (min-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .undernav .containerHome {
        max-width: 1380px;
    }
}
@media all and (min-width: 768px){
	  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	    float: left;
	  }
	.col-sm-4 {
	    width: 33.33333333%;
	  }
	 .col-sm-2 {
	    width: 16.66666667%;
	  } 
	   .col-sm-12 {
	    width: 100%;
	  }
	  .col-sm-6{
	  	width: 50%;
	  }
	    .col-sm-7 {
	    width: 58.33333333%;
	  }
	   .col-sm-8 {
	    width: 66.66666667%;
	  }
	  .col-sm-5 {
	    width: 41.66666667%;
	  }
} 
/*---------- MEDIA QUERIES ------------*/

@media only screen and (max-width: 1044px) {
	.containerHome{
		width: 100%;
	}
	.lower-footer {
		width:95%;
	}
	
	#contWrapper, #pageContent {
		width:100% !important;
	}
	
	.col-2 {
		width:50%;
	}
}

@media only screen and (max-width:767px) {
		.home-banner{
			display: none;
		}
		.logo img {
			margin: auto;
		}
		
		.after-header{
	      display: block !important;
        }
  		.skip-to-main{
  			display: none !important
  		}
  		.menues-icons{
  		display: flex;
    overflow-x: auto;
  		}
  		
  		
/* Responsive SVG Logo */


/* Optional: set a reasonable max size for large screens */
@media (min-width: 1024px) {
    #portalLogo {
       width: 100%;   /* adjust as per design */
    }
}

@media only screen and (max-width:768px) {
	
	/* body {
		background:none !important;
	} */
	
	.container, .containerHome, .filter {
		width:100% !important;
	}
	
	input {
		-webkit-appearance: none;
		border-radius: 0;
	}
	
	select {
		width: 100% !important;
	}
	
	h1 {
		font-size:30px;
		font-weight: 600;
		color:#000;
	}

	h2 {
		font-size:18px;
		font-weight: 600;
		color:#000;
	}

	h2 a { 
		color:var(--color-primary);
	}

	h2 a:hover {
		color:#6ca079;
	}

	h3 {
		font-size:14px; 
		color: #000;
	}

	h4 {
		font-size:13px; 
		color:#000;
		margin:8px 0; 
	}
	
	input[type="password"],input[type="text"],textarea {
		width:100% !important;
		display: block;
		/* padding:20px; */
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	
	.description {
		width:100% !important;
		padding: 0 !important;
		margin: 0;
	}
	
	hr {
		width:100%;
	}
	
	hr.spacer {
		margin:20px 0;
	}
	
	.page-title {
		background: var(--color-primary);
		padding: 15px 10px;
		margin:0;
	}
	
	.page-title h1 {
		font-size:20px;
		color: #FFF;
		margin:0;	
	}
	
	.content {
		border:0;
		padding: 20px 10px; 
	}
	
	.content h1 {
		margin:0;
		font-size:40px;
	}
	
	.masthead {
		float:none;
		line-height: 40px;
		padding:10px;
	}
	
	.masthead h1{
		font-size:30px;
		margin:0;
	}
	
	h1.masthead {
		font-size: 30px !important;
	}
	
	h2.masthead {
		font-size: 16px !important;
		margin:0;
	}
	
	svg {
		display: block; 
	}
	
	.caption {
		text-align:center;
		text-indent:0 !important;
	}
	
	.full-width {
		width:100%;
	}
	
	.sidebar {
		display:none;
	}
	
	.col-left {
		width:100%;
	}
	
	.col-2 {
		width:49%;
		padding:5px !important;
	}
	
	.col-4 {
		padding:10px;
	}

	#contLeftcolumn {
		width:40%;
	}
	
	#ContContent {
		width:60%;
	}
	
	.header {
		height:auto;
		background-color:#FFF;
	}
	
	/* .undernav {
		display:none;
	} */
	
	
	.topnav ul {
		width:100%;
	}
	
	.skip-to-main {
		display:block;
	}	
	
	.logo {
		margin: 5px auto 5px;
	}
	
	.logo img {
		max-height:50px;
		display: block;
		float: none;
	}
	
	.laHeader {
		height:130px !important;
	}
	
	.laLogo {
		background-size:180px 70px !important;
		width: 100% !important;
		height:65px !important;
		background-position: 0 !important;
	}
	
	.laLogo img{
		margin-top:5px !important;
		margin:0 auto;
		display:block;
		width: 190px !important;
	}
	
	.logo #splogo{
		margin-top:-5px !important;
	}
	
	.splogo{
		margin-top:-5px !important;
	}
	
	.login {
		margin-right:0;
		float:right;
		display:none;
	}
	
	.login table td {
		font-size:0;
	}
	
	.gobtn {
		display:none !important;
	}
	
	.footer {
		padding:10px;
		margin-top:0;
		display:none;
	}
	
	.lower-footer {
		width:100% !important;
		height:auto;
	}
	
	.credits-right, .credits-left, .credits-right li  {
		width:100%;
		float:none;
		padding:0;
		padding: 5px 0;
		font-weight: bold;
	}
	
	.credits-right, .credits-left {
		margin-top:20px;
	}
	
	.regsteps {
		overflow:hidden;
		display: none;
	}
	
	.step {
		width: 15%;
		height: auto;
		padding: 10px 5px 10px 0;
		font-size: 12px;
		margin-right: 10px;
		text-align: right;
		
	}
	
	li.step.mini {
		width: auto;
		height: 35px;
		padding: 3px 0px 10px 0px;
	}

	.faq-anchor-list {
		width:100%;
		top:-10px;
		left:0;
		border:0;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		margin-bottom:0;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	
	.faq-anchor-list ul {
		border-left:dashed 1px #ccc;
		margin-left:5px;
		padding-left:10px;
	}

	
	.catchment {
		padding:0;
		font-size:12px;
	}
	
	.slider {
		height:auto;
	}
	
	span.home-or {
		margin:10px auto;
		display:block;
		width:100%;
		text-align:center;
	}
	
	.row {
		/* margin-top:25px; */
	}
	
	.panel {
		margin:0;
	}
	
	.login-fields {
		width:90%;
		margin:0 auto;
		padding-bottom:60px;
		position: static;
		left: auto;
	}

	.login-fields table td {
		text-align:right;
	}
	
	.login-fields table {
		margin-bottom:10px;
	}

	.login-masthead {
		text-align: center;
		width: 100%;
		float: right;
	}


	.login-masthead h2{
		font-size:18px;
		color:#444;
		margin: 30px 0 10px 0;
	}
	
	.table-info {
		display:none
	}
	
	.btn-wrap {
		min-height:25em;
	}
	
	::-webkit-input-placeholder {
	   font-size: 13px;
	   text-indent:5px;
	}

	:-moz-placeholder { /* Firefox 18- */
	   font-size: 13px;
	   text-indent:5px;
	}

	::-moz-placeholder {  /* Firefox 19+ */
	   font-size: 13px;
	   text-indent:5px;
	}

	:-ms-input-placeholder {  
	   font-size: 13px;
	   text-indent:5px;
	}
	
	ul.tabs {
		display:none;
	}
	
	.panes .content-inner {
		display:block!important;
		clear:both;
		margin:15px 0;
		border: 5px solid var(--color-primary);
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	.panes h2.sub-heading {
		float:none;
		clear:both;
		width:auto;
		margin:0;
		padding:8px 20px 10px;
		background:var(--color-primary);
		color:#fff;	
	}
	
	.panes .sub-heading-desc {
		padding:10px 10px 0 10px;
		border:none;
	}
	
	.brHide {
		display: none;
	}
	
	.userPhoto {
		display: none;
	}
	input {
		-webkit-appearance: none;
		border-radius: 0;
	}
	.importantRule{
		width: 100%!important;
	}
	#Grid{
	    width: 100%;
	    overflow-x: auto;
	    -webkit-overflow-scrolling: touch;
    }
	.col-left, .col-2, .col-3, .col-3-inner, .col-4 {
		width:100% !important;
		margin:0 !important;
		padding:5px 15px !important;
		border:0 !important;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	
	#ContContent, #contLeftcolumn {
		width:100% !important;
		margin:0 !important;
		border:0 !important;
	}
	
	.col-3-inner {margin:0 0 20px 0;}
	
	.login-width {
		width:100%;
		margin:0;
	}
	
	.btn-wrap {
		padding:10px 0 0;
		min-height:0 !important;
	}
	
	.btn-wrap p {
		padding:10px;
	}
	
	.btn-wrap .btn {
		position:relative;
		margin:20px 0;
		padding:20px;
	}
	
	div.masthead {
		display:block;
	}
	
	.tab-view {
		display:none !important;
	}
	
	#pageContent {
		min-height:300px !important;
	}
	
	#tree-menu {
		margin:0 !important;
	}
	
	.summary-btn {
		margin-bottom:10px;
		width:100% !important;
	}
	#pageContent .row-flex{
		flex-direction: column;
	}
	#pageContent .row-flex > div.row-flex-col, 
	#pageContent #rowRoundedBlock.row-flex > div{
		flex: auto;
		margin-bottom: 10px; /* Meet : 4/12/25 add space between box*/
	}
	.deed-selection-content-box{
		padding: 20px!important;
	}
	.deed-selection-rdbtn .radio_rounded{
		margin: 0px!important;
	}
	.deed-selection-rdbtn{
		gap: 8px;
	}
}

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

	.flexslider {
		display:none;
	}
	
	.tab-view {
		display:block;
	}

}




}






/*

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

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

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