@media only screen and (min-width: 1800px) {
body {font-size: 18px;}
.navigation .leftMenu > ul > li > a,.navigation .leftMenu > ul > li > .nav-header{ font-size: 60px; line-height: 62px;}
.bannerInfo h2{font-size: 60px; line-height: 66px;}
.bannerInfo.homebannerInfo h2{font-size: 70px; line-height: 78px;}
.bannerArticle .barticleBox h3{font-size: 24px;line-height: 30px;}
.bannerArticle { width: 370px;}
.ourcentresWrap .ourcentresBox .ourcentresInfo h3{ font-size: 32px; line-height: 35px;}
.publicationsWrap .publicationsList .publicationsBox{font-size: 20px;} 
.ciagaboutWrap .ciagaboutInner .highlight{ font-size: 22px;}
.policytrackersWrap .policytrackersGroup .policytrackersBox .highlight{font-size: 22px;}
.trackersWrap .trackersGroup .trackersBox .highlight{font-size: 22px; line-height: 25px;}
h1 { font-size: 45px; line-height: 48px; }
h2 { font-size: 45px; line-height: 48px;}
h3 { font-size: 26px; line-height: 31px;}
h4 { font-size: 21px; line-height: 24px; }
h5 { font-size: 20px; line-height: 23px; }
h6 { font-size: 18px; line-height: 22px; }  
}
 @media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1536px) {
}
 @media only screen and (min-width: 1400px) {
}

 @media only screen and (max-width: 1280px) {
.container_16 { width: 94%;}     
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox { flex-direction: column;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox .aboutnfprcBtn { margin-right: 0; margin-bottom: 20px;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox .aboutnfprcBtn a { display: inline-block;}  
.bannerArticle { transform: translateY(-40%);}
.bannerInfo h2 { font-size: 42px; line-height: 46px;}
.bannerInfo p br{ display:none;}
.ourcentresWrap .ourcentresSlider { margin-top: 100px;}
.ourcentresWrap .ourcentresBox .ourcentresInfo { width: 55%; padding: 30px 20px;}
.ourcentresWrap .ourcentresBox .ourcentresInfo h3 { font-size: 22px; line-height: 24px;}
.publicationsWrap .publicationsList .publicationsBox { font-size: 14px;}
.publicationsWrap .publicationsList .publicationsBox .background { width: auto; min-width:100%;	height: 100%;}
.publicationsWrap .publicationsList .publicationsBox a { padding: 20px;}
h2 { font-size: 34px; line-height: 38px;}
.policyinsightsWrap .policyinsightsBox a { min-height: 390px;}
.policyinsightsWrap .policyinsightsBox { padding: 30px 20px;}
.footerWrap .footerBox.addressBox { width: 34%;}
.footerWrap .footerBox.articlelinksWrap { width: 37%;}
.bannerInfo { bottom: 40px;}
h3 { font-size: 19px; line-height: 21px;}
.footerWrap .footerBox.quicklinkBox { width: 10%; min-width: 200px;}
.bannerInfo { width: 62%;}
.submenu ul { padding: 26px 0;}
.ciagaboutWrap .ciagaboutInner .ciagaboutLeft { width: 55%; margin-right: 5%;}
.caigobjectivesWrap .caigobjectivesHero { width: auto;}
.ciag-publicationsWrap .ciag-publicationsHero { width: auto;}
.caig-portfolioWrap .caig-portfolioHero { width: auto;}
.caig-portfolioWrap .caig-portfolioList { margin-top: 70px;} 
.publicationslistWrap .publicationsfilter1 ul { flex-wrap: wrap;}
.publicationslistWrap .publicationsfilter1 ul li { margin: 8px 10px;}
.publicationslistWrap .publicationlistGroup .publicationBox { width: 48%;}
.publicationslistWrap .publicationfilterWrap .publicationfilterBox { padding: 30px 20px;}
.trackersWrap .trackersGroup .trackersBox { margin: 10px 1%; width: 48%;}
.whyworkWrap .whyworkBox { width: 49%; margin: 10px 0;}
.ourcentresWrap .ourcentresBox .ourcentresInfo h4 { margin-top: 20px;}
.ourcentresWrap .ourcentresBox .ourcentresInfo ul { margin-bottom: 15px;}
.ourcentresWrap .ourcentresBox .ourcentresInfo .exploreBtn { margin-top: 30px;} 
.policydomainsWrap .policydomainsGroup .policydomainsBox .policyInfo { padding: 10px 30px 80px 30px;} 
.publicationsWrap .publicationsBox:hover .publicationsleft .readmore { left: 20px;}
.boardirectorsWrap.managmentteamWrap .boardirectorsGroup .boardirectorsBox { width: 23%;}
}
 @media only screen and (max-width: 1200px) {
}
 @media only screen and (max-width: 1024px) {
.navigation .leftMenu {	padding: 20px 20px;}
.navigation .leftMenu > ul > li > a, .navigation .leftMenu > ul > li > .nav-header { font-size: 40px; line-height: 42px;} 
.navigation .leftMenu > ul > li > ul > li > a { font-size: 19px; line-height: 21px;}
}
 @media only screen and (max-width: 959px) {
header { background: #ffffff; padding: 8px 3%;box-shadow: rgba(0, 0, 0, 0.03) 1.95px 1.95px 2.6px;}
.navigation .rightMenu { display: none;}
.navigation .leftMenu { width: 100%; margin-right: 0;}
.navigation .navigationInner { padding: 60px 0 0 0;}
.navigation .leftMenu ul { justify-content: space-around;}
.navigation .leftMenu ul li a,.navigation .leftMenu ul li .nav-header { font-size: 40px; line-height: 44px;}
.logo a{ padding:0;}     
.bannerWrap { margin: 100px auto 0 auto;}
.banner { border-radius: 20px; overflow: hidden;}
.bannerWrap { border-radius: 0;}
.bannerArticle { position: relative; right: unset; top: unset; transform: unset; width: 100%; display: flex; flex-wrap: wrap;justify-content: space-between; margin-top: 40px; }
.bannerArticle > div{ width: 32%;}
.bannerArticle .barticleBox {background: #111111;}
.bannerArticle .barticleBox h3 { min-height: 70px;}
.bannerInfo { width: 92%;}
.bannerInfo h2 { font-size: 32px; line-height: 36px; margin-bottom: 15px;}
h2 { font-family: 'Sora-SemiBold'; font-size: 30px; line-height: 34px;}
.ourcentresWrap { padding: 40px 0 40px 30px;}
.ourcentresWrap .ourcentresBox { flex-direction: column;}
.ourcentresWrap .ourcentresBox .ourcentresLogo { width: 100%;padding: 50px 0;}
.ourcentresWrap .ourcentresBox .ourcentresLogo img { width: 300px;max-width: 80%;}
.ourcentresWrap .ourcentresBox .ourcentresInfo { width: 100%;}
.policydomainsWrap { padding-top: 60px;}
.homepolicydomainWrap.policydomainsWrap { padding-top: 20px;}
.policyinsightsWrap .policyinsightsInner { flex-direction: column;}
.policyinsightsWrap .policyinsightsBox { width: 100%;margin-bottom: 20px;}
.policyinsightsWrap .policyinsightsBox h2 br{ display:none;}
.policyinsightsWrap .policyinsightsBox a { min-height: 10px;}
.policyinsightsWrap { padding:30px 30px 10px 30px;} 
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcRight.mobileNone{ display: none;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcLeft { width: 100%; margin-right: 0;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcLeft .aboutlogo { width: 200px; display: block;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox { flex-direction: row;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox .aboutnfprcBtn { margin-right: 20px; margin-bottom: 0;}
.footerWrap { flex-direction: column;}
.footerWrap .footerBox.addressBox { width: 100%;}
.footerWrap .footerBox.articlelinksWrap { width: 100%;margin-bottom: 30px;}
.footerWrap .footerBox.quicklinkBox { width: 100%; min-width: 100%; margin-top: 30px;}
.footerWrap .footerBox.quicklinkBox ul{ display: flex; flex-wrap: wrap;}
.footerWrap .footerBox.quicklinkBox ul li{ width: 50%;}
.copyRightWrap .copyRightInner { flex-direction: column;}
.copyRightWrap .socialLinks ul { justify-content: center;}
.copyRightWrap .copyRightInner .copyRight { text-align: center;}
.footerWrap .quicklinkBox h3 { margin-bottom: 15px;}
.ourcentresWrap .ourcentresSlider { margin-top: 80px;}
.publicationsWrap .publicationsList .publicationsBox a { flex-direction: column;}
.publicationsWrap .publicationsBox .publicationsleft { width: 100%; margin-bottom: 10px;}
.publicationsWrap .publicationsBox .publicationsright { width: 100%;}
.publicationsWrap .heroSection{ margin-bottom: 10px;}
.publicationsWrap .publicationsList .publicationsBox { margin-top: 20px;}
.publicationsWrap .publicationsBox .publicationsright .knowmore{ display:block; margin-top:30px;}
.publicationsWrap .publicationsBox .publicationsright .knowmore span{ background: #3f70b2; color: #ffffff; border-radius: 40px; padding: 10px 20px; transition: 0.5s;}
.visionmissionWrap { flex-direction: column; margin-top: 10px;}
.visionmissionWrap .visionmissionBox {margin-top: 30px;	width: 100%;}
.aboutWrap { padding: 60px 0;}
.aboutdirectionWrap { padding: 40px 40px;}
.boardirectorsWrap { padding: 40px 40px;}
.ciagaboutWrap .ciagaboutInner { flex-direction: column-reverse; display: flex;}
.ciagaboutWrap .ciagaboutInner .ciagaboutLeft { width: 100%; margin-right: 0;}
.ciagaboutWrap .ciagaboutInner .ciagaboutRight { margin-bottom: 30px; width: 100%;}
.ciagaboutWrap .ciagaboutInner .ciagaboutRight .ciagaboutImg { padding: 50px 50px;}
.ciagaboutWrap .ciagaboutInner .ciagaboutRight img { width: 80%;}
.submenu {display:none;}
.submenu ul li { flex: 1;}
.caigobjectivesWrap .objectivesBox { width: 48%;}
.ciag-publicationsWrap .ciag-publicationsList .ciag-publicationsLeft { margin-bottom: 30px; width: 100%;}
.ciag-publicationsWrap .ciag-publicationsList .ciag-publicationsRight { width: 100%;}
.caigobjectivesWrap { margin-bottom: 60px;}
.caig-portfolioWrap { margin: 50px 0 60px 0;}
.policytrackersWrap { padding-bottom: 40px;}
.policytrackersWrap .policytrackersGroup { flex-direction: column;}
.policytrackersGroup.twoCol .policytrackersBox, .policytrackersGroup.threeCol .policytrackersBox { width: 100%;}
.policytrackersWrap .policytrackersGroup .policytrackersBox { margin: 0 0 30px 0;}
.bannerWrap.ciagBanner, .bannerWrap.clpgBanner, .bannerWrap.csissBanner{ border-radius:20px;}
.publicationsfilter1, .publicationfilterWrap{ display:none;}
.mobileFilterSelect { display: flex; gap: 20px; margin-bottom:20px;}
.mobileFilterSelect select{ width:100%; height:50px; padding:0 15px; margin-bottom:12px; border:1px solid #ddd; border-radius:8px; font-size:15px; background:#fff; }
.publicationslistWrap .publicationlistGroup { width: 100%;}
.publicationsboutWrap { padding: 60px 0;}
.publicationslistWrap { padding-bottom: 50px;}
.trackersWrap .trackersGroup .trackersBox { margin: 10px 0; width: 100%;}
.trackersWrap.marginbottom { margin-bottom: 60px;}
.trackersWrap { margin: 60px 0 0 0;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcLeft h2 br{ display:none;}
.opportunitiesWrap .opportunitiesGroup { flex-wrap: wrap;margin-top: 10px;}
.opportunitiesWrap .opportunitiesBox { width: 100%; margin-top: 30px;}
.opportunitiesWrap { padding: 40px;}
.whyworkWrap { padding: 40px;}
.whyworkWrap .whyworkBox { width: 48%; margin: 15px 0;}
.institutionalWrap .institutionalInner { width: 90%;}
.institutionalWrap { padding: 70px 0; margin-bottom: 60px;}
.boardirectorsWrap { margin-bottom: 60px;}
.domainsWrap { padding: 60px 0;}
.ourcentrespageWrap { margin: 60px 0;}
.contactWrap { padding: 60px 0;}
.contactformWrap {padding-bottom: 60px;}
.mobileMenu{ display:block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; background: #ffffff;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.mobileMenu ul{ display: flex;}
.mobileMenu ul li{ flex: 1; text-align: center; position:relative; border-right:1px solid #c1c1c1;}
.mobileMenu ul li:last-child{border-right:none;}
.mobileMenu ul li a{ display: block; padding: 8px 5px; color:#000000;font-family: 'SanFranciscoDisplay-Regular';}
.mobileMenu ul li a img{ height:13px; display:none;}
.mobileMenu ul li a span{  }
.copyRightWrap { padding: 20px 0 70px 0;}
.pubdetailsWrap { flex-direction: column;}
.pubdetailsWrap .pubdetailsImg { width: 100%;}
.pubdetailsWrap .pubdetailsContent { width: 100%; margin-left: 0; margin-top: 40px;}
.executiveWrap .executiveInner { flex-direction: column;}
.executiveWrap .executiveLeft { width: 100%; margin-right: 0;}
.executiveWrap .executiveRight { width: 100%;}
.navigation { padding: 40px 20px;}
.navigation .leftMenu { padding: 20px 10px;}
.navigation .leftMenu ul li a, .navigation .leftMenu ul li .nav-header { font-size: 35px;line-height: 38px;}
}

 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
.boardirectorsWrap.managmentteamWrap .boardirectorsGroup .boardirectorsBox { width: 31%;}    
.boardirectorsWrap .boardirectorsBox .boardirectorsInfo h3 { font-size: 16px;}
}
 @media only screen and (max-width: 753px) {
}
 @media only screen and (max-width: 736px) {
.navigation { padding: 30px 20px;}
.navigation .leftMenu {	padding: 30px 20px;}     
.bannerArticle .slick-slide { }
.bannerArticle > div{ width: 100%;}
.bannerArticle .barticleBox { width: 95%; margin:0 auto;}
.homepolicydomainWrap.policydomainsWrap { padding-top: 30px;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox {flex-direction: column;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox .aboutnfprcBtn {margin-right: 0;margin-bottom: 20px;}      
.aboutdirectionWrap { padding: 20px;}
.visionmissionWrap .visionmissionBox { margin-top: 20px; padding: 20px;}
.researchWrap .researchBox .researchInfo { padding: 20px;}
.policydomainsWrap .policydomainsGroup.aboutFootprints  .policydomainsBox .policyInfo { padding: 10px 20px 20px 20px;}
.boardirectorsWrap { padding: 20px;}
.domainsWrap .domainsBox .domainsInfo { padding: 0 20px 20px 20px;}
.ourcentresWrap { padding: 20px;}
.ourcentresWrap .ourcentresBox { width: 100%;}
.caigobjectivesWrap {padding: 20px;}
.caigobjectivesWrap .objectivesBox { padding: 20px;}
.ciag-publicationsWrap { padding: 0 1%;}
.caig-portfolioWrap { padding: 20px;}
.caig-portfolioWrap .caig-portfolioBox { padding: 20px;}
.caig-portfolioWrap .caig-portfolioBox .viewmore { bottom: 20px; left: 20px;}
.policytrackersWrap .policytrackersGroup .policytrackersBox { padding: 20px 20px 70px 20px;}
.policytrackersWrap .policytrackersGroup .policytrackersBox .viewmore { bottom: 20px; left: 20px;}
.trackersWrap {	padding: 20px;}
.trackersWrap .trackersGroup .trackersBox {	padding: 20px 20px 70px 20px;}
.trackersWrap .trackersGroup .trackersBox .viewmore { bottom: 20px; left: 20px;}
.opportunitiesWrap { padding: 20px;}
.opportunitiesWrap .opportunitiesBox{ padding: 20px;}
.whyworkWrap { padding: 20px;}
.whyworkWrap .whyworkBox { padding: 20px; width: 48.5%; margin: 10px 0;}
.institutionalWrap { padding: 50px 0;}
.contactWrap .contactLeft { width: 100%; margin-right: 0; padding: 20px;}
.contactWrap .contactBox { padding-top: 15px; margin-top: 15px;}
.contactWrap .contactRight { width: 100%; padding: 20px; margin-top: 20px;}
.contactWrap .wehelpBox { padding-top: 15px; margin-top: 15px;}
.contactformWrap .contactformInner { width: 100%;}
footer { padding: 50px 0 0 0;}
.copyRightWrap { margin-top: 40px;}
.copyRightWrap .copyRightInner .copyRight span{ display: none;}
.copyRightWrap .copyRightInner .copyRight a{ display: block;}
.pubdetailsContent .pubdetailstimeList ul { flex-direction: column;}
.pubdetailsContent .pubdetailstimeList ul li { margin-bottom: 15px;}
.pubdetailsContent .pubdetailstimeList ul li:last-child { margin-bottom: 0;}
.homepolicydomainWrap.policydomainsWrap { padding-top: 60px;} 
.bannerArticle .heading{ color:#3f70b2; font-family: 'Sora-SemiBold'; font-size: 30px; line-height: 34px;} 
.bannerArticle .articlesHead{ color:#111111;  }
}
 @media only screen and (max-width: 711px) {
    
}
 @media only screen and (max-width: 640px) {
}
 @media only screen and (max-width: 600px) {
.banner img.desktopBanner{ display: none;}
.banner img.mobileBanner{ display: block;}     
/*.bannerInfo { bottom: auto; top: 20px;}*/
.bannerInfo h2 { font-size: 26px; line-height: 30px; margin-bottom: 10px;}
.footerWrap .footerBox.quicklinkBox.centreslinks ul li{ width: 100%;}
.boardirectorsWrap.sectionWrap.homeboardirectorsWrap{ margin-top: 60px;}
}
 @media only screen and (max-width: 569px) {
.navigation .leftMenu ul { justify-content: normal;}     
.navigation .leftMenu ul li a,.navigation .leftMenu ul li .nav-header { font-size: 30px; line-height: 34px;}     
.bannerInfo .bannerBtn { margin-top: 20px;}
.bannerArticle .barticleBox h3 { min-height: 50px;} 
.bannerInfo .bannerBtn a { padding: 8px 15px; font-size: 13px;}
h2 { margin-bottom: 16px;}
.policydomainsWrap .policydomainsGroup .policydomainsBox .policyInfo { padding: 10px 20px 70px 20px;}
.policydomainsWrap .policydomainsGroup .policydomainsBox .policyInfo .knowMore { bottom: 20px;}
.policydomainsWrap .policydomainsGroup .policydomainsBox { width: 100%;}
.ourcentresWrap .slick-arrow { width: 35px;	height: 35px;}
.ourcentresWrap .slick-prev.slick-arrow { right: 70px;} 
.ourcentresWrap .ourcentresSlider { margin-top: 60px;}
.ourcentresWrap .ourcentresBox { width: 96%;}
.ourcentresWrap.ourcentrespageWrap  .ourcentresBox {width: 100%;}
.policyinsightsWrap { padding: 20px 20px 5px 20px;}
.heroSection { margin-bottom: 20px;}
.boardirectorsWrap .boardirectorsSlider { margin-top: 20px;}
.researchWrap .researchGroup { margin-top: 20px;}
.caigobjectivesWrap .objectivesBox { width: 100%; margin-bottom: 20px;}
.ciag-publicationsWrap .ciag-publicationsList { margin-top: 20px;}
.ciag-publicationsWrap .ciag-publicationsList .ciag-publicationsRight .ciag-publicationsBox { width: 100%; margin-bottom: 30px;}
.caig-portfolioWrap { margin: 30px 0 60px 0;}
.caig-portfolioWrap .slick-arrow { width: 35px;	height: 35px; top: -55px;}
.caig-portfolioWrap .slick-prev.slick-arrow{ right: 70px;}
.caig-portfolioWrap .caig-portfolioBox { width: 95%;}
.caigobjectivesWrap.clpgsection .objectivesBox { width: 100%;}
.caigobjectivesWrap { padding: 20px 20px 5px 20px;}
.mobileFilterSelect{ display: block;}
.publicationslistWrap .publicationlistGroup { margin: 0;}
.publicationslistWrap .publicationlistGroup .publicationBox { width: 100%; margin: 0 0 20px 0;}
.publicationslistWrap { margin: 0 auto; width: 97%;}
.whyworkWrap .whyworkBox { width: 100%;}
.contactformWrap .contactformBox .inputBox.width50 { width: 98%; float: none;}
.pubdetailsContent .pubdetailsTag {	flex-direction: column;}
.pubdetailsContent .pubdetailsTag .pubdetailsLeft { width: 100%;}
.pubdetailsContent .pubdetailsTag .pubdetailsRight { width: 100%; text-align: left; margin-top: 20px;}
.pubdetailsContent .pubdetailsTag .pubdetailsRight span{margin-left: 0; margin-right: 10px;}
.pubdetailsWrap { padding: 40px 20px;}
.pubdetailsContent .contributorsList {padding: 25px;}
.pubdetailsContent .contributorsList .contributorsGroup { }
.pubdetailsContent .contributorsList .contributorsBox { width: 48%; margin: 0 1% 15px 1%;}
.bannerInfo.publicationsdeatilsInfo { bottom: 30px;}
.pubdetailsContent .contributorsList h3 { font-size: 24px; line-height: 28px;}
.pubdetailsContent .contributorsList .contributorsGroup { margin-top: 0;}
.executiveWrap .executiveLeft .downloadreportBox { padding: 25px;}
.executiveWrap .executiveRight .executiveRightinner { padding: 25px;}
.boardirectorsWrap .boardirectorsBox .boardirectorsInfo h3 { font-size: 15px; line-height: 18px;}
.boardirectorsWrap.managmentteamWrap .boardirectorsGroup .boardirectorsBox { width: 48%;} 

}
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
}
 @media only screen and (max-width: 480px) {
.navigation .leftMenu ul li a,.navigation .leftMenu ul li .nav-header { font-size: 26px; line-height: 30px;padding: 10px 0;}  
.bannerInfo { line-height: 23px; bottom: 25px;}
}
 @media only screen and (max-width: 424px) {
.navigation { padding: 30px 10px;}
.navigation .leftMenu { padding: 20px 15px; }
.navigation .leftMenu ul li a,.navigation .leftMenu ul li .nav-header { font-size: 22px; ine-height: 24px;}   
.menuBtn { padding: 4px 11px;}
.menuBtn span {	font-size: 13px;}
.menuBtn .menuicon em { width: 24px; height: 1px;}
.bannerWrap { margin: 82px auto 0 auto;}
.footerWrap .articlelinksWrap .articleBox .articleImg { width: 32%;	margin-right: 5%;}
.footerWrap .articlelinksWrap .articleBox .articleInfo{ width: 66%;}
.navigation .leftMenu > ul > li > ul > li > a{ font-size: 15px; line-height: 17px;}   
}
 @media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 412px) {
}
 @media only screen and (max-width: 400px) {
}
 @media only screen and (max-width: 384px) {
.bannerInfo { bottom: 20px;}     
.bannerInfo.homebannerInfo{ bottom:30px;}
}
 @media only screen and (max-width: 375px) {
.bannerInfo { bottom: 20px; line-height: 21px;font-size: 13px;}
.bannerInfo.homebannerInfo{ bottom:30px;}
.bannerInfo .bannerBtn a.researchBtn { margin-right: 5px;}
.bannerInfo .bannerBtn a { padding: 8px 8px;}
}
 @media only screen and (max-width: 360px) {
}
 @media only screen and (max-width: 320px) {
}