@media (max-width:1599px) {
.right-menu a{ font-size:13px;}
}
@media (max-width:1399px) {
.bgBackgound{min-height:480px;}	
}
@media (max-width:1299px) {
.whatsNewSection{padding:140px 0 220px;}
.aboutSection{padding:40px 0;}
.faqBlock .faqImg, .faqBox{ position:inherit;}
.faqBlock .faqImg{ max-width:inherit;}
.faqBlock .faqImg img{max-width:inherit; width:100%; height:auto;}
.faqSection{ height:auto;}	
.faqBox{ max-width:inherit;}
footer ul.footer-site-links{ display:block;}
footer ul.footer-site-links li{ display:inline;}
footer ul.footer-site-links li a{ font-size:16px;}
.glanceSection{ padding:0;}
.right-menu a{ font-size:12px;}
.resp-tabs-list li span{ font-size:14px;}
.right-menu a{ padding:10px;}
}
@media(max-width:1199px){
footer ul.footer-site-links li::after{ position: relative; right:-10px;}
.right-menu a{ font-size: 14px;}
.headerCta > ul > li:nth-child(2), .headerCta > ul > li:nth-child(3){ display:none;}
.glanceBox .glanceText{ font-size: 24px;}
.latestEventBox .latestSmlImg p{ font-size: 20px;}
.main-nav>ul{ justify-content:center;}
.menu-row-outer{ flex-direction:column; text-align:center;}
}
@media (max-width:1099px) {
.right-menu a{ font-size:14px;}
.nav-collapse a{ padding:10px;}
.mainHeroBanner{ height:440px;}
.bannerText h2{ font-size:40px;}
.aboutSection h2{ font-size:36px;}
.aboutSection h2 .subText{ font-size:24px;}
.aboutSection h3{ font-size:30px;}
.whatsNewSection{padding:100px 0 150px;}
.sticky-social{ display:none;}
.whatsNewSection:before, .glanceSection:before, .resourceSection:before, .citizenCornerSection:before{ display:none;}
.glanceSection, .resourceSection{ background: transparent linear-gradient(266deg, #0CCE6B 0%, #1D5CAC 100%) 0% 0% no-repeat padding-box;}
.citizenCornerSection{ background:#F8C058; padding:20px 0;}
.faqSection, .resourceSection, .whatsNewSection, .glanceSection, .circularSection{ padding:40px 0;}
.latestLargeImg .lrgImg img{ width:100%; height:auto;}
.latestEventBox .latestLargeImg p, .latestEventBox .latestSmlImg p{ max-width:inherit;}
.nav-collapse a{ color:#fff;}

}

@media (max-width:991px) {
.mainHeroBanner{ height:auto; padding:0;}
.bannerText{ text-align:center;}
.mainHeroBanner img{ margin-top:20px;}
.bannerText h2{ max-width:inherit;}
.aboutSection h2 .subText:after{ left:250px;}
.aboutSection img{width:100%; height:auto;}
.js .nav-collapse.opened{ background:#18799b;}
footer .footer-site-counter{ justify-content:center;}
footer ul.footer-site-links, footer p.footer-text, footer .footer-site-counter{ text-align:center;}
.menu-row-outer{ flex-direction:row; text-align:left;}
.js .nav-collapse-0.opened{ max-height:inherit!important;}
.nav-collapse li a.select{ color:#fff;}
#header.headerFixed{ position:relative;}
.menu-items{background:#18799b;}
.partner.homePartner .swiper-button-prev, .partner.homePartner .swiper-button-next{ bottom:-40px; top:inherit;}
.glanceBox, .resourceSection .resourceBox{ min-height:inherit;}
}
@media (max-width:767px) {
.bannerText h2, .whatsNewSection h2, .latestEventSection h2, .circularSection h3, .resourceSection h3, .citizenCornerBox h3, .faqBox h3{ font-size: 24px; line-height: 32px;}
.aboutSection h2 .subText:after{ left:235px; width: 50px;}
.aboutSection img{ margin-bottom: 20px;}
.faqBox .d-flex, .citizenCornerBox .d-flex, .latestEventBox .latestSmlImg, .whatsNewSection .d-flex, .latestEventBox .d-flex{ flex-direction: column;}
.citizenCornerBox a.primaryLink, .whatsNewSection a.primaryLink, .latestEventBox a.primaryLink{ margin:0;}
.faqBox, .latestEventBox{ padding: 20px;}
.faqBox h3{ font-size: 20px;}
.accordion .accTrigger a{ font-size: 18px; padding-right: 30px;}
.citizenCornerBox .swiper-button-prev, .citizenCornerBox .swiper-button-next{top:50%!important; right:0px!important; left: inherit!important;}
.citizenCornerBox .swiper-button-prev{left:0!important;}
.latestSmlImg .smlImg, .latestSmlImg .smlImg img{ width: 100%;} 
.latestSmlImg .smlImg img{ height: auto;}
.latestEventBox .latestSmlImg .dateList{ padding: 10px 0;}
.latestEventBox .latestLargeImg p, .latestEventBox .latestSmlImg p{ font-size: 14px;}
.faqSection, .resourceSection, .whatsNewSection, .glanceSection, .circularSection{ padding: 20px 0;}
.swiper-pagination-bullets.swiper-pagination-horizontal{ right:20px!important}
.ticker{ padding-top: 10px;}
.ticker .playPause{ position: relative; top: -10px; padding-bottom:8px;}
.activityTicker{ width:100%;}
.latestEventBox .activityTicker li{ margin-bottom: 10px;}
footer ul.footer-site-links li a{ font-size:12px;}
button#toggleAutoplayButton{ right:10px;}
.whatsNewCarouselBlock .swiper-button-next.whatsNewCarouselNext, .whatsNewCarouselBlock .swiper-button-prev.whatsNewCarouselPrev{ top:0!important;}
button#toggleWhatsAutoplayButton{ top:-25px;}
button#toggleCitizenButton{ top:5px; right:5px;}
.partner .swiper-button-prev{left:30%!important;}
.partner .swiper-button-next{right:30%!important;}
.bgBackgound{ min-height:250px;}
}
@media (max-width:576px) {

	
}
@media (max-width:486px) {

}
@media (max-width:476px) {

}