.aniks{ display:none; text-align:center;}
.aniks img{ max-width:150px; width:100%; border-radius:100%; border:8px solid #ffffff29;}
@media(max-width: 1600px){
.floating-box.stuck{ max-width: 220px; margin: 0 0 0 1075px;}
.floating-box h3{ font-size: 1.6em; }
.floating-box h3 span{ display:block; text-transform:uppercase;}
.floating-box h3:after{ border-width: 10px; margin-left: -10px;}
.floating-box img{ margin:0 0 -3px;}
}

@media(max-width: 1024px){
.wrap{ width: 98%;}
.logo{ max-width: 160px; top: 0px;}
.prehead{ padding: 13px 200px 8px 10px; font-size: 1.1em;}
#header h1{ }
#header h2.sub{ font-size: 2.2em;}
.progress{ max-width: 770px; background-color: #000e1e;}

.trainingTimes .boxL{ float: none; max-width: none; text-align: center; padding:0;}
.trainingTimes .boxR{ float: none; margin: 20px auto 0;}
.trainingTimes .boxR img{ margin: 0 0 0 0px;}
.opbox1{ margin: 0 auto;}
.three-box .itemB.m1:before,.three-box .itemB.m2:before,.three-box .itemB.m3:before{ background-size: cover;}
.three-box .itemB{ margin: 0 8px; vertical-align: top;}
/*.three-box .itemB .IMB{ width: 90%;}*/
.contentbox{ width: 96%;}
.videoB.right{ max-width: 480px;}
.videoB.left{ max-width: 580px;}
.videoB{ width: 90%;}
.boxbg{ padding: 40px 0 60px;}
.boxbg.pa1{ padding: 1px 0 40px;}
.boxbg.b2{ padding: 40px 0;}
.courses-box ul li{ max-width: 300px;}
.connect-experts1{ max-width: 1000px;}
.connect-experts1 ul.m1{ margin: 0 0;}
.connect-experts1 ul li{ margin: 12px 0;}
.connect-experts1 .qa.maxW1{ max-width: inherit;}
footer{ padding: 30px 20px 20px;}
footer .ftabt{ max-width: 240px;}
.column1{ max-width: 313px; margin: 0 4px;}
.column1 .dis{ min-height: 481px;}

.three-box1 .itemB{ max-width: 290px; min-height: 235px; vertical-align: top;}
.videoB.left.maxW1{ max-width: 460px;}
.floating-box{ display:none;}
}

@media(max-width:1000px) { /*980*/
.topbar{ min-height: 50px;}
.logo{ top: 0;}
.prehead{ padding: 13px 10px 8px;} 
.linkT{  padding-top: 14px !important; margin-left: 0 !important;}
.linkT a{ width: 90% !important; margin: 0px auto 15px !important; max-width: 180px; padding: 20px 15px 18px !important; border-radius: 5px;}
#header{ }
.three-box .itemB{  margin: 0 5px;}
.contentbox .left-col{ float: none; max-width: none;}
.videoB.right{ float: none; max-width: 600px; margin:10px auto 0;}
.progress-box ul li{ margin: 8px 5px; max-width: 250px;}
.progress-box ul li h3{ font-size: .9em;}
.progress-box ul li h2.digit{ font-size: 2em;}
.subT1{ margin: 0 0 20px;}
.boxbg.b1{ padding: 35px 0 1px;}
.courses-box ul li{ max-width: 350px;}
.videoB.left{ float: none; margin: 0 auto 20px;}
.contentbox .right-col{ float: none; max-width: none;}
#middle h1.left{ text-align: center;}
.separator1{ margin: 20px auto 20px;}
.connect-experts1 .qa{ max-width: 220px; padding: 75px 24px 18px;}
.connect-experts1{ width: 97%;}
.boxbg.b3{ padding: 50px 0;}
.boxbg.b2{ background-image: -webkit-linear-gradient(left, rgb(21 48 131 / 30%), rgb(61 97 205 / 30%), rgb(21 48 131 / 30%));}
footer .ftabtcon{ max-width: 310px;}
footer .ftabt{ max-width: 200px;}
.column1{ max-width: none; width: 90%; margin: 0 0 28px;}
.column1 .dis{ min-height: inherit;}
.three-column{ padding: 10px 0 10px;}
.trainingTimes{ width: 93%; }

.tophead{ padding: 50px 0 130px;}
.three-box1 .itemB{ max-width: 265px; margin: 0px 8px; padding: 30px 30px;}
.contentbox .right-col.maxW1{ max-width: none;}
.empowers-box ul li{ max-width: 268px; margin: 5px 8px}
.empowers-box .dis:before{ width: 54px; height: 40px;}
.empowers-box .dis{ padding: 40px 20px 20px; font-size: 1em;}
.empowers-box h3{ padding: 0 20px 20px;}
.contentbox .left-col{ margin-bottom: 40px;}
.aniks{ display:block;}
.message:after{ display:none;}
}

@media(max-width:800px) { /*768*/
#header h1{ font-size: 2.5em; margin: 0 0 23px;}
#header h1 br{ display:none;}
.teb{ width: 100%; max-width: 500px; margin: 0 auto;}
.teb ul li{ margin: 0 0 14px;}
.videoB{ width: 100%;}
.trainingTimes{ padding: 86px 0 0px;}
.trainingTimes .boxR{ max-width: 400px;}
.trainingTimes .book{ max-width: 205px;}
#header h3{ font-size: 1.2em; max-width: 588px;}
.progress-box ul li{ max-width: 200px;}
.progress-box ul li h3{ padding: 12px 18px 0; min-height: 53px;}
.progress-box ul li h2.digit{ font-size: 1.8em;}
#middle h1{ font-size: 2em;}
.subT1{ font-size: 1.1em;}
.connect-experts1 .head-box{ position: relative; top:0; width: 96%; max-width: none; margin: 0 auto 20px;}
.connect-experts1 ul li.left1{ text-align: center;}
.connect-experts1 ul li.right1{ text-align: center;}
.connect-experts1 ul li.left2{ text-align: center; padding:0;}
.connect-experts1 ul li.right2{ text-align: center; padding:0;}
.connect-experts1 .qa.maxW1{ max-width: 273px;}
.connect-experts1 .qa{ max-width: 273px;}
.circle-wrapper{ width: 170px; margin: 0 2px;}
.but a{ padding: 11px 15px;}
.three-box .itemB{ margin: 0 0 20px;}
.Dbox .title{ font-size: 1.5em;}
.Dbox .title span.t1{ margin: 0 10px 0 0; padding: 12px 35px 10px 20px;}
.Dbox .title span.t1::after{ display: none;}


.tophead{ padding: 50px 20px 130px;}
#header .tophead h2.sub br{ display:none;}
.three-box1 .itemB{ max-width: 220px; min-height: 260px;}
.empowers-box ul li{ max-width: 220px; min-height: 466px;}
.empowers-box .dis{ padding: 40px 18px 20px; font-size: .9em;}

.ftlogo{ position:inherit; left:auto; bottom:auto; clear:both; }
footer .ftabtcon{ float:none; max-width:130px; margin:0 auto 10px; }

}

@media(max-width:700px) { /*600*/
.logo{ max-width: 130px; top: 4px;}
.prehead{ font-size: 1em; line-height: 1.3em; padding: 2px 0px 0; width:195px; margin:0 auto;}
#header h1{ font-size: 1.9em;}
#header h2.sub{ font-size: 1em; margin: 0 0;}
#header h3{ font-size: .95em; max-width: 424px; background: #12235c; padding: 6px;}
.teb ul li{ font-size: .9em; margin: 0 0 10px; padding: 0px 6px;}
.teb ul li+li+li { border-right: none; }
.teb ul li+li+li+li { border-right: solid 1px rgb(68 120 215 / 30%); }
.message{ font-size: .95em; padding: 8px 20px 10px 50px;}
.message:before{ font-size: 2em;}

.trainingTimes{ padding: 80px 0 0px;}
.trainingTimes .boxR{ max-width: 340px;}
.trainingTimes .book .tital{ font-size: 1.15em;}
.trainingTimes .book .tital:before{ width:38px; height:70px; bottom:22px;}
.trainingTimes .book{ max-width: 178px; left: -70px; bottom: 0px;}
.trainingTimes .book img.m1{ width:90%; margin: 0 auto;}

.opbox1 .tital{ font-size: 1.1em; margin: 0 0 15px;}
.contentbox{ width: 90%;}
.progress-box ul li{ max-width: 300px;}
.progress-box ul li h2.digit{ font-size: 2.3em;}
.progress-box ul li h3{ padding: 12px 0 0; min-height: inherit; font-size: 1em;}
#middle h1{ font-size: 1.7em;}
.courses-box .dis.minH1{ min-height: inherit;}
.courses-box .dis.minH2{ min-height: inherit;}
.courses-box .dis.minH3{ min-height: inherit;}
.boxbg.pa1{ padding: 1px 0 20px;}
.boxbg.b2{ padding: 30px 0;}
.boxbg{ padding: 30px 0 40px;}
.connect-experts1 ul li{ max-width: 46%; margin: 12px 5px;}
.three-box{ margin: 0 0 10px;}
#middle h1.fs2{ font-size: 1.5em;}
#middle h1.fs1{ font-size: 1.7em;}
#middle h1{ margin: 0 0 20px;}
.circle-wrapper{ width: 180px; margin: 0 2px 10px;}
.WBox{ padding: 22px 25px;}
.WBox .midspes{ margin: 0 -22px 25px;}
.WBox h3{ font-size: 1.3em; line-height: 1.3em; margin: 0 0 10px;}
.button.mrt{ margin-top: 25px;}
.button.mrb{ margin-bottom: 50px;}
.button a.arrow:before, .button a.arrow:after{ display:none;}
.button.t1 a.arrow:before,.button.t1 a.arrow:after{ display:none;}
.button a, .button button{ font-size: 1.55em; padding: 16px 25px 19px;}
.bonushed{ width: 90%; max-width: 358px; margin: -29px auto 45px; padding: 12px 10px; font-size: 2.3em; line-height: 1.1em;}
.bonushed i{ position: absolute; left: 15px; top: 32px; color: #a77401; font-size: .4em;}
.bonushed i + i{ position: absolute; right: 15px; left:auto;}
.column1 .name{ font-size: 1.8em;}

.Dbox{ border-radius: 15px 15px 10px 10px; box-shadow: 0 -20px 15px -6px rgb(0 76 193 / 20%);}
.Dbox .title { padding: 0px 10px 16px 10px; text-align: center; border-radius: 10px 10px 0 0;
 background-image: -webkit-linear-gradient(left, #2e2e2e 0%, #101010 50%, #2e2e2e 100%);}
.Dbox .title span.t1 {
    margin: 0px auto 10px;
    padding: 12px 35px 12px 20px;
    position: inherit;
    border-radius: 0 0px 50px 50px;
    display: block;
	max-width:200px;
	width:100%;
}
.subtitle{ font-size: 1.2em;}
.subtitle span { padding: 1px 15px 15px; width: 95%;}
.subtitle span br{ display:none;}
.subtitle.Bonus{ font-size: 1.35em;}
.subtitle.Bonus .sub-HL{ width: 190px;}
.conimg,.conimg.left{ float:none; margin:0 auto 10px !important;}

.spB{ margin: 0 auto 20px;}
.list ul.HLBox{ margin: 0 10px 10px;}
.list ul li .fs1{ font-size: 1.1em;}
.experts-box{ padding: 0 0 60px;}
.experts-box.last{ padding-bottom:20px;}
.experts-box .headT:after{ width: 90%;}
.experts-box .headT span{ font-size: 1em;}
.experts-box .imgB span{ font-size: .85em;}
.experts-box .imgB{ max-width: 120px; vertical-align: top;}
.experts-box .imgB img{ max-width: 100px;}
.mid-con-box{ margin: 120px -30px 0;}

.tophead{ padding: 18px 30px 110px;}
.three-box1 .itemB{ margin: 10px 10px; min-height: 235px;}
.three-box1{ margin-bottom:-20px;}
.videoB.left.maxW1{ margin-bottom: 40px;}
.subT1 br{ display:none;}
.subT1{ margin: 0 10px 20px;}
.boxbg.b4{ padding: 40px 0 1px;}
.empowers-box ul li{ max-width: 380px; margin: 0 0 30px;}
.empowers-box .dis{ font-size: 1.1em;}

.footer {line-height: 27px;}
footer h3{ font-size: 1em;}
footer ul li{ margin: 0 0 8px;}
footer .ftabt{ max-width: 185px;}
footer .ftlegal{ max-width: 130px;}
}

@media(max-width:500px) { /*480*/
.topbar{ padding: 9px 0; min-height: inherit;}
.logo{ max-width: 90px;}
.prehead{ font-size: .9em; width: 165px;}
#header h1{ font-size: .95em; line-height: 1.3em; margin:0 8px 10px;}
#header h1 br{ display:none;}
#header h1 .m1{ display:block;}
#header h2.sub br{ display:none;}
#header h2.sub{ margin: 0 20px 12px; line-height: 1.1em; font-size: 1.5em;}
#header h3{ font-size: .75em; max-width: 340px; margin: 0 auto 15px;}

.teb{ margin-bottom:10px;}
.teb ul li{ font-size: .7em; padding: 0px 8px 0px 2px; margin: 0 0;}
.teb ul li i{ font-size: 1.1em; margin: 0px 2px 0 0;}
.progress{ background-color: #000000;}
.progress-bar{ font-size: .75em; line-height: 1.3em; padding-top: 3px; color: #00300a;}
.message{ font-size: .9em; padding: 2px 8px 10px 35px;}
.message:before{ top: 0;}
.signature img{ max-width: 70px; margin-top: 4px;}

.opbox1 .tital{ font-size: 1.1em; margin: 0 30px 10px;}
.opbox1 .tital br{ display:none;}
.opbox1{ padding: 15px 20px 20px;}
.controls input.form-control1{ width: 95%; margin: 0 1px 8px;}
.videoB{ padding-bottom: 0;}

.trainingTimes{ padding: 20px 0;}
.trainingTimes .boxR{ max-width: 320px;}
.trainingTimes .book{ max-width: 180px; left: -40px;}
.trainingTimes .book img.m1{ width: 80%;}
.trainingTimes .book .tital{ font-size: 1em;}
.trainingTimes .book .tital:before{ right:-20px;}

.boxbg.b4{ padding: 30px 0 1px;	}
.boxbg.pa2{ padding: 1px 0 30px;}
.boxbg.pa3{ padding: 1px 0 40px;}
.boxbg.pa4{ padding: 135px 0 40px;}
.boxbg.pa5{ padding: 40px 0 30px;}
#middle h1{ font-size: 1.5em; line-height: 1.2em; margin: 0 0 16px;}
#middle h1.mob1{ font-size: 2.2em;}
#middle h1 .ST1{ margin-bottom: 0;}
#middle h1.fs1{ font-size: 1.2em; padding: 0 ;}
.connect-experts1 .head-box h1{ margin: 0 0 10px !important;}
.connect-experts1 .head-box .subT1{ font-size: 1em;}
.boxbg.b3{ padding: 25px 0;}
.connect-experts1 .qa{ padding: 75px 12px 18px;}
#footer a{ line-height: 2em;}
#footer{ font-size: .75em; padding: 40px 20px;}
.subT1{ margin: 0 12px 20px; font-size: 1em;}
.courses-box h3{ font-size: 1.2em;}

.WBox{ padding: 15px 20px;}
.WBox .midspes{ margin: 0 -20px 25px;}
.marker{ --bg-height: 6%; padding-bottom: 3px;}
.circle-wrapper{ width: 170px;}
.three-box .itemB{ width: 94%;}
.three-box .itemB h3{ font-size: 1.25em; padding: 10px 0 12px;}
.three-box .itemB .IMB img{ width: 93%;}
.three-box .itemB .list ul{ margin: 0 20px; padding: 0px 0;}
.three-box .itemB .list ul li{ font-size: 1.2em; margin: 0 0 10px; padding-bottom: 10px;}
.button a, .button button{ font-size: 1.35em; padding: 14px 20px 16px;}
.button.t1 a{ font-size: 1.2em; padding: 14px 13px 16px;} 
.column1 .name{ font-size: 1.5em;}
.bonushed{ max-width: 280px; font-size: 1.7em; margin: -29px auto 35px;}

.subtitle{ margin: -52px -20px 35px;}
.mid-con-box{ margin: 120px -20px 0; padding: 1px 20px 60px;}
.Dbox{ padding: 0 20px; margin-bottom:18px;}
.Dbox .title{ font-size: 1.3em; margin: 0 -20px 30px;}
.Dbox .title span.t1{ max-width: 150px; padding: 4px 10px 5px; border-radius: 0 0px 10px 10px;}
.Dbox .title span.t1 i{ padding: 10px;}

.tophead{ padding: 15px 20px 95px;}
#header .tophead h2.sub{ margin: 0 20px 10px;}
.three-box1{ margin-bottom: 0px;}
.three-box1 .itemB{ min-height: inherit; max-width: 310px; padding: 30px 40px;}
.list ul.col{ columns: 1; -webkit-columns: 1; -moz-columns: 1; margin: 25px 30px 20px;}
.empowers-box ul li{ width: 88%;}
.empowers-box{ margin: 30px 0 -130px;}
.more1 .t1{ padding: 8px 0 0; display: block;}
ol {margin: 0 0 10px 10px;}
.list ul{ margin: 0 0 20px;}
.list ul.tm{ margin: 0 5px 25px;}
.contentbox{ width: 94%;}
.boxbg{ padding: 25px 0 30px;}
.experts-box .headT span{ font-size: .95em;}
.experts-box .headT:after{ width: 90%; top: 16px;}
.experts-box .imgB{ max-width: 90px;}
.experts-box .imgB span{ line-height: 1em;}
.experts-box .imgB img{ max-width: 86px; border: 6px solid rgba(0, 0, 0, 0.1);}
.pwr-ply .imgB{ max-width: 146px; margin: 0 4px 15px;}
.pwr-ply .imgB img{ max-width: 130px;}
.pwr-ply .imgB span{ font-size: .9em; padding: 8px 0 5px;} 
.pwr-ply .WBox{ padding: 20px 0;}
.pwr-ply .sub-t{ font-size: 1.4em;}

footer .ftabt, footer .ftsupp, footer .ftlegal{ float:none; max-width:none; margin:0 0 15px; }
.ftlogo{ text-align:left; }
footer ul li{ margin: 0 8px 8px 0; display: inline-block;}
#middle h2{
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0 0 10px;
}
}

@media(max-width:393px) { /*360*/
.prehead{ font-size: .75em; width: 145px;}
#header h1{ font-size: .85em;}
#header h2.sub{ font-size: 1.5em; margin: 0 10px 12px;}
#header h3{ font-size: .7em; max-width: 315px;}
.teb ul li{ font-size: .65em;}
.opbox1 .tital{ font-size: 1em; margin: 0 20px 10px;}
.subT1{ font-size: .9em; margin: 0 12px 15px;}
.connect-experts1 .head-box{ padding: 25px 15px 30px;}
.connect-experts1 .head-box h1{ font-size: 1.3em !important; margin: 0 0 10px !important;}
.connect-experts1 .head-box .subT1{ margin: 0 0px 15px; width: 93%; font-size: .9em;}
.connect-experts1 .qa{ padding: 75px 7px 18px;}
.connect-experts1 .qa.maxW1{ padding: 75px 15px 18px;}
.courses-box ul li{ max-width: 318px;}
.three-box .itemB{ max-width: 315px; }
.three-box .itemB p{ font-size: 1em;}
.three-box .itemB .IMB img{ width: 90%;}
.three-box .itemB h4{ font-size: 1.1em;}
.trainingTimes .book{ left: -10px; max-width: 165px;}
.boxbg.b2{ padding: 22px 0;}
#middle h1{ font-size: 1.35em;}
#middle h1.mob1{ font-size: 1.8em;}
#middle h1.fs1{ font-size: 1.1em;}
.WBox{ padding: 20px 20px;}
.WBox .midspes{ margin: 0 -20px 25px;}
.circle-wrapper{ width: 148px; padding: 18px 6px 15px;}
.icon{ top: 42px;}
.but a{ font-size: .7em;}
.circle-wrapper .title{ font-size: 1.8em;}
.button a, .button button{ font-size: 1.25em; padding: 14px 13px 16px;}
.button.t1 a{ font-size: 1.1em; padding: 14px 10px 16px;} 
.WBox h3{ font-size: 1.1em;}
.experts-box .headT span{ font-size: .85em;}
.experts-box .imgB{ max-width: 80px;}
.experts-box .imgB img{ max-width: 76px; border: 5px solid rgba(0, 0, 0, 0.1);}
.pwr-ply .imgB{ max-width: 134px; margin: 0 2px 20px;}
.pwr-ply .sub-t{ font-size: 1.3em;}
.message{ font-size: .85em; padding: 2px 0px 10px 40px;}

#header .tophead h1{ margin: 0 0 10px;}
#header .tophead h2.sub{ margin: 0 10px 10px;}
}

@media(max-width:375px) {
#header h2.sub{ font-size: 1.4em; }
}