.mobile-header{display: none;}
ul{opacity: 1;}
li{opacity: 1;}
@media screen and (min-width: 1200px){
	#profile-main-page > .container{width: 800px;}
	.list-2-columns{column-count: 2;}
}

@media screen and (max-width: 1024px){
	#block-mainnavigation ul li a{font-size: 10px;}
	#home-search-section .container{margin-top: 0;}
}

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

	.desktop-only { display: none; }
    .mobile-only { display: block; }
	.webform-submission-grievance-desk-add-form .js-form-type-checkbox input,
	.webform-submission-grievance-desk-add-form .form-item-i-hereby-certify-that-the-above-information-given-are-true-and-c input{width: 10px; height: 20px; flex-basis: 0; flex-grow: 0.1;}
	.webform-submission-grievance-desk-add-form .js-form-type-checkbox	label{flex-basis: 0; flex-grow: 1;}

	#programs-sec1 .cat-flex .slider-item{margin: 0 auto;}
	.white-bg-content .contact-item{margin-bottom: 15px;}

	#sliding-banner .sliding-banner-item .container .description p{text-shadow: 0px 0px 20px black;}

    #block-searchblock h2 { font-size: 17px; }
    #block-searchblock p { font-size: 11px; }
    #block-searchblock input { width: 250px; }

	#home-updates .title{min-height: 0;}

	#home-registration .registration-block-item{margin-bottom: 35px;flex-basis: initial;}
	#home-registration .registration-block-wrapper .title{max-width: 200px;}

    #sliding-banner .sliding-banner-item .container{top: 50%; left: 50%; transform: translate(-50%,-50%); bottom: initial; width: 100%; padding: 20px;}
    #home-search-section .container{top: 50%; left: 50%; transform: translate(-50%,-50%); bottom: initial; width: 100%; padding: 20px; margin-top: 0;}

	.mobile-header{display: block;width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 20px; position: fixed; top: 0; left: 0; z-index: 2; background: #fff;}
	.mobile-header #block-sitebranding{max-width: 150px;}
	.mobile-header .menu-toggle .toggle-close{display: none;}
	.mobile-header .menu-toggle .toggle-open{font-size: 30px;}
	#sb-site{margin-top: 90px;}
	#sb-site header{display: none;}
	.fade-slider .fade-slider-item{margin: 0 auto;}
	.fade-slider.owl-carousel .owl-nav .owl-next{right: 40px;}
	.fade-slider.owl-carousel .owl-nav .owl-prev{left: 40px;}
	.fade-slider .owl-stage-outer{padding: 50px 0 0px;}
	.fade-slider .owl-stage-outer .center .logo{transform: none;}
	.fade-slider .fade-slider-item .logo{position: initial;margin: 0 auto;}
	.fade-slider .fade-slider-item .box-wrapper{padding: 15px;text-align: center;margin-bottom: 20px;}

	#registration-steps .head{flex-direction: column;text-align: center;}

	#registration-steps .text p{font-size: 24px;}

	.user-register-form{padding: 15px;}

	.field--name-field-project-engagements .field--name-field-contact-person,
	.field--name-field-project-engagements .field--name-field-contact-number,
	.profile-form .field--name-field-date-of-birth,
	.profile-form .field--name-field-place-of-birth,
	.profile-form .field--name-field-gender,
	.profile-form .field--name-field-gender,
	.profile-form .field--name-field-civil-status,
	.profile-form .field--name-field-contact-number,
	.profile-form .field--name-field-nationality,
	.profile-form .field--name-field-condominium-village,
	.profile-form .field--name-field-brgy,
	.profile-form .field--name-field-city,
	.profile-form .field--name-field-postal-code,
	.user-register-form .field--name-field-project-engagements .field--name-field-contact-person,
	.user-register-form .field--name-field-project-engagements .field--name-field-contact-number,
	.user-register-form #edit-nroa-profiles-wrapper .field--name-field-condominium-village,
	.user-register-form #edit-nroa-profiles-wrapper .field--name-field-brgy,
	.user-register-form #edit-nroa-profiles-wrapper .field--name-field-city,
	.user-register-form #edit-nroa-profiles-wrapper .field--name-field-postal-code,
	.user-register-form #edit-nrep-profiles-wrapper .field--name-field-condominium-village,
	.user-register-form #edit-nrep-profiles-wrapper .field--name-field-brgy,
	.user-register-form #edit-nrep-profiles-wrapper .field--name-field-city,
	.user-register-form #edit-nrep-profiles-wrapper .field--name-field-postal-code,
	.user-register-form #edit-nref-profiles-wrapper .field--name-field-condominium-village,
	.user-register-form #edit-nref-profiles-wrapper .field--name-field-brgy,
	.user-register-form #edit-nref-profiles-wrapper .field--name-field-city,
	.user-register-form #edit-nref-profiles-wrapper .field--name-field-postal-code,
	.user-register-form #edit-nrc-profiles-wrapper .field--name-field-condominium-village,
	.user-register-form #edit-nrc-profiles-wrapper .field--name-field-brgy,
	.user-register-form #edit-nrc-profiles-wrapper .field--name-field-city,
	.user-register-form #edit-nrc-profiles-wrapper .field--name-field-postal-code,
	.user-register-form #edit-nraw-profiles-wrapper .field--name-field-date-of-birth,
	.user-register-form #edit-nraw-profiles-wrapper .field--name-field-place-of-birth,
	.user-register-form #edit-nraw-profiles-wrapper .field--name-field-gender,
	.user-register-form #edit-nraw-profiles-wrapper .field--name-field-gender,
	.user-register-form #edit-nraw-profiles-wrapper .field--name-field-civil-status,
	.user-register-form #edit-nraw-profiles-wrapper .field--name-field-contact-number,
	.user-register-form #edit-nraw-profiles-wrapper .field--name-field-nationality,
	.user-register-form #edit-nraw-profiles-wrapper .field--name-field-condominium-village,
	.user-register-form #edit-nraw-profiles-wrapper .field--name-field-brgy,
	.user-register-form #edit-nraw-profiles-wrapper .field--name-field-city,
	.user-register-form #edit-nraw-profiles-wrapper .field--name-field-postal-code{width: 100%; float: none; padding-right: initial; min-height: initial;}

	.user-register-form .btn-wrap button.form-back{left: 20px;bottom: 0px;}
	.field--name-field-project-engagements .field--name-field-duration .fieldset-wrapper{display: block;}
	.user-register-form details > .details-wrapper{padding: 0;}
	.user-register-form .field--widget-profile-form .details-wrapper > fieldset > .fieldset-wrapper{padding: 15;box-shadow: none;}
	.field--name-field-project-engagements > div > .form-item > .fieldset-wrapper{padding: 10px;}
	.user-register-form .field--name-field-project-engagements table tbody tr td{padding-right: 20px;}
	.user-register-form .btn-wrap button:hover{background: #224076;color: #fff;}
	#block-breadcrumbs{margin-top: 20px;}
	#banner{margin-bottom: 30px;}

	.path-frontpage #banner{margin-bottom: 0;}

	#home-registration{margin-bottom: 0;}
	#home-registration .registration-block-wrapper{flex-wrap: wrap;flex-direction: column;}

	#home-updates .updates-block .cta a{font-size: 13px;}
	#home-services .services-wrapper > div .title{font-size: 10px;}
	#home-services .services-wrapper > div .link-to a{font-size: 10px;}

	#database-listing .db-list-item .row{display: block;}
	#database-listing .db-list-item .profile-photo{border-radius: 50%; overflow: hidden; border: 2px solid #c7c7c7; max-width: 150px; margin: 0 auto 10px;}
	#database-listing .db-list-item .profile-details{justify-content: center;text-align: center;}
	#database-listing .db-list-item .cta{justify-content: center;}
	#database-listing .db-list-item .cta a{margin: 0 5px;}
	#database-listing .db-list-item .profile-unique{text-align: center; border: none; padding: 0;margin-top: 0; margin-bottom: 10px;}
	#database-listing .db-list-item .affiliation{margin-bottom: 10px;}

	#views-exposed-form-profiles-block-1 fieldset{display: block; float: none;}
	.view-id-profiles.view-display-id-block_1 .form-radios{border-bottom: 2px solid #264887; white-space: nowrap; overflow-x: scroll;}
	.view-id-profiles.view-display-id-block_1 .view-filters{margin-bottom: 60px;}



	.view-id-profiles.view-display-id-block_1{position: relative;}
	.my-list{top: 40px; left: 0; right: initial;}
	#block-views-block-profiles-block-3 .profile-photo{max-width: 150px;margin: 0 auto;}
	#block-views-block-profiles-block-3 .profile-details .profile{text-align: center;}
	#mylistPopup ul .cta{justify-content: center;}
	#mylistPopup ul .db-list-item{margin-bottom: 50px;}

	#profile-main-page #profile-photo .row{display: block;}
	#profile-main-page #profile-photo .row .photo-wrap{margin-bottom: 35px;}
	#profile-main-page #profile-photo .profile-name{padding: 15px;}
	#profile-main-page #profile-photo .profile-name:after{content: none;}
	#profile-main-page #profile-photo{margin-bottom: 20px;}

	.profile-form{padding: 15px;}

	#mobile-menu{background: #fff;padding: 15px;}
	.logged-in-menu .submenu{position: initial;background: transparent;box-shadow: none;list-style-type: none;width: initial;padding: 15px;z-index: initial;display: block;}
	.logged-in-menu .nr-logo{display: none;}
	.logged-in-menu .profile-pic{display: none;}
	#block-views-block-profiles-block-4-2 ul{padding: 0;list-style-type: none;margin: 0;position: initial; display: block; margin-top: 11px;}
	.logged-in-menu .submenu:before{content: none;}
	#block-sitebranding-2{max-width: 200px; margin: 0 auto; padding: 10px 30px 15px;}

	.logged-in-menu .submenu .menu-link.with-sub > ul{padding-left: 30px;}

	#block-mainnavigation-2{margin: 0;padding-top: 15px; border-top: 1px solid #dedede;}
	#block-mainnavigation-2 ul{margin: 0;display: block;opacity: 1;}
	#block-mainnavigation-2 li{margin-bottom: 5px; padding: 0;}
	#block-mainnavigation-2 li a{font-size: 14px; color: rgb(166 166 171); text-decoration: none;}
	#block-mainnavigation-2 h2{font-weight: bold; color: #224076; font-size: 18px; margin: 0; margin-bottom: 10px;display: none;}
	.user-logged-in #block-mainnavigation-2 h2{display: block;}
	#main-nav{background: transparent;}
	#main-nav ul{flex-direction: column;}
	#main-nav ul li{margin: 20px 10px 0;}
	#main-nav ul li a{padding: 10px 20px; border-radius: 27px;font-size: 15px; display: block;}
	#main-nav ul li:nth-child(1) a{background: #1e355f;}
	#main-nav ul li:nth-child(2) a{background: #fcda00;color: #224076;}
	#loginPopup .flex-form{padding: 50px 20px 20px; flex-direction: column;}
	.fade-slider .fade-slider-item{background: transparent;}

	/*#block-mainnavigation-2 ul li:nth-child(3){display: none;}*/
	.user-logged-in #block-mainnavigation-2 ul li:nth-child(3){display: block;}

	#db-filter .filter-profile{display: block;white-space: nowrap; overflow-y: scroll;}
	#db-filter .filter-profile .radio-item{display: inline-block;width: initial;}

	#programs-sec1 .cat-flex .other-cat-wrapper .slider-item .logo-wrapper{max-width: initial;}

	#programs-sec1 .cat-flex .other-cat-wrapper .owl-carousel .owl-next{bottom: -50px; right: 100px;top: initial;}
	#programs-sec1 .cat-flex .other-cat-wrapper .owl-carousel .owl-prev{bottom: -50px; left: 100px;top: initial;}

	#programs-sec1 .cat-flex .other-cat-wrapper .slider-item svg{padding: 0px 15px;}

	.webform-submission-grievance-desk-add-form{padding: 0px 20px;}

	#programs-sec1 .cat-flex .main-cat{margin-right: 0;padding: 50px;margin-bottom: 20px;}

	.secondary-banner{margin-bottom: 30px;}

	#programs-sec1 .cat-flex .other-cat-wrapper .overview-wrapper{flex-direction: column;align-items: flex-start;}
	#programs-sec1 .cat-flex .other-cat-wrapper .program-title{margin-bottom: 20px;}

	#faq .panel-title{padding: 5px 15px;font-size: 14px;}

	#cat-sec1 .cat-flex{flex-direction: column;}
	#cat-sec1 .cat-flex .other-cat-wrapper .other-cat{flex-wrap: wrap;justify-content: center;}
	#cat-sec1 .cat-flex .other-cat-wrapper .other-cat a{padding: 10px;}

	#cat-sec1 .cat-flex .main-cat{margin-right: 0;}
	#cat-sec1 .cat-flex .main-cat .image-wrapper{max-width: 180px;margin: 0 auto;}

	#cat-benefits .benefits-wrapper .benefit-item{flex-direction: column;text-align: center;}
	#cat-benefits .benefits-wrapper .benefit-item .image-wrapper{margin: 0 auto 10px;}
	#cat-benefits .benefits-wrapper .benefit-item .description{margin-bottom: 15px;}
	#cat-benefits .benefits-wrapper .benefit-item div{margin: 0 auto;}

	.page-node-type-updates .heading{font-size: 18px;}

	#block-views-block-updates-block-2 h2:before{display: none;}
	#block-views-block-updates-block-2 h2:after{display: none;}

	.webform-submission-grievance-desk-add-form .form-item-last-name, .webform-submission-grievance-desk-add-form .form-item-first-name, .webform-submission-grievance-desk-add-form .form-item-middle-name, .webform-submission-grievance-desk-add-form .form-item-suffix{width: 100%;}
	.webform-submission-grievance-desk-add-form .half-width{width: 100%;}
	.webform-submission-grievance-desk-add-form #edit-type-of-injury-or-illness .js-webform-checkboxes{column-count: 1;}

	#home-registration h2{padding: 0px 20px;}

	.generate-cert-wrapper{overflow-x: scroll;}

	#steps-to-apply .steps-wrap .flex-display{flex-direction: column;}
	#steps-to-apply .steps-wrap .flex-display .flex-item{padding-bottom: 30px; border-bottom: 2px solid #f2f2f2; margin-bottom: 30px;}
	#steps-to-apply .steps-wrap .flex-display .flex-item:nth-child(1):after, 
	#steps-to-apply .steps-wrap .flex-display .flex-item:nth-child(2):after{display: none;}
	#steps-to-apply .steps-wrap .flex-display .flex-item{text-align: center;}
	#steps-to-apply .logo-text{font-size: 20px;}
	#steps-to-apply .steps-logo-wrapper .image-wrapper{max-width: 90px;}
	#steps-to-apply .logo-subtext{font-size: 19px;}

}