@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)



/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 1920px) {



}



/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1680px) {



}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1304px) and (max-width: 1366px) {

:root										{ --container-width: 1304px; }
.container                                  { width: 1304px; max-width: 1304px; }

/*----------- Benefits Page -----------*/
#benefitSec .benefit-slider .list img 		{ max-height: 227px; }

#memberSec .member-listing .list .list-image img { max-height: 162px; }

/*----------- Newsline Page -----------*/


}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1303px) {

:root										{ --container-width: 100%; }
.container                                  { width: 100%; max-width: 100%; padding: 0 30px; }

/*----------- Benefits Page -----------*/
#benefitSec .benefit-slider .list img 		{ max-height: 165px; }

#memberSec .member-listing .list .list-image img { max-height: 162px; }

/*----------- Newsline Page -----------*/
#newslineFeaturedSec .featuredBox .list .info { gap: 10px; bottom: 20px; right: 20px; left: 20px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta { gap: 10px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .cat-wrp { gap: 7px; font-size: 12px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .cat-wrp a { padding: 1px 5px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .date-wrp { font-size: 12px; padding: 1px 5px;}
#newslineFeaturedSec .featuredBox .list .info .post-meta .comments-wrp { margin-left: auto; font-size: 12px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .comments-wrp a { padding: 2px 5px; }
#newslineFeaturedSec .featuredBox .list .info h3 { font-size: 30px; line-height: 40px; }
#newslineFeaturedSec .featuredBox .list:nth-child(2) .info h3, #newslineFeaturedSec .featuredBox .list:nth-child(3) .info h3 { font-size: 20px; line-height: 30px; }
#newslineFeaturedSec .featuredBox .list .image::before { background: linear-gradient(180deg, rgba(53, 53, 54, 0) 20%, rgba(53, 53, 54, 0.9) 100%); }
#newslineFeaturedSec .featuredBox .list .image .label { gap: 5px; padding: 5px 10px 5px 20px; font-size: 20px; line-height: 25px; top: 40px; }
#newslineFeaturedSec .featuredBox .list .image .label img { width: 24px; margin-top: -4px; }

#newslineSec .newslineBox .newslineRow .list .image .label { gap: 5px; padding: 5px 12px 5px 12px; font-size: 16px; line-height: 22px; top: 20px; }
#newslineSec .newslineBox .newslineRow .list .image .label img { width: 24px; margin-top: -4px; }
#newslineSec .newslineBox .newslineRow .list .info h3 { font-size: 20px; line-height: 25px; letter-spacing: -0.4px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

:root										{ --container-width: 100%; }
.container                                  { width: 100%; max-width: 100%; padding: 0 30px; }

/*----------- Benefits Page -----------*/
#benefitSec h2								{ font-size: 45px; line-height: 55px; }
#benefitSec h5								{ font-size: 16px; line-height: 25px; }
#benefitSec .benefit-slider 				{ width: calc(100% + 30px); margin: 0 -15px; padding-bottom: 26px; }
#benefitSec .benefit-slider .owl-stage-outer { width: calc(100% + var(--container-padding) - 15px);padding: 20px 0 30px 0; }
#benefitSec .benefit-slider .list img 		{ max-height: 118px; }
#benefitSec .benefit-slider.owl-theme .owl-nav { display: none; }
#benefitSec .benefit-slider.owl-theme .owl-nav button.owl-prev { margin-right: 50px; }
#benefitSec .benefit-slider .owl-dots 		{ margin-left: 15px; }

#joinSec .join-wrap							{ gap: 20px; }
#joinSec .join-wrap .join-cont p			{ font-size: 14px; line-height: 22px; }	
#joinSec .join-wrap .join-btn a				{ padding: 7px 18px; font-size: 16px; line-height: 24px; }

#memberSec .member-nav .member-menu ul li a	{ padding: 8px; font-size: 14px; }
#memberSec .member-nav .member-menu ul li a img	{ width: 15px; }
#memberSec .member-listing				{ padding: 0 0 0 0; }
#memberSec .member-listing .ListItem:nth-child(3n+1) { clear: none; }
#memberSec .member-listing .ListItem:nth-child(2n+1) { clear: left; }
#memberSec .member-listing .list		{ margin: 0 0 30px 0; }
#memberSec .member-listing .list .list-image img { max-height: 162px; }
#memberSec .member-listing .list .list-cont h5 a	{ font-size: 16px; line-height: 26px; }
#memberSec .member-listing .list .list-cont p	{ font-size: 14px; line-height: 22px; }

/*----------- Newsline Page -----------*/
#newslineFeaturedSec .featuredBox .list .info { gap: 10px; bottom: 15px; right: 15px; left: 15px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta { gap: 10px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .cat-wrp { gap: 7px; font-size: 12px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .cat-wrp a { padding: 1px 5px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .date-wrp { font-size: 12px;  padding: 1px 5px;}
#newslineFeaturedSec .featuredBox .list .info .post-meta .comments-wrp { margin-left: 0; font-size: 12px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .comments-wrp a { padding: 2px 5px; }
#newslineFeaturedSec .featuredBox .list .info h3 { font-size: 25px; line-height: 35px; }
#newslineFeaturedSec .featuredBox .list:nth-child(2) .info h3, #newslineFeaturedSec .featuredBox .list:nth-child(3) .info h3 { font-size: 17px; line-height: 27px; }
#newslineFeaturedSec .featuredBox .list .image::before { background: linear-gradient(180deg, rgba(53, 53, 54, 0) 20%, rgba(53, 53, 54, 0.9) 100%); }
#newslineFeaturedSec .featuredBox .list .image .label { gap: 5px; padding: 5px 10px 5px 15px; font-size: 17px; line-height: 22px; top: 30px; }
#newslineFeaturedSec .featuredBox .list .image .label img { width: 20px; margin-top: -4px; }

#newslineSec .categorySortbyBox 			{ gap: 24px; margin-bottom: 20px; }
#newslineSec .categorySortbyBox .category-list { flex-wrap: nowrap; overflow: hidden; overflow-x: auto; }
#newslineSec .categorySortbyBox .category-list li { font-size: 18px; line-height: 24px; white-space: nowrap; }
#newslineSec .categorySortbyBox .category-list li a { padding: 7px 10px; }
#newslineSec .categorySortbyBox .sortby 	{ flex: 0 0 240px; height: 40px; }
#newslineSec .newslineBox 					{ gap: 40px; }
#newslineSec .newslineBox .newslineRow 		{ row-gap: 48px; column-gap: 32px; }
#newslineSec .newslineBox .newslineRow .list { width: calc(50% - 16px); }
#newslineSec .newslineBox .newslineRow .list .image { height: 220px; }
#newslineSec .newslineBox .newslineRow .list .image .label { gap: 5px; padding: 5px 12px 5px 12px; font-size: 16px; line-height: 22px; top: 20px; }
#newslineSec .newslineBox .newslineRow .list .image .label img { width: 20px; margin-top: -4px; }
#newslineSec .newslineBox .newslineRow .list .info h3 { font-size: 20px; line-height: 25px; letter-spacing: -0.4px; }
#newslineSec .newslineBox .newslineRow .list .info p { font-size: 16px; line-height: 24px; }
#newslineSec .categorySortbyBox .category-list li {
	padding: 0;
	margin-bottom: -1px;
	font-family: "Noto Sans";
	font-size: 18px;
	color: #656668;
	font-weight: 500;
	line-height: 24px;
	border-bottom: 0px;
}
#newslineSec .categorySortbyBox .category-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* border-bottom: 1px solid #DEDEDF; */
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	justify-content: left;
}

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container                                  { width: 100%; max-width: 100%; padding: 0 20px; }

/*----------- Benefits Page -----------*/
#benefitSec									{ padding-top: 30px; }
#benefitSec h2								{ font-size: 32px; line-height: 38px; letter-spacing: -0.0125em; }	
#benefitSec h5								{ font-size: 16px; line-height: 22px; letter-spacing: -0.02em; }
#benefitSec .benefit-slider 				{ width: calc(100% + 30px); margin: 0 -15px; padding-bottom: 26px; }
#benefitSec .benefit-slider .owl-stage-outer { width: calc(100% + var(--container-padding) - 0px);padding: 20px 0 30px 0; }
#benefitSec .benefit-slider .list img 		{ max-height: 184px; }
#benefitSec .benefit-slider.owl-theme .owl-nav { margin-right: 15px; }
#benefitSec .benefit-slider.owl-theme .owl-nav button.owl-prev { margin-right: 40px; }
#benefitSec .benefit-slider .owl-dots 		{ margin-left: 15px; }

#joinSec									{ padding-top: 15px; padding-bottom: 15px; }
#joinSec .join-wrap							{ flex-wrap: wrap; gap: 20px; }
#joinSec .join-wrap .join-icon				{ position: absolute; right: 0; bottom: 0; }
#joinSec .join-wrap .join-cont				{ padding: 0; }
#joinSec .join-wrap .join-cont p			{ font-size: 14px; line-height: 20px; }
#joinSec .join-wrap .join-btn				{ margin-left: 0; }

#memberSec .member-nav .member-search		{ margin: 0 0 12px 0; }
.member-dropdownWrapper						{ margin: 0 0 30px 0; }
.member-dropdownWrapper .dropdown-itemsWrapper li.selected { background-color: #eeeeee; }
#memberSec .member-listing					{ padding: 0 0 0 0; }
#memberSec .member-listing .list .list-image img { height: auto; max-height: 425px; }

/*----------- Newsline Page -----------*/
#newslineFeaturedSec 						{ padding-top: 15px; padding-bottom: 15px; }
#newslineFeaturedSec .featuredBox 			{ display: flex; flex-direction: column; gap: 15px; }
#newslineFeaturedSec .featuredBox .list .info { gap: 10px; bottom: 15px; right: 15px; left: 15px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta { gap: 10px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .cat-wrp { gap: 7px; font-size: 12px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .cat-wrp a { padding: 1px 5px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .date-wrp { font-size: 12px;  padding: 1px 5px;}
#newslineFeaturedSec .featuredBox .list .info .post-meta .comments-wrp { margin-left: 0; font-size: 12px; }
#newslineFeaturedSec .featuredBox .list .info .post-meta .comments-wrp a { padding: 2px 5px; }
#newslineFeaturedSec .featuredBox .list .info h3 { font-size: 30px; line-height: 40px; }
#newslineFeaturedSec .featuredBox .list:nth-child(2) .info h3, #newslineFeaturedSec .featuredBox .list:nth-child(3) .info h3 { font-size: 25px; line-height: 35px; }
#newslineFeaturedSec .featuredBox .list .image { height: 358px; }
#newslineFeaturedSec .featuredBox .list .image::before { background: linear-gradient(180deg, rgba(53, 53, 54, 0) 20%, rgba(53, 53, 54, 0.9) 100%); }
#newslineFeaturedSec .featuredBox .list .image .label { gap: 5px; padding: 5px 10px 5px 15px; font-size: 17px; line-height: 22px; top: 30px; }
#newslineFeaturedSec .featuredBox .list .image .label img { width: 20px; margin-top: -4px; }

#newslineSec .categorySortbyBox 			{ flex-direction: column; gap: 24px; }
#newslineSec .categorySortbyBox .category-list { flex-wrap: nowrap; overflow: hidden; overflow-x: auto; }
#newslineSec .categorySortbyBox .category-list li { font-size: 18px; line-height: 24px; white-space: nowrap; }
#newslineSec .categorySortbyBox .category-list li a { padding: 7px 10px; }
#newslineSec .categorySortbyBox .sortby 	{ flex: 0 0 auto; height: 40px; }
#newslineSec .newslineBox 					{ gap: 40px; }
#newslineSec .newslineBox .newslineRow 		{ row-gap: 32px; column-gap: 32px; }
#newslineSec .newslineBox .newslineRow .list { width: calc(100% - 0px); }
#newslineSec .newslineBox .newslineRow .list .image { height: 220px; }
#newslineSec .newslineBox .newslineRow .list .image .label { gap: 5px; padding: 5px 12px 5px 12px; font-size: 16px; line-height: 22px; top: 20px; }
#newslineSec .newslineBox .newslineRow .list .image .label img { width: 20px; margin-top: -4px; }
#newslineSec .newslineBox .newslineRow .list .info h3 { font-size: 20px; line-height: 25px; letter-spacing: -0.4px; }
#newslineSec .newslineBox .newslineRow .list .info p { font-size: 16px; line-height: 24px; }
#newslineSec .categorySortbyBox .category-list li {padding: 0; margin-bottom: -1px; font-family: "Noto Sans"; font-size: 18px; color: #656668; font-weight: 500; line-height: 24px; border-bottom: 0px;}
#newslineSec .categorySortbyBox .category-list {list-style-type: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; flex: 1;}
}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ width: 100%; max-width: 100%; padding: 0 20px; }

/*----------- Benefits Page -----------*/
#benefitSec .benefit-slider .list img 		{ max-height: 347px; }

#memberSec .member-listing .list .list-image img { max-height: auto; }

/*----------- Newsline Page -----------*/


}