@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:#f76f20;
  --grayLine:#E5E5E5;
  --midBorder:#d1cfcf;
  --line:#5F847C;
  /*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{ 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{ width:980px}
.aiCtc{ width:900px; padding:40px}
}


@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{ 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{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{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)}


}


@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{ width:600px;}
.pkgBan, .aiCtc{ width:520px;}
.banSecFull .banSec .banCont, .pageHolder, .gdprHold, .frmSec{ width:90%}
.btnHolder{ width:100%}
.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{ 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{ width:100%; 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){border:none}
.homeBdy.hmPrice .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-left:0}
.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{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{ padding:50px 0}
.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 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}

}


@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{ width:90%;}
.pkgBan, .weOffFull .weOffCOnt, #efNameCheckSearch, .faqPg, .inBanFull.topBanOth .inBanSec .inBanCont, .chHow, .chCant .chCantCont, .homeBdy.fourSteps, .homeBdy, .resOffBanFull .resOffBan, .aiExp .chPriImpArea, .regPricingSec{ width:90%; padding:5%}
.pkgBan, .aiCtc{ width:80%; padding:5%}
.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%}
.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, .regPricingSec 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{ 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);}
.chCant .chCantCont h2, .chHow .chHowHead h2, .homeBdy .hmBdyHd h2, .homeBdy.nonUkBanFull .stepCont h2, .resOffBanFull.virOffice.aiBanner .resOffBan .resOffBanCont h1{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)}
.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, .aiCtc{ 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)}
}


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


}