@charset "utf-8";
/*Variables*/
:root {
  /*New site colors start*/
  --primaryCol:#284942;
  --primarySecCol:#1c413a;
  --primarySecBorCol:#4BA390;
  --secondaryCol:#BBED55;
  --secondHeadCol:#1F2937;
  --fontCol:#4E4B66;
  --fontColLgt:#bdc2cf;
  --fontColOth:#a7adbb;
  --SecFontCol:#9FB9B3;
  --white:#fff;
  --deepBorder:#6b687a;
  --orangeCol:#e95a06;
  --grayLine:#E5E5E5;
  --midBorder:#d1cfcf;
  --line:#5F847C;
  --otherGreen:#dde7e4;
  --thrdSecondaryCol:#d6ede8;
  --lightGreen:#d3e5ef;
  /*New site colors end*/
  
  
  
  
    
  /*New site font start*/
  --font-f100B:400 100px/110px "DM Sans", serif;
  
  --font-f60B:500 60px/65px "DM Sans", serif;
  
  --font-f45R:400 45px/50px "DM Sans", serif;
  --font-f45M:500 45px/50px "DM Sans", serif;
  --font-f45B:700 45px/50px "DM Sans", serif;
  
  --font-f40R:400 40px/45px "DM Sans", serif;
  --font-f40M:500 40px/45px "DM Sans", serif;
  --font-f40B:700 40px/45px "DM Sans", serif;
  
  --font-f35R:400 35px/40px "DM Sans", serif;
  --font-f35M:500 35px/40px "DM Sans", serif;
  --font-f35B:700 35px/40px "DM Sans", serif;
  
  --font-f30R:400 30px/35px "DM Sans", serif;
  --font-f30M:500 30px/35px "DM Sans", serif;
  --font-f30B:700 30px/35px "DM Sans", serif;
  
  --font-f25R:400 25px/30px "DM Sans", serif;
  --font-f25M:500 25px/30px "DM Sans", serif;
  --font-f25B:700 25px/30px "DM Sans", serif;
  
  --font-f20R:400 20px/26px "DM Sans", serif;
  --font-f20M:500 20px/26px "DM Sans", serif;
  --font-f20B:700 20px/26px "DM Sans", serif;
  
  
  --font-f18R:400 18px/25px "DM Sans", serif;
  --font-f18M:500 18px/25px "DM Sans", serif;
  --font-f18B:700 18px/25px "DM Sans", serif;
  
  --font-f16R:400 16px/24px "DM Sans", serif;
  --font-f16M:500 16px/24px "DM Sans", serif;
  --font-f16B:700 16px/24px "DM Sans", serif;
  
  --font-f14R:400 14px/22px "DM Sans", serif;
  --font-f14M:500 14px/22px "DM Sans", serif;
  --font-f14B:700 14px/22px "DM Sans", serif;
  
  --font-f12R:400 12px/16px "DM Sans", serif;
  --font-f12M:500 12px/16px "DM Sans", serif;
  --font-f12B:700 12px/16px "DM Sans", serif;
  
  --font-f10R:400 10px/16px "DM Sans", serif;
  --font-f10M:500 10px/16px "DM Sans", serif;
  --font-f10B:700 10px/16px "DM Sans", serif;
  /*New site font end*/
  
 
}


@media screen and (max-width:1200px) {
.banSecFull .banSec, .homeBdy, .hmBank, .hmServFull.hmBuzAddrFul .hmBuzAddrSec, .homeBdy.hmFaq .hmFaqContSec, .hmSuptFull .hmSuptArea, .pkgBdy, .chcsFull .chcsCont, .intBuzFull .intBuzCont, .chPrivecyFull .chPrivecyCont, .rTeams, .pnfMain{ width:980px;}
.pkgBan, .inBanFull .inBanSec, .nonUkPrcFull .nonUkPrcSec, .pageHolder{ width:900px}
.mFooter .fooSec, .mFooter .fooLogoFull .fooLogoSec, .innContSecA, .faqPg, .banSecFull.nonUkBanFull .nonUkBanArea, .chHow, .chCant .chCantCont, .homeBdy.fourSteps, .homeBdy, .resOffBanFull .resOffBan, .aiExp .chPriImpArea, .regPricingSec, .fourSteps, .whyMint{ width:980px}
.aiCtc{ width:900px; padding:40px}
.hmPriceNew, .abtMint, .logoFrmFul .logoFrmCont{ width:980px}
.chmFul .chmSec, .hmMeetFull .hmMeetSec, .hmStepFull .hmStepSec{ width:980px}
}


@media screen and (max-width:980px) {
.banSecFull .banSec, .homeBdy, .hmBank, .hmServFull.hmBuzAddrFul .hmBuzAddrSec, .homeBdy.hmFaq .hmFaqContSec, .hmSuptFull .hmSuptArea, .pkgBdy, .inBanFull .inBanSec, .chcsFull .chcsCont, .intBuzFull .intBuzCont, .nonUkPrcFull .nonUkPrcSec, .chPrivecyFull .chPrivecyCont, .rTeams, .pnfMain, .logoFrmFul .logoFrmCont, .whyMintFull .whyMint{ width:768px;}
.pkgBan, .resOffBanFull .resOffBan, .aiCtc{ width:688px;}
.pageHolder, .gdprHold, .innContSecA, .faqPg, .banSecFull.nonUkBanFull .nonUkBanArea, .mFooter .fooSec, .mFooter .fooLogoFull .fooLogoSec, .chHow, .chCant .chCantCont, .homeBdy.fourSteps, .homeBdy, .resOffBanFull .resOffBan, .aiExp .chPriImpArea, .regPricingSec, .fourSteps, .whyMint{width:768px}
.banSecFull .banSec .banCont{ width:70%}
.banSecFull .banSec .banCont h1, .inBanFull .inBanSec .inBanCont h1, .chPrivecyFull .chPrivecyCont h2{ font:var(--font-f40M)}
.homeBdy .hmBdyHd h2, .homeBdy.hmSteps .stepCont h2, .hmServFull .hmServImgSec .hmServHead h2, .hmBank h2, .chcsFull .chcsCont .chcsLeft h2, .intBuzFull.csWhy .intBuzCont h2, .hmServFull.hmBuzAddrFul .hmBuzAddrSec .hmBuzAddrCont h2, .pkgBdy .extProdHd .extProdHdLeft h2, .weOffFull .weOffCOnt h2, .nonUkPrcFull .nonUkPrcSec .nonUkPrcHd h2, .pageHolder .pageHder h1, .hmServFullLgt .hmServContBase .hmServHead h2{font:var(--font-f35M)}
.banSecFull .banSec .banCont .banReview .avtCont{ margin-left:0px}
.secMargin, .hmServFull.hmBuzAddrFul .hmBuzAddrSec .hmBuzAddrCont{ margin-top:0}
.inBanFull .inBanSec .inBanCont{ margin-top:0}
.gdprHold h1{ font:var(--font-f30M)}
.faqPg .faqPgRight{ width:460px}
.faqPg h1{ font:var(--font-f35M)}
.hmPriceNew, .abtMint{ width:768px}
.chmFul .chmSec, .hmMeetFull .hmMeetSec, .hmStepFull .hmStepSec{ width:768px}
}


@media screen and (max-width:768px) {
.banSecFull .banSec, .homeBdy, .hmBank, .hmServFull.hmBuzAddrFul .hmBuzAddrSec, .homeBdy.hmFaq .hmFaqContSec, .hmSuptFull .hmSuptArea, .pkgBdy, .inBanFull .inBanSec, .chcsFull .chcsCont, .intBuzFull .intBuzCont, .nonUkPrcFull .nonUkPrcSec, .chPrivecyFull .chPrivecyCont, .rTeams, .fourSteps, .whyMint, .pnfMain, .logoFrmFul .logoFrmCont, .whyMintFull .whyMint{ width:600px;}
.pkgBan{ width:520px;}
.banSecFull .banSec .banCont, .pageHolder, .gdprHold, .frmSec{ width:90%}
.btnHolder{ width:100%}
.aiCtc, .hmPriceNew, .abtMint{ width:600px; padding:0}
.aiExp{ padding:50px 0}
.regPricingSec{ margin:100px auto 40px}
.frmSec, .innContSecA, .faqPg, .inBanFull.topBanOth .inBanSec .inBanCont, .banSecFull.nonUkBanFull .nonUkBanArea, .chHow, .chCant .chCantCont, .homeBdy.fourSteps, .homeBdy, .aiExp .chPriImpArea, .regPricingSec{ width:600px}
.congSec input[type=text]{ width:360px}
.homeBdy .hmBdyHd{ width:100%}
.homeBdy .flexArea{ display:inline; position:relative; top:-30px}
.pkgBan .pkgBanSec .pkgCompHs{ position:relative; margin:40px 0}
.homeBdy.hmHapCus .eachCont{ width:100%; margin-top:50px}
.homeBdy.hmHapCus .eachCont .testiSec{ margin-top:15px}
.homeBdy.hmSteps .stepImg{ display:none; width:100%}
.homeBdy.hmSteps .stepCont, .homeBdy.hmSteps.csStep .stepCont{ width:100%}
.homeBdy, .hmServFull.hmBuzAddrFul .hmBuzAddrSec{ padding:50px 0}
.hmServFull.hmBuzAddrFul .hmBuzAddrSec .hmBuzAddrImg{ display:none}
.hmServFull.hmBuzAddrFul .hmBuzAddrSec .hmBuzAddrCont{ width:100%}
.hmBank .hmBankLogo .hmBankLogoHol img{ width:70%}
.homeBdy.hmFaq .hmFaqContSec .hmFaqLeft, .homeBdy.hmFaq .hmFaqContSec .hmFaqRight{ width:100%}
.pkgBan{ display:block}
.pkgBan .pkgBanSec{ width:100%}
.pkgBdy .extProdHd .extProdHdLeft{ width:100%}
.pkgBdy .extProdHd .extProdHdRight{ width:100%; margin-top:40px}
.pkgBdy .extProdHd .extProdHdRight a{ position:relative}
.pkgBdy .extProdContArea .extProdContLeft, .pkgBdy .extProdContArea .extProdContRight{ width:100%}
.pkgBdy .extProdHd{margin-bottom:40px}
.pkgBdy{ margin-bottom:50px}
.homeBdy.hmFaq .hmFaqHead h2 span{ display:none}
.homeBdy.hmFaq .hmFaqHead{ margin-bottom:20px}
.chcsFull .chcsCont .chcsLeft{ width:100%}
.chcsFull .chcsCont .chcsRight{ margin-top:30px; width:100%}
.chcsFull .chcsCont .chcsRight ul{ margin-left:0}
.chcsFull, .nonUkPrcFull, .chPrivecyFull{ padding:50px 0}
.intBuzFull{padding:50px 0 0}
.intBuzFull.csWhy .intBuzCont h2, .intBuzFull.csWhy .intBuzCont p{ width:100%}
.intBuzFull .intBuzCont .intBuzHold{ display:block}
.intBuzFull .intBuzCont .intBuzHold .intBuzEach{ width:41%; float:left; margin-bottom:50px}
.inBanFull .inBanSec .inBanImg{ display:none}
.inBanFull .inBanSec .inBanCont, .chPrivecyFull .chPrivecyCont .chPrivecyLeft, .chPrivecyFull .chPrivecyCont .chPrivecyRight{ width:100%}
.homeBdy.hmSteps.csResStep .stepCont{ margin-top:0}
.nonUkPrcFull .nonUkPrcSec .nonUkPrcCont{ display:block}
.nonUkPrcFull .nonUkPrcSec .nonUkPrcCont .nonUkPrc.nonUkPrcLeft, .nonUkPrcFull .nonUkPrcSec .nonUkPrcCont .nonUkPrc{ width:90%; margin:0 0 20px; padding:5%}
.nonUkPrcFull .nonUkPrcSec .nonUkPrcCont .nonUkPrc a{ float:left; padding:10px 30px}
.nonUkPrcFull .nonUkPrcSec .nonUkComp .nonUkCompLeft, .nonUkPrcFull .nonUkPrcSec .nonUkComp .nonUkCompRight, .rTeams .rTeamsHead{ width:100%}
.rTeamsM{ display:block}
.rTeamsM .rTeamsEm{ width:90%; padding:5%; margin-bottom:30px}
.inBanFull .inBanSec .inBanFrm{ width:90%; margin-bottom:50px}
.pageHolder .buyContSec{ width:100%}
.pageHolder .buyBasket{ width:100%; margin-top:30px}
.homeBdy.hmPrice .mobPrc, .homeBdy.hmPrice .hmPriCatg #mobHmCatg{ display:block;}
.hmPriceTbl, .homeBdy.hmPrice .hmPriCatg{ position:relative}
.hmPriceTbl, .homeBdy.hmPrice .hmPriCatg ul, .hmPriceNew .hmPriCatg ul{ display:none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:3% 5%; width:90%; position:absolute: top:-10px; background-color:var(--primarySecBorCol)}
.hmPriceTbl, .homeBdy.hmPrice .hmPriCatg ul li, .hmPriceNew .hmPriCatg ul li{ width:100% !important; border:none;  text-align:left; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.hmPriceTbl, .homeBdy.hmPrice .hmPriCatg ul li:last-child(1), .hmPriceNew .hmPriCatg ul li:last-child(1){border:none}
.homeBdy.hmPrice .hmPriCatg ul li a, .hmPriceNew .hmPriCatg ul li a{ font:var(--font-f16R); padding:7px 0; color:var(--white)}
.homeBdy .hmBdyHd{ margin:0 auto 40px}
.pageHolder .buyBasket{ width:94%}
.mFooter .fooSec, .mFooter .fooLogoFull .fooLogoSec{ width:600px}
.mFooter .fooSec .fooCatg{ width:40%; padding-right:5%}
.mFooter .fooLogoFull .fooLogoSec .copyRight{ display:block}
.efPaymentDetailsWrapper{ width:100%; float:left; margin-bottom:30px}
.efOrderContentsWrapper{ width:100%}
#efNameCheckSearch{ width:600px}
.prodDetails{ width:33%}
.innContSecA .leftSecExtra .eachExtra .extraRow .extraPrice .efQuantity{ margin-top:-10px}
.fooSerFull .fooSerSec h2{font:var(--font-f60B)}
.fooSerFull .fooSerSec input[type="submit"]{padding:15px 0; width:100%; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
.fooSerFull .fooSerSec input[type="text"]{width: 90%; padding: 15px 5%; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; margin-bottom:10px}
.fooSerFull .fooSerSec h2{ font:var(--font-f35B)}
.hmBank .hmBankLogo .hmBankLogoHol{ width:50%}
.hmBank .hmBankLogo .hmBankLogoHol img{ width:90%}
.hmBank .hmBankLogo{ margin:20px auto 0}
.hmBank h2{ margin-bottom:40px}
.popupHolder{ width:90%; margin:0; left:5%}
.fooSerFull .fooSerSec .banReview{ width:100%}
.fooSerFull .fooSerSec .banReview .avtCont{ margin:20px auto 0; display:inline-block; float:none}
.banSecFull.nonUkBanFull{ padding:0}
.banSecFull.nonUkBanFull .nonUkBanArea{width:100%}
.banSecFull.nonUkBanFull{ background:url(../images/nonUkBan-new.png) no-repeat left center}
.banSecFull.nonUkBanFull .nonUkBanArea .nonUkBanCont{ width:80%; padding:15% 10%; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:rgba(40,73,66,0.7)}
.banSecFull.nonUkBanFull .nonUkBanArea .nonUkBanCont h1, .homeBdy .hmBdyHd h2, .homeBdy.nonUkBanFull .stepCont h2, .fourStepFull.dark .hmBdyHd h2, .whyMint .whyMintCont h2{font:var(--font-f35B)}
.homeBdy.fourSteps .stepContainer, .homeBdy.chooMint .stepContainer{ display:block}
.homeBdy.fourSteps .stepContainer .eachSteps{ width:45%; margin-bottom:30px; float:left}
.homeBdy.nonUkBanFull .stepCont{ width:100%;}
.homeBdy.nonUkBanFull .stepImg{ display:none}
.homeBdy.chooMint .stepContainer .eachSteps{width:100%; margin:0 0 60px}
.homeBdy.chooMint .stepContainer .eachSteps .choImg{ margin:0 auto 20px}
.homeBdy.chooMint .stepContainer .eachSteps h3{ margin-bottom:5px}
.inBanFull.serVc .inBanSec .inBanCont{ margin-top:0}
.inBanFull .inBanSec .inBanCont a.banLnk{ width:80%; padding:10px 5%}
.inBanFull, .fourStepFull.dark{ padding:50px 0}
.whyMint{ margin:50px auto}
.banSecFull .banSec .banCont h1, .inBanFull .inBanSec .inBanCont h1, .chPrivecyFull .chPrivecyCont h2{ font:var(--font-f35M)}
/*.resOffBanFull .resOffBan{ width:100%}
.resOffBanFull .resOffBan .resOffBanCont{ padding:90%; padding:5%}*/
.resOffBanFull.virOffice.aiBanner{ background-image:none}
.resOffBanFull .resOffBan .resOffBanCont{ width:90%; margin:0 auto}
.resOffBanFull.virOffice.aiBanner{ padding:0; margin:135px 0 0px}
.resOffBanFull.virOffice.aiBanner a.greenBtn{ width:90%; padding:10px 5%; margin-bottom:10px}
.resOffBanFull .resOffBan .resOffBanCont button.aiListenBtn{width:90%; padding:10px 5%}
.aiCtc .aiCtcHd, .aiCtc .aiCtcCont{ width:100%}
.aiCtc .aiCtcCont{ padding:0; border:none}
.aiCtc h2, .aiCtc h2 span{font:var(--font-f25M)}
.aiExp .chPriImpArea .aiExpImg{ display:none}
.aiExp .chPriImpArea .chPriImpCont{ width:100%}
.regPricingSec .hmPkgSec .hmEachPkg .hmPkgFoo{ position:static;}
.regPricingSec .hmPkgSec .hmEachPkg{ padding:0 0 10px}
.regPricingSec .hmPkgSec .hmEachPkg .hmPkgFoo{ float:left; margin-top:20px}
.regPricingSec .hmPkgSec .hmEachPkg .hmPkgCont{ padding:5%}
.regPricingSec .hmPkgSec .hmEachPkg .hmPkgCont ul li{ font: var(--font-f16R); list-style-type:none; color:var(--fontCol); margin-bottom:5px}
.regPricingSec .hmPkgSec .hmEachPkg .hmPkgFoo a.hmBuyBtn{ margin-bottom:0}
.regPricingSec .hmPkgSec .hmEachPkg .hmPkgHd { background-color: var(--primaryCol); border-top-left-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-top-left-radius: 15px; border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-top-right-radius: 15px; padding: 5%; margin-bottom: 15px;}
.regPricingSec .hmPkgSec .hmEachPkg .hmPkgHd h3 { text-align: left; float: left; margin-bottom: 0; color:var(--white)}
.regPricingSec .hmPkgSec .hmEachPkg .hmPkgHd img { display: none;}
.regPricingSec .hmPkgSec .hmEachPkg .hmPkgHd p{ float: right; margin-bottom: 0; font:var(--font-f20R); color:var(--white)}
.homeBdy.hmFaq .hmFaqHead h2{margin-bottom:0}
#efNameCheckSearch .frmSec.othFrmSec input[type="text"]{ width:400px}
.faqPg .faqPgLeft{ display:none}
.faqPg .faqPgRight{ width:90%; float:left}
.faqPg{ margin:80px auto 0px}
.faqPg .faqPgRight .faqDtls{ display:none}
.faqPg .faqPgRight h2 { border-bottom: 1px solid var(--SecFontCol); padding: 10px 8% 10px 0; width: 94%; position: relative; font: var(--font-f18B);}
.faqPg .faqPgRight h2 img {position: absolute; right: 0; top: 4px; display:block}
.fourSteps .stepContainer{ display:block}
.fourSteps .stepContainer .eachSteps{ width:100%; margin-bottom:40px}
.fourStepFull.dark .fourSteps .stepContainer .eachSteps .stepCount{ margin:0 auto 20px}
.fourStepFull.dark .hmBdyHd, .whyMint .whyMintCont, .whyMintFull .whyMint .whyMintCont, .whyMintFull .whyMint .whyMintCont ul{ width:100%; margin:0}
.whyMint .whyMintHero{ display:none}
.hmPriceNew .hmPriCatg ul{ display:none}
.hmPriceNew .hmPriCatg #mobHmCatg{ display:block}
.hmPriceNew .mobPrc{ display:block}
.hmNewPrice, .abtMint .whyMintHero{ display:none}
.abtMint .whyMintCont{ width:100%; margin-top:0}
.abtMint .whyMintCont h2{font:var(--font-f35M)}
.abtMintFull{ padding:70px 0}
.banSecFull .banSec .banCont input[type="text"]{ width:330px}
.pkgBan.othPkgSec .pkgBanSec .pkgCompHs{ bottom:10px !important;}
.inBanFull .inBanSec .inBanCont.forSole{ margin-bottom:40px}
.pkgBan.othPkgSec, .inBanFull.stBan .pkgBan{ padding:40px 40px 0 !important}
.nonUkPrcFull .nonUkPrcSec .nonUkComp{ margin-bottom:50px}
.logoFrmFul{padding:20px 0 30px}
.logoFrmFul .logoFrmCont .logoFrmLeft{ width:100%; padding:0; margin:0 0 25px; border:none}
.logoFrmFul .logoFrmCont .logoFrmRight{ width:90%; padding:5%}
.logoFrmFul .logoFrmCont .logoFrmLeft h2{ font:var(--font-f35M)}
.whyMintFull{ padding:50px 0}
.hmServFullNew .hmServImgSec .hmServHead h2{ font:var(--font-f40B)}
.hmPriceNew{ margin:80px auto 20px !important}
.hmServFullNew{ margin:0px auto 50px}
.hmServFullLgt{ padding:50px 0 40px}
.inBanFull .inBanSec .inBanImg.smlSec{ display:none}
.inBanFull .inBanSec .inBanCont.smlSec{ width:100% !important; margin-top:0}
#efPageContent{display: flex; flex-direction: column-reverse;}
.efOrderContentsWrapper{ margin-bottom:50px}
#efPackageCheckout{padding: 5%;
    width: 90%;
    position: fixed;
    top: 67px;
    background-color: var(--thrdSecondaryCol);
    left: 0;}

#mobPrc{ display:block}
.fourStepFull.dark .fourSteps .stepContainer .eachSteps h3 span{display:inline-block; margin-right:5px}
.fourStepFull.dark .fourSteps .stepContainer .eachSteps .stepCount, .fourStepFull.dark .fourSteps .stepContainer .eachSteps .grnLine{display:none}
.fourStepFull.dark .hmBdyHd p{ margin-bottom:30px}
.fourStepFull.dark .fourSteps .stepContainer .eachSteps h3{ margin-bottom:5px}
.fooSerFull .fooSerSec .avtImg{ width:100%; text-align:center}
.fooSerFull .fooSerSec .avtImg img{ display:inline; float:none}
.chmFul .chmSec, .hmMeetFull .hmMeetSec, .hmStepFull .hmStepSec{ width:600px}
.chmFul .chmSec h2{ font:var(--font-f25B)}
.hmMeetFull .hmMeetSec h2, .hmStepFull .hmStepSec .hmStepHd h2{ font:var(--font-f35M)}
.hmMeetContS{gap:0 10px}
.hmMeetFull{ padding:50px 0}
.chmFul .chmSec h2{ margin-top:0}
.hmStepFull{ padding:50px 0}
.hmStepFull .hmStepSec .hmStepHd{ margin-bottom:40px}
.hmStepFull .hmStepSec .hmStepHd h2{ margin-bottom:10px}
}


@media screen and (max-width:600px) {
.banSecFull .banSec, .homeBdy, .hmBank, .hmServFull.hmBuzAddrFul .hmBuzAddrSec, .hmSuptFull .hmSuptArea, .pkgBdy, .inBanFull .inBanSec, .chcsFull .chcsCont, .intBuzFull .intBuzCont, .nonUkPrcFull .nonUkPrcSec, .chPrivecyFull .chPrivecyCont, .rTeams, .whyMintFull .whyMint{ width:90%;}
.pkgBan, .weOffFull .weOffCOnt, #efNameCheckSearch, .faqPg, .chHow, .chCant .chCantCont, .homeBdy.fourSteps, .homeBdy, .resOffBanFull .resOffBan, .aiExp .chPriImpArea, .regPricingSec, #efNameCheckSearch, .fourSteps, .whyMint, .pnfMain, .hmPriceNew, .abtMint, .logoFrmFul .logoFrmCont{ width:90%; padding:5%}
.inBanFull.topBanOth .inBanSec .inBanCont{ width:100%; padding:0}
.pkgBan{ width:80%; padding:5%}
.aiCtcFull{ padding:50px 0}
.aiCtc h2, .aiCtc h2 span{ font:var(--font-f30M)}
.aiCtc h3{ font:var(--font-f18B)}
.regPricingSec h2{ margin-bottom:30px; font: var(--font-f30M);}
.aiCtc{ width:90%; padding:0 5%; margin-top:0}
.homeBdy.hmFaq .hmFaqContSec, .banSecFull.nonUkBanFull .nonUkBanArea{ width:100%}
.banSecFull .banSec .banCont .banReview{ margin-top:100px}
.banSecFull .banSec .banCont{ width:100%}
.banSecFull .banSec .banCont input[type="text"]{ border-radius:7px; width:90%; padding:15px 5%; margin-bottom:10px}
.banSecFull .banSec .banCont input[type="submit"]{ border-radius:7px; width:100%; background-image:none}
.hmServFull .hmServCont li{ width:90%}
.pageHolder .buyContSec .eachBuyCont .buyPrice{ position:static; width:15%; float:right}
.pageHolder .buyContSec .eachBuyCont .buyCont{ width:75%;}
.pageHolder .buyContSec .eachBuyCont .buyPrice input[type="button"].orangeBtn{ padding:5px 10px; margin-left:10px}
.pageHolder .buyContSec .eachBuyCont .buyPrice span{font:var(--font-f14B)}
.frmSec, .innContSecA{ width:90%}
.congSec input[type=text]{ width:90%; padding:5px 5%; margin:0 0 10px}
.congSec input[type=submit]{ width:100%; padding:15px 0}
.btnHolder{ margin:60px auto !important; padding:60px 0}
.congSec h2, .aiExp .chPriImpArea .chPriImpCont h2{margin-bottom: 10px; font: var(--font-f30M);}
.mFooter .fooSec{ width:90%; padding:5%}
.mFooter .fooSec .fooCatg{ width:100%; padding:0; margin-bottom:20px}
.innContSecA .leftSecExtra .eachExtra .extraRow .extraDesc, .prodDetails{ width:100%}
.innContSecA .leftSecExtra .eachExtra .extraRow .extraPrice{ width:45%; float:left; margin-left:0}
.innContSecA .leftSecExtra .eachExtra .extraRow .extraPrice p{ float:left; text-align:left; margin-left:0; font:var(--font-f16B)}
.extraDesc h3 span.reco{ margin-left:0}
.innContSecA{ margin:110px auto 0; padding-bottom:0}
.innContSecA .leftSecExtra h1{ font:var(--font-f30M)}
.hmServFull.hmSuptFull{ display:none}
.mFooter .fooLogoFull{ padding:0}
.efCardDetailsField input[type=password], input[type=email], input[type=text]{ width:90%; margin-bottom:20px}
#efNameCheckSearch input[type=submit]{ width:100%; padding:15px 0 !important}
#efNameCheckSearch{ margin:0px auto}
.scrDown{ display:block}
.innContSecA .leftSecExtra h1{margin-bottom:20px}
.innContSecA h3{ margin-bottom:2px}
.ui-dialog {padding: 0; width: 100% !important; margin: 0 auto; float: none;}
.innContSecA .leftSecExtra .eachExtra .extraRow .extraDesc p{ margin-bottom:5px;}
.innContSecA .leftSecExtra .eachExtra .extraRow .extraDesc a{margin-bottom: 10px; float: left;}
.innContSecA .leftSecExtra .eachExtra .extraRow .extraPrice .efQuantity{margin:-10px 0 0 15px; float:left }
.hmBank .hmBankLogo{ width:100%}
.homeBdy .hmBdyHd h2, .homeBdy.hmFaq .hmFaqHead h2, .pkgBdy .extProdHd .extProdHdLeft h2, .homeBdy.hmSteps .stepCont h2, .hmServFull .hmServImgSec .hmServHead h2, .hmBank h2, .chcsFull .chcsCont .chcsLeft h2, .intBuzFull.csWhy .intBuzCont h2, .hmServFull.hmBuzAddrFul .hmBuzAddrSec .hmBuzAddrCont h2, .pkgBdy .extProdHd .extProdHdLeft h2, .weOffFull .weOffCOnt h2, .nonUkPrcFull .nonUkPrcSec .nonUkPrcHd h2, .pageHolder .pageHder h1, .hmServFullLgt .hmServContBase .hmServHead h2{ font:var(--font-f25B)}
.weOffFull .weOffCOnt p{ font:var(--font-f20R)}
.pkgBanFull{ top:65px}
.weOffFull{ padding:40px 0}
.fooSerFull .fooSerSec .fooSerFrm{ width:100%; margin:20px auto 5px}
.space-third, .space-second{ display:none}
.hmBank h2{ width:100%}
.inBanFull.topBanOth .inBanSec .inBanCont{ margin-top:0px;}
.intBuzFull .intBuzCont .intBuzHold .intBuzEach{ width:40%}
.intBuzFull .intBuzCont .intBuzHold .intBuzEach p{ height:40px}
.banSecFull.nonUkBanFull .nonUkBanArea .nonUkBanCont input[type="text"]{ width:90%; padding:15px 5%; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; margin-bottom:10px}
.banSecFull.nonUkBanFull .nonUkBanArea .nonUkBanCont input[type="submit"]{ width:100%; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
.banSecFull.nonUkBanFull .nonUkBanArea .nonUkBanCont{ width:90%; padding:10% 5%}
.chHow .deskPrice{ display:none}
.chHow .mobPrice{ display:block}
.chHow .mobPrice table { margin: 30px 0 0; width: 100%;}
.chHow .mobPrice thead td { background-color: var(--primaryCol); font: var(--font-f16B); padding: 15px 10px;  color: var(--secondaryCol);}
.chHow .mobPrice td{ border: 1px solid var(--grayLine); padding: 10px; vertical-align: top; width: 50%; text-align: center; line-height: 20px; color:var(--fontCol); font: var(--font-f14R);}
.hmPriceNew .hmBdyHd h2, .chCant .chCantCont h2, .chHow .chHowHead h2, .homeBdy .hmBdyHd h2, .homeBdy.nonUkBanFull .stepCont h2, .resOffBanFull.virOffice.aiBanner .resOffBan .resOffBanCont h1, .fourStepFull.dark .hmBdyHd h2, .whyMint .whyMintCont h2, .chcsFull .chcsCont.dblSec h2{font:var(--font-f30B)}
.chHow .chHowHead h3{font:var(--font-f18R)}
.chCant .chCantBen .chBenLeft, .chCant .chCantBen .chBenRight{ width:100%}
.chHow{ margin:50px auto}
.chCant .chCantCont{ padding:0 5%}
.homeBdy.fourSteps{ margin-top:150px}
.homeBdy.fourSteps .stepContainer .eachSteps{ width:100%; margin:0 0 60px}
.homeBdy.fourSteps .stepContainer .eachSteps .stepCount{ width:30px; margin:0 auto 20px; font:var(--font-f20B); text-align:center}
.homeBdy.fourSteps .stepContainer .eachSteps h3{ margin-bottom:5px}
.homeBdy.fourSteps a{ margin:0}
.regPriceTbl{ display:none}
.regPricingSec .hmPkgSec{ display:block}
.regPricingSec .hmPkgSec .hmEachPkg{ width:100%; margin-bottom:20px}
.regPricingSec{ margin:0px auto 20px}
.aiExp{ padding:20px 0; margin-bottom:50px}
.homeBdy{ margin-top:50px}
.resOffBanFull.virOffice.aiBanner{ margin:85px 0 0px}
.resOffBanFull .resOffBan .resOffBanCont button.aiListenBtn, .resOffBanFull .resOffBan .resOffBanCont{ width:100%}
.homeBdy{ margin-top:20px}
.homeBdy.hmFaq.aiFaq{ margin-top:0}
.congSec a{ padding:20px 30px; font:var(--font-f16B)}
#efNameCheckSearch .frmSec.othFrmSec input[type="text"]{ width:90%; padding:5px 5%; margin:0 0 10px 0}
#efNameCheckSearch .frmSec.othFrmSec input[type="submit"]{width:100%; padding:14px 0}
.regPricingSec .hmPkgSec .hmEachPkg .hmPkgHd{ padding:2% 5%}
.inBanFull.topBan.aiAns a.secGreenBtn, .inBanFull.topBan.aiAns .aiListenBtn{ width:90%; padding:10px 0}
.regPricingSec .hmPkgSec .hmEachPkg .hmPkgHd p{ margin-top:10px}
.hmBank{padding:50px 0}
.whyMint .whyMintCont ul{ width:100%; margin:0}
.banSecFull .banSec .banCont .banReview{ display:none}
.banSecFull{/*background:url(../images/hmBanMob3-new.jpg) no-repeat top center;*/ background-color:#000; padding:110px 0 60px; background-image:none}
.banSecFull .banSec .banCont .banChLogo{ margin:0 auto}
.banSecFull .banSec .banCont h1{ width:100%; text-align:center; margin-bottom:20px; font: var(--font-f30M);}
.banSecFull .banSec .banCont{ width:90%;}
.pnfMain .pnfImg{ display:none}
.pnfMain .pnfImgMob{ display:block}
.pnfMain{margin:90px auto 0}
.pnfMain p{ width:100%}
.abtMenLnk{ margin:30px 0}
.hmPriceNew .hmBdyHd h2, .rTeams .rTeamsHead h2{ font:var(--font-f30M)}
.abtMintFull{ margin-top:65px; padding:20px 0}
.abtMint .whyMintCont ul{ width:100%; margin:0}
.eachCont{ display:none}
.eachCont.echCntMob{ display:block}
.hmPriceNew .hmPriCatg{ margin:50px 0 0}
.hmServFull .hmServImgSec .hmServHead h2{ margin-bottom:0}
.hmServFull .hmServImgSec{ padding:40px 0}
.homeBdy.nonUkBanFull .stepCont h2{margin:0}
.nonUkPrcFull .nonUkPrcSec .nonUkPrcHd{ width:100%}
.nonUkPrcFull .nonUkPrcSec .nonUkComp h3{ font:var(--font-f25M)}
.nonUkPrcFull .nonUkPrcSec .nonUkComp p{ font:var(--font-f16M)}
#revJs p{ width:100%}
.fooSerFull .fooSerSec input[type="submit"]{ background-image:none}
.homeBdy{ margin:20px 0 0; /*padding:5% 5% 0*/}
/*.homeBdy.hmSteps.csResStep{ padding-bottom:15%}*/
.homeBdy.hmSteps.csStep{padding-bottom:5%; margin-top:0}
.homeBdy .hmBdyHd img{ width:30%; margin-top:30px}
.homeBdy .hmBdyHd{ text-align:left}
.homeBdy .hmBdyHd h2, .homeBdy .hmBdyHd p{ text-align:left !important; margin:10px 0 0}
.homeBdy.hmHapCus{ background-color:#eaeef9; margin:-20px 0 0; padding:5%}
.nonUkPrcFull{ padding:50px 0 1px}
.homeBdy.hmSteps.ncComp{ margin:0}
.homeBdy.hmSteps.ncComp .stepCont ul{ margin-bottom:40px}
.homeBdy.hmSteps.ncComp .stepCont h2{ margin-top:0}
.nonUkPrcFull .nonUkPrcSec .nonUkComp{ margin-bottom:50px}
.nonUkPrcFull .nonUkPrcSec .nonUkPrcCont{ margin-bottom:20px}
.homeBdy.hmSteps .stepCont{ margin-top:20px}
.homeBdy.hmSteps .stepCont a.extPlc{ margin-bottom:30px}
.rTeams .rTeamsHead p{ width:100%}
.rTeams{ margin:50px auto 0}
.secMargin{ margin-top:0 !important}
.homeBdy.hmSteps .seoBullets{ margin-top:0}
.banSecFull.hmLightBan{background:url(../images/hmLgtBanMob.jpg) no-repeat center center; padding:110px 0 20px}
.fourStepFull.dark .hmBdyHd p{font:var(--font-f16R)}
.fourStepFull.dark{ padding:50px 0 0}
.hmPriceNew{ margin:50px auto 20px !important}
.hmPriceNew.innPricePkg{margin:80px auto 20px !important}
.hmServFull{ margin:0 auto}
.hmServFullLgt .hmServContBase li a{font:var(--font-f14R)}
.allSerlnk{ margin:0 0 30px}
.allSerlnk.comPakg{ margin-top:40px}
.inBanFull.topBan, .inBanFull.topBanOth{ padding:40px 0}
.banSecFull .banSec .banCont p{ display:none}
.innContSecA .leftSecExtra{ margin-top:40px}
.hmPriceNew .hmBdyHd h2, .hmPriceNew .hmBdyHd h1{font:var(--font-f25B)}
.perkMob{ display:none}
.hmServFullLgt .hmServContBase li{ width:100%}
.fooSerFull .fooSerSec .banReview img{ display:inline-block; float:none}
.fooSerFull .fooSerSec .banReview span{ float:none}


.chmFul .chmSec, .hmMeetFull .hmMeetSec, .hmStepFull .hmStepSec{ width:90%; padding:0 5%}
.chmFul .chmSec{display:block; width:90%; float:left}
.chmFul .chmSec .chmCont{ display:block; width:95%; float:left}
.chmFul .chmSec .chmHd{ width:95%}
.chmFul .chmSec .chmCont .diy{ margin-bottom:10px}
.chmFul{ padding:40px 0; float:left; margin-top:-20px}
.chmFul .chmSec h2{ width:100%}
.hmMeetContS{ display:block}
.hmMeetContS .hmMeetEachlS .hmMeetOwn{ display:none}
.hmMeetContS .hmMeetEachlS .hmMeetOwn.inSid{ display:block}
.hmMeetContS .hmMeetEachlS{ background-color: var(--white); border-radius: 20px; -moz-border-radius: 20px;-webkit-border-radius: 20px;}
.hmMeetContS .hmMeetEachlS .hmMeetHd{ float:left}
.hmMeetFull .hmMeetSec h2, .hmStepFull .hmStepSec .hmStepHd h2{ font:var(--font-f25B)}
.hmStepFull .hmStepSec .hmStepContainer{ display:block}
.hmEachStep:not(:last-child)::after{content: "";width: 0; height: 0;}
.hmStepFull .hmStepSec .hmStepContainer .hmEachStep{ width:80%; padding:10%;}
.hmStepFull .hmStepSec .hmStepContainer .hmEachStep:not(:last-child){ margin-bottom:10px}
}


@media screen and (max-width:480px) {


}
