@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/22px "DM Sans", serif;
  --font-f16M:500 16px/22px "DM Sans", serif;
  --font-f16B:700 16px/22px "DM Sans", serif;
  
  --font-f14R:400 14px/20px "DM Sans", serif;
  --font-f14M:500 14px/20px "DM Sans", serif;
  --font-f14B:700 14px/20px "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{ 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{ width:768px;}
.pkgBan{ width:688px;}
.pageHolder, .gdprHold, .innContSecA, .faqPg{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)}
.mFooter .fooSec, .mFooter .fooLogoFull .fooLogoSec{ 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{ width:600px;}
.pkgBan{ width:520px;}
.banSecFull .banSec .banCont, .pageHolder, .gdprHold, .btnHolder{ width:90%}
.frmSec, .innContSecA, .faqPg, .inBanFull.topBanOth .inBanSec .inBanCont{ width:600px}
.congSec input[type=text]{ width:360px}
.homeBdy .hmBdyHd{ width:100%}
.homeBdy .flexArea{ display:inline}
.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:40px}
.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}
}


@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{ width:90%; padding:5%}
.pkgBan{ width:80%; padding:5%}
.homeBdy.hmFaq .hmFaqContSec{ 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:130px auto 100px !important}
.congSec h2{margin-bottom: 10px; font: var(--font-f30M);}
.mFooter .fooSec{ width:90%; padding:5%}
.mFooter .fooLogoFull .fooLogoSec{ width:90%}
.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}
.mFooter .fooLogoFull .fooLogoSec .copyRight .crEach{ margin:10px 0 0px}
}


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


}