@charset "utf-8";

@media screen and (max-width: 1679.98px) {
	#secTitlWrap{
		margin-left:60px;
	}
	#content #result-criteria-wrap #btn-action-progress{
		width:auto;
	}
}

@media screen and (min-width: 1400px) {
  /* #insideVisualWrap .sectionImg{
    background-position:100% 80%;
  } */
  /* #content .search-result-list-wrap .result-criteria-selected > *:nth-child(1){
	width:180px;
  }
  #content .search-result-list-wrap .result-criteria-selected > *:nth-child(2),
  #content .search-result-list-wrap .result-criteria-selected > *:nth-child(3){
	width:calc((100% - 250px - 180px) / 2);
  } */
}

@media screen and (min-width: 1200px) {
  #insideVisualWrap .sectionImg{
    /* background-position:100% 60%; */
	background-position:100% 70%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1399.98px) {
  /* #content .search-result-list-wrap .result-criteria-selected > *:nth-child(1){
	width:150px;
  }
  #content .search-result-list-wrap .result-criteria-selected > *:nth-child(2),
  #content .search-result-list-wrap .result-criteria-selected > *:nth-child(3){
	width:calc((100% - 250px - 150px) / 2);
  } */
}

@media screen and (max-width: 1399.98px) {
  /* .container {
    padding: 0 1.111em;
  } */
  #footerTop>.left {
	  gap:0 25px;
  }
  #pageTitle{
	  font-size:4em;
  }
  #headerZone #logoWrap {
	height:var(--fixed-page-header-height);
	/* padding:15px 0 25px; */
	padding:10px 0;
  }
  #insideVisualWrap .sectionImg{
    background-size: 60% auto;
  }
  #contentWrap.hasLeftNav .container{
    column-gap: 1.66em;
  }
  /* #content .search-result-list-wrap .result-criteria-selected > *{
	padding-right:40px;
  } */
	#content .sdg-icon-wrap{
		grid-template-columns:repeat(7, 1fr);
	}
	/* updated footer */
	#topFooter{
		display: block;
	}
	/* #topFooter #socialLink{
		margin-top: 15px;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	#topFooter #socialLink a{
		margin-left: 0;
		margin-right: 15px;
		margin-bottom: 10px;
	} */
	#topFooter{
		padding-bottom: 15px;
	}
	/* updated footer */
}

@media screen and (max-width: 1299.98px) {
	#content #search-content-wrap{
		padding-top:80px;
	}
	#content .flexbox .area-result{
		justify-content:left;
	}
	#content .flexbox .area-result .left{
		display:none;
	}  
	.footer-gh-v2-left1{
		width:253px;
	}
	.footer-gh-v2-left2{
		width:426px;
	}
	.footer-gh-v2-right1{
		width:348px;
	}
	.footer-gh-v2-right2{
		width:464px;
	}
	.footer-clownfish{
		width:120px;
		left:176px;
		bottom:80px;
	}
	.footer-dolphin{
		width:320px;
		right:240px;
		bottom:56px;
	}
	
	.footer-gh-v3-left{
		width:519px;
	}
	.footer-gh-v3-right1{
		width:480px;
	}
	.footer-gh-v3-right2{
		width:448px;
	}
	.footer-owl{
		width:152px;
		left:120px;
		bottom:98px;
	}
	.footer-muntjac{
		width:152px;
		right:60px;
		bottom:-12px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  #content #search-criteria-wrap .item-wrap{
	grid-template-columns:1fr 1fr;
  }
}

@media screen and (min-width: 1100px) {
	.accordion-wrap.col-2 {
		display:flex;
		flex-wrap:wrap;
		gap:30px 50px;
	}
	.accordion-wrap.col-2 .accordion-item {
		width:calc(50% - 25px);
		margin-top:0 !important;
	}
	.accordion-wrap.col-2 .accordion-item .accordion-title {
		align-items:flex-start;
	}
}

@media screen and (max-width: 1099.98px) {
  .pagination{
    column-gap: 1.666em;
  }
  /* #content .area-wrap{
	gap:25px 20px;
	grid-template-columns:50% 50%;
  } */
  #content .highlight-side-wrap{
	flex-direction:column;
  }
  #content .highlight-side-wrap.no-v-gap{
	gap:0 50px;
  }
  #content .highlight-side-wrap.reverse{
	flex-direction:column-reverse;
  }
  #content .highlight-side-wrap>*{
	width:100% !important;
  }
  /* #content .highlight-side{
	float:none;
	margin:0 0 50px 0;
	width:100%;
  } */
  #content .img-gallery-wrap{
	grid-template-columns:repeat(3, 1fr);
  }
  #content .img-only-gallery-wrap{
	grid-template-columns:repeat(2, 1fr);
  }
  
  /* updated footer */
	#btmFooter{
		display: block;
	}
	#btmFooter>div{
		width: 100%!important;
	}
	#btmFooter #leftFooter{
		justify-content: center;
		margin-bottom: 15px;
	}
	#btmFooter #accessIcon{
		justify-content: center;
	}  
  /* updated footer */
}
/* Large devices (Desktops, 995px and up) */
@media screen and (min-width: 992px) {
  html{ overflow: auto!important; overflow-x: hidden!important;}
  #mobileBgLayer, #mobileNavWrap, .showMMenu #mobileNavWrap{
    display: none;
  }
  /* #footerLeft>*{
  	grid-template-areas: 'afcdIcon footerNav' 'afcdIcon footerCopyright';
  } */
  
  .tab-container .tab-menu .tabCtrls {
	border-bottom:2px solid var(--dark-green2);
	align-items:flex-end;
  }  
  
  .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: 1px solid #ccc; */
    border-radius: 15px 15px 0 0;
    font-size: 1.222em;
	background-color: var(--light-green2);
    color: var(--white);
	height:auto;
  }

  .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(--dark-green2);
    color: var(--yellow);
    /* border-color: var(--dark-green2); */
  }
  
  .tab-container .tab-menu .tabCtrls .tab-item.selected a {
	padding-top: 20px;
	padding-bottom: 20px;
  }

  /* .tab-container .tab-menu .tabCtrls .tab-item.selected a:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid currentColor;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 50;
    margin-left: -4px;
    transition: transform 0.3s ease 0s;
  } */
  
	.accordion-item .accordion-title {
		font-size: 1.222em;
	}
	
	#content #search-criteria-wrap{
		grid-template-columns: 48% 1fr;
		grid-template-areas: 'searchVis .';
		align-items: center;
		gap:20px;
	}
	#content .intro-wrap{
		grid-template-areas:'introTitle introImg' 'introDetail introImg';
		gap:0 40px;
		grid-template-rows:auto 1fr;
		grid-template-columns:calc(43% - 20px) calc(57% - 20px);
	}
	#content .intro-wrap.reverse{
		grid-template-areas:'introImg introTitle' 'introImg introDetail';
		gap:0 40px;
		grid-template-rows:auto 1fr;
		grid-template-columns:calc(57% - 20px) calc(43% - 20px);
	}
	/* #content .search-result-list-wrap .result-criteria-selected > *:nth-child(4){
	width:250px;
	} */
	#content .search-result-list-wrap .result-criteria-selected{
		/* grid-template-areas: 'cellAreaIcon cellTitle cellTitle' 'cellAreaIcon cellDescription cellIcon' 'cellAreaIcon cellLinkButton cellIcon';
		grid-template-columns:90px calc(57% - 90px) calc(43% - 90px); */
		grid-template-areas: 'cellAreaIcon cellTitle cellTitle cellTitle' 'cellAreaIcon cellDescription cellIcon1 cellIcon2' 'cellAreaIcon cellLinkButton cellIcon1 cellIcon2';
		grid-template-columns:90px calc(50% - 90px) calc(25% - 90px) calc(25% - 90px);
		gap:25px 20px;
	}
	#content #result-criteria-wrap .result-criteria-selected{
		/* grid-template-areas: 'cellTitle cellTitle' 'cellDescription cellIcon';
		grid-template-columns:57% 43%;
		gap:25px 20px; */
		gap:20px 0;
	}
	#content .search-result-list-wrap .result-title,
	#content #result-criteria-wrap .result-title{
		margin-bottom:0;
	}
	/* #content .search-result-list-wrap .result-criteria-selected .result-area-icon-cell{
		margin-right:20px;
	} */
	#content .search-result-list-wrap .result-criteria-selected .result-area-icon-cell span{
		display:none;
	}
	#content .search-result-list-wrap .result-criteria-selected .result-button-cell{
		/* margin-top:25px; */
	}
	#content .result-criteria-selected .result-icon-cell{
		/* margin-left:20px; */
		padding-left:20px;
		border-left:1px solid var(--light-green);
	}
	#content #result-criteria-wrap .result-icon-cell{
		display:flex;
		flex-wrap:wrap;
		margin-top:20px;
		padding-left:0;
		border-left:0;		
	}
	#content #result-criteria-wrap .result-icon-cell>*{
		width:50%;
		margin:0;
	}
	#content #result-criteria-wrap .result-icon-cell>*:nth-child(1),
	#content #result-criteria-wrap .result-icon-cell>*:nth-child(2){
		padding-bottom:20px;
	}
	#content #result-criteria-wrap .result-icon-cell>*:nth-child(odd){
		padding-right:20px;
	}
	#content #result-criteria-wrap .result-icon-cell>*:nth-child(even){
		padding-left:20px;
		border-left:1px solid var(--light-green);
	}
	
	#content .result-criteria-selected .result-icon-cell>*{
		margin-bottom:10px;
	}
	#content .search-result-list-wrap .result-criteria-selected .search-result-slider-wrap{
		
	}
}

/* Medium devices (Tablets, less than 992px) */
@media screen and (max-width: 991.98px) {
  .display-m{ display:block;}
  .container{
	  padding: 0 var(--mobile-container-gap);
  }
  #mmenuCtrl {
    display: flex;
    align-items: center;
    height: var(--mobile-page-header-height);
  }
  #headerTop{
    padding: 0 0 0 var(--mobile-container-gap);
  }
  .blankTPL #headerTop{
    padding: 0 var(--mobile-container-gap);
  }
  .blankTPL #siteTools{
    height: var(--mobile-page-header-height);
  }
  #headerZone #logoWrap {
	height:var(--mobile-page-header-height);
	/* padding:10px 0 15px; */
  }
  #mainNav, #leftNavWrap, #toolShare{
    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;
	padding-bottom: 200px;
  }
  #breadcrumb {
    padding-bottom: 40px;
  }
  #insideVisualWrap .sectionImg{
    background-size: auto 100%;
  }
  #secTitlWrap{
	  margin-left:40px;
	  padding-top:0;
  }
  #pageTitle{
	  font-size:3.444em;
	  padding-top:50px;
  }
  #pageTitle:before{
	  width:120px;
	  height:120px;
	  left:-80px;
  }
  #footerMain {
    display: block;
    padding-top: 25px;
	padding-bottom: 25px;
  }
  #footerTop, #footerBottom {
	flex-direction:column;
	gap:15px 0;
  }
  #footerTop{
	padding-bottom:20px;
  }
  #footerTop>.left,
  #footerTop>.right{
	justify-content:center;
  }
  #footerTop>.left{
	flex-direction: column;
	gap:10px 0;
  }
  #footerTop>.left .icon-wrap{
	gap:0 10px;
  }
  #footerTop>.left .icon-wrap img{
	width:80px;
  }
  #footerTop>.left>*:not(.icon-wrap) img{
	max-height:80px;
  }
  #footerTop>.left .icon-wrap>*:nth-child(1){
	flex:0 0 80px;
  }
  #footerTop>.left .icon-wrap,
  #footerTop>.left>*:not(.icon-wrap){
	justify-content:center;
  }
  #footerTop>.right>*:nth-child(1) img{
	width:90px;
  }
  #footerTop>.right>*:nth-child(2) img{
	width:140px;
  }
  #footerBottom{
	padding-top:20px;
	text-align:center;
  }
  #footerBottom>.left ul>li {
	  margin-right:15px;
  }
  #footerBottom>.right{
	align-self:auto;
  }
  /* #footerLeft>*{
	grid-template-areas: 'footerNav footerNav' 'afcdIcon footerCopyright';
	grid-template-columns: auto 1fr;
	gap:20px 15px;	
  }
  #footerRight {
    text-align: left;
    padding: 20px 0 0;
	justify-content: center;
  } */
  #footerNav {
	  display:block;
  }
  #footerNav a {
	  display:inline-block;
	  margin:0 8px;
  }
  #footerNav a:first-child{
	  margin-left:0;
  }
  #insideVisualWrap{
    background-size: auto 100%;
    background-color: transparent;
  }
  .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: 15px;
    padding-bottom: 15px;
    /* border: 1px solid rgba(0, 0, 0, 0.2); */
    border-top: none;
    background-color: var(--dark-green2);
	background-image:url('../images/home/bg-index-updates.jpg');
	color:#333;
  }
  
  .tab-container .tab-menu .tabCtrls .tab-item.mobileSelected a {
	  padding-left:50px;
	  padding-right:50px;
  }

  .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: 15px;
    border-top-right-radius: 15px;
  }
  .tab-container .tab-menu .tabCtrls .mobileSelected + .tab-item > a {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  
	.tab-container .tab-menu .tabCtrls .tab-item.selected a {
	  background-color: var(--dark-green2);
	  background-image:none;
	  color:var(--yellow);
	}

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

  .photosWrap .photoItem {
    width: calc((99.99% - 60px)/3);
  } 
  #content .flexbox.col-3{
    grid-template-columns: repeat(2, 1fr);
  }

  /*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{
    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;
  }

	.footer-gh1{
		width:120px;
		bottom:-30px;
	}
	.footer-gh2{
		width:100px;
		right:130px;
		bottom:-20px;
	}
	.footer-gh3{
		width:140px;
		right:-30px;
		bottom:-20px;
	}
	.footer-frog{
		width:90px;
		left:80px;
		bottom:-25px;
	}
	.footer-crab{
		width:105px;
		right:70px;
		bottom:-10px;
	}

	.footer-gh-v2-left1{
		width:190px;
	}
	.footer-gh-v2-left2{
		width:319px;
	}
	.footer-gh-v2-right1{
		width:261px;
	}
	.footer-gh-v2-right2{
		width:348px;
	}
	.footer-clownfish{
		width:90px;
		left:132px;
		bottom:60px;
	}
	.footer-dolphin{
		width:240px;
		right:180px;
		bottom:42px;
	}
	
	.footer-gh-v3-left{
		width:389px;
	}
	.footer-gh-v3-right1{
		width:360px;
	}
	.footer-gh-v3-right2{
		width:336px;
	}
	.footer-owl{
		width:114px;
		left:86px;
		bottom:73px;
	}
	.footer-muntjac{
		width:114px;
		right:40px;
		bottom:-8px;
	}
  
  .btn-link{
	  font-size:1em;
	  padding:12px 60px 12px 25px
  }
  .btn-link:before{
	  right:30px;
	  width:16px;
	  height:16px;
  }
	.btn-link:is(:hover, .focus):before{
		right:20px;
	}
	#content .full-width-inner{
		padding-left:var(--mobile-container-gap);
		padding-right:var(--mobile-container-gap);
	}
	#content #search-criteria-wrap{
		grid-template-areas:  '.' 'searchVis';
	}
	#content #search-criteria-selected-wrap{
		grid-template-columns:none;
		grid-template-rows:auto auto;
	}
	#content #search-criteria-selected-wrap .left{
		padding:0 0 20px 0;
	}
	#content #search-criteria-selected-wrap .left:before{
		display:none;
	}
	#content .search-result-list-wrap .result-criteria-selected{
		/* grid-template-areas: 'cellTitle' 'cellDescription' 'cellAreaIcon' 'cellIcon' 'cellLinkButton'; */
		grid-template-areas: 'cellTitle' 'cellDescription' 'cellAreaIcon' 'cellIcon1' 'cellIcon2' 'cellLinkButton';
		grid-template-columns:100%;
		/* gap:20px 0; */
	}
	/* #content #result-criteria-wrap .result-criteria-selected{
		grid-template-areas: 'cellTitle' 'cellDescription' 'cellIcon';
		grid-template-columns:100%;
	} */
	#content .result-criteria-selected .result-icon-cell>*{
		margin:20px 0;
	}
	#content .result-criteria-selected>*:nth-child(5){
		padding-bottom:0 !important;
	}
	#content .result-criteria-selected>*:nth-child(6){
		padding-top:0 !important;
		margin-top:-20px;
	}
	#content .result-criteria-selected>*:nth-child(5)>*{
		padding-bottom:0 !important;
	}
	#content .result-criteria-selected>*:nth-child(6)>*{
		padding-top:0 !important;
	}
	#content .search-result-list-wrap .result-title,
	#content #result-criteria-wrap .result-title{
		margin-bottom:0;
	}
	#content .search-result-list-wrap .result-title .title1,
	#content .search-result-list-wrap .result-title .title2,
	#content #result-criteria-wrap .result-title .title1,
	#content #result-criteria-wrap .result-title .title2{
		display:block;
	}
	#content .search-result-list-wrap .result-criteria-selected,
	#content #result-criteria-wrap .result-criteria-selected{
		/* flex-direction:column; */
		margin-bottom:20px;
	}
	#content .search-result-list-wrap .result-criteria-selected > *,
	#content #result-criteria-wrap .result-criteria-selected > *{
		padding:10px 0;
		border-left:0;
	}
	#content .search-result-list-wrap .result-criteria-selected,
	#content #result-criteria-wrap .result-criteria-selected{
		font-size:1em;
	}
	#content .search-result-list-wrap .result-criteria-selected span,
	#content #result-criteria-wrap .result-criteria-selected span,
	#content #result-criteria-wrap .result-title-main{
		font-size:0.889em;
	}
	#content #sidenav-wrap{
		padding-bottom:30px;
	}
	#content #sidenav-wrap:not(.active){
		display:flex;
		/* grid-template-columns:none;
		grid-template-rows:auto auto; */
		grid-template-areas:'. sideNavBtn';
		background:none;
		border-radius:0;
		box-shadow:none;
		/* overflow:visible; */
		-webkit-backdrop-filter:none;
		backdrop-filter:none;
	}
	#content #sidenav-wrap:not(.active) .btn{
		background-color:rgba(255,255,255,.7);
		box-shadow:0 10px 40px rgba(0,0,0,.2);
		border-radius:0 100px 100px 0;
		padding-top:18px;
		padding-bottom:18px;
		/*-webkit-backdrop-filter:blur(10px);
		backdrop-filter:blur(10px);*/
		-webkit-backdrop-filter:blur(1px);
		backdrop-filter:blur(1px);
	}
	#content #sidenav-wrap.active{
		grid-template-columns:none;
		grid-template-rows:auto auto;
		grid-template-areas:'sideNavBtn' '.';
		border-radius:0 25px 25px 0;
	}
	#content #sidenav-wrap.active .btn:before{
		left:20px;
		right:auto;
	}
	#content #sidenav-wrap #sidenav,
	#content #sidenav-wrap.active #sidenav{
		flex-direction:column;
	}
	#content #sidenav-wrap:not(.active) #sidenav{
		background-color:rgba(255,255,255,.7);
		border-radius:0 0 25px 0;
		/* box-shadow:0 10px 40px rgba(0,0,0,.2); */
		-webkit-backdrop-filter:blur(10px);
		backdrop-filter:blur(10px);
	}
	#content #sidenav a{
		padding:10px 35px;
	}
	
	#content #result-criteria-wrap #btn-action-progress{
		padding-right:40px;
		padding-left:70px;
		border-bottom-left-radius:25px;
	}
	#content #result-criteria-wrap #btn-action-progress span{
		left:30px;
	}
	#content #action-progress-wrap{
		border-bottom-left-radius:25px;
	}
	#content #action-progress-wrap #btn-action-progress-close{
		padding-left:70px;
	}
	#content #action-progress-wrap #btn-action-progress-close span{
		left:30px;
	}
	#content #action-progress-wrap .scroll-wrap{
		padding-left:30px;
	}
	#content #highlight-wrap .swiper-outer{
		padding:0 50px;
	}
	#content #highlight-wrap .swiper-button-prev-custom,
	#content #highlight-wrap .swiper-button-next-custom{
		width:32px;
		height:26px;
	}
	#content .intro-wrap{
		grid-template-areas:'introTitle' 'introImg' 'introDetail';
		gap:40px 0;
		grid-template-columns:100%;
	}
	#content .intro-wrap .date{
		margin-bottom:0;
	}
	.photoslider-wrap{
		padding-left:60px;
		padding-right:60px;
		margin:40px -20px;
		/* margin-left:-20px;
		margin-right:-20px; */
		border-radius:0;
	}
	.photoslider-wrap .swiper-prev{
		left:10px;
	}
	.photoslider-wrap .swiper-next{
		right:10px;
	}
	.photoslider-wrap .swiper-prev:not(.swiper-button-disabled):hover,
	.photoslider-wrap .swiper-prev:not(.swiper-button-disabled).focus{
		left:5px;
	}
	.photoslider-wrap .swiper-next:not(.swiper-button-disabled):hover,
	.photoslider-wrap .swiper-next:not(.swiper-button-disabled).focus{
		right:5px;
	}
	#content .sdg-icon-wrap{
		grid-template-columns:repeat(5, 1fr);
	}
	#content .downloadItem-wrap .downloadItem.type1{
		flex-direction:column;
		padding:40px 35px;
		gap:40px;
	}
	#content .downloadItem-wrap .downloadItem.type1 :is(.img, .txt){
		width:100%;
	}
	#content .downloadItem-wrap .downloadItem.type1 .txt .title{
		font-size:2.111em;
	}
	#content .downloadItem-wrap .downloadItem:is(.type2, .type3){
		padding:25px 80px 25px 35px;
	}
	#content .downloadItem-wrap .downloadItem:is(.type2, .type3) .date{
		margin-right:25px;
	}
	#content .downloadItem-wrap .downloadItem:is(.type2, .type3) :is(.date, .title){
		font-size:1.111em;
	}
	#content .downloadItem-wrap .downloadItem:is(.type2, .type3) :is(.btn-download, .btn-arrow){
		right:20px;
		width:50px;
		height:50px;
	}
	#content .area-logo-wrap{
		grid-template-columns:repeat(2, 1fr);
	}
	#content .spacebetween{
		flex-direction:column;
	}
}

@media screen and (min-width: 850px) {
	#btmFooter #leftFooter{
		align-items:center;
	}
}

@media screen and (max-width: 849.98px) {
	/* updated footer */
	/* #topFooter #socialLink span{
		display: none;
	} */
	#topFooter .link a{
		margin-right: 20px;
	}
	#leftFooter .footerLogo {
	    margin-bottom: 20px;
	    width: 70px;
	}
	#leftFooter {
	    flex-direction: column;
	    width: 100%;
	    align-items: center;
	}
	#btmFooter #copyright{
		padding-left: 0;
		text-align: center;
	}
	#btmFooter #copyright>div:first-child span:not(#yearCopyright){
		display: block;
		margin-bottom: 10px;
	}
	#btmFooter #accessIcon a{
		margin-left: 15px;
	}
	/* updated footer */
}

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

@media screen and (min-width: 768px) {
	#content #sidenav-wrap:not(.active){
		transform:translateX(calc(-100% + 140px));
	}
	#insideVisualContainer{
		/* height:460px; */
		/* height:400px; */
		height:380px;
	}
	#content .flexbox.reverse{
		direction: rtl;
	}
	#content .flexbox.reverse>*{
		direction: ltr;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
	/****** common starts******/
	body {
		font-size: 16px;
	}
	#insideVisualContainer{
		height:550px;
	}
	#secTitlWrap{
		max-width:none;
	}
	#pageTitle{
		font-size:3em;
		padding-top:50px;
	}
	#pageTitle:before{
		width:120px;
		height:120px;
		left:-80px;
	}
	#mainContent {
		padding-bottom: 150px;
	}
	#content h1 {
		font-size: 1.625em;
	}

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

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

	#content h4 {
		font-size: 1.250em;
	}
	#footerTop>.left>*:not(.icon-wrap) img{
		max-height:60px;
	}
	#footerTop>.left .icon-wrap img{
		width:60px;
	}
	#footerTop>.left .icon-wrap>*:nth-child(1){
		flex:0 0 60px;
	}
	/****** common ends******/
	/****** home starts******/
	#footerLink > * {
		grid-template-columns:none !important;
		gap: 15px 20px;
	}
	#footerLink a {
		font-size:1.250em;
	}
	/****** home ends******/
	/****** content starts******/
	.f-left-img,
	.f-right-img {
		float: none;
		margin: 0 auto 15px;
		max-width: 360px;
	}
	.swiper-wrap .swiper-arrow span {
		width: 14px;
		height: 14px;
	}
	#content .flexbox{
		grid-template-columns: 1fr !important;
	}
	#content .flexbox.col-2.map>div:last-child{
		padding-left: 0;
	}
	/* .accordion-item .accordion-title span.num{
		margin-top: 2px;
	} */
	#content>.btn-wrap{
		gap: 10px;
	}
	#content .common-btn{
		line-height: 1.5em;
	}
	#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 #search-criteria-wrap .item-wrap{
		grid-template-columns:none;
	}
	#content #sidenav-wrap:not(.active){
		transform:translateX(calc(-100% + 40px));
	}
	#content #sidenav-wrap .btn{
		width:55px;
		/* height:120px;
		padding-right:40px; */
		height:60px;
		padding:15px 40px 15px 15px;
	}
	#content #sidenav-wrap.active .btn{
		width:auto;
		height:auto;
	}
	#content #sidenav-wrap .btn img{
		display:none;
	}
	#content #sidenav-wrap .btn:before{
		right:20px;
	}
	#content #sidenav-wrap.active .btn:before{
		top:20px;
	}
	#content .area-result .left{
		display:none;
	}
	#content #action-progress-wrap{
		width:80%;
	}
	#content #highlight-wrap .swiper-container{
		padding-bottom:70px;
	}
	#content #highlight-wrap .swiper-button-prev-custom,
	#content #highlight-wrap .swiper-button-next-custom{
		margin-top:-35px;
	}
	#content #highlight-wrap {
		padding: 60px 0 100px;
	}
	#content #highlight-wrap .title{
		margin-bottom:40px;
	}
	#content .highlight,
	#content .highlight-side{
		padding-left:30px;
		padding-right:30px;
	}
	#content #result-criteria-wrap{
		padding-top:70px;
	}
	/* .accordion-item .accordion-content .accordion-main,
	.accordionWrap.faq .accordion-content .accordion-main{
	  padding: 20px 30px;
	} */
  #content .img-gallery-wrap{
	grid-template-columns:repeat(2, 1fr);
  }
  /* #content .img-only-gallery-wrap{
	grid-template-columns:repeat(2, 1fr);
  } */
  
	/* updated footer */
	#btmFooter #accessIcon{
		margin-top: 15px;
	}
	#btmFooter #accessIcon a{
		margin-left: 20px;
	}
	#topFooter .link a{
		margin-bottom: 5px;
	}
	/* updated footer */
  /****** content ends******/
}

@media screen and (max-width: 575.98px) {
	#toolSearch .searchForm{
        position:fixed;
        top:80px;
        width:100%;
	}
	#toolSearch .subnav:before{
		right:64px;
	}
	#insideVisualContainer{
		height:400px;
	}
	#insideVisualWrap .sectionImg{
		background-size:contain;
	}
	#secTitlWrap{
		margin-left:25px;
	}
	#pageTitle{
		font-size:2.625em;
		padding-top:40px;
	}
	#pageTitle:before{
		width:90px;
		height:90px;
		left:-60px;
	}
	#content .f-left-img, #content .f-right-img{
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: none !important;
	}
	#content #highlight-wrap .swiper-outer{
		padding:0 35px;
	}
	#content #highlight-wrap .swiper-slide{
		padding:35px 20px;
	}
	#content #highlight-wrap .swiper-container{
		padding-bottom:50px;
	}
	#content #highlight-wrap .swiper-button-prev-custom,
	#content #highlight-wrap .swiper-button-next-custom{
		width:26px;
		height:21px;
		margin-top:-25px;
	}
	/* #content .area-wrap{
		grid-template-columns:none;
	} */
	.footer-gh1 {
		width: 100px;
		bottom: -20px;
	}
	.footer-gh2 {
		right: 105px;
	}
	.footer-gh3 {
		width: 130px;
		right: -40px;
		bottom: -20px;
	}
	.footer-frog {
		width: 75px;
		left: 50px;
	}
	.footer-crab {
		width: 76px;
		right: 45px;
	}
	
	.footer-gh-v2-left1{
		width:126px;
	}
	.footer-gh-v2-left2{
		width:213px;
	}
	.footer-gh-v2-right1{
		width:174px;
	}
	.footer-gh-v2-right2{
		width:232px;
	}
	.footer-clownfish{
		width:60px;
		left:88px;
		bottom:40px;
	}
	.footer-dolphin{
		width:160px;
		right:120px;
		bottom:28px;
	}

	.footer-gh-v3-left{
		width:259px;
	}
	.footer-gh-v3-right1{
		width:240px;
	}
	.footer-gh-v3-right2{
		width:224px;
	}
	.footer-owl{
		width:76px;
		left:57px;
		bottom:50px;
	}
	.footer-muntjac{
		width:76px;
		right:25px;
		bottom:-6px;
	}
	
	/* #content .highlight,
	#content .highlight-side{
		padding-left:30px;
		padding-right:30px;
	} */
	#content .highlight-side{
		background-size:contain,auto;
	}
	
	.accordion-item .accordion-title{
		padding-right:50px;
	}
	.tab-container .tab-menu .tabCtrls .tab-item.mobileSelected a:after,
	.accordion-item .accordion-title:not(.btnOnly):before{
		right:20px;
	}
	#content .sdg-icon-wrap{
		grid-template-columns:repeat(3, 1fr);
	}
	#content .downloadItem-wrap .downloadItem.type1{
		padding:30px 20px;
		gap:30px;
	}
	#content .downloadItem-wrap .downloadItem.type1 .txt .title{
		font-size:1.889em;
	}
	#content .downloadItem-wrap .downloadItem:is(.type2, .type3){
		flex-direction:column;
		padding:15px 65px 15px 20px;
	}
	#content .downloadItem-wrap .downloadItem:is(.type2, .type3) .date{
		margin-right:0;
		margin-bottom:5px;
	}
	#content .downloadItem-wrap .downloadItem:is(.type2, .type3) :is(.btn-download, .btn-arrow){
		right:12px;
	}
	
	.lg-sub-html{
		padding:10px 20px !important;
	}
	#content .area-logo-wrap{
		grid-template-columns:1fr;
	}
	#content .img-gallery-wrap,
	#content .img-only-gallery-wrap{
		grid-template: none;
	}
	#content .img-gallery-wrap .item .text{
		font-size:1em;
	}
}

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

}

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