@charset "utf-8";



@media screen and (max-width: 1679.98px) {
	:root{
		--page-header-height: 88px;
		--pl-space:3.5714%;
		--pr-space:3.5714%;
	}
	
	#logoWrap {
		padding: 15px 0;
	}
	#siteTools>ul {
		gap: 10px;
	}
	
	/* .container {
		padding-left: var(--pl-space);
		padding-right: var(--pr-space)
	} */
	
	#mainNavWrap {
		width: 100%;
		padding-left: var(--pl-space);
		padding-right: var(--pr-space);
	}
	
	
	#mainNavWrap a.home {
		margin-left: 20px;
	}
	#mainNav {
		padding: 30px 20px;
	}

	#bannerWrap {
		/* width: 60%;
		max-width: 1020px;
		min-width:760px; */
		right:2%;
  

	}
	#content .committee-wrap > * .body .name,
	#content .committee-details-wrap .body .name {
		font-size: var(--font-size3);
	}
	
	#content .gallery-wrap {
		grid-template-columns: repeat(3, 1fr);
	}

}


@media screen and (max-width: 1439.98px) {
	 body {
		font-size: 18px;
	 }
	 :root {
		--font-size1: 0.833em; /*15px*/ 
		--font-size2: 1.000em; /*18px*/ 
		--font-size3: 1.277em; /*23px*/ 
		--font-size4: 1.555em; /*28px*/ 
		--font-size5: 2.000em; /*36px*/ 
		--font-size6: 2.500em; /*45px*/ 
		--font-size7: 3.000em; /*54px*/ 
		--font-size8: 3.611em; /*65px*/  

		/*--font-size7-mb:40px;	*/
	  
		--corner-radius1: 35px;
		--corner-radius2: 20px;
		--corner-radius3: 8px;
		
	}

	/*
	#bannerWrap {
		max-width: 760px;
		right: -1%;
	}*/
	
	#secTitlWrap {
		bottom: -62%;
	}
	
	#secTitle {
		padding-bottom: 10px;
		font-size:var(--font-size7);
	}
	
	#secTitle:before {
		width: 70%;
	}

	#breadcrumb .navHome>a {
		padding-left: 30px;
	}
	#breadcrumb .navHome>a:before {
		width: 22px;
		height: 22px;
		background-position: 0 50%;
		background-size: 20px 20px;
    }
	#breadcrumb ul li:not(:first-child):before{
		height:12px;
		top: 4px;
	}

	
	#footerZone {
		padding: 30px 0 40px 0;
	}
	#footer-social-icon-wrap a {
		width: 45px;
		height: 45px;
	}
	#footer-social-icon-wrap, #footer-wcag-wrap {
		gap:25px;
	}

	#contentWrap.hasLeftNav .container{
		column-gap: 1.66em;
	}
	#leftNavWrap #btn-toggle-leftNav {
	  font-size: var(--font-size1);
	  
	  padding:6px 20px 6px 15px;
	  border-radius:20px 20px 0 0;
	  right:-61px;
	  border-radius: var(--corner-radius3) var(--corner-radius3) 0 0 ;
    }
	#leftNavWrap #btn-toggle-leftNav .icon,
	#leftNavWrap #btn-toggle-leftNav .icon:before {
		width:16px;
		height:16px;
	}
	#leftNavWrap #btn-toggle-leftNav span.txt {
		align-self:flex-end;
	}
	
	
	#content .newsletter-wrap .item .txt-top .issue {
		font-size: var(--font-size1);
		background-size: 24px 24px;
        padding-left: 58px;
	}
	#content .newsletter-wrap .item .txt-top .date {
		font-size: var(--font-size1);
		background-size: 24px 24px;
		padding-left: 48px;
	}
}

@media screen and (max-width: 1279.98px) {
	#mainNav {
		margin-top:15px;
		padding: 15px 20px;
	}
	#mainNav>ul {
		row-gap:20px;
	}
	#content .committee-wrap.col-4 > * {
		width:33.3333%;
	}
	#content .committee-outer.col-2 .committee-wrap.col-4 > * {
		width:100%;
	}
	
	#content .rcm-member-outer {
		grid-template-columns: none;
		gap:80px 0;
	}
	
	#content .rcm-member-outer>*:first-child:before{
		right:auto;
		top:auto;
		bottom:-40px;
		width:100%;
		height:1px;
	}
}

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

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

}

@media screen and (max-width: 1099.98px) {
  .pagination{
    column-gap: 1.666em;
  }
  
	#content .newsletter-wrap .grid-sizer,
	#content .newsletter-wrap .item {
		/* width:50%; */
		/* width:48.9%; */
		width:48.5%;
	}
	#content .newsletter-wrap .item {
		margin-bottom:20px;
	}
	#content .newsletter-wrap .gutter-sizer {
		width:3%;
	}
}

/* Large devices (Desktops, 995px and up) */
@media screen and (min-width: 992px) {
  /* #headerZone {
	position:fixed;
  } */
  html{ overflow: auto!important; overflow-x: hidden!important;}
  #mobileBgLayer, #mobileNavWrap, .showMMenu #mobileNavWrap{
    display: none;
  }  
  
  .tab-container .tab-menu .tabCtrls .tab-item.mobileSelected {
    display: none;
  }

  .tab-container .tab-menu .tabCtrls .tab-item:not(.mobileSelected) {
    display: block!important;
  }

  .tab-container .tab-menu .tabCtrls .tab-item a {
    text-decoration: none;
    border-radius: 15px;
    font-size: 1.222em;
	background-color: var(--lakeblue3);
    color: var(--white);
  }

  .tab-container .tab-menu .tabCtrls .tab-item.selected a,
  .tab-container .tab-menu .tabCtrls .tab-item.selected a.focus,
  .tab-container .tab-menu .tabCtrls .tab-item:not(.mobileSelected) a:hover {
    background-color: var(--blue2);
    color: var(--white);
  }

  .tab-container .tab-menu .tabCtrls .tab-item.selected a:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid var(--blue2);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 50;
    margin-left: -4px;
    transition: transform 0.3s ease 0s;
  }
  
  #insideVisualWrap{
	display:flex;
	justify-content:end;
  }
  #bannerWrap{
	/* right: clamp(-10%, 41.67vw - 51.33%, 2%); */
	/*right: clamp(-10%,calc(-10% + 12% * (100vw - 992px) / 288px), 4%);*/

	right: clamp(-10%, calc(-30% + 12% * (100vw - 992px) / 288px), 6%);
  }

}

/* Medium devices (Tablets, less than 992px) */
@media screen and (max-width: 991.98px) {

  .display-m{ display:block;}

  /*
  #logoWrap {
	  padding:12px 0;
  }*/
	#contentWrap{
		padding-top:var(--page-header-height);
	}

  #wrapper:not(.home) #contentWrap {
	background-position:130% 200px;
  }
	
  #canvas-globe {
	width:110vw !important;
	height:110vw !important;
  }
  #mmenuCtrl {
    display: flex;
    align-items: center;
    /* height: 80px; */
  }
  #wrapper:not(.home) #headerZone{
	background-color:var(--white);
  }
  #mainNav, #leftNavWrap, #toolShare, #toolFontsize, #toolMenu {
    display: none;
  }

  #toolLangs.active .subnav,
  #toolShare.active .subnav {
    transform: translate(-50%, -10px);
  }
  #toolSearch.active .searchForm {
    opacity: 1;
    transform: translateY(0px);
  }
  #mainContent {
    width: 100%;
    padding-top: 0;
  }  
  #footerRight {
    text-align: left;
    padding: 20px 0 0;
  }
  #insideVisualWrap{
    /* background-size: auto 100%;
    background-color: transparent; */
	padding:0;
  }
  #bannerWrap{
	right:auto;
	left:50%;
	transform:translateX(-50%);
	max-width:none;
	width:auto;
	height:250px;

	mask-image:url(../images/secbanner-mask2.svg);
  }
  #secTitlWrap {
        bottom: -45%;
   }
  
  #secTitle{
        font-size: var(--font-size6);
  }
  #secTitle:before {
	  background: none;
  }
  
  .tab-container .tab-menu {
   /*  max-width: 460px; */
    margin: 0 auto 30px;
  }

  .tab-container .tab-menu .tabCtrls {
    flex-wrap: wrap;
  }

  .tab-container .tab-menu .tabCtrls .tab-item {
    width: 100%;
    flex: 1 1 100%;
    min-height: 46px;
  }

  .tab-container .tab-menu .tabCtrls .tab-item:not(.mobileSelected) {
    min-height: 0;
    display: none;
  }

  .tab-container .tab-menu .tabCtrls .tab-item:not(.mobileSelected) a {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    background-color: #f4f4f4;
  }

  .tab-container .tab-menu .tabCtrls .tab-item.mobileSelected a:before {
    background-color: #f4d628;
  }

  .tab-container .tab-menu .tabCtrls .tab-item.mobileSelected + li > a {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .tab-container .tab-menu .tabCtrls .mobileSelected  + .tab-item > a {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .tab-container .tab-menu .tabCtrls .tab-item:last-child > a {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .accordion-item .accordion-title{
    min-height: 46px;
  }

  .photosWrap .photoItem {
    width: calc((99.99% - 60px)/3);
  } 

  /*transform table*/
  #content table.transform-table thead th, #content table.transform-table tbody th{
	display: none;
}
  #content table.transform-table tr td{
	display: block;
	width: 100%;
	text-align: left;
	padding-top: 5px;
    padding-bottom: 2px;
	position: relative;
	}
  #content table.transform-table tr td[data-label]:before{
	content: attr(data-label)' :';
	display: inline-block;
	padding-right: 10px;
	}
  #content table.transform-table tr td:first-child{
		padding-top: 10px;
	}
	#content table.transform-table tr td:last-child{
		padding-bottom: 10px;
	}
  .pagination .mobilePagin{
    display: inline-flex;
    align-items: center;
    column-gap: 5px;
  }
  .pagination .mobilePagin .txt span{
    font-weight: 700;
  }
  .pageNav a:not(.arrow), .pageNav > span, .pageNav .pagers span{
    display: none;
  }
  .page-filter-wrap{ margin-left: 20px; }
  .page-filter-wrap label{ line-height: 38px; }
  .mobilePagin .select-selected {
    line-height: 26px;
  }
  .pagination .page-filter-wrap{
    display: none;
  }
  .pagination .page-filter-wrap-m{
    display: inline-flex;
  }
  .pageNav a, .page-filter-wrap .btn-filter{
	  width:40px;
	  height:40px;
	  
  }
  .pageNav a span, .page-filter-wrap .btn-filter span.go{
	  line-height:40px;
  }
  .pageNav .arrow span:before{
	  width:20px;
	  height:20px;
      margin: -10px 0 0 -10px;
  }
  
	#content .committee-wrap.vice > * {
		width:50%;
	}

	#content .committee-outer {
		gap:0 30px;
	}
	
	#content .gallery-wrap,
	#content .keypartner-wrap {
		grid-template-columns:repeat(2, 1fr);
		gap:30px;
	}
	
	#content .committee-wrap.col-4 > * {
		width:50%;
	}
	
	#content .news-wrap .item {
		flex-direction:column;
		gap:25px 0;
	}
	#content .news-wrap .body {
		padding:0 20px;
	}
	#content .news-wrap {
		gap:60px 0;
	}
	
	#content .news-wrap .img-wrap {
		flex:1;
	}
	#content .news-wrap .img {
		width:100%; /*70%*/
	}
	
	
	/* #content .news-wrap .item {
		gap:0 30px;
	}
	#content .news-wrap .img-wrap {
		flex:0 0 42%;
	} */
	
		
	#content #contactus-wrap {
		font-size: var(--font-size2);
	}
	#content #contactus-wrap img {
		width:72px;
	}
	
	#content .common-arrow-btn-wrap{
		grid-template-columns:repeat(2, 1fr);
		column-gap:20px;
	}
	
	#content .eform-wrap .item.col-3{
		grid-template-columns:repeat(2, 1fr);
	}
}

/*Between Tablets and Mobile */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
}

@media screen and (min-width: 768px) {
#headerZone.fixed #logoWrap {
	padding: 10px 0;
	height: 66px;
}
#headerZone.fixed #mmenuCtrl a>span,
#headerZone.fixed #siteTools>ul>li>a>span {
   width: 40px;
   height: 40px;
   background-size: 22px;
}

#content .flex-line.president {
	display:none;
}

#content #contactus-wrap > *:nth-child(2):before,
#content #contactus-wrap > *:nth-child(2):after {
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:90%;	
}
#content #contactus-wrap *:nth-child(2):before {
	left:-10px;
}
#content #contactus-wrap *:nth-child(2):after {
	right:-10px;
}
}

/* Small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
  /****** common starts******/
  :root{
	/* --page-header-height: 82px; */
	--page-header-height: 68px;
    --corner-radius1: 25px;
	--corner-radius2: 15px;
	--corner-radius3: 6px;
  }

  body {
    font-size: 16px;
  }
 
  #wrapper:not(.home) #contentWrap {
	background-size:120% auto;
	background-position:130% 180px;
  }
  
  #mobileMenu .m-share .subnav:before {
	right:75px;
  }
  
#mmenuCtrl a>span,
#siteTools>ul>li>a>span,
#mobileMenu .m-toolsWrap a>span,
#backToTop{
	width: 40px;
    height: 40px;
	background-size: 22px;
}
  #footerZone {

    padding: 25px 0 25px 0;

	border-width:2px;
  }
#footer-social-icon-wrap a{
	width: 40px;
    height: 40px;
}


  #content {
	background-size:1200px 988px;
  }
  
  #logoWrap {
    padding: 10px 0;
	/* height:66px; */
  }
  
  #secTitlWrap{
	  width:100%;
  }
  
  #secTitle{
	  width:100%;
	  
  }
  #secTitle:before{
	  right:0;
	  max-width:250px;
  }
  
  /*
  #logoWrap a img {
	  height:60px;
  }*/
  
  /* h1#pageTitle {
    font-size: 1.625em;
  }
  #content h1 {
    font-size: 1.625em;
  }

  #content h2 {
    font-size: 1.5em;
  }

  #content h3 {
    font-size: 1.313em;
  }

  #content h4 {
    font-size: 1.250em;
  } */
  
  /****** common ends******/
  /****** home starts******/
  #content section{
	padding-bottom:100px;
  }
  
  /*
  #content #ebanner-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }*/
  /****** home ends******/
  /****** content starts******/
  
#content hr.dotted {
	margin:60px 0;
}
  
  .f-left-img,
  .f-right-img {
    float: none;
    margin: 0 auto 15px;
    max-width: 360px;
  }
  .swiper-wrap .swiper-arrow span {
    width: 14px;
    height: 14px;
  }
  .accordion-item .accordion-title span.num{
    margin-top: 2px;
  }
	#content .btn-wrap{
		gap: 10px;
	}
	#content .common-btn{
		line-height: 1.5em;
		padding:8px 20px;
	}
	#content .common-btn.arrow:not(.big-btn), #content .common-btn.double-arrow:not(.big-btn){
		padding-right:40px;
	}
	#content .common-btn.arrow .icon, #content .common-btn.double-arrow .icon{
		right:12px;
		width:24px;
		height:24px;
	}
	#content .common-btn.arrow:not(.big-btn) .icon:before{
		width:16px;
		height:16px;
		margin:-8px 0 0 -8px;
	}
	#content .common-btn.double-arrow:not(.big-btn) .icon:before{
		width: 22px;
		height: 22px;
		margin: -11px 0 0 -11px;
	}
	#content .common-btn.big-btn{
        min-height: 58px;
        padding: 12px 30px;
	}
	#content .common-btn.arrow.big-btn,
	#content .common-btn.double-arrow.big-btn{
        padding-right: 50px;
	}
	#content .common-btn.arrow.big-btn .icon, #content .common-btn.double-arrow.big-btn .icon{
		right:15px;
		width:28px;
		height:28px;
	}
	#content .common-btn.arrow.big-btn .icon:before{
		width: 18px;
		height: 18px;
		margin: -9px 0 0 -9px;
	}
	#content .common-btn.double-arrow.big-btn .icon:before{
		width: 24px;
		height: 24px;
		margin: -12px 0 0 -12px;
	}
  /* #content .common-link{
    line-height: 1.5em;
    padding: 11px 25px;
  } */
  .swiper-wrap .slider-ctrls{
    max-width: 160px;
    padding: 0 30px;
  }
  .swiper-wrap .slider-ctrls .swiper-arrow{
    width: 30px;
    height: 40px;
  }
  #content .flexbox.imgCols .item .caption{
    padding: 10px 20px 5px;
  }
  .pageNav .arrow:before, .pageNav .arrow:before{
    width: 14px;
    height: 14px;
  }
  .pagination {
    column-gap: 1em;
  }
  #content .input-wrap input[type="text"]{
	  padding: 14px 15px;
  }
  #content .input-wrap.finish input[type="text"],
	#content .input-wrap.focus input[type="text"]  {
    padding: 24px 15px 4px;
	}
	#content .input-wrap input[type="text"]+label{
		left: 15px;
	}
	#content #form-wrap .flexbox {
		margin-bottom: 20px;
	}
	#toolSearch .searchForm .quickSearch {
		width:80%;
	}
	#content .committee-wrap > * .body .name,
	#content .rcm-member-wrap .body .name {
		margin-bottom: 10px;
	}
	#content .committee-wrap > * .body .txt,
	#content .rcm-member-wrap .body .txt {
		font-size: var(--font-size1);
	}

	#content .committee-wrap.president {
		text-align:center;
	}
	#content .committee-wrap.president > * {
		flex-direction:column;
	}
	#content .committee-wrap.president > * .body .title {
		display:none;
	}
	#content .committee-wrap.col-4 > * .img,
	#content .committee-wrap.vice > * .img,
	#content .committee-wrap.president > * .img{
		/* width:180px; */
		width:190px;
	}
	#content .committee-wrap.vice > * .img,
	#content .committee-wrap.president > * .img{
		border-width:5px;
	}
	
	#content .committee-outer {
		flex-direction:column;
		gap:40px 0;
	}
	#content .committee-outer .committee-wrap {
		margin-bottom:0;
	}

	#content .committee-details-wrap {
		display:flex;
		flex-direction:column;
		border-radius:0;
		background-color:transparent;
		padding:0;
		gap:25px 0;
		text-align:center;
	}
	#content .committee-details-wrap .img {
		max-width:none;
		width:60%;
		margin:0 auto;
		/* max-width:250px; */
	}
	
	
	
	
	#content #contactus-wrap {
		grid-template-columns:none;
		grid-template-rows:repeat(3, auto);
		gap:20px 0;
		margin:50px 0;
	}
	#content #contactus-wrap > * {
		padding:40px;
	}
	#content #contactus-wrap > *:nth-child(2):before,
	#content #contactus-wrap > *:nth-child(2):after {
		left:50%;
		transform:translateX(-50%);
		width:50%;
		height:1px;
	}
	#content #contactus-wrap *:nth-child(2):before {
		top:-10px;
	}
	#content #contactus-wrap *:nth-child(2):after {
		bottom:-10px;
	}
	
	#content .gallery-wrap,
	#content .keypartner-wrap,
	#content .rcm-member-wrap.col-2 {
		grid-template-columns:none;
		gap:30px;
	}
	#content .gallery-wrap .txt {
		padding:15px 20px 30px;
	}
	
	#content .rcm-member-outer {
		padding:25px 25px 60px 25px;
		margin-bottom:60px;
	}
	
	#content .rcm-member-wrap img {
		width:80px;
		height:80px;
	}
	
	#content .video-wrap{
		margin-bottom:40px;
	}
	#content .video-wrap a:before{
		background-size:100px 100px;
	}
	
	#content .photolist-wrap{
		margin:40px 0;
	}
	#content .photolist{
		gap:0 25px;
		margin-bottom:15px;
	}
	
	#content .newsletter-wrap .grid-sizer,
	#content .newsletter-wrap .item {
		width:100%;
	}
	#content .newsletter-wrap .gutter-sizer {
		width:0;
	}
	
	#content .newsletter-wrap .item .txt-top .issue {
		
		background-size: 20px 20px;
        padding-left: 55px;
	}
	#content .newsletter-wrap .item .txt-top .date {
		background-size: 20px 20px;
		padding-left: 45px;
	}
	#content .btn-loadmore{
		min-height:58px;
		padding:12px 20px 12px 30px;
	}
	#content .btn-loadmore .icon {
		width: 26px;
		height: 26px;
	}
	
	#content .btn-loadmore .icon:before {
		width: 16px;
		height: 16px;
		top: 5px;
		left: 5px;
	}
	
	#content table th .date {
		background-size:20px 20px;
		padding-left:25px;
		background-position:0 0;
	}

	#content .eform-wrap .item.col-2,
	#content .eform-wrap .item.col-3{
		grid-template-columns:none;
	}
	#content .eform-wrap .item{
		row-gap:15px;
	}
	
	/* #content .eform-wrap .item.indent1{
		padding-left:25px;
	}
	#content .eform-wrap .item.indent2{
		padding-left:33px;
	} */
	
	.filter-wrap .select-wrap{
		flex-wrap:wrap;
	}
	
	#content .flex-img-wrap{
		flex-direction:column;
	}
	#content .flex-img-wrap.col-2>*{
		width:100%;
	}
	#content .flex-img-wrap img{
		max-height:none;
	}
  /****** content ends******/
}

@media screen and (max-width: 575.98px) {
  :root{
	--font-size1: 0.75em; /*12px*/ 
	--font-size2: 1.000em; /*16px*/ 
	--font-size3: 1.250em; /*20px*/ 
	--font-size4: 1.500em; /*24px*/ 
	--font-size5: 1.812em; /*29px*/ 
	--font-size6: 2.125em; /*34px*/ 
	--font-size7: 2.375em; /*38px*/ 
	--font-size8: 2.625em; /*42px*/  
	 
	/*--font-size7-mb: 30px;*/
		
	/* --page-header-height: 68px; */
	
	--pl-space:20px;
    --pr-space:20px;
	
    --corner-radius1: 20px;
	--corner-radius2: 14px;
	--corner-radius3: 5px;
	
  }
  
  #bannerWrap{
	  height:170px;
  }

  #content {
	background-size:800px 658px;
  }
  #content .f-left-img, #content .f-right-img{
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: none !important;
  }
 .container {
        padding: 0 20px;
  }

  /* #content #ebanner-wrap {
	padding-left: 20px;
    padding-right: 20px;
  } */
  #content .pl-space {
	padding-left: 20px;
  }
  #content .pr-space {
    padding-right: 20px;
  }
  #mobileMenu .m-share .subnav .share>*:nth-child(1) {
	grid-area: sharehead;
  }
  #mobileMenu .m-share .subnav .share>*:nth-child(2) {
	grid-area: shareicon1;
  }
  #mobileMenu .m-share .subnav .share>*:nth-child(3) {
	grid-area: shareicon2;
  }
  #mobileMenu .m-share .subnav .share {
	display:inline-grid;
	grid-template-areas:
		"sharehead sharehead"
		"shareicon1 shareicon2";
  }
  
  #content .committee-wrap.vice > * .img,
  #content .committee-wrap.col-4 > * .img {
	  width:120px;
  }
  #content .committee-wrap > * {
	  padding:0 10px;
  }

  #content .newsletter-wrap .item .txt-top .issue {
	background-position:30px 11px;
  }
  #content .newsletter-wrap .item .txt-top .date {
	background-position:20px 11px;
  }

	#content .common-arrow-btn-wrap{
		grid-template-columns:none;
	}
}

@media screen and (max-width: 500px) {
	#toolSearch .searchForm{
		position: fixed;
		/* top: 80px; */
		width: 100%;
	}
	#toolSearch .subnav:before {
		right: 143px;
	}
	
	/* #content .rcm-member-wrap>*{
		flex-direction:column;
		gap:10px 0;
	} */
}


@media screen and (max-width: 479.98px) {
	#mobileMenu .m-share .subnav{
		padding:20px 15px;
	}
	#content .news-wrap .img {
		width: 100%;
	}
}

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


/** container query **/
@container content (600px < width  <= 700px) {
	#content .card-container,
	#content .flexbox.col-3{
		grid-template-columns: repeat(2, 1fr);
	}
	#content .card-container .card{
		display: grid;
		grid-template-columns: minmax(40%, 120px) auto;
	}
	#content .card-container .card .card-thumb{
		height: 100%;
		aspect-ratio: auto;
	}
	
}

@container content (400px < width  <= 600px) {
	#content .card-container,
	#content .flexbox.col-3{
		grid-template-columns: 100%;
	}
	#content .card-container .card{
		display: grid;
		grid-template-columns: minmax(120px, 160px) auto;
		border-radius: 10px;
	}
	#content .card-container .card .card-thumb{
		height: 100%;
		aspect-ratio: auto;
	}
	#content .flexbox.col-2{
	  grid-template-columns: 100%;
	}
}
@container content (width  <= 400px) {
	#content .card-container,
	#content .flexbox.col-3{
		grid-template-columns: 100%;
	}
	#content .card-container .card{
		border-radius: 10px;
	}
	.accordCtrls{
		flex-wrap: wrap;
		row-gap: 6px;
	}	
	#content .flexbox.col-2{
	  grid-template-columns: 100%;
	}
}
/** container query **/