@media (max-width:720px) {
  .ctx-sec-header {
    max-height:unset;
  }
  .ctx-sec-header .ctx-header .logo-event {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 24px;
  }

  .ctx-sec-header .ctx-header .logo-event {
    max-width: 200px;
    height: auto;
  }
  .ctx-sec-header .ctx-header h1{
    font-size: 34px;
    line-height: 100%;
  }
  .ctx-sec-whyattend .sec-header{
    margin-bottom: 30px;
  }
  .ctx-sec-header .ctx-header .logo-event .event-details {
    border:none;
    margin: 0;
    padding: 0;
  }
  .ctx-sec-header .ctx-sec-nav .ctx-brand .logo-lenovo {
    height: auto;
    width: auto;
  }
  
  
  .ctx-sec-contest{
        border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow-x: hidden; ;
  }

  .ctx-sec-contest nav{
     overflow-x: auto;
     white-space: nowrap;

/*     border-bottom: 2px solid #000000;*/
   } 

    .ctx-sec-contest .nav-tabs{
      display: inline-block;
      position: relative;
    }

  .ctx-sec-contest .nav-tabs .nav-link{
    padding:10px 10px;
    display: inline-block;
       
        border-bottom-left-radius: 5px;
    border-bottom-right-radius:5px;
        text-decoration: none;
        margin-right: 5px;

  }

    .ctx-sec-contest .video-background::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 55%;
        background: linear-gradient(to top, black, transparent);
        z-index: 1;
    }
  .ctx-sec-contest .video-background::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: linear-gradient(to bottom, black, transparent);
        z-index: 1;
    }
  .ctx-sec-prizes{
    margin-top:0px;
    border-bottom-right-radius: 0px;

  }

  .ctx-sec-eventDetail .simple-way{
    margin-top:-125px;
  }

  .ctx-sec-eventDetail .simple-way .detail img{
      min-width: 50px;
  }

    .ctx-sec-contest .video-background{
              height: 30%;
        width: calc(100% + 20%);
        position: relative;
        margin-left: -10%;
    }
  .ctx-sec-contest video{
    border-radius: 0;
  }

  .ctx-sec-contest .content-detail{
    padding-top: 50px;
    
  }
  
  .ctx-sec-spacer{
        margin-top: -22px;
  }

.ctx-sec-eventDetail .date-detail{
  font-size: 30px;
  line-height: 110%;
}

.ctx-sec-eventDetail .countdown-part {
  font-size: 22px;
}

.ctx-sec-contest.slider{
  background-size: 100%;
}
.ctx-sec-contest .content-detail-slider{
  padding-top: 45px;
}

.ctx-sec-contest .product-slider .ctx-sec-inner{
  min-height: 360px;
/*  min-width: 95%;*/
    min-width: 100%;
  border-radius: 10px;
}


.ctx-sec-contest .content-detail-term{
  padding-top: 45px;
}

.ctx-sec-contest.term{
  background-size: 100%;
}
  .ctx-section .ctx-sec-header,
  .ctx-section .sec-header .header-title,
  .ctx-section .sec-header .header-desc {
    text-align: center;
  }
  
  .ctx-sec-event-details .bg-events {
    padding:50px 0;
  }
  .ctx-sec-event-details .bg-events .sec-content {
    flex-direction: column;
    align-items: flex-start;
    margin-top:30px;
    padding-left: 10%;
  }
  .ctx-sec-event-details .bg-events .sec-content .event-details {
    margin:0 0 25px;
  }
  .ctx-sec-event-details .bg-events .sec-content .event-details:last-child {
    margin-bottom: 0;
  }
  
  
  .ctx-sec-prizes .countdown-part{
    font-size: 28px;
  }
  .ctx-sec-footer .logo-event .logo-evolve img {
    width: auto;
  }
  .ctx-sec-footer .logo-event .logo-utpop img {
    width: auto;
  }

  .ctx-sec-register{
    background-image: none;
  }

 #mktoContainer{
    padding-right: 0;
  }
}
@media (min-width:768px) and (max-width:1023px) {
    
    .ctx-sec-header{
     
    }


    .ctx-sec-contest .video-background{
      height: 30%;
      width: 100%;
    }
  .ctx-sec-contest video{
    border-radius: 0;
  }

  .ctx-sec-prizes{
    margin-top:0px;
    border-bottom-right-radius: 0px;

  }

    .ctx-sec-eventDetail .simple-way .detail{
      min-width: 200px;
    }
  .ctx-sec-contest .content-detail-slider{
  padding-top: 45px;
}

    .ctx-sec-spacer{margin-top: -22px;}

      .ctx-sec-contest{
        border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

    .ctx-sec-contest nav{
     overflow-x: auto;
     white-space: nowrap;
/*     border-bottom: 2px solid #000000;*/
   } 

    .ctx-sec-contest .nav-tabs{
      display: inline-block;
      position: relative;
    }

  .ctx-sec-contest .nav-tabs .nav-link{
    padding:10px 10px;
    display: inline-block;
       
        border-bottom-left-radius: 5px;
    border-bottom-right-radius:5px;
        text-decoration: none;
        margin-right: 5px;

  }


.ctx-sec-contest .content-detail-term{
  padding-top: 45px;
}

  .ctx-sec-contest .video-background::before{
    content: '';
    position: absolute;
    top: 86px;
    left: 0;
    width: 100%;
    height: 66%;
    background: linear-gradient(to top, rgb(0 0 0), transparent);
    z-index: 1;
  }

  .ctx-sec-eventDetail .simple-way{
    margin-top:-110px;
  }

  .ctx-sec-header .ctx-sec-tagline .row {
    flex-direction: column;
  }
  .ctx-sec-header .ctx-sec-tagline .row .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ctx-sec-header .ctx-sec-tagline .ctx-main-kv {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .ctx-sec-header .ctx-main-kv .ctx-col-inner {
    width: 100% !important;
  }
  .ctx-sec-header .ctx-main-kv .ctx-col-inner picture {
    justify-content: flex-start;
  }
  .ctx-sec-header .ctx-main-kv .ctx-col-inner img {
    width: 75%;
    margin-left:13%;
  }

  .ctx-sec-contest .product-slider .ctx-sec-inner{
    min-width: 208px;
  }
  

}
@media (max-width: 1023px) {
  
  
  .ctx-sec-footer p {
    font-size: 11px;
    line-height: 150%;
  }
  .ctx-sec-footer .logo-event {
    flex-direction: column;
  }
  .ctx-sec-footer .logo-event .logo-utpop {
    border-left: none !important;
    margin-top:20px;
    margin-bottom: 10px;
    margin-left:0 !important;
    padding-left:0 !important;
  }
  .ctx-sec-footer .ctx-colophon {
    justify-content: flex-start !important;
    margin-top:16px;
  }
  .ctx-sec-footer .ctx-colophon p {
    font-size: 14px !important;
  }
  .ctx-sec-footer .ctx-colophon .ctx-socials li a,
  .ctx-sec-footer .ctx-colophon .ctx-socials li {
    width: 24px;
    height: 24px;
  }
}
@media (min-width:1500px) {
  

}
@media (min-width: 728px) {
  #whyattend .container {
    padding-bottom: 30px;
  }
  .ctx-colophon .ctx-socials {
    margin-bottom: 0;
  }
  .ctx-sec-header {
    
  }
  .ctx-sec-header .ctx-main-kv .ctx-col-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
  }
  .ctx-sec-tagline.scroll .ctx-header {
    padding-top:130px ;
  }
}
@media (min-width: 992px) {
  body {
    font-size: 16px;
    line-height: 150%;
  }
  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 42px;
  }
  h3 {
    font-size: 32px;
  }


 
  .scroll-shortcut {
    display: block;
  }
  .ctx-sec-header .ctx-main-kv .ctx-col-inner img.d-mobile {
    display: none;
  }
  .ctx-sec-header .ctx-main-kv .ctx-col-inner img.d-desktop {
    display: block;
  }


}
@media (min-width: 1200px) {
  .ctx-nav {
    display: block;
  }
  .ctx-icon-hamburger {
    display: none !important;
  }
  .ctx-sec-header .scroll-shortcut {
    bottom: 30px;
  }
  .ctx-sec-header .logo-event img {
    height: 54px;
    width: auto;
  }
  

}