@media screen and (max-width: 1900px){
		
		
		
		#enu-sys.surveys-li li {
    margin: 0 1%;
}
	.surveys-li li {
    width: 14.6%;
    float: left;
    text-align: center;
    margin: 0 1%;
}
	.track-section ul li span {
    font-size: 18px;
    }
    .enumerators-ward li p:nth-child(1) {
        font-size: 22px;
    }
}

@media screen and (max-width: 1800px) {
.banner-text h3 {
    font-size: 40px;
    font-weight: 600;
}
	.banner-text h4 {
    font-size: 28px;
    font-weight: 500;
}
	.content-text h3{
	font-size: 42px;
	float: left;
	font-weight: 600;
	margin: 20px 0;
}
.content-text p{
	font-size: 22px;
	float: left;
	width: 100%;
	margin: 5px;
}

.content-text ul li{
	width: 100%;
	font-size: 22px;
	float: left;
	margin: 5px 0;
}
	
.paginaton-section.previous {
    width: 615px !important;
    margin: 0 auto;
}
	.city .paginaton-section {
    width: 410px !important;
    margin: 0 auto;
}
.surveys-li {
    width: 100%;
    margin: 0 auto;
}
	.sub-menu a {
    font-size: 24px;
	}
	.filter-section {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
	.content .plan-table-but p {
    margin: 25px 0;
    width: 100%;
}
	.resp-tabs-list li span {
    width: 74%;
    float: left;
    font-size: 20px;
    line-height: 24px;
	}
	.resp-vtabs .resp-tab-content img {
    width: 100%;
    float: left;
    height: 566px;
}
	.track-section ul li:first-child {
    padding: 0;
    margin-right: 1%;
    width: 23%;
}
	.per-container, .per-panel {
    padding: 1px 16px;
    border-radius: 12px 0 0 12px;
}
.enumerators-ward li p:nth-child(1) {
    font-size: 18px;
}
.enumerators-ward li select {
    font-size: 22px;
}
.enumerators-ward li input {
    font-size: 20px;
}
}

@media screen and (max-width: 1600px) {
.banner-text h3 {
    font-size: 32px;
    font-weight: 600;
}
.content h1 {
    text-align: center;
    font-size: 50px;
}
.content .plan-table-but p {
    font-size: 20px;
}
	.content-text span {
    font-size: 14px;
    margin: 10px 5px;
}
	.banner-text h4 {
    font-size: 20px;
    font-weight: 500;
}
	.banner-text p {
    text-align: center;
    margin: 0 auto;
    width: 145px;
}
	.banner-text a {
    font-size: 16px;
    margin-top: 20px;
}
	.content-text h3{
	font-size: 32px;
	float: left;
}
.content-text p{
	font-size: 16px;
}

.content-text ul li{
	width: 100%;
	font-size: 16px;
}
	.content-text a{
		font-size: 18px;
	}
	.gray {
    background: #fcf8ef;
    height: 600px;
}

.content p {
    font-size: 22px;
    float: left;
    margin: 10px 0;
    width: 100%;
}
	.content h3 {
    font-size: 34px;
    float: left;
    margin: 5px 0 14px;
    font-weight: 700;
}

.sub-menu {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}
	#fsmpro-track .filter-section {
    width: 820px;
    margin: 0 auto;
    position: relative;
}
	.dropbtn {
    font-size: 22px;
    padding: 25px 0;
}
.city-name-section h1 {
    font-size: 48px;
	}
.track-section ul li:first-child {
    padding: 0;
    margin-right: 1%;
    width: 23%;
}
	.track-section ul li span {
    font-size: 14px;
}
	.resp-tabs-list li span {
    width: 70%;
    float: left;
    font-size: 18px;
    line-height: 22px;
	}
	.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #bbb;
    float: left;
		    min-height: 473px;
    width: 74.82%;
	}
	.resp-vtabs .resp-tabs-list li {
    height: 65px;
}
	.resp-tabs-list li h4 {
    font-size: 26px;
	}
	.resp-tabs-list li span {
    width: 70%;
    float: left;
    font-size: 16px;
    line-height: 18px;
}

	.content p {
    font-size: 22px;
	}

#assessment .content-text p {
    font-size: 20px;
    margin: 10px 0;
}
.section01 .left-section h4 {
    font-size: 26px;
}
.section01 .left-section h4 span {
    font-size: 16px;
}
hr {
    width: 21%;
	}

.question-answer h2 {
    font-size: 24px;
    float: left;
    width: 46%;
    line-height: 32px;
    min-height: 200px;
}
.question-answer ul {
    min-height: 200px;
}
ul.answer-section {
   
    min-height: initial;
}
.question-answer ul li {
    font-size: 20px;
    float: left;
    width: 100%;
    margin: 0px 0;
}
	.question-section.half p {
    font-size: 16px;
}
	.question-answer ul li b {
    font-size: 24px;
}
	.question-answer ul li {
    font-size: 16px;
    float: left;
	}
	ul.answer-section {
    display: block;
    margin: 10px 0;
}
	ul.answer-section li p {
    margin: 14px 0;
    font-size: 17px;
}
	ul.answer-section li img {
    margin: 0px 10px;
    width: 20%;
    height: 100%;
}
	ul.answer-section li a {
    font-size: 26px;
	}
	ul.answer-section li {
    float: left;
    border-right: 2px solid #e1e1e1;
    padding: 20px 6.22%;
    width: auto;
}
	ul.answer-section li:first-child {
    padding: 10px 0 10px 0;
    display: inline-flex;
    width: 52%;
}
	.question-answer h2 span {
    font-size: 56px;
}
	.question-section.half input {
    font-size: 24px;
	}
	.question-section.table th, .question-section.table td {
    border: 2px solid #000;
    padding: 0%;
}
	.question-section.table table {
    font-size: 14px;
}
	.pagination a {
    font-size: 20px;
    padding: 10px 36px;
	}
	.plan-table-but {
    width: 507px;
    margin: 0 auto;
}
.plan-table-but a {
    font-size: 25px;
}
	.enumerators-ward li select {
    font-size: 16px;
    padding: 10px 10px;
        height: 51px;
}
	.enumerators-ward li input {
    float: left;
    font-size: 16px;
    height: 54px;
    padding: 0px 15%;
}
	.enumerators-assign a {
    font-size: 22px;
    color: #000;
    text-align: center;
}
	#enu-sys.surveys-li li p {
    height: 50px;
    font-size: 12px;
}
	#enu-sys.surveys-li li .total-cont span {
    font-size: 7px;
	}
	.add-row a {
    font-size: 16px;
    color: #000;
}
	.enumeratorEngagementSource li a {
        font-size: 20px;
        height: 50px;
        line-height: 50px;
	}
	.fsmpro-left h4 {
    font-size: 20px;
    text-decoration: underline;
}
	#myInput {
    
    font-size: 20px;
    padding: 20px;
    margin-bottom: 20px;
    width: 87%;
    margin-top: 20px;
}
	.content .fsmpro-right h3 {
    font-size: 27px;
	}
ul.tag-section li p.tag {
    width: 70%;
    float: left;
    font-size: 16px;
    margin: 0;
}
	p.tag::after {
    margin-top: 5px;
    margin-right: 0%;
    cursor: pointer;
}
	.fsmpro-box {
    min-height: 600px;
}
	.pre-light-grey {
    background: #ececec;
    margin: 20px 0;
}
	.track-section ul li {
    width: 20%;
    padding: 1.2%;
    margin: 0 1%;
}
	.track-section ul li p {
    font-size: 32px;
	}
	.track-section ul li b {
    float: left;
    font-size: 33px;
    font-weight: 400;
}
	.track-section ul li:first-child span {
    width: auto;
    font-size: 26px;
    margin-top: 27px;
    font-weight: 500;
}
	.track-section .complet h3 {
    font-size: 38px;
	}
	.track-section .complet p {
    font-size: 16px;
	}
	.resp-vtabs .resp-tabs-list li {
    height: 88px;
}
	.resp-vtabs .resp-tab-content img {
    width: 100%;
    float: left;
    min-height: 430px;
		height: auto;
}
	.enabling-section .enabler-ecosystem .content-text ul li p {
  
    top: 21%;
}
	.enabling-section .enabler-ecosystem .content-text ul li img {
    position: relative;
    width: 45%;
}
	.assessment-output .content-text h3 {
    font-size: 44px;
	}
	.content-text h1 {
    font-size: 40px;
	}
	hr.right {
    float: right;
    margin-top: -28px;
}
	.enabler-ecosystem .content-text ul li:first-child {
    font-weight: 700;
    text-align: left;
    font-size: 23px;
    margin-top: 15px;
}
	.enabling-section .enabler-ecosystem .content-text h3{
		font-size: 28px;
		margin: -43px auto 0;
	}
	.city-box-section {
    width: 90%;
    margin: 0 auto;
}
.question-section.half {
    min-height: 400px;
}
.track-section ul li span {
    font-size: 16px;
    width: 67%;
}
.question-section.table input {
    font-size: 16px;
    margin: 0;
}
.enumerators-ward li p:nth-child(1) {
    font-size: 16px;
}
.enumerators-ward li:nth-child(2) {
    width: 9%;
    margin-top: 6px;
}
.enumerators-ward li:nth-child(1) {
    width: 15%;
    margin-top: 6px;
}
.paginaton-section a:first-child::before {
    content: "";
    background-image: url(../images/prev.png);
    background-position: 0px 10px;
    background-repeat: no-repeat;
    width: 29px;
    height: 27px;
    position: relative;
    z-index: 999;
    display: block;
}
.paginaton-section a:last-child::after {
    content: "";
    background-image: url(../images/next.png);
    background-position: 20px 10px;
    background-repeat: no-repeat;
    width: 37px;
    float: right;
    height: 33px;
    position: relative;
    z-index: 999;
    display: block;
}
.results-potion h5 {
    font-size: 22px;
}
.results-potion p {
    font-size: 20px;
}
.results-text {
    width: 60%;
    float: left;
}
.results-but {
    float: right;
    width: 33%;
    margin-top: 20px;
}
.results-but a {
    font-size: 20px;
}
}

@media screen and (max-width: 1400px){
ul.answer-section li:first-child {
    padding: 10px 0 10px 0;
    display: inline-flex;
    width: 51%;
}
ul.answer-section li {
    float: left;
    border-right: 2px solid #e1e1e1;
    padding: 18px 6.36%;
    width: auto;
}
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 200px;
}
.track-section ul li span {
    font-size: 16px;
    width: 65%;
}
.track-section ul li img {
    float: left;
    width: 22%;
}
.info-tittle h4 {
    font-size: 34px;
    margin: 0;
   
}
.household h4 {
    text-align: center;
    font-size: 30px;
}
}

@media screen and (max-width: 1300px) {
ul.answer-section li {
    padding: 20px 6%;
    width: auto;
}
	.content Ul.menu li a {
    font-size: 20px;
    color: #000;
    text-decoration: none;
}
.enumerators-ward li:nth-child(2) {
    width: 9%;
    margin-top: -10px;
}
.enumerators-ward li:nth-child(1) {
    width: 15%;
    margin-top: -10px;
}
.question-section.table table {
    font-size: 10px;
}

.content Ul.menu {
    float: none;
    width: 670px;
    text-align: center;
    margin: 0 auto;
}
	.content h1 {
    text-align: center;
    font-size: 38px;
	}
	.content h3 {
    font-size: 28px;
    float: left;
    margin: 6px 0;
    font-weight: 700;
}
	.content p {
    font-size: 18px;
}
	.content .progress-section Ul.menu img {
    width: auto;
    margin: 6px 10px;
    float: left;
}
.content .progress-section Ul.menu {
    float: none;
    width: 406px;
}
	.content Ul.menu li a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
}
	ul.answer-section li:first-child {
    padding: 10px 0 10px 0;
    display: inline-flex;
    width: 50%;
}
ul.answer-section li img {
    margin: 0px 10px;
    width: 24%;
    height: 100%;
}
	ul.answer-section li p {
    margin: 18px 0;
    font-size: 14px;
}
	ul.answer-section li {
    padding: 19px 6%;
    width: auto;
}
	.question-answer ul li {
    font-size: 14px;
    float: left;
    margin: 0;
}
	.question-answer h2 {
    font-size: 18px;
    line-height: 26px;
    min-height: 150px;
}
	.question-answer h2 span {
    font-size: 40px;
}
	
	.pagination a {
    font-size: 18px;
    padding: 10px 36px;
}
	.filter-section {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
	.sub-menu {
    width: 900px;
    margin: 0 auto;
    text-align: center;
}
	.sub-menu a {
    font-size: 20px;
		    width: -webkit-fill-available;
}
	.dropbtn {
    font-size: 20px;
    padding: 25px 0;
}
	.dropbtn::after {
    margin-top: 8px;
    margin-right: 10%;
}
	.filter-section li:first-child {
    padding: 21px 0px;
    text-align: center;
}
	.filter-section li {
    font-size: 17px;
	}
	.fsmpro-box {
    float: left;
    width: 70%;
	}
	.enumerators-ward li p:nth-child(1) {
    width: 100%;
    float: left;
    margin: 0;
    font-size: 12px;
    padding: 0;
}
	.enumerators-ward li select {
    font-size: 16px;
    padding: 10px 10px;
        height: 45px;
}
	.enumerators-ward li input {
    float: left;
    font-size: 12px;
    height: 41px;
    padding: 0px 15%;
}
	.add-row a {
    font-size: 12px;
    color: #000;
}
	#enu-sys.surveys-li li .total-cont p {
    font-size: 18px;
}
	.enumerators-assign a {
    font-size: 18px;
    color: #000;
    text-align: center;
		    padding: 10px 20px;
}
	.surveys-li li p {
    color: #2e2e2e;
    font-size: 14px;
	}
	.surveys-li li h3 {
    text-align: center;
    font-size: 34px;
    margin-top: 0;
}
	.surveys-li li p{
		    height: 65px;
	}
	.total-cont {
    width: 35%;
    padding: 6%;
}
	#enu-sys.surveys-li li p {
    height: 50px;
    font-size: 10px;
}
	.enumerators-ward li input {
    float: left;
    font-size: 12px;
	}
	.enumerators-ward li select {
    font-size: 12px;
    padding: 10px 10px;
    height: 44px;
}
	.question-section.half p {
    font-size: 14px;
    
}
	.question-section.half input {
    font-size: 18px;
}
	.enabling-border {
    border: 5px dotted #7f7f7f;
    padding: 20px 20px;
}
.question-section.half {
    min-height: 300px;
}
.results-but a {
    float: left;
    margin: 10px;
}
}

@media screen and (max-width: 1200px) {
	
	.content-text h3{
	font-size: 28px;
	float: left;
		margin-bottom: 10px;
}
.content-text p{
	font-size: 16px;
}

.content-text ul li{
	width: 100%;
	font-size: 16px;
}

.enumerators-ward li:nth-child(1) {
    width: 13%;
    margin-top: 0;
}
	.fsmpro .content Ul.menu {
    float: none;
    width: 395px;
}
.pre-light-grey {
    background: #ececec;
    margin: 10px 0;
}
	.track-section ul li img {
    float: left;
    width: 22%;
}
	.track-section ul li span {
    font-size: 14px;
    width: 70%;
}
.content-text h1 {
    font-size: 33px;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: -36px;
}
	.enabler-ecosystem .content-text ul li img{
		width: 40%;
	}






#assessment .content-text p {
    font-size: 18px;
    margin: 10px 0;
}
.section01 .left-section h4 {
    font-size: 24px;
}
.section01 .left-section h4 span {
    font-size: 16px;
}
	
	
	div#enu-sys {
    width: 76%;
    float: right;
}
	
	
	#enu-sys.surveys-li li {
    margin: 0 1%;
		    width: 14.6%;
}
	.enumerators-ward li {
    float: left;
    width: 10.9%;
    margin: 13px 8px;
}
	.enumerators-ward li input {
    float: left;
    font-size: 12px;
    width: 68%;
}
	#enu-sys.surveys-li li img {
    width: 50%;
}
	.enumerators-ward li:nth-child(1) {
    width: 11%;
    margin-top: 0;
}
.enumerators-ward li:nth-child(2) {
    margin-top: 0px;
}
	.enumerators-ward li p:nth-child(1) {
    font-size: 8px;
    padding: 0;
}
.enumerators-ward ul:nth-child(2) li {
    margin: 0px 8px !important;
}
.enumerators-ward li select {
    height: 43px;
}
}
@media screen and (max-width: 1100px) {

.filter-section {
    width: 96%;
    margin: 0 auto;
    position: relative;
}
	.dropbtn {
    font-size: 14px;
    padding: 25px 0;
}
	.dropbtn::after {
    margin-top: 4px;
    margin-right: 10%;
}
	.sub-menu {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
	.filter-section li {
    font-size: 14px;
    width: 19.7%;
}
	.sub-menu a {
    font-size: 14px;
}
	.content h1 {
    text-align: center;
    font-size: 34px;
}
	.resp-tabs-list li span {
    width: 67%;
    float: left;
    font-size: 14px;
    line-height: 16px;
}
	.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #bbb;
    float: left;
    width: 74.77%;
     min-height: 470px;
}
	.resp-vtabs .resp-tab-content img {
    width: 100%;
    float: left;
    min-height: auto;
    height: auto;
}
	.left-enabler li p {
    font-size: 14px;
    margin: 3px 20px;
    height: auto;
}
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 200px;
}
.info-tittle h4 {
    font-size: 30px;
    
}
.household h4 {
    text-align: center;
    font-size: 26px;
}
@media screen and (max-width: 1000px) {
.banner-text h3 {
    font-size: 26px;
    font-weight: 600;
}
.footer-left {
    float: left;
    width: 80%;
}
.footer ul li {
    font-size: 14px;
    float: left;
    color: #958f7b;
}
.add-row {
    margin-top: 3%;
}
.cd-timeline-navigation{
    display: block;
}
.track-section ul li:first-child img {
    float: left;
    width: 100%;
    padding: 0px 0;
}
.banner-text h4 {
    font-size: 16px;
    font-weight: 500;
}
	.banner-text a {
    font-size: 14px;
    margin-top: 10px;
}
	.section01 .left-section {
    width: 93%;
    float: none;
    margin-left: 0;
    margin: 0 auto;
}
	.section01 .right-section {
    width: 60%;
    float: right;
    margin: 60px auto 0;
}
	.section02.gray {
    background: #fcf8ef;
    height: auto;
}
	.section02 .left-section {
    width: 100%;
    float: left;
    margin-left: 0;
}
	.section02.gray .left-section {
    position: initial;
    top: initial;
    transform: initial;
    right: inherit;
}
	.section02.gray {
    background: #fcf8ef;
    height: auto;
    padding: 3% 0;
}
	.section02 {
    width: 100%;
    float: left;
    padding: 3% 0;
    position: relative;
}
	.section02.gray .right-section {
    position: initial;
    top: initial;
    transform: initial;
    right: 0;
    left: initial;
    float: left;
    margin: 20px 0;
}
	.section02 .left-section {
    position: initial;
    top: initial;
    transform: initial;
    right: inherit;
}
.section01 {
    padding: 3% 0;
}


#assessment .section01:nth-child(even) .right-section{
    width: 60%;
    float: left;
    margin: 60px auto 0;
}
#assessment .section01:nth-child(even) .left-section{
    width: 93%;
    float: none;
    margin-left: 0;
    margin: 0 auto;
}

#assessment .content-text p {
    font-size: 16px;
    margin: 10px 0;
}
.section01 .left-section h4 {
    font-size: 20px;
}
.section01 .left-section h4 span {
    font-size: 14px;
}
	.question-answer h2 {
    font-size: 18px;
    line-height: 26px;
    min-height: initial;
    width: 100%;
}
	.question-answer ul {
    width: 100%;
    float: left;
    min-height: initial;
    margin: 10px 0;
}
	ul.answer-section li img {
    margin: 0px 10px;
    width: 14%;
    height: 100%;
}
	ul.answer-section li:first-child {
    padding: 10px 0 10px 0;
    display: inline-flex;
    width: 51%;
}
	ul.answer-section li {
    padding: 19px 7%;
    width: 2%;
}
.question-section.half {
    width: 100%;
    padding: 20px 0;
    min-height: initial;
}
.question-section.half input {
    font-size: 18px;
    padding: 10px;
    margin: 10px 0;
    width: 100%;
}

	.question-section.half:nth-child(even) {
    width: 100%;
    float: left;
    padding: 20px 0;
}
	.question-section {
    float: left;
    width: 100%;
    padding: 20px 0;
}
	.question-answer {
    float: left;
    width: 100%;
    padding: 20px 0;
}
	.pagination a {
    font-size: 16px;
    padding: 10px 36px;
}
	ul.answer-section:nth-child(even) {
    float: left;
}
	.question-section.table table {
    font-size: 10px;
    width: 1200px;
    overflow-x: scroll;
}
	.question-section.table {
    width: 100%;
    overflow-x: scroll;
}
	.enumerators-sys {
    padding: 0 3%;
    float: left;
    overflow-x: scroll;
    width: 94%;
}

	.enumerators-scroll {
    width: 900px;
    float: left;
}
	.fsmpro-box {
    float: left;
    width: 80%;
}
	.add-row a {
    font-size: 12px;
    color: #000;
    float: left;
    margin-left: 8px;
}
	
	.per-container, .per-panel {
    padding: 0px 16px;
    border-radius: 12px 0 0 12px;
    font-size: 14px;
}
	
	.track-section .complet h3 {
    font-size: 30px;
}
	.track-section .complet p {
    font-size: 12px;
}
	.track-section ul li b {
    float: left;
    font-size: 22px;
    font-weight: 400;
}
	.track-section ul li p {
    font-size: 26px;
}
	.track-section ul li:first-child span {
    width: auto;
    font-size: 20px;
    margin-top: 27px;
    font-weight: 500;
		    position: static;
}
	.track-section ul li h3 {
    background: #ececec;
    font-size: 16px;
	}
	.track-section ul li {
    width: 28%;
    padding: 1.2%;
    margin: 1%;
    min-height: 216px;
}
	.track-section ul li:first-child {
    padding: 0;
    margin: 1%;
    width: 31.2%;
    height: 235px;
    min-height: inherit;
}
	.resp-tabs-list li span {
    width: 78%;
    float: left;
    font-size: 14px;
    line-height: 16px;
}
	.resp-tabs-list li img {
    width: 20%;
	}
	.resp-tabs-list li h4 {
    font-size: 20px;
}
	.resp-vtabs .resp-tabs-container {
    width: 74.75%;
    min-height: 470px;
}
	#fsmpro-track .filter-section {
    width: 95%;
    margin: 0 auto;
    position: relative;
}
	#fsmpro-track .filter-section li {
    width: 24.75%;
}
	.assessment-output .right-section {
    width: 100%;
    float: left;
}
	.assessment-output .left-section {
    width: 100%;
    float: left;
    margin: 20px 0 0;
}
	.content-text h1 {
    font-size: 26px;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: -30px;
}
	.enabling-section .enabler-ecosystem .content-text ul li img {
    position: relative;
    width: 70%;
}
	.enabler-ecosystem .content-text ul li:first-child {
    font-size: 16px;
    margin-top: 15px;
}
.left-menu {
    width: 93%;
    float: left;
    margin-left: 30px;
}
.main-menu.scrolled {
    top: 83px;
}
.mainnav li:last-child{
    float: right;
}
.mainnav li:last-child .dropdown01{ 
    float: right;
}
.mainnav li:last-child .dropdown01{
    right: 5px;
}
.dropdown01 {
    
    top: 40px;
}
.dropdown{
    top: 40px;
}
.menu-section {
    float: right;
    width: 620px;
}
#primary_nav_wrap ul a {
    font-size: 16px;
    line-height: 32px;
    padding: 0 19px;
}
.results-potion {
    float: left;
    width: 100%;
    display: inline-flex;
}
.results-potion.cities {
    width: 100%;
    float: left;
    display: block;
    margin: 20px 0;
}
.info-pagination-section a {
    padding: 10px 20px;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 10px;
}
.ass-cat.container-fluid {
    float: left;
    width: 100%;
    height: 300px;
    margin-top: 4%;
}
.ass-cat ul li {
    width: 17%;
}
	}
@media screen and (max-width: 900px) {
	
	.search form.example input[type=text] {
    width: 65%;
	}
	
    #primary_nav_wrap ul a {
        padding: 0 11px;
        font-size: 14px;
    }
    .logo-setion {
        width: 130px;
        float: left;
    }
    #primary_nav_wrap ul li {
        padding: 0 0 14px 0;
    }
    .main-menu {
        padding: 12px 0 10px;
        border-bottom: 1px solid #f4f1e8;
    }
	.menu-section {
    float: right;
    width: 458px;
}
.right-menu {
    float: left;
    width: 100%;
    display: block;
}
	
	.fsmpro-left .fsmpro-box {
    float: right;
    margin-right: 0;
    padding: 20px;
    width: -webkit-fill-available;
    margin: 0;
}
	.fsmpro-box {
    float: left;
    width: 94%;
    margin: 0;
    padding: 20px;
		min-height: initial;
}
	.fsmpro-right {
    float: left;
    width: 100%;
    border-left: 0px solid #ddd;
		margin-top: 20px;
}
	.fsmpro-left {
    float: left;
    width: 100%;
    border-right: 0px solid #ddd;
}
	.surveys-li li {
    width: 31%;
    float: left;
    text-align: center;
    margin: 3% 1%;
}
	.plan-table ul {
    width: 100%;
    margin: 0 auto;
}
	.plan-table li a{
		font-size: 14px;
	}
	.reset-filers a {
    font-size: 12px;
		width: auto;
	}
	.track-section ul li {
    min-height: 232px;
}
	.track-section ul li:first-child {
    height: 248px;
    min-height: inherit;
}
	.left-enabler li p {
    font-size: 10px;
    margin: 3px 12px;
    height: auto;
}
.info-tittle h4 {
    font-size: 24px;

}
.household h4 {
    text-align: center;
    font-size: 20px;
}

@media screen and (max-width: 800px) {
	.filter-section li:first-child {
    padding: 19px 0px 20px;
    text-align: center;
}
	p.tag {
    font-size: 14px;
	}
	
.sub-menu li {
    float: left;
    width: 100%;
}
	.resp-vtabs .resp-tabs-container {
    width: 100%;
    min-height: initial;
}
	.filter-section li {
    font-size: 14px;
    width: 49%;
}
	.filter-section {
    width: 90%;
}
	.fsmpro .content Ul.menu {
    float: none;
    width: 100%;
}
	.plan-table-but {
    width: 386px;
    margin: 0 auto;
}
	.sub-menu {
    width: 400px;
    margin: 0 auto;
    text-align: center;
}
	.plan-table-but a {
    font-size: 20px;
}
	#fsmpro-track .filter-section li {
    width: 49.6%;
}
	.enabler-ecosystem .content-text ul li:first-child {
    font-size: 16px;
    margin-top: 15px;
    width: 25%;
}
.enabling-section .enabler-ecosystem .content-text ul li {
    float: left;
    width: 15%;
    position: relative;
}
	.enabling-section .enabler-ecosystem .content-text h3 {
    font-size: 22px;
    margin: -43px auto 0;
}
	.content-text h1 {
    font-size: 20px;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: -25px;
}
	hr.right {
    float: right;
    margin-top: -16px;
}
	.enabling-section .enabler-ecosystem .content-text ul li p {
    top: 21%;
    font-size: 11px;
    width: -webkit-fill-available;
}
.results-but a {
    font-size: 16px;
}
.results-potion h5 {
    font-size: 18px;
}
.results-potion p {
    font-size: 16px;
}

}

@media screen and (max-width: 700px) {
	
	.search form.example input[type=text] {
    width: 65%;
	}
	p.tag {
    width: 90px;
	}
	#primary_nav_wrap ul a {
    padding: 0 15px;
}
	.menu-section {
    float: right;
    width: auto;
}
	.signin-section h1 {
    text-align: center;
    font-size: 30px;
	}
	.signin-section h3 {
    text-align: center;
    font-size: 20px;
	}
	.form input {
    width: 89%;
    font-size: 18px;
	}
	.form {
    width: 300px;
    margin: 5% auto;
}
	.form a {
    float: left;
    font-size: 16px;
    color: #838383;
    margin-top: 20px;
    font-style: italic;
		margin-left: 20px;
}
	.form input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-bottom: 0;
}
	input[type="submit"]{
		width: 100%;
	 border: #000 solid 2px;
		font-size: 16px;
		padding: 20px 30px;
		    margin: 30px 0;
	}
	.signup {
        width: 100%;
        text-align: center;
    }
    .signup a {
        border-bottom: 0px solid #000;
        width: 100%;
    }
	.signup p {
    font-size: 20px;
    margin-top: 0;
}
	.signup a {
    font-size: 20px;
		margin: 10px 0;
}
	
	#primary_nav_wrap ul li {
    width: 100%;
    padding: 0;
}
	#primary_nav_wrap{
		display: none;
	}
	#nav-icon1 {
    display: block;
    position: relative;
    z-index: 999;
}
	#primary_nav_wrap ul {
    list-style: none;
    position: absolute;
    float: left;
    margin: 0;
    padding: 3% 0;
    background: #d79f60;
    right: 0;
    width: 280px;
    margin-top: 8%;
}
	#primary_nav_wrap ul li:hover{
		background: #000;
		color: #fff;
	}
	.left-menu {
        width: -webkit-fill-available;
        float: left;
        margin-left: 30px;
    }
	.footer ul li {
    color: #958f7b00;
    width: 100%;
    text-align: center;
}
	.footer ul li a{
    width: 100%;
    text-align: center;
		margin: 0;
}
	.footer-left {
    float: left;
    width: 100%;
}
	.footer ul li:first-child{
		display: none;
	}
	.footer-right {
    float: right;
    width: 100%;
    margin-top: 15px;
}
	.footer-right ul li:first-child {
    display: block;
    margin-bottom: 10px;
}
	.footer-right ul li:last-child {
    display: block;
    margin-bottom: 10px;
		color: #958f7b;
		margin-top: 10px;
}
	.right-section {
    width: 80% !important;
   
}
	.banner-text h3 {
    font-size: 20px;
    font-weight: 600;
}
	.banner-text h4 {
    font-size: 14px;
    font-weight: 500;
}
	.banner-text a {
    font-size: 14px;
    margin-top: 10px;
    padding: 2px 20px;
}
	.section01 {
    width: 100%;
    float: left;
    padding: 20px 0;
}
	.home-banner img {
    height: 300px;
}
	.content-text a{
		font-size: 16px;
	}
	.content-text h3 {
    font-size: 24px;
}



.enabling-section .enabler-ecosystem .content-text ul li img {
    position: relative;
    width: 100%;
}
	.enabling-section .enabler-ecosystem .content-text ul li {
    float: left;
    width: 13%;
    position: relative;
}
.enabler-ecosystem .content-text ul li:first-child {
    font-size: 16px;
    margin-top: 15px;
    width: 35%;
}
	.content-text h1 {
    font-size: 18px;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: -22px;
}
	hr {
    width: 9%;
}
	
	.enabler-ecosystem .content-text p {
    font-size: 13px;
}
	.content-text .right-enabler li {
    width: 29%;
    margin: 2%;
    height: 120px;
}
	.right-enabler {
    float: left;
    width: 100%;
}
	.enabler-ecosystem .content-text .city-box-section ul li:first-child {
    font-size: 16px;
    margin-top: 15px;
    width: 25%;
}



#assessment .content-text p {
    font-size: 16px;
    margin: 10px 0;
}
.section01 .left-section h4 {
    font-size: 20px;
}
.section01 .left-section h4 span {
    font-size: 14px;
}
	.content p {
    font-size: 16px;
}
	.content h1 {
    text-align: center;
    font-size: 28px;
}
	.content h3 {
    font-size: 20px;
	}
	.content Ul.menu li {
    padding: 5px 0%;
    border-right: 0px solid #ccc;
    width: 93%;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
	.content Ul.menu {
    float: none;
    width: 100%;
}
	.content .progress-section Ul.menu li{
		
		 padding:0 2%;
    border-right: 1px solid #ccc;
    width: auto;
    text-align: left;
    border-bottom: 0px solid #ccc;
	}
	.content .fsmpro-right h3 {
    font-size: 22px;
}
	
	.track-section ul li:first-child {
    width: 46.2%;
		height: 253px;
  
}
	.track-section ul li {
    width: 44%;
		min-height: 240px;
}
}



@media screen and (max-width: 680px) {
	.left-menu {
        width: 100%;
        float: none;
        margin: 0px auto;
    }
	.right-menu {
    float: right;
    width: 100%;
    display: block;
}
.ass-cat ul li {
    width: 23%;
}
.ass-cat.container-fluid {
   
    height: 400px;
}
.search {
    width: 50%;
}
.search.collapsed {
    width: 50%;
    margin-left: 0%;
}

.signin {
    float: right;
    color: #000;
    width: 43%;
}
.paginaton-section {
    width: 100%;
    margin: 0 auto;
}
	.pagination a {
    font-size: 16px;
    padding: 3% 0;
    width: 96%;
    text-align: center;
    margin: 2%;
    display: block;
}
.paginaton-section a:first-child::before {
    background-position: 20px 6px;
    position: absolute;
    z-index: 999;
    display: block;
}
.paginaton-section a:last-child::after {
  
    background-position: 0px 10px;
}
	.content .progress-section Ul.menu {
    float: none;
    width: 300px;
}
	.content .progress-section Ul.menu img {
    width: 13%;
    margin: 9px 10px;
    float: left;
}
	.content .progress-section Ul.menu li a {
    font-size: 9px;
    color: #000;
    text-decoration: none;
}
	.content .progress-section Ul.menu li {
    padding: 0 1%;
	}
	ul.answer-section li img {
    margin: 0px 10px;
    width: 30%;
    height: 100%;
}
	ul.answer-section li:first-child {
    padding: 10px 0 10px 0;
    display: inline-flex;
    width: 50%;
}
	.plan-table li {
    float: left;
    width: 42%;
    margin: 4%;
}
	.plan-table li a {
    width: 85%;
    text-align: center;
		margin: 0;
}
	ul.tag-section li {
    width: 45%;
    float: left;
    margin: 2%;
}
	.fsmpro-box {
    float: left;
    width: 92%;
    margin: 0;
    padding: 4%;
    min-height: initial;
}
	.surveys-li li p {
    color: #2e2e2e;
    font-size: 11px;
}
	#fsmpro-track .filter-section li {
    width: 49.5%;
}
}

@media screen and (max-width: 420px) {
	#primary_nav_wrap  {
    list-style: none;
    position: fixed;
    float: left;
    margin: 0;
    padding: 15% 0 0;
    background: #d79f60;
    right: 0;
    width: auto;
    margin-top: 0%;
    top: 0;
    left: 0;
    bottom: 0;
}
	#nav-icon1.open {
    position: absolute;
    right: 20px;
    top: 20px;
}
	#primary_nav_wrap ul {
    margin: 0;
    padding: 0% 0;
    width: 100%;
    margin-top: 0;
    overflow: scroll;
    height: 300px;
}
.form input {
    width: 79%;
    font-size: 18px;
}
	.right-section {
    width: 100% !important;
    float: right;
    margin: 20px auto 0;
}
	.banner-text h3 {
    font-size: 18px;
    font-weight: 600;
}
	.banner-text h4 {
    font-size: 12px;
    font-weight: 500;
}
	.content-text h3 {
    font-size: 20px;
}
	ul.answer-section li p {
    margin: 18px 0;
    font-size: 11px;
}
	ul.answer-section li a {
    font-size: 22px;
}
	.plan-table-but {
    width: 266px;
    margin: 0 auto;
}
	.plan-table-but a {
    font-size: 16px;
    padding: 20px 10px;
}
	.sub-menu {
    width: 96%;
    margin: 0 auto;
    text-align: center;
}
	#fsmpro-track .filter-section li {
    width: 49.3%;
}
	
	.enabling-section .enabler-ecosystem .content-text ul li p {
    top: 9%;
    font-size: 9px;
    width: -webkit-fill-available;
}
	.enabler-ecosystem .content-text ul li:first-child {
    font-size: 12px;
    margin-top: 0px;
    width: 35%;
}
	.enabling-section .enabler-ecosystem .content-text h3 {
    font-size: 20px;
    margin: -37px auto 0px;
    width: 140px;
}
	hr {
    width: 3%;
}
.ass-cat ul li {
    width: 23%;
}
.ass-cat.container-fluid {
    height: 400px;
    margin-top: 4%;
}
}