

@media(max-width:1600px) {

.boxbg.cb5:after{ width: 380px; height: 720px; right:0;}
#header .down-arrow{ margin-bottom: -2px;}

.floating-box.stuck{ max-width: 200px; margin: 0 0 0 1050px; border: solid 8px rgb(122 118 118 / 15%)}
.floating-box h3{ font-size: 1.6em; }
.floating-box h3 span{ display:block; text-transform:uppercase;}
.floating-box h3:after{ border-width: 8px; margin-left: -10px;}
.floating-box img{ margin:0 0;}

}

@media(max-width:1366px) {
.con-box1{ max-width: 618px; margin: 40px 12px;}
.boxbg.cb3{ background: url(../img/anik-bg.jpg) no-repeat left top #090c24; background-size: cover;}
.boxbg.cb5::after{ width: 240px;}
.headbox h1{ font-size: 2.0em;}
.sidebar { width:170px; font-size:.85em; }
.mxW1 { max-width:1200px; margin:0; }
.con-box.paL { float: right; max-width: 800px; }
.ep-box.top ul li { margin:0 0 10px; }
.floating-box.stuck{ display:none;}
.contentbox{ display:none;}
}

@media(max-width:1279px) { /*1200px*/
.headbox h1{ font-size: 2.0em;}
.boxbg.cb3{ background-size: auto;}
.con-box1{ max-width: 540px; margin: 25px 10px;}
.con-box1 .leftB{ float: none; margin: 0 auto 20px;}
.con-box1 .rightB{ max-width: none;} 
.footer .container{ width: auto;}
.boxbg.cb5:after{ width: 234px;}
.button a{ font-size: 1.3em;}
.button a:before, .button a:after{ top: 9px;}
.button a.n1:before, .button a.n1:after{ top: 9px;}
.con-box.paL{ max-width: 820px;}
.mxW1{ width: 96%;}
.con-box.paL { max-width: 750px; }
.ep-box.top ul li { width: 190px; }
.column1 { max-width: 300px; margin:0 0 10px; }
.column1 .dis { min-height: 300px; }
}

@media(max-width:1150px) {
body { font-size: 1.15em !important; }
.sidebar{ display:none; }

.speaker ul li { width: 220px; padding: 0px 5px 20px; margin: 0 0px 10px; }
.list ul li { font-size: .95em; }
.topbar .wrap{ width: 100%;}
.topnave ul li{ padding: 0 8px 0 0;}

.linkT a{ padding: 7px 10px;}
#header{ background-attachment: initial;}
#header .down-arrow{ padding: 100px 0 60px;}

.headbox h2.pre{ font-size: 1em;}
.LClogo{ max-width: 220px;}
.ep-box ul li{ margin: 0 6px 14px; width: 270px;}
.list2 ul li{ width: 36%;}
.ep-box.top ul li { width: 200px; margin: 0 0 14px; padding: 20px 3px; }
.column1 .dis { min-height: 240px; }
.colicons .col-3 {  max-width: 235px; }
.ticketB, .ticketB.disebled, .ticketB.disebled.D3{ max-width: 314px; }
.list2 ul li:last-child{ width: 46%;}
.con-box1{ max-width: 470px;}
.list3 ul{ max-width: 90%; margin: 0 auto;}
.con-box.tx3{ margin-left: 20px; max-width: 780px;}
.boxbg.cb5:after{ width: 200px;}
.qa, .qa:last-child{ max-width: 90%; margin: 0 auto 20px;}
.pointer{ padding-left: 100px;}
.pointer:before{ left: -10px; }
.conicon{ max-width: 269px;}
.con-box.paL{ max-width: 650px; padding:20px;}
#middle h1{ font-size: 1.5em;}
#middle h1.fts1{ font-size: 1.4em;}
#middle h1.sub{ font-size: 1.3em;}
.stepbox{ width: 100%; }
.boxbg.bg4{ background-size: cover; padding: 28px 0 34px;}
.stepbox.maxW .desB{ max-width: 100%;}
.date{ font-size: 1.2em;}

.ticketB{ margin: 0 4px 50px;}
.speakers .img-box{ max-width: 176px; margin: 0 7px 20px;}
.v-box{ width: 302px;}
.Ditem{ margin: 0 4px 16px;}
.ep-box .name{ font-size: 1em;}
#middle p.knstxt { padding-right:150px; }
.spB .imgB { max-width: 170px; }
.spB .imgB br{ display:none; }

.Dbox{ width: 96%;}
.Dbox .title.t1{ padding: 16px 10px 16px 226px;  font-size:1.3em;}
.Dbox .title { padding: 16px 10px 16px 230px; font-size:1.3em; }
.Dbox .title span.t1::after{ display: none;}
.Dbox .title span.t1{ margin: 0 10px 0 -10px; padding: 18px 20px 19px 70px; border-radius: 10px 0 0 10px;}
.Dbox .title span.t1 span{ font-size: .6em; letter-spacing: normal;}
.Dbox .title span.t1 i{ top: 19px; left: 12px;}
.keynotespk img{ max-width: 277px;}
}

@media(max-width:992px) {
.seen-logo li img{ height: 40px;}
.seen-logo{ padding: 24px 0 18px;}
.topnave ul li a{ font-size: .7em;}


.con-box{ width: 96%;}
.list2 ul li{ width: 38%;}
.con-box1{ max-width: none; width: 95%;}
.con-box1.minH1{ min-height: initial;}
.con-box.tx3{ max-width: 78%;}

#middle h1{ font-size: 1.6em;}
#middle h1.sub{ font-size: 1.4em; margin: 0 0 12px;}

.stepbox .imgB.aro:after{ display:none;}
.stepbox .desB{ float: none; margin: 0 auto;}
.stepbox.RB .desB{ float: none;}
.stepbox{ margin: 0 auto 30px;}

.spB{ width: 100%;}
.conicon1{ display:block; max-width: 230px;}
.conicon{ display:none;}
.con-box.paL{ max-width: none; float: none; padding: 30px 30px;}
h4.btnh4{ font-size: 1.1em;}
.speaker ul li { width: 210px; padding: 0px 2px; margin: 0;}
.speaker .name { font-size: .7em; }
.colicons .col-3 { max-width: 190px; }
.ticketB, .ticketB.disebled, .ticketB.disebled.D3 { max-width: 350px; }
.ticketB .pricing-btn a { font-size: 1.4em; }
.speakers ul li { width: 160px; margin: 5px 2px;}
.v-box {  width: 250px; }
.ep-box ul li{  width: 240px;}
.topnave ul li ul{ top:15px; }
.button.arrow{ max-width: 640px;}
.button.arrow:before, .button.arrow:after{ top: 25px; width: 60px; height: 40px;}
.button a, .button button{ padding: 15px 30px 13px!important;}
.boxbg{ padding: 35px 0;}
.boxbg.bg1{ padding: 30px 0 30px;}
.boxbg.bg9{ padding: 35px 0 45px;}
.column1{ max-width: 290px;}
.Dbox{ width: 97%; margin: 0 auto 35px;}
.keynotespk{ top: 3px;}
.keynotespk img{ max-width: 230px;}
.spB .desB{ max-width: 640px;}
.spB .imgB img{ max-width: 130px; border: 10px solid rgba(0, 0, 0, 0.06);}
.closeB .headT{ font-size: 1.8em;}
.closeB .headT1{ font-size: 1.1em;}
.qaBox{ width: 92%;}
}


@media(max-width:800px) { /*600px*/
.logo{ max-width: 150px; position: relative; top: 0px; left: 6px;}
.speaker ul li { width: 230px; padding: 5px 2px;}
#header .down-arrow{ padding: 95px 0 40px;}
.topbar{ padding: 6px 0;}
.topnave{ text-align: center;}
.linkT a{ padding: 4px 12px; position: absolute; top: 5px; right: 5px;}
.topnave ul li{ padding: 0 4px 0 0;}
/*.topnave ul li a{ font-size: .6em;}*/
.linkT a{ padding: 6px 12px;}
.headbox h1 br{ display: none;}
.headbox h1{ font-size: 2.2em; line-height: 1.15em;}
.headbox h1 span.t1{ font-size: .5em; padding: 10px 10px 0;}
h4.btnh4{ font-size: 1.1em;}


.timerbox{ width:96%; max-width: 400px;}
.boxbg{ padding: 30px 0 40px;}
.con-box{ width: 94%;}
.ep-box{ margin: -10px auto 0;}
.ep-box ul li{ width: 210px; margin:  0 2px 20px; min-height: initial;}
.ep-box ul li:last-child{ width: 90%; max-width: 442px; margin:0;}
.ep-box ul li img{ max-width: 120px; margin: 16px auto 10px;}
.ep-box .name{ font-size: 1.1em;}

.ep-box.spon{ margin: 0px auto 20px;}
.ep-box.spon ul li{ width: 230px; margin: 5px 2px;}
.ep-box.spon ul li:last-child{ width: 230px; max-width: none; margin: 5px 2px;}

#middle h1{ font-size: 1.3em; padding: 0 10px; margin: 0 0 15px;}
#middle h1.fts1{ font-size: 1.2em;}
#middle h1.fts1 span{ font-size: 1em;}
.divider{ margin: 0 auto 21px;}
.RImg{ max-width: 190px; float: none; margin: 0 auto 10px;}
.column1{ max-width: none; width: 94%; margin: 15px 0;}
.column1 .dis{ min-height: inherit;}
.con-box.innbg{ padding: 18px;}
.stepbox .desB{ padding: 0 15px 15px;}
.stepbox .title{ margin: 0 -15px 30px;}
.date{ width: 300px; margin: 0 auto 10px;}


.list2 ul li{ width: 96%; margin: 0 auto 20px; display: block; padding: 15px 15px 15px 50px;}
.list2 ul li:last-child{ width: 96%; margin: 0 auto;}
.list2 ul li span.no, .list1 ul li span.no{ left: -5px; top: 5px; font-size: 1.2em; line-height: 40px; width: 40px; height: 40px; box-shadow: 0 0 0 5px rgba(0, 60, 113, 0.1);}
.list1 ul{ margin: 0 0 20px 10px;}
.list1 ul li{ padding: 0 0 20px 56px; margin: 0 0 25px; }
.boxbg.cb6{ padding: 40px 0 60px;}
#middle h1 br{ display: none;}
.list ul.right{ float:none;}
.iconimg, .iconimg.rht{ float:none; margin: 0 auto 20px!important;}
.iconimg.mr{ float:none; margin:-20px auto 20px;}
.con-box1{ width: 92%; margin: 0 auto 0; font-size: 1.2em;}
.boxbg.cb5:after{ position: relative; display: block; margin: 22px auto 0; width: 250px; height: 290px; margin: 0 auto; bottom: -50px;}
.button a{ font-size: 1.1em;}
.button a:before, .button a:after{ display:none;}
.button a.n1:before, .button a.n1:after{ display:none;}
.headbox h2.pre{ font-size: .9em;}

.con-box.Wb{ padding: 20px 25px;}
.con-box.tx3{ max-width: none; margin: 0 auto;}
.con-box.paL{ padding: 10px 16px; width: 96%;}
.qa, .qa:last-child, .list3 ul{ max-width: 98%;}
.qa span.no, .list3 ul li span.no{ left: -5px; top: 15px; font-size: 1.2em; line-height: 40px; width: 40px; height: 40px; border-radius: 0; box-shadow: 0 0 0 5px rgba(0, 60, 113, 0.1);}
.ep-box.mid1 ul li.first .left{ max-width: 160px;}
.ep-box.mid1 ul li.first img{ border: 8px solid rgba(255, 255, 255, 0.1);}
.ep-box.mid1 .dis{ padding: 10px 10px 10px;}
.ep-box.mid1 ul li{ width: 280px;}
.ep-box.mid1 ul li.first .name{ font-size: 1em; margin: 0px 0 0;}
#middle h1.sub{ font-size: 1em; margin: 0 0 10px;}
.eb-banner{ padding-bottom:10px; margin-top:-10px;}
.date{ font-size: .9em;}


.stepbox .imgB{ float: none; margin: 0 auto 15px;}
.stepbox.RB .imgB{ float: none;}
.stepbox .title{ font-size: 1.35em; text-align:center; padding-top:15px; margin-top:15px; margin-bottom: 12px; padding-bottom:10px; }
.stepbox .title span { margin: -35px auto 5px; padding: 5px 18px; max-width: 150px; width: 100%; display:block; border-radius:25px; font-size: .75em;}
.stepbox .title span::after{ display:none;}
.stepbox .imgB img{ float: none;}

.keynotespk { position: inherit; right: auto; top:-10px; text-align:center; margin-bottom:15px;}
.spB .imgB { float: none; width: 100%; max-width: 200px; text-align: center; margin:0 auto;}
.spB .nom span:after{ display:none;}
.spB .nom span{ background: #fc8a6c; padding: 6px 15px 4px;}
.spB .nom{ top: -18px; left: 0; right: 0; text-align: center; color: #ffffff;}
.spB .desB{ margin-top: 30px; padding: 30px 20px 18px; border-top: solid 1px #ffc9e4; border-left: none; box-shadow: 0 10px 2px rgb(0 62 140 / 2%)}

.Dbox{ width: 94%; margin: 60px auto; padding: 0 15px;}
.Dbox .title { padding: 1px 10px 16px 10px; margin: 0 -15px 30px; text-align: center;}
.Dbox .title span.t1 { margin: -40px auto 10px; padding: 12px 0px 12px 30px; position: inherit; border-radius:12px; 
display: block; max-width:250px; width:100%;}
.Dbox .title span.t1 i{ top: 13px;}
.Dbox .title.t1{ padding: 1px 10px 16px 10px;}
.subtitle{ font-size: 1.2em; line-height: 1.2em; margin: 20px 0 18px;}
.subtitle span{ padding: 10px 30px;}
.subtitle:after{ background-image: linear-gradient(90deg, #f5f5f5 0%, #d0c7d6 50%, #f5f5f5 100%);}
.closeB{ margin: 15px -15px 0;}
#middle h1.fts2.bg{ margin: 0 -15px 30px;}

.midspes{ height: 10px;}
.ticketB.disebled, .ticketB.disebled.D3 { padding: 50px 10px;}
#middle p.knstxt { padding-right: 0px;}
.HB-Bar{ height:50px!important; overflow:hidden!important; }
#hellobar-pusher{ height:50px!important;}
.button.arrow{ max-width: none;}
.button.arrow:before, .button.arrow:after{ display:none;}
.splhd ul li {
	width:360px; font-size:1.45em; line-height:1.25em; font-weight:700; color:#1c0949; margin-bottom:45px;
}
.splhd ul li span {
    width:60px;
    margin: -35px auto 10px;
    display: block;
    height: 60px;
    font-size: 1.25em;
}
.splhd ul li br{ display:none;}
.conimg { padding-bottom:15px;}
.headbox h1 span.t2 {
    font-size: .65em;
    background:none;
    padding:0 10px;
	line-height:normal;
    display: block;
}
.videoB{
	padding:10px 10px 20px;
}
.videoB .leftbox, .videoB .leftbox{
	float:none;
	margin:0 auto 10px;
}
}


@media(max-width:480px) {
body{ font-size: 1.1em !important;}
.mxW1{ width: 100%;}
.headbox h2.pre{ margin: 0 10px 10px;}
#header .down-arrow{ padding: 90px 0 20px;}
.conicon1{ float:none; margin:0 auto; text-align:center; }
.colicons .col-3 { width:90%; max-width: none; flex:none; margin:0 auto 10px;}

.speakers ul li { width: 160px; }
.speaker ul li{ width: 180px; }
.speaker .name span .c1{ display: block;}

.fs1 { font-size: 1.2em; padding:10px 0; }
.cb1{ padding:10px; box-shadow:none; margin:0 0 15px;}
.boxbg{ padding: 25px 0 30px;}

.ep-box{ margin: 0 auto 0;}
.ep-box ul li{ width: 165px;}
.ep-box ul li:last-child{ max-width: 360px;}
.ep-box .dis{ font-size: .75em; line-height: 1.45em; font-weight: 500;}
.ep-box .name{ font-size: .9em;}
.ep-box.spon ul li,.ep-box.spon ul li:last-child{ width: 184px;}
.ep-box.spon .dis br{ display:none;}
.con-box1{ font-size: 1.1em;}
.footer{ padding: 25px 20px 30px;}

.linkT a{ padding: 4px 12px; position: absolute; top: 3px; right:10px;}
.pre-head{ font-size: .7em;}
.headbox h1{ font-size: 1.5em; line-height: 1.2em; margin: 0 0 25px;}
.headbox h1 span.t1{ font-size: .55em; padding: 10px 20px 0;}
.headbox h1 span.t2{ padding: 0 30px 10px;}
h4.btnh4.t1{ font-size: .9em;}
h4.btnh4{ width: 330px; margin: 20px auto 15px; line-height: 1.35em;}
#middle h1 span.t1{ font-size: 1.1em;}
#middle h1{ font-size: 1.3em;}
.column1 .dis{ font-size: .8em;}
.Dbox .title,.Dbox .title.t1{ font-size: 1.1em;}
.Dbox .title span.t1{ margin: -34px auto 10px; padding: 12px 0px 12px 50px; max-width: 190px; border-radius: 6px;}

.button a, .button button{ width: 350px; font-size: 1.1em; padding: 15px 8px 13px!important;}
.button a span, .button button span { font-size: .9em; }

.timerbox{ max-width: 300px;}
.timer h3{ font-size: .75em;}

.LClogo{ max-width: 180px; margin: 0 auto 20px;}

.list3 ul li span.imgC{ float: none; margin: 0 auto 10px; max-width: 150px; display: block; margin: 0 auto 10px;}
.list3 ul li{ padding: 16px;}
.iconimg{ max-width: 180px;}

.v-box{ min-height: inherit; width: 96%; margin: 10px 0;}

.pointer{ padding-left: 70px;}
.pointer:before{ width: 70px; height: 47px; }
.ep-box.mid1 ul li.first .left{ float: none; margin: 0 auto;}
.ep-box.mid1 ul li.first .name{ text-align: center;}
.ep-box.mid1 .dis{ padding: 10px 6px 6px;}
.ep-box.mid1 ul li{ width: 86%;}
.ep-box.mid1 .name{ font-size: 1em;}
.ep-box.mid1 .name span{ font-size: .75em;}
.MImg.maxW2{ margin-top: 0px;}
.con-box1 p{ line-height: 1.4em!important;}
.speakers .title { font-size: 1.1em; }
.splhd ul li{ font-size: 1.3em;}
.splhd ul li:last-child{ margin-bottom: 0;}
.splhd{ margin-bottom: 20px;}
}



@media(max-width:393px) {
.headbox h1 span.t1{ font-size: .5em;}
.headbox h1 { font-size: 1.3em; line-height: 1.25em;}
.speaker ul li{ width: 156px;}
.button a, .button button{ width: 290px; font-size: .9em;}
.ep-box ul li{ width: 140px;}
.ep-box .name{ font-size: .8em;}
.ep-box ul li:last-child{ max-width: 320px;}
.ep-box.spon ul li,.ep-box.spon ul li:last-child{ width: 157px;}
.ep-box .dis{ font-size: .6em; min-height: 53px;}
.ep-box.spon .name{ min-height: 42px;}
.splhd ul li{ width: 320px;}
}


