@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.pension-page .slider-description-area {
		top: 140px;
	}
}

@media only screen and (min-width: 1200px) {
	.dnnLogin .dnnPrimaryAction, .dnnLogin .dnnFormItem input[type="submit"], a.dnnSecondaryAction{ position:relative; left:21%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	left-menu .well li a:before {	   top: 0px;}@media screen and (-webkit-min-device-pixel-ratio: 0) {.DocTrens-Link > a:before {    padding: 3px 5px 2px;} }
	.dnnLabel {			width: 20%;		}
	.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea {			font-size: 18px;			max-width: 500px !important;			width: 100% !important;		}
	.CatDocTrens.well {  margin: 0; }
	.CatDocTrens .dnnGridItem { padding: 8px; font-size: 16px; }
	.CatDocTrens .DocTrens-Catetitle { font-size: 18px; line-height: 28px;  }
	.CatDocTrens .DocTrens-Link { line-height: 97px; }
	.mnopf-home .tab-view .dnnGridItem {    margin: 0;    padding: 0 0 5px;}
	.mnopf-home .tab-view .DocTrens-TiTle {    font-family: latoregular;    font-size: 14px;margin: 0; width: 70%; }
	.mnopf-home .tab-view .dnnGridItem {    margin: 12px 0 0;}
	.CatDocTrens .DocTrens-TiTle {    line-height: 26px !important;   padding: 5px 0 0;}
	.dnnSearchResultPager.dnnSearchResultPagerTop {    margin: 0;    padding: 20px 0 0;}
	.top-menu { margin: 24px 0 0; }
	.news_detail .post_thum img { width: 300px !important;}
	.news_detail .post_thum { margin: 20px auto;}
	.DNNContainer_Title_h2.SpacingBottom {    margin: 30px 0 0;}
	.date .month, .date .year, .mnth, .year {width: 35px;}
	.news_post .newsListTitle {   width: 70%;}
	.news_detail .newsListTitle  { float: left;    width: 80%; }
	.news_post .news_calendar { width: 17%;}
	.news_detail .news_calendar { width: 15%;}
	.media .date, .date .day { width: 70px; }
	.news_post .post_content .newsContPara {    width: 66%;}
	.news_list .post_thum { width: 29%; }
	.news_list .news_post .post_thum { margin-right: 20px;}
	.news_rightpane .NormalTextBox {    width: 100% !important;}
	.news_rightpane h2 span { font-size: 18px;    line-height: 22px;}
	.news_post .post_content { margin-top: 12px;}
	.nav-social li a { padding:0 6px 0 0; }
	.slider-btn em {margin: 0 0 0 40px;}
	a.slider-btn {padding: 0 0 1px 10px; }
	.mnopf-home .pension-faq .panel-group { margin-bottom: 0;}
	.grey-block { padding: 20px;}
	.grey-block #RptTable h3 { font-size: 17px;    line-height: 24px;    padding-bottom: 6px;}
	.eventMedia img { height: inherit;    width: 100%;}
	 .mnthNews, .yearNews { font-size: 12px;    line-height: 18px;    padding: 3px 4.6px;}
	 .XBD_Effect_04_Default li .date{ display:table;} 
	 .XBD_Effect_04_Default li .date .month , .XBD_Effect_04_Default li .date .year{ display:table-cell;}
	.dateNews {font-size: 18px; line-height: 20px;    padding: 5px 15px;}
	.date {font-size: 18px !important;    line-height: 24px !important;    padding: 3px 15px !important;}
	.left-menu .well li { padding: 10px 25px;}
	.slider-img img {display: block;height: auto;width: 100%;}
	.pension-page .slider-description-pension h1 {font-size: 26px;line-height: 35px;}
	.pension-page .slider-description-area {top: 115px;}
	.get-in-contact.media-right p:first-child, .get-in-contact.media-right p:last-child {text-align: left; }
	.get-in-contact.media-right p:first-child { font-size: 20px; margin: 0 0 5px; padding: 0 0 5px; }
	.get-in-contact p:first-child i { font-size: 20px; }
	.get-in-contact p:last-child i {font-size: 17px; }
	.get-in-contact {padding: 6px 6px 6px 10px; }
	.get-in-contact.media-right p:last-child {font-size: 12px;}
	.get-in-title p {font-size: 20px;line-height: 16px;}
	.get-in-title p span {font-size: 12px;line-height: 14px;}
	.view-all span, .read-more span {padding: 5px 6px;}
	.pension-coa .pension-content p span.blue, p span.blue {font-size: 14px;line-height: 18px;}
	.mymnopf_pension-back > p {font-size: 14px; line-height: 14px; margin: 0; width: 50%; }
	.mymnopf_pension-back > a.btn { font-size: 18px; line-height: 20px; padding: 14px; }
	.left-menu .well a { font-size: 15px; line-height: 18px; }
	.left-menu .btn {font-size: 18px; line-height: 20px; }
	body, p, ul, ul > li, ol, ol > li, div {font-size: 15px; }
	.site-brand {padding: 15px 20px; }
	.site-brand > img { display: block; height: inherit; width: 100%; }
	.site-moto p { font-size: 16px; line-height: 20px; margin: 27px 0; }
	.nav-pills > li > a, .nav-pills > li > a, .nav-pills > li > a { font-size: 16px;
		padding: 10px 14px;}
	.nav-social li {padding: 0 7px 0 0; }
	.slider-description-area {top: 60px;}
	.slider-description {padding: 20px 20px 30px;}
	.slider-description h1 {font-size: 26px;line-height: 37px;}
	a.slider-btn {font-size: 20px;line-height: 45px;width: 250px;top: 82%;}
	.slider-btn i {margin: 0 0 0 30px;}
	.nav-tabs > li > a {font-size: 18px;padding: 12px 15px;}
	.my-pension { background-position: center center; }
	 section.content h2 {font-size: 22px;line-height: 26px;}
	.tab-view > ul > li {font-size: 15px;margin: 10px 0 15px;}
	.news-post {padding: 20px;}
	.date {font-size: 25px;line-height: 30px;padding: 7px 15px;}
	.mnth, .year {font-size: 12px;line-height: 24px;padding: 4px 4.6px;}
	.grey-block > h3, .news-post .title > h3 {font-size: 17px;line-height: 22px;}
	.tab-view, .news-post, .grey-block {min-height: 370px; margin-bottom:20px;}
	.tab-view .view-all, .tab-view .read-more, .news-post .view-all, .news-post .read-more, .grey-block .view-all, .grey-block .read-more {bottom: 15px;right: 20px;}
	.top-50 {margin-top: 30px;}
	.grey-block > p {line-height: 20px;margin: 15px 0 10px;}
	.hav-que > div > p {font-size: 14px;line-height: 18px;}
	.hav-que > div > h2 {    font-size: 15px;line-height: 18px;margin: 10px 10px 10px 0;padding: 0 10px 0 0;}
	.dwnld-pdf span {width: 70%;}
	.member-details-active p, .member-details > p {min-height: 140px;}
	.left-menu .well li::before{ left:10px; top:12px;}
	.left-menu .well li::after{ left:16px; top:12px;}
}

@media only screen and (max-width: 1024px)  {
	.li-level0{ display:block !important}
}

@media only screen and (min-width: 768px)  {
	.tab-view .view-all, .tab-view .read-more, .news-post .view-all, .news-post .read-more, .grey-block .view-all, .grey-block .read-more {
		bottom: 20px;		position: absolute;		right: 30px;	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.left_menu_active.btn.btn-default > a, .linklist li a {    padding: 15px 10px;}
	.left_menu_active.btn.btn-default > a[role="button"] {     top: 15px;}
	.mnopf-home .tab-view .DocTrens-TiTle {     font-family: latoregular; }
	.tab-view, .news-post, .grey-block {    min-height: 350px; }
	@media screen and (-webkit-min-device-pixel-ratio: 0) { .DocTrens-Link > a:before {    padding: 3px 5px 2px;  } }
	.dnnLabel {    width: 28%;}
	.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea {    font-size: 18px;    max-width: 500px !important;    width: 100% !important;}
	.CatDocTrens .dnnGridItem { padding: 8px; font-size: 18px; }
	.CatDocTrens .DocTrens-Catetitle { font-size: 18px;     line-height: 28px;  }
	.CatDocTrens .DocTrens-Link { line-height: 29px; }
	.CatDocTrens .DocTrens-TiTle { font-size: 16px; }
	.CatDocTrens .DocTrens-DesC { font-size: 15px; }
	.mnopf-home .tab-view .dnnGridItem { margin: 10px 0 0 0; }
	.CatDocTrens.well {  margin: 0;}
	@media screen and (-webkit-min-device-pixel-ratio: 0) { .tab-view, .news-post, .grey-block { min-height: 350px;} }
	.dnnSearchResultPager {    margin: 0;    padding: 10px 0 30px 0;}
	.dnnSearchResultPager.dnnSearchResultPagerTop {    margin: 0 0 20px;    padding: 10px 0 0;}
	.dnnSearchResultPanel .RadComboBox table {    width: 185px !important;}
	.dnnSearchResultPanel .RadComboBoxDropDown_Default .rcbScroll {    margin-left: 0 !important; }
	.RadComboBox table { width: 220px !important;}
	.RadComboBox_Default .rcbInput { padding: 5px 9px !important;}
	.rcbReadOnly td.rcbArrowCell > a {  height: 32px !important;  padding: 5px 10px !important;}
	.SelCategoryTR { margin: 0 0 25px;}
	.date .month, .date .year, .mnth, .year {width: 35px;}
	.media .date, .date .day { width: 70px; }
	.news_post .post_content .newsContPara {    width: 66%;}
	.news_list .post_thum { width: 29%;  }
	.news_list .news_post .post_thum { margin-right: 15px;}
	.news_rightpane .NormalTextBox {    width: 100% !important; }
	.news_rightpane h2 {    padding: 0 0 5px;}
	.news_rightpane .Category_Default .category_list li a, .news_rightpane .Archive_Default .archive_list li a {     font-size: 14px; }
	.news_rightpane .Category_Default .category_list li a, .news_rightpane .Archive_Default .archive_list li {    padding: 6px 0;}
	.news_rightpane .Category_Default .category_list li a:after, .news_rightpane .Archive_Default .archive_list li a:after {    font-size: 15px;    padding: 0 5px 0 0;}
	.news_title > a, .grey-block #RptTable h3 a, .news-post .rightView .title a {    font-size: 18px;}
	.news_post .news_calendar, .news_detail .news_calendar {    width: 15%;}
	.news_post .newsListTitle, .news_detail .newsListTitle  {  float: left;  width: 80%;}
	.news_detail .post_thum {    border: 0 solid #cfcfcf;     margin: 20px auto;}
	.news_detail .post_thum img {    width: 300px !important; }
	.news_rightpane h2 span.TitleH2 { font-size: 20px;     line-height: 20px;}
	.news_detail .attachments_box ul li a:before {   font-size: 18px; }
	.news_detail .attachments_box ul li {    font-size: 16px;    margin: 10px 5px;}
	.news_detail .attachments_box h4 {
	margin: 20px 0 10px;}
	.news_post .post_categories, .news_detail .post_categories {    font-size: 14px;}
	.slider-btn em { margin: 0 0 0 20px ;} 
	.grey-block {    padding: 20px;}
	.member-details h2, .member-details-active h2 {     font-size: 18px;     margin: 0 0 5px; }
	.slider-img img {display: block;height: auto;width: 100%; }
	.pension-page .slider-description-pension h1 {    font-size: 20px; line-height: 24px; }
	.pension-page .slider-description-area {top: 85px;}
	.get-in-contact {display: block;}
	.get-in-title {padding: 10px 8px; }
	.get-in-contact.media-right p:first-child, .get-in-contact.media-right p:last-child { line-height: 30px; text-align: left;}
	.get-in-contact.media-right p:last-child {font-family: "latoregular";font-size: 11px; }
	.get-in-contact p:last-child i {font-size: 16px;}
	.get-in-contact.media-right p:first-child {font-size: 18px; }
	.get-in-contact p:first-child i {font-size: 20px;}
	.left-menu .well a {font-size: 14px;line-height: 20px;}
	.left-menu .well li {padding: 10px 25px; }
	.left-menu .well li:before {font-size: 10px; margin: 0 15px 0 0; }
	.left-menu .well li a:before { left: -19.3px; top: 1.9px; }
	.my-MNOPF-pension {background-size: contain; height: 190px; width: 100%; }
	.mymnopf_pension-back > h2 { font-size: 16px !important; line-height: 16px !important; margin: 0 0 5px; }
	.mymnopf_pension-back > p { font-size: 14px; line-height: 16px; margin: 0 0 5px; width: 100%; }
	.mymnopf_pension-back > a.btn {border-radius: 20px 0; font-size: 14px; line-height: 14px; padding: 10px; }
	.pension-page .img-center {margin-bottom: 50px; margin-top: 30px; }
	.top-menu {margin: 30px 0 0;}
	.left-menu .btn {font-family: latoregular;font-size: 14px;line-height: 16px;padding: 0;}
	.mnopf-publication .content {padding: 40px 0;}
	.publication h1, h1 {font-size: 32px;line-height: 38px;margin: 0 0 20px;padding: 0 0 20px;}
	.site-brand img {display: block;width: 100%;}
	.site-brand {padding:15px 20px;position: relative;}
	.top-menu a {font-size: 13px;padding: 10px 4px;}
	.top-menu .search a {font-size: 16px;margin: 0;padding: 5px 8px;}
	.site-moto p {font-size: 16px;line-height: 22px;text-align: center;font-family: "latobold";}
	.top-menu {margin: 32px  0 0;}
	.nav-pills > li > a, .nav-pills > li > a, .nav-pills > li > a { font-size: 16px;
		padding: 8px 15px; }
	.navbar {min-height: 30px;}
	.nav-social li a {font-size: 20px;line-height: 24px;}
	.nav-social li { padding: 10px 4px 0 0;}
	.slider-description {padding: 10px 10px 25px;}
	.slider-description h1 {font-size: 24px;line-height: 30px;}
	a.slider-btn {font-family: "latoregular";font-size: 14px;line-height: 34px;top: 80%;width: 170px;}
	.slider-btn i {margin: 0 0 0 20px;}
	.slider-description-area {top: 42px;}
	.blue-block input[type="text"] {height: 40px;padding: 5px;width: 220px;}
	.blue-block {margin: 0 0 30px;padding: 10px 15px;}
	.blue-block .search-blue {display: inline-block;}
	.search-blue .fa-search {font-size: 18px;line-height: 25px;width: 40px;}
	.blue-block p {margin:0 0px 0 20px;display: inline-block;}
	.content h2 {font-size: 20px;line-height: 25px;}
	.hav-que > div > h2 {font-size: 16px;line-height: 18px;margin: 10px 10px 10px 0;padding: 0 10px;}
	.nav-tabs > li > a {font-size: 16px;line-height: 18px;padding: 16px 20px;}
	.top-50 {margin-top: 30px;}
	.my-pension {background-size:contain;height: 168px;margin:60px 0 40px;}
	.member-details-active p, .member-details > p {min-height: 130px;font-size: 14px;line-height: 20px;}
	.member-details, .member-details-active {margin: 20px 0;padding: 10px;}
	.footer-contact {float: left;}
	.footer-contact-social { border-bottom: 1px solid #999;border-top: 1px solid #999;margin: 25px 0 0;padding-bottom: 5px;padding-top: 25px;}
	.footer-contact > p {display: inline-block;margin: 24px 0 0 20px;}
	.footer-contact a {display: inline-block;}
	.footer-social {float: right;margin: 20px 0 0;}
	ul.nav-social {
		padding: 5px 0;
	}
	.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea{ margin-bottom:0;}
	.left-menu .well li::before{ left:10px; top:12px;}
	.left-menu .well li::after{ left:14px; top:12px;}
}

@media only screen and (max-width: 767px) {
	.LoginPanel{ width:100%;}
	.dnnLabel{ text-align:left !important}
	/*a.dnnSecondaryAction{ font-size:14px !important; padding:10px 15px !important;}*/
	.LoginPanel .dnnForm .dnnFormItem{ text-align:left !important;}
	/*.dnnForm .dnnFormItem{ margin:10px !important}*/
	.LoginPanel .dnnFormItem > label.dnnFormLabel{ display:none !important;}
	.dnnActions{ padding-top:0 !important}
	.dnnLoginService input[type="text"], .dnnLoginService input[type="password"]{ max-width:none !important}
}

@media only screen and (max-width: 767px) {
	#cc-settingsmodal #cc-settingsmodal-wrapper li span, #cc-modal #cc-modal-wrapper li span {
		width: 360px !important;
		font-size: 11pt !important;
	}
	#cc-notification #cc-notification-wrapper {
		padding: 20px 10px 0 !important;
	}
	#cc-notification h2 span, #cc-notification h2 {
		font-size: 10pt !important;
		letter-spacing: 0 !important;
	}
	#cc-notification h2 {
	   margin-right: 0 !important;
		margin-bottom: 0 !important;
	}
	#cc-notification a, #cc-notification a:visited {
		font-size: 12pt !important;
	}
	#cc-notification #cc-notification-permissions ul {
		margin: 0 !important;
		float: none !important;
	}
	#cc-notification #cc-notification-permissions li {
		width: 90% !important;
		margin: 0 0 10px 20px !important;
	}

	#cc-notification ul.cc-notification-buttons {
		position: relative !important;
		width: 400px !important;
		right: 70px !important;
		margin-bottom: 10px !important;
		display: inline-block !important;
	}
	#cc-notification ul.cc-notification-buttons li {
		display: inline !important;
	}
	#cc-notification #cc-notification-permissions li label {
		font-size: 10pt !important;
		line-height: 1.1em !important;
	}
	#cc-modal #cc-modal-wrapper h2, #cc-settingsmodal #cc-settingsmodal-wrapper h2 {
		margin: 0 15px !important;
		font-size: 15pt !important;
		width: 98% !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper p.cc-subtitle, #cc-modal #cc-modal-wrapper p.cc-subtitle {
		margin: 16px 0 0 17px !important;
		font-size: 11pt !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper ul, #cc-modal #cc-modal-wrapper ul {
		padding: 0 15px 0 30px !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper li, #cc-modal #cc-modal-wrapper li {
		padding: 10px 0 0 !important;
	}
	#cc-modal #cc-modal-wrapper {
		width: 400px !important;
		max-height: 2% !important;
		min-height: 260px !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper li strong, #cc-modal #cc-modal-wrapper li strong {
		font-size: 13pt !important;
	}
	#cc-modal #cc-modal-wrapper #cc-modal-footer-buttons {
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	#cc-modal #cc-modal-wrapper .cc-content {
		height: 120px !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper {
		width: 400px !important;
		height: 5% !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper .cc-content {
		overflow-y: hidden !important;
		height: 370px !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper select, #cc-modal #cc-modal-wrapper select {
		position: relative !important;
		right: 0 !important;
		float: left !important;
		margin-bottom: 25px !important;
	}

	.mnopf-home .tab-view .DocTrens-TiTle {     font-family: latoregular; } 
	.date .day {    width: 70px;}
	.date .month, .date .year {     width: 35px; }
	.get-in-title{padding: 19px 8px;}
	@media screen and (-webkit-min-device-pixel-ratio: 0) { .DocTrens-Link > a:before {    padding: 3px 5px 2px; } }
	.dnnLabel {    width: 25%;}
	.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea {    font-size: 16px;    width: 100% !important;}
	.dnnActions li {    float: none;    margin-right: 0;    list-style: none;    display: inline-block;}
	div.ModDNNUserDefinedTableC ul.dnnActions {    display: block;    margin: 0 auto;    text-align: center;    float: none;}
	.CatDocTrens .DocTrens-TiTle {text-align: center; line-height: 22px !important; }
	.CatDocTrens .DocTrens-Link {    line-height: 22px; }
	.CatDocTrens .DocTrens-Catetitle { line-height: 20px; text-align: center ;}
	.DocTrens-DesC { margin: 20px 0; text-align: center;}
	.CatDocTrens .DocTrens-DesC { margin: 20px 0 !important; text-align: center;}
	.CatDocTrens .DocTrens-Link > a:after {  line-height: 38px; display: block; float: none; text-align: center; vertical-align: middle; }
	.CatDocTrens.well {    margin: 0; }
	.mnopf-home .tab-view .dnnGridItem {  margin: 12px 0 0;    padding: 0 0 15px; }
	.mnopf-home .tab-view .DocTrens-TiTle { margin:0; font-size:16px; }
	.mnopf-home .tab-view .DocTrens-Link {    margin: 0;}
	.Error .view-all, .thanku .view-all {    display: block;    margin: 20px auto;    text-align: center;}
	section.thanku.content img {    margin: 0 auto;    display: block;    text-align: center;}
	.my-MNOPF-pension {    background: rgba(0, 0, 0, 0) url("../images/MY_MNOPF_PENSION_LEFT.JPG") no-repeat scroll center center;    display: block !important;    margin: 20px auto 20px  !important;    width: 68% !important; }

	.news-post .newsSummary > a { padding:0 0px 0 12px; display:inline-block; margin-top:0 !important;}
	.eventActionButtons ul.dnnActions li:nth-child(2), .eventActionButtons ul.dnnActions li:nth-child(3), .eventActionButtons ul.dnnActions li:nth-child(4), .eventActionButtons ul.dnnActions li:nth-child(5), .eventActionButtons ul.dnnActions li:nth-child(7) {    display: none;}
	.eventActionButtons,  .eventActionButtons ul.dnnActions.pull-right {    display: inline-block;    margin: 0 auto;    text-align: center;    width: 100%;	float:none !important;}
	.eventActionButtons ul.dnnActions li {    display: inline-block;    float: none !important; }
	.news_detail .post_thum img {    width: 300px !important; }
	.news_detail .attachments_box ul li a:before {    font-size: 16px;}
	.news_detail .news_calendar {    width: 18%;}
	.news_detail .newsListTitle {    float: left;    width: 78%;}
	.news_detail .attachments_box ul li {    font-size: 16px;}
	.news_post .post_content .newsContPara {width: 100%; }
	.news_post .newsListTitle, .news_detail h2.news_title {    width: 76%; }
	.news_calendar { width: 20%;}
	.news_list .news_post .post_thum {    margin: 0 auto 20px; text-align: center;}
	.news_post .post_more { margin: 30px 0 10px;}
	.news_rightpane h2 { text-align: center;}
	.Archive_Default .archive_list, .Category_Default .category_list, .Category_Default .category_list ul, .news_post .post_categories, .news_detail .post_categories { text-align: center;}
	.news_rightpane { margin: 0 0 70px;}
	.news_post .date, .news_post .dateNews { padding: 2px 10px 2px 0; }
	.DetailEventDetailsDiv1 img {    display: block;    margin: 0 auto;}
	.DNNContainer_Title_h2.SpacingBottom {margin: 20px 0 0 !important;}
	.eventlistimg img {margin: 15px auto !important;}
	.SelCategoryTR {display: block;    float: none !important;    margin: 0 auto;    text-align: center;}
	.RadComboBox_Default .rcbInput {    padding: 10px !important;}
	.slider-img img {display: block;height: auto;width: 100%; }
	.get-in-contact.media-right p:first-child {margin: 0 0 5px;padding: 0 0 5px;}
	.my-MNOPF-pension { background-size: contain; display: block; margin: 0 auto 20px !important; width: 69%;}
	.get-in-contact.media-right p:first-child, .get-in-contact.media-right p:last-child { text-align:left; }
	.get-in-touch {display: block; margin: 0 auto 30px; width: 100%; }
	.get-in-contact.media-right p:first-child, .get-in-contact.media-right p:last-child {    text-align: center; }
	.pension-page .img-center {margin-top: 20px; }
	.pension-coa .view-all {display: block;float: none;margin: 12px auto 0;    text-align: center; }
	.pension-faq .panel-title {font-size: 16px; line-height: 20px;}
	.mnopf-publication .content {padding: 40px 0;}
	.left-menu .btn {font-family: latoregular;font-size: 18px;line-height: 22px;}
	.left-menu {margin: 0 0 40px;}
	.left-menu .well a {font-size: 16px;line-height: 20px;}
	.publication h1, h1 {font-size: 28px;line-height: 36px;margin: 0 0 15px;padding: 0 0 15px;}
	p span.blue {font-size: 16px;line-height: 24px;}
	.navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #fff;}
	.footer-contact p {display: block;margin: 0 auto;text-align: center;}
	.footer-contact img {float: none;margin: 15px auto;}
	.footer-contact, .footer-contact p {float: none; text-align: center;}
	.footer-social {display: block;float: none;margin: 15px auto 0;text-align: center;}
	.bottom-copy-menu {text-align: center;}
	.bottom-copy-menu a {font-size: 12px;line-height: 25px;padding: 6px;}
	.copy-right {text-align: center;}
	footer {padding: 20px 0;}
	.my-pansion-circle {display:none;}
	.my-pension {background-image: url("../images/MY_MNOPF_PENSIO.JPG") !important; background-position: -100px 0;height: 164px; margin:40px 0 25px;}
	.member-details, .member-details-active {margin: 10px 0;padding: 15px;}
	.content h2 {font-size: 20px;line-height: 22px;}
	.grey-block > h3, .news-post .title > h3 {font-size: 18px;line-height: 22px;text-align: center;}
	.grey-block > h3 {text-align: center; }
	.news-post .title > h3 { text-align: left; }
	body, p, ul, ul > li, ol, ol > li, div {font-size: 14px; line-height: 18px;}
	.dwnld-pdf span { line-height: 20px; margin: 0 0 10px; width: 65%; text-align:left; }
	.nav-tabs > li > a { font-size: 16px; line-height: 16px; padding: 15px; }
	.top-50 {margin-top: 0;}
	.tab-view ul > li {font-size: 14px;line-height: 16px;}
	.tab-view, .news-post, .grey-block {min-height: 305px;display: block;margin: 0 auto;min-height: 270px;width: auto;text-align: left;}
	.tab-view .view-all, .tab-view .read-more, .news-post .view-all, .news-post .read-more, .grey-block .view-all, .grey-block .read-more {    float: right;
		margin-top: 20px; }
	.hav-que > div > h2 { margin: 10px 0 0; padding: 0; text-align: left; }
	.slider-description-area {display: none;}
	.blue-block {padding: 10px;margin: 0 0 20px;}
	.blue-block p {font-size: 13px;line-height: 16px;margin: 10px 0 0;}
	.content h2 {text-align: center;}
	.member-details-active p, .member-details > p {min-height: 80px;text-align: center;}
	.member-details .view-all, .member-details-active .view-all {display: block;float: none;text-align: center;}
	.footer-menu-1 li {text-align: left;}
	.footer-menu-1 li ul li:before {}
	.news-post > p {display: inline-block;margin: 10px 0;text-align: left;}
	.navbar-default {float:none;display: block;}
	.nav-social {float: left !important;}
	#mnopf-navbar-collapse .nav-pills > li > a, #mnopf-navbar-collapse .nav-pills > li > a, #mnopf-navbar-collapse .nav-pills > li > a {line-height: 30px;padding: 10px 15px;}
	.site-brand {display: inline-block;padding: 15px;position: relative;width: 100%;}
	.site-moto p {margin:10px 0;}
	.top-menu {margin:0 auto 12px;float: none;}
	#mnopf-navbar-collapse .nav-pills > li {float: none;}
	.footer-res-menu  {    margin: 0 auto !important;    display: block;    width: 50%;}
	.left_menu_active.btn.btn-default > a, .linklist li a{ width:93%;}
	.tab-view, .news-post, .grey-block{ margin-bottom:20px;}
	.left-menu .well li::after{ left:36px; top:19px;}
	.view-all span, .read-more span {
		padding: 5px 12px;
	}
}

@media only screen and (min-width: 560px) and (max-width:767px){
	.media .date, .date .day {
		font-size: 26px;
		line-height: 25px;
	}
}

@media only screen and (max-width: 600px){
	 .media-body, .media-left, .media-right {
		display: inline-block !important;
	 }
	 .grey-block .media-left {
		padding: 0;
		width: 68%;
	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	#cc-notification #cc-notification-permissions li label {
		font-size: 10pt !important;
		line-height: 1.1em !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper li span, #cc-modal #cc-modal-wrapper li span {
		width: 250px !important;
		font-size: 11pt !important;
	}
	#cc-notification #cc-notification-wrapper {
		padding: 20px 10px 0 !important;
	}
	#cc-notification h2 span, #cc-notification h2 {
		font-size: 10pt !important;
		letter-spacing: 0 !important;
	}
	#cc-notification h2 {
	   margin-right: 0 !important;
		margin-bottom: 0 !important;
	}
	#cc-notification a, #cc-notification a:visited {
		font-size: 12pt !important;
	}
	#cc-notification #cc-notification-permissions ul {
		margin: 0 !important;
		float: none !important;
	}
	#cc-notification #cc-notification-permissions li {
		width: 90% !important;
		margin: 0 0 10px 20px !important;
	}

	#cc-notification ul.cc-notification-buttons {
		position: relative !important;
		width: 312px !important;
	}
	#cc-notification ul.cc-notification-buttons li {
		display: inline !important;
	}

	#cc-modal #cc-modal-wrapper h2, #cc-settingsmodal #cc-settingsmodal-wrapper h2 {
		margin: 0 15px !important;
		font-size: 15pt !important;
		width: 98% !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper p.cc-subtitle, #cc-modal #cc-modal-wrapper p.cc-subtitle {
		margin: 16px 0 0 17px !important;
		font-size: 11pt !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper ul, #cc-modal #cc-modal-wrapper ul {
		padding: 0 15px 0 30px !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper li, #cc-modal #cc-modal-wrapper li {
		padding: 10px 0 0 !important;
	}
	#cc-modal #cc-modal-wrapper {
		width: 300px !important;
		max-height: 2% !important;
		min-height: 260px !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper li strong, #cc-modal #cc-modal-wrapper li strong {
		font-size: 13pt !important;
	}
	#cc-modal #cc-modal-wrapper #cc-modal-footer-buttons {
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	#cc-modal #cc-modal-wrapper .cc-content {
		height: 120px !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper {
		width: 300px !important;
		height: 5% !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper .cc-content {
		overflow-y: hidden !important;
		height: 330px !important;
	}
	#cc-settingsmodal #cc-settingsmodal-wrapper select, #cc-modal #cc-modal-wrapper select {
		position: relative !important;
		right: 0 !important;
		float: left !important;
		margin-bottom: 25px !important;
	}















.mnopf-home .tab-view .DocTrens-TiTle {     font-family: latoregular; }

.dnnLeft {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea {
    font-size: 16px;
    max-width: 300px !important;
    width: 100% !important;
}

.dnnActions li {
    float: none;
    margin-right: 0;
    list-style: none;
    display: inline-block;
}

div.ModDNNUserDefinedTableC ul.dnnActions {
    display: block;
    margin: 0 auto;
    text-align: center;
    float: none;
}
.Error .view-all, .thanku .view-all {    display: block;    margin: 20px auto;    text-align: center;}
section.thanku.content img {    margin: 0 auto;    display: block;    text-align: center;}
 .get-in-title {   padding: 15px 5px; width:21%; }
.CatDocTrens .DocTrens-TiTle {text-align: center; line-height: 22px !important; }
.CatDocTrens .DocTrens-DesC {    margin: 20px 0; }
.CatDocTrens .DocTrens-Catetitle { line-height: 20px; text-align: center ;}
.DocTrens-DesC { margin: 20px 0; text-align: center;}
.CatDocTrens .DocTrens-Link > a:after {  line-height: 38px; display: block; float: none; text-align: center; vertical-align: middle; }
.CatDocTrens.well {    margin: 0; }
.CatDocTrens .DocTrens-Link {    line-height: 21px; }
	
	
	
.mnopf-home .tab-view .dnnGridItem {  margin: 15px 0 0;     padding: 0 0; }
.mnopf-home .tab-view .DocTrens-TiTle { margin:0; font-size:15px; }
.mnopf-home .tab-view .DocTrens-Link {    margin: 0;}
.DocTrens-Link > a:after  { font-size: 14px; }
.DocTrens-Link > a:before  { font-size: 12px; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .DocTrens-Link > a:before {    padding: 3px 5px 3px;} }
.pension-page .content h2, .TitleH2 {    font-size: 20px;    line-height: 26px;    text-transform: capitalize; }
.mymnopf_pension-back > p {   width: 100%;}
.mymnopf_pension-back > h2 {    margin: 0 0 10px; }
.mymnopf_pension-back > a.btn {    border-radius: 20px 0;    font-size: 15px;    line-height: 20px;    padding: 10px;}
.get-in-contact.media-right p:first-child {    font-size: 16px !important;  }
.get-in-contact.media-right p:first-child, .get-in-contact.media-right p:last-child  {    text-align: left  !important; }
.get-in-contact.media-right p:last-child {    font-size: 12px !important;    line-height: 33px !important;}
.dnnLabel {    float: none;    text-align: center;   }
*::-moz-placeholder { font-size: 15px;}

.member-details-active p, .member-details > p {    min-height: 150px; }
.news-post .newsSummary > a { padding:0 0px 0 12px; display:inline-block;  }
.eventActionButtons ul.dnnActions li:nth-child(2), .eventActionButtons ul.dnnActions li:nth-child(3), .eventActionButtons ul.dnnActions li:nth-child(4), .eventActionButtons ul.dnnActions li:nth-child(5), .eventActionButtons ul.dnnActions li:nth-child(7) {    display: none;}
.eventActionButtons,  .eventActionButtons ul.dnnActions.pull-right { display: inline-block; margin: 0 auto; text-align: center;    width: 100%;	float:none !important;}
.eventActionButtons ul.dnnActions li {    display: inline-block;    float: none !important; }
.grey-block .media .media-left img {    width: 100%;}
.media .date {    font-size: 24px;    padding: 2px 15px; }
.news-post .rightView .title a {    color: #333;    font-size: 14px;    line-height: 18px;}
.news_detail { display:block !important; }
.news_post .post_content .newsContPara {width: 100%; }
.news_calendar {    display:none; }
.news_rightpane h2 span.TitleH2 {    font-size: 20px;    line-height: 21px;}
.news_list .news_post .post_thum {    margin: 0 auto 20px; text-align: center;}
.news_post .post_more {    margin: 20px  0 10px;}
.news_rightpane h2 {    text-align: center;}
.Archive_Default .archive_list, .Category_Default .category_list, .Category_Default .category_list ul, .news_post .post_categories, .news_detail .post_categories {    text-align: center;}
.news_rightpane {    margin: 0 0 70px;}
.news_post  .date .month, .news_post  .date .year {    width: 35px;}
.news_post .date .day {    width: 70px;}
.news_post .newsListTitle {    width: 100%;}
.news_detail .attachments_box ul li {    font-size: 15px;}
.news_detail .attachments_box ul li a:before {    font-size: 16px; }
.grey-block {    padding: 20px;}
.grey-block #RptTable h3 {    font-size: 18px;    line-height: 22px;    padding-bottom: 7px;}
.date, .dateNews {    font-size: 20px;    line-height: 25px;    padding: 2px 15px;}
.mnth, .year,.mnthNews, .yearNews {    font-size: 12px;    line-height: 18px;    padding: 1px 5px;}
.DetailEventDetailsDiv1 img {    display: block;    margin: 0 auto;}
.SelCategoryTR {    display: block;    float: none !important;    margin: 0 auto;    text-align: center;}
.eventlistimg img {    margin: 15px auto !important;}
.RadComboBox_Default .rcbInput {    padding: 10px !important;}
.DNNContainer_Title_h2.SpacingBottom {    margin: 20px 0 0 !important;}
.footer-res-menu {    margin: 0 auto;    display: block;    width: 75%;}
.slider-img img {display: block;height: auto;width: 100%; }
.my-MNOPF-pension { background-size: contain; display: block; margin: 0 auto; width: 100%; height:251px; margin:20px 0 }
.get-in-contact.media-right p:first-child, .get-in-contact.media-right p:last-child { text-align:left; }
.get-in-contact.media-right p:last-child {    font-size: 11px;}
.get-in-contact p:last-child i { font-size: 18px; }
.get-in-touch {display: block; margin: 0 auto 30px; width: 100%; }
.mymnopf_pension-back { padding:5px 0 0 5px; }
.mymnopf_pension-back > p {    font-family: "latoregular";    font-size: 14px;    margin: 0 0 6px;    width: 100%;}
.pension-page .img-center {    display: block;    height: auto;    text-align: center;    width: 100%;margin-top: 20px; }
.pension-coa .view-all {display: block;float: none;margin: 12px auto 0;    text-align: center; }
.pension-faq .panel-title {font-size: 16px; line-height: 20px;}
.mymnopf_pension-back > a.btn {    border-radius: 15px 0;     font-size: 15px;     padding: 10px; }
.pension-coa .pension-content p span.blue, p span.blue {    font-size: 15px;    line-height: 20px;}
.mnopf-publication .content {padding: 40px 0;}
.left-menu .btn {font-family: latoregular;font-size: 18px;line-height: 22px;}
.left-menu {display: block;margin: 0 0 40px;}
.left-menu .well a {font-size: 16px;line-height: 20px;}
.publication h1, h1 {font-size: 28px;line-height: 36px;margin: 0 0 15px;padding: 0 0 15px;}
p span.blue {font-size: 14px;line-height: 22px;}
.site-brand {display: block;margin: 0 auto;padding: 15px;position: relative;text-align: center;width: 60%;}
.top-header [class*="col-xs-"] {display: inline-block;margin: 0 auto;text-align: center;width: 100%;}
.site-moto p {font-size: 16px;line-height: 32px;margin: 10px 0;}
.top-menu {margin: 0;}
.top-menu a {font-size: 12px;line-height: 29px;}
.top-menu .search a {font-size: 16px;margin: 0 0 0 10px;padding: 5px 8px;}
.navbar-default {float: none;}
.navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #fff;}
#mnopf-navbar-collapse .nav-pills > li > a, #mnopf-navbar-collapse .nav-pills > li > a, #mnopf-navbar-collapse .nav-pills > li > a {padding: 6px 12px;}
#mnopf-navbar-collapse  .nav-pills > li {float: none;}
.footer-contact img {float: none;margin: 25px auto;}
.footer-contact, .footer-contact p {display: block;    float: none;    margin: 0 auto;    text-align: center;}
.footer-social {display: block;    float: none;    margin: 15px auto;    text-align: center;}
.bottom-copy-menu a {font-size: 12px;line-height: 25px;padding: 6px;}
.copy-right {text-align: center;}
footer {padding: 20px 0;}
.my-pansion-circle {display:none;}
.my-pension {background-image: url("../images/MY_MNOPF_PENSIO.JPG") !important; background-position: -100px 0;height: 164px;margin:40px 0 25px;}
.member-details, .member-details-active {margin: 10px 0;padding: 15px;}
.content h2 {font-size: 20px;line-height: 22px;}
.grey-block > h3, .news-post .title > h3 {font-size: 18px;line-height: 22px;}
body, p, ul, ul > li, ol, ol > li, div {font-size: 14px;line-height: 18px;}
.dwnld-pdf span {line-height: 20px;margin: 0 0 10px;width: 65%;}
.nav-tabs > li > a {font-size: 16px;line-height: 16px;padding: 15px;}
.top-50 {margin-top: 0;}
.tab-view ul > li { font-size: 14px;line-height: 16px;}
.tab-view, .news-post, .grey-block {min-height: 300px; margin-bottom:20px;}
.tab-view .view-all, .tab-view .read-more, .news-post .view-all, .news-post .read-more, .grey-block .view-all, .grey-block .read-more {    float: right;
    margin-top: 20px;}
.hav-que > div > h2 {margin: 10px 0 0;padding: 0;text-align: left;}
.slider-description-area {display: none;}
.blue-block {padding: 10px;margin: 0 0 20px;}
.blue-block p {font-size: 13px;line-height: 16px;margin: 10px 0 0;}
.left_menu_active.btn.btn-default > a, .linklist li a{ width:93%;}
.left-menu .well li::after{ left:36px; top:19px;}
.view-all span, .read-more span {
    padding: 5px 12px;}
	.dnnLoginRememberMe.pull-right{ float:none !important; display:block;}
}

@media only screen and (max-width: 480px)  {
.media .date {
    font-size: 20px;
    line-height: 21px;
    padding: 4px 15px;
}
.mnth, .year {
    font-size: 12px;
    line-height: 20px;
    padding: 2px 5px;
}
.tab-view, .news-post, .grey-block { min-height: 310px; }
}