@media only screen and (min-width: 320px) and (max-width: 1023px){
  .featured-banner{background: transparent;}
  .featured-banner .featured-content .mainimg{width: 280px;}
  .featured-banner .featured-content h1{font-size: 2.3rem;}
  .overview-col .service-inner{flex-direction: column;}
  .overview-col .service-inner .right-col{width: 100%;}
  .overview-col .service-inner .left-col{width: 100%; margin-top: 30px;}
  .attend-col .attend-list li{width: 100%; margin-right: 0;}
  .attend-col .bottom-col{text-align: left;}
  .speaker-col h2{width: 100%;}
  .speaker-col .speaker-list li{width: 100%; margin-right: 0;}
  .agenda-col .tab-bottom .tab-inner{width: 100%; margin-right: 0; margin-bottom: 25px;}
  .agenda-col .tab-top .tabclick{width: 100%; margin-bottom: 10px;}
  .faq-col h2{font-size: 2.5rem; width: 100%;}
  .involved-col .involved-inner p{width: 90%;}
  footer .left-col{width: 100%;}
  footer .right-col{width: 100%; text-align: left;}
}
@media only screen and (min-width: 320px) and (max-width: 767px){
  .featured-banner .featured-content .sponsor{margin-top: 80px;}
  .speaker-col .speaker-list li .detail-popup{width: 96%; left:2%; top: 2%; padding: 40px 20px 80px; max-width: none; margin: 0;}
  .speaker-col .speaker-list li .detail-popup .detail-inner{float:left; width:100%; height: 700px; overflow-y: auto;}
  .speaker-col .speaker-list li .detail-popup figure{width: 100%; margin-bottom: 20px;}
  .speaker-col .speaker-list li .detail-popup .right-col{width: 100%;}
  .speaker-col .speaker-list li .detail-popup .right-col h2{width: 100%;}
  .speaker-col .speaker-list li .detail-popup .right-col .closebtn{display: none;}
  .speaker-col .speaker-list li .detail-popup .right-col .content{height: auto;}
  .speaker-col .speaker-list li .detail-popup .closebtn.mobile{display: block; width: 24px; height: 24px; cursor: pointer; float: right; margin: -20px 0 20px;}
  .speaker-col .speaker-list li .detail-popup .closebtn.mobile img{width: 100%; height: auto;}
  .involved-col .involved-inner .btn{width:100%; margin-bottom: 20px;}
}
@media only screen and (min-width: 320px) and (max-width: 991px){
  #header .apply-btn{display: none;}
  #header .primary-menu-wrapper{margin-left: auto; margin-right: 8%; margin-top: -10px;}
  #header .primary-menu-wrapper .navbar-toggler-icon {display: block; float: right; width: 30px; position: relative; font-size: 30px; color: #fff; float: right; margin-top: 10px;}
  #header .primary-menu-wrapper .navbar-toggler-icon::before {content: "\f7a4"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
  #header .primary-menu-wrapper .navbar-toggler-icon.active::before {content: '\f00d';}
  #header .primary-menu-wrapper .menu-wrapper {padding: 50px 10%; position: absolute; right: 0; top: 64px; height: 93vh; background-color: #fff; overflow-y: auto; display: none;}
  #header .primary-menu-wrapper .menu-wrapper li {width: 100%; margin-bottom: 40px; padding-bottom: 0; margin-right: 0;}
  #header .primary-menu-wrapper .menu-wrapper li a{color: #27292D;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
  .speaker-col h2{width: 56%;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
  .featured-banner{background-position: 82% 100%;}
  .overview-col .service-inner .right-col:after{bottom:auto; top: 50%;}
  .speaker-col h2{width: 70%;}
  .speaker-col .speaker-list li .detail-popup{max-width: 750px; margin-left: -350px;}
  .faq-col h2{width: 70%;}
  footer .right-col{float:left; width: 100%; text-align: left;}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .speaker-col .speaker-list li .detail-popup{max-width: 910px; margin-left: -460px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1299px){
  .speaker-col .speaker-list li .detail-popup{max-width: 970px; margin-left: -485px;}
}