*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
 
@media screen and (max-width:1280px){ 
.content{ width:92%;   }	
.homecaption > .tb > .tc > .bx{  width:82%;  } 
.homecaptionimg > .imgbx{ width:76%;  } 
	
.bxopenacc-ele{ top:-42px;     }	
.bxopenacc{ padding:52px 0;   }	
	
.whobxx > .bx > .bxtxt > .tb > .tc > .bx > .txtbx > .h3{ font-size:24px; }
.whobxx > .bx > .bxtxt > .tb > .tc > .bx > .txtbx > .h2{ font-size:32px;  }
	
	
.bxcontact-ele{ top:-36px;   }	
.bxcontact > .tb > .tc1 > .bx{ padding:85px 0;  }
	
}


@media screen and (max-width:960px){ 
  	
body{ font-size:14px;  } 
	
h1, .h1{ font-size:42px; }
h2, .h2{ font-size:32px; }
h3, .h3{ font-size:24px; }
h4, .h4{ font-size:20px; }
h5, .h5{ font-size:16px; }
h6, .h6{ font-size:13px; }
 
.h2x{ font-size:28px;  }
	
 
.bxheader{  height:auto;  }
.bxheader > .tb{ display:block;  }
.bxheader > .tb > .tc1{ display:block; width:100%; }
.bxheader > .tb > .tc2{ display:block; width:100%; text-align:center; } 
.bxlogo{ width:60%; }	
.bxlogo img{ max-height:66px;  }
.bxmenu{ display:block; position:relative; color:#000; }
 
.bxheader .bxnav{ display:block; margin-right:0;  }
.bxheader .bxlink{ display:block; position:absolute; right:0; top:-52px; }
 
ul#navmenu > li{  height:auto; text-align:center; width:48%; vertical-align: top;  }
ul.navmenu > li > a{ padding:12px 0;   } 
ul.navmenu > li > a > span.icon{ margin-left:6px;   } 
.dropdown-content {  padding:6px 12px; margin: 0px; min-width:200px; font-size:14px;  } 
.dropdown-content > li{  width:240px; }   
.dropdown .dropdown > .dropdown-content{ min-width:240px;   } 	
	

	
#homebanner > .imgbx.desktop{ display:none; }
#homebanner > .imgbx.mobile{ display:block; }
 
.homecaption > .tb > .tc{ vertical-align:top; } 	
.homecaption > .tb > .tc > .bx{  width:92%; padding:200px 0 0;  }
.homecaption > .tb > .tc > .bx > .bxtxt{  padding:0 0 10px;   } 
	
.homecaptionimg{  bottom:20px;  }
.homecaptionimg > .imgbx{  width:92%;  } 
.homecaptionimg > .imgbx.desktop{ display:none; }
.homecaptionimg > .imgbx.mobile{ display:block; }	
	
	
 
#bxhowto .bxtxth2{ width:100%;  } 
.bxhowto > .tb > .tc > .bx{ width:92%;  }
.bxhowto > .tb > .tc > .bx > .bximg{ height:260px; }
 

.bxopenacc-ele{ top:0px;   } 
.bxopenacc{ padding:52px 0;  }
.bxopenacc > .h2{  padding:0 0 10px;   } 
.bxopenacc > .bxbtn{ padding:26px 0; }
.bxopenacc > .h4{ max-width:560px;  }
	
	
#bxdca{ padding:52px 0 220px;  } 
.bxdca-two{ min-height:400px;   }
.dcabxtext{ padding:52px 0;  } 
 
.dcabxgraph > .bxh > .h2x{ padding:20px; border-radius:60px; }  
.dcabxgraph > .bximg{   max-width:100%; }
.dcabxgraph > .h5{  max-width:92%;  }	
	

#bxwhy{  padding:0 0 52px;   }
.bxwhybx{ width:100%; margin:0 auto -140px; top:-140px; }
.bxwhybx > .whybx{ padding:52px 0; width:90%;  }  
.bxwhybx > .whybx > .h1{ padding:0 0 26px; line-height:1.2;  }  
 
.whyiconbx > .tb > .tc > .bx > .bximg{ height:100px; margin-bottom:26px;  } 
.whyiconbx > .tb > .tc > .bx > .bximg img{ max-height:100px; } 
.bxwhyicon > .bxbtn{  padding:52px 0 0;  }
 
	
#bxwho{ padding:52px 0 702px; }  
.whobxx > .bx{  width:96%;  } 
.whobxx > .bx > .bxtxt > .tb > .tc > .bx{ padding:0 20px; }  
.whobxx > .bx > .bxtxt > .tb > .tc > .bx > .txtbx > .h3{ font-size:18px; }
.whobxx > .bx > .bxtxt > .tb > .tc > .bx > .txtbx > .h2{ font-size:24px;  }
	
	
#bxfaqs{  padding:52px 0; } 
.bxfaqs > .h1{ padding:0 0 39px; } 
.bxfaq{ padding:39px 0; }
.faqlinebtm{ height:3px;   }
.faqbx{ width:100%;  }
.faqbxq{  padding:0 0 26px; } 
.faqbxa > .txtremark{ padding:26px 0 0; text-align:left; } 
	
 
.bxfooter{ padding:39px 0; } 
.footertxt{  text-align:left; padding:0 0 26px;  }	
.bxfooter > .tb > .tc1{  width:32%;  }
.bxfooter > .tb > .tc2{  width:68%;  } 
.bxcopy{ padding:26px 0; } 
	
	
a.btnblue{ padding:6px 26px; min-width:136px;   }  
a.btnyellow{ padding:6px 26px; min-width:136px;  }
 
	
#cookiesbx{ line-height:1.6;  }
.cookiesbx{ padding:20px;  margin-bottom:6px;  }
.cookiesbx > .tb{ display:block;  }
.cookiesbx > .tb > .c1{ display:block; padding:0 0 20px;  }
.cookiesbx > .tb > .c2{ display:block; text-align: center;  }  
.cookiesbx button{ min-width:136px;   }
 	
	
	
#bxpolicy{  padding:136px 0; font-size:16px;  } 
.bxpolicy > .bxtxth{ padding:0 0 39px;  }
.bxpolicy > .num{ padding:0 0 20px; font-size:20px; }  
.bxpolicy .txtbxh{ font-weight:500; padding:0 0 20px; }
.bxpolicy ol, .bxpolicy ul{ padding:0 0 0 26px;   } 
.bxpolicy > .tb > .tr > .tc > .bx{  padding:10px; }
	
	

#bxcontact{   margin-bottom:100px;  } 
.bxcontact-ele{  top:0px;   }	
 
.bxcontact > .tb{ display:block;  }
.bxcontact > .tb > .tc1{ display:block;  width:100%; text-align:center; }
.bxcontact > .tb > .tc1 > .bx{ padding:52px 0 0;  }
.bxcontact > .tb > .tc2{ display:block;  width:100%;  } 

.contactaddbx{ display:block;  text-align:center; margin-right:0;  } 
.contactformbx{  margin:0 auto; bottom:-65px;    }
.contactformbx > .bxform{  width:86%;  padding:36px 0 26px;  }
.contactformbx > .bxform > .formbx{  padding:36px 0;  } 
  
.bxsubmit{  margin:36px 0 0;   }  
#contactform input{ font-size:16px; }
#contactform textarea{ font-size:16px;  } 
#contactform input[type=submit]{ padding:10px 26px;  } 
 

 
	
	
	
 
}

 
@media screen and (max-width:640px){
	 
h1, .h1{ font-size:40px; }
h2, .h2{ font-size:28px; }
h3, .h3{ font-size:20px; }
h4, .h4{ font-size:18px; }
h5, .h5{ font-size:15px; }
h6, .h6{ font-size:12px; }
.h2x{ font-size:26px;  }
	
#homebanner{ padding-top:0; }
 
/*	
.homecaption > .tb > .tc > .bx{ padding:0 16px 120px;   }	 
.homecaption > .tb > .tc > .bx > .bxtxt > .h1{ line-height:1.2;    }	
.homecaption > .tb > .tc > .bx > .bxtxt{  padding:0 0 0;   }
.homecaption > .tb > .tc > .bx > .bxlink > a{ min-width:160px;   }
	*/
.homecaption > .tb > .tc > .bx{  padding:52px 16px 0;  }	 
.homecaption > .tb > .tc > .bx > .bxtxt.h2{ line-height:1; }	
.homecaption > .tb > .tc > .bx > .bxtxt > .h1{ line-height:1.2;    }	
.homecaption > .tb > .tc > .bx > .bxtxt{  padding:0 0;   }
.homecaption > .tb > .tc > .bx > .bxlink{ padding:260px 0 0; }	
.homecaption > .tb > .tc > .bx > .bxlink > a{ min-width:160px;   }	
 
	
#bxhowto{  padding:39px 0;  }
#bxhowto .bxtxth1{ line-height:1.2; }
#bxhowto .bxtxth1 > span{ display:block; }
#bxhowto .bxtxth2{  max-width:100%; } 
.bxhowto > .tb{ display:block; padding:26px 0 0;   }
.bxhowto > .tb > .tc{ display:block; width:100%;  }
.bxhowto > .tb > .tc > .bx{ width:100%; padding-bottom:39px;  }
.bxhowto > .tb > .tc > .bx > .bximg{ width:80%; margin:0 auto; height:auto; padding-bottom:26px;   } 
 
 
.bxopenacc-ele{ top:0px;  } 
.bxopenacc-ele > img.desktop{ display:none;  }
.bxopenacc-ele > img.mobile{ display:block;  }
.bxopenacc{ padding:85px 0; width:92%; margin:0 auto; }
.bxopenacc > .h2{ line-height:1.2;  }  
.bxopenacc > .bxbtn{ padding:36px 0; }	
.bxopenacc > .bxbtn > .h2x{ min-width:200px;  }
.bxopenacc > .h4{ max-width:100%; line-height:2; } 
 
	
.dcabxtable > .h1{ padding:0 0 20px; line-height:1.2; }
.dcabxtable > .h3{ padding:0 0 26px; }
.dcabxtable > .h1 > b{ display:block; position:relative; }
.dcabxtable > .imgbx{ 
	display:block; position:relative; width:100%; overflow:scroll; overflow-y:hidden; padding:0 0 20px; right:-4%;  }
.dcabxtable > .imgbx > .bx{  display:block; position: relative; width:720px;  }	
.dcabxtable > .h5{  padding:26px 26px;  }

.bxdca-two{  background:none; min-height:200px;   }
.bxdca-two > .elemobile{ display:block; position:relative; }	
.dcabxtext{ padding:0 0 52px; width:100%; margin:0; }
.dcabxtext > .h2{ text-align: center; }
.dcabxtext ul{ list-style: url("../img/ul-chk-blue-s.png");   }
 
 
.dcabxgraph > .bximg{  padding:26px 0; max-width:100%;  width:100%; overflow:scroll; overflow-y:hidden; right:-4%; }
.dcabxgraph > .bximg > .bx{  display:block; position: relative; width:720px;  }		
.dcabxgraph > .h5{ max-width:92%; padding:26px 0 0; }
	
 	
.bxwhybx > .whybx{ padding:39px 0 52px;  }
.bxwhybx > .whybx > .h1{  max-width:80%; margin:0 auto; } 	
.bxwhybx > .whybx > .h4 > ul{  list-style: url("../img/ul-chk-green-s.png");  }
 
.whyiconbx > .tb{ display:block; }
.whyiconbx > .tb > .tc{ display:block; width:100%; margin-bottom:36px;   }
.whyiconbx > .tb > .tc > .bx{  width:100%; }
.whyiconbx > .tb > .tc > .bx > .bximg{  margin-bottom:20px;  } 
  
.bxwhyicon > .bxbtn{  padding:39px 0 0;  }
.bxwhyicon > .bxbtn .h2x{  min-width:200px;  }	
	
	
#bxwho{ background: url("../img/bg-who-mobile.png") bottom center no-repeat; padding:52px 0 426px; }
.bxwho{ display:block; position:relative; text-align: center; }
.bxwho > .h1{ adding:0 0 39px; line-height:1.2;  } 
.bxwho > .h4{  padding:0 0 52px; } 

.whobxx{ width:100%; margin-bottom:39px; } 
.whobxx > .bx{ display:block; position:relative; width:100%;   }
.whobxx > .bx > img{ box-shadow: 0px 16px 24px rgba(2,2,2,0.2);  } 
.whobxx > .bx > .bxtxt > .tb > .tc > .bx{ padding:0 20px; }  
	
 
#bxopenaccbtn > img.desktop{ display:none; }
#bxopenaccbtn > img.mobile{ display:block; width:100%; max-width:100%; }
#bxopenaccbtn a.btnyellow{ width:auto;  }		
	
	
.bxfooter{ padding:26px 0 39px; } 
.footertxt{ padding:0 0 20px; font-size:15px;    }	
.bxfooter > .tb{ display:block;   }
.bxfooter > .tb > .tc1{ display:block; width:100%; padding:0 0 20px; }
.bxfooter > .tb > .tc2{ display:block; width:100%;  }
.bxfooter > .tb > .tc1 > .bx{ width:92%; margin:0 auto;  }
.bxfooter > .tb > .tc1 > .bx > img{ max-width:100%; } 
.bxfooter > .tb > .tc2 > .bx.h4{ font-size:15px;    }
	
	
	
#bxpolicy{ padding:126px 0; font-size:14px;  }      
.bxpolicy > .tb{ display:block; border:#ccc solid 1px;  border-bottom:0; border-right:0; }
.bxpolicy > .tb > .tr{ display:block;  }
.bxpolicy > .tb > .tr.bxh{ display:none;  }
.bxpolicy > .tb > .tr > .tc{ display:block; width:100%; } 
.bxpolicy > .tb > .tr > .tc > .bx{ padding:12px; }
.bxpolicy .txthmobile{ display:block; font-weight:500; padding:0 0 10px;  } 	
	
#bxcontact{ background: url("../img/bg-contact-mobile.png") top center no-repeat;  } 	
.bxcontact-ele{  top:-42px;   }		
.bxcontact-ele > img.desktop{ display:none;  }
.bxcontact-ele > img.mobile{ display:block;  }	
.contactformbx{ width:98%;     }
.contactformbx > .bxform{  width:92%;  }
	
}

@media screen and (max-width:460px){
.homecaption > .tb > .tc > .bx{  padding:52px 0 0;  }	 	
.homecaption > .tb > .tc > .bx > .bxlink{ padding:280px 0 0; }	
	
}

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


.homecaption > .tb > .tc > .bx > .bxlink{ padding:230px 0 0; }	
	
}

@media screen and (max-width:360px){
 
.homecaption > .tb > .tc > .bx > .bxlink{ padding:200px 0 0; }	
}

@media screen and (max-width:340px){
.bxlogo img{ max-height:60px;  }	
.bxheader .bxlink .h4{ font-size:16px; min-width:100px; padding:6px 10px;  }
.homecaption > .tb > .tc > .bx > .bxtxt.h2{ font-size:26px;    }     
.homecaption > .tb > .tc > .bx > .bxtxt > .h1{ font-size:32px;  }
	
.homecaption > .tb > .tc > .bx{  padding:39px 0 0;  }	 	
.homecaption > .tb > .tc > .bx > .bxlink{ padding:180px 0 0; }		
 
}