zz@media screen and (max-width:1200px) {
  .bannermainarea {
    display: block;
  }

  .bannermainarea img {
    display: block;
  }
}

@media screen and (max-width: 1100px) {
  .support_person_2 {
    display: none;
  }

  .aboutus {
    float: left;
    margin-right: auto;
    padding-right: 0;
  }

  /*projects*/
  .projects h2.title {
    display: none;
  }

  /*projects*/
}

@media screen and (max-width:1070px) {
  .seminarHallPopUp p.setasAvailable {
    background-color: #0575E6;
    color: #FFF;
    position: fixed;
    top: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    right: 0;
    left: 0;
  }

  .seminarHallPopUp .seminarHallBox {
    width: 100% !important;
    height: 100% !important;
    overflow: scroll !important;
  }

  .plans, .seats {
    width: 1024px !important;
  }

  .ticketBody {
    position: relative !important;
    width: 85% !important;
    left: 0;
    margin: auto;
  }

  .ticketBody .container {
    padding: 0 !important;
  }

  .ticketBody .ticketBox {
    display: block !important;
    top: 0 !important;
    position: relative !important;
    border-radius: 0 !important;
    padding-left: 25px !important;
  }

  .ticketBody .disnMobile {
    display: none !important;
  }

  .ticketBody .disnDesktop {
    display: block !important;
    width: 100% !important;
  }

  .ticketBox .seminarLogo {
    border-bottom: 2px dashed #d6cece;
    border-right: none !important;
    margin-bottom: 25px !important;
  }

  .ticketBox .ticketGrid:nth-child(1) {
    padding-bottom: 25px !important;
  }

  .ticketBox .ticketContent {
    width: 100% !important;
  }

  .ticketBox .ticketGrid {
    padding: 0 !important;
  }

  .ticketBox .seminarLogo::before, .ticketBox .seminarLogo::after {
    display: none !important;
  }

  .seminarHallPopUp .seminarHallBox {
    top: 0 !important;
  }
}

@media screen and (max-width:920px) {
  li.gl_menu_list_item {
    padding-left: 1em
  }

  .searcharea input[type=text] {
    width: 50%;
  }

  .yith-ajaxsearchform-container {
    width: 90%;
  }
}

@media screen and (max-width:768px) {
  .ticketBox .yourSeats {
    display: block !important;
  }

  .ticketBox .yourSeats .seatsTitle {
    text-align: center;
    padding: 10px;
  }

  #chooseSitButton {
    padding: 20px 10px !important;
  }

  .warranty .warrantyTitle span::after {
    bottom: 15px !important;
  }

  p {
    font-size: 17px !important;
  }

  .section {
    padding: 50px 0 !important;
    /* margin-bottom: 50px; */
    border-bottom: 1px solid #d6cece;
  }

  .section.firstSection {
    border-bottom: none;
    margin-bottom: none;
  }

  .firstSection .headerBgImage {
    margin-top: -165px !important;
  }

  /* header.bya-global-nav {
    background-color: #0088ff !important;
  } */
  .firstSection .mooreCircle {
    display: none;
  }

  .firstSection .moreCircle {
    top: -115px !important;
  }

  .counterBox .counter {
    border-left: none !important;
    border-bottom: 2px dashed #d6cece;
    margin-bottom: 25px;
    padding-bottom: 25px;
  }

  .counterBoxBody {
    margin-bottom: auto !important;
  }

  /* aboutus section */
  .section.aboutUs {
    margin-bottom: 50px !important;
  }

  .section.aboutUs .title, .section.aboutUs .content {
    text-align: center !important;
  }

  .aboutUs .questions {
    margin-bottom: 65px;
  }

  .aboutUs .buttonBody {
    float: none !important;
  }

  /* aboutus section */
  /* three reasons */
  .section.threeReasons {
    border-bottom: none;
  }

  .threeReasons .content .icon {
    height: 100px !important;
  }

  .threeReasons .content .icon svg {
    width: 100px !important;
  }

  .threeReasons .content .title h4 {
    font-size: 23px !important;
  }

  .threeReasons .content .title {
    margin-bottom: 20px !important;
  }

  .threeReasons .content p {
    font-size: 16px !important;
  }

  /* three reasons */
  /* main quote */
  .section.mainQuote {
    border-bottom: none;
    padding: 150px 0 !important;
  }

  .mainQuote .mainQuote .icon span {
    font-size: 35px !important;
  }

  .mainQuote .quoteTitle {
    font-size: 25px !important;
  }

  .mainQuote .quoteAuthor {
    font-size: 16px !important;
  }

  /* main quote */
  /* speakers section */
  .speakers .content .speakerRow, .speakers .content .speakerGrid {
    display: block !important;
  }

  .speakers .content .speakerGrid {
    margin-bottom: 105px;
  }

  .speakers .content .speakerRow:nth-child(1) .speakerGrid:nth-child(3) {
    margin-bottom: auto;
    display: none !important;
  }

  .speakers .content .speakerRow:nth-child(2) .speakerGrid {
    float: none;
    margin: auto;
  }

  .speakers .content .box .social {
    position: relative !important;
    opacity: 1 !important;
    padding: 5px !important;
    margin-top: 25px !important;
  }

  .speakers .content .box .social ul li {
    margin-left: 30px !important;
  }

  .speakers .content .box .social ul li:last-child {
    margin-left: auto !important;
  }

  /* speakers section */
  /* journey section */
  .section.journey {
    border-bottom: none;
    margin-bottom: auto;
    padding-bottom: 0 !important;
  }

  .section.journey .title {
    margin-bottom: 50px !important;
  }

  .section.journey .title h3 {
    font-size: 22px !important;
  }

  .journey .journeyClose .journeyTitle h4, .journey .journeyAccept .journeyTitle h4 {
    font-size: 23px !important;
  }

  .journey .journeyClose p, .journey .journeyAccept p {
    font-size: 23px !important;
  }

  .journey .journeyAccept .journeyTitle .icon, .journey .journeyClose .journeyTitle .icon {
    float: none !important;
    margin: auto !important;
    margin-bottom: 15px !important;
  }

  .journey .journeyClose .journeyTitle, .journey .journeyAccept .journeyTitle {
    text-align: center !important;
  }

  .journey .journeyClose .journeyTitle h4, .journey .journeyAccept .journeyTitle h4 {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  .journey .journeyClose p, .journey .journeyAccept p {
    font-size: 20px !important;
    text-align: center !important;
  }

  /* journey section */
  /* success section */
  .success .successRow {
    display: block !important;
  }

  .success .successRow:nth-child(1) .successBox {
    margin-bottom: 30px;
  }

  .success .successRow:nth-child(3) {
    margin-bottom: 50px !important;
  }

  .success .successRow:nth-child(3) .successGrid {
    float: none !important;
    margin: auto;
    display: block !important;
  }

  /* success section */
  /* logo news section */
  .section.logoNews {
    padding-bottom: 120px !important;
  }

  /* logo news section */
  /* section excuse */
  .section.excuse .title {
    margin-bottom: 60px !important;
  }

  .excuse .excuseRow .excuseItem {
    margin-bottom: 15px;
  }

  .excuse .excuseRow {
    margin-bottom: auto !important;
  }

  /* section excuse */
  /* registerForm */
  .section.registerForm .content .help {
    margin-bottom: 50px;
  }

  /* registerForm */
}

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

  /* select seat */
  .seminarHallBox {
    top: 0 !important;
    left: 0 !important;
  }

  header.bya-global-nav {
    background-color: #0088ff !important;
  }

  .menu-global {
    border-color: #FFF;
  }

  .bya-global-nav.stickyMenu .whiteBtn {
    background: #FFF !important;
    color: #0088ff !important;
  }

  .firstSection .headerDetail {
    padding-top: 50px !important;
  }

  .firstSection .headerDetail .seminarData {
    text-align: center !important;
  }

  .firstSection .headerDetail .seminarDateBody {
    border-bottom: 1px dashed #0088ff;
    text-align: center !important;
    padding-bottom: 5px !important;
  }

  .firstSection .headerDetail .seminarDate {
    border: none !important;
    margin: auto !important;
    float: none !important;
  }

  .firstSection .headerDetail .seminarDate .icon {
    display: inline-block !important;
    margin-left: 10px;
  }

  .firstSection .headerDetail .seminarDate .day, .firstSection .headerDetail .seminarDate .year {
    display: inline-block !important;
  }

  .firstSection .headerDetail .seminarDate .day {
    margin-left: 10px;
  }

  .firstSection .headerDetail .seminarDate .year {
    letter-spacing: normal !important;
  }

  .firstSection .headerDetail .seminarData .logo svg {
    width: 250px !important;
  }

  .firstSection .headerDetail .seminarData .slogan h2 span {
    font-size: 26px !important;
  }

  .counterBoxBody {
    margin-top: 60px !important;
  }

  .counterBoxBody .location {
    text-align: center;
  }

  .counterBox .counter .counterItem div {
    font-size: 21px !important;
  }

  .counterBox .counter .counterItem:first-child {
    padding-left: 0 !important;
  }

  .counterBox .counter .counterItem:last-child {
    padding-right: 0 !important;
  }

  .counterBox .ctaButtonsBody {
    text-align: center !important;
  }

  .counterBox .ctaButtonsBody span {
    float: none !important;
  }

  .counterBox {
    padding: 30px 10px !important;
  }

  .counterBox .ctaButtonsBody ul.ctaBtn li {
    margin-left: 10px !important;
  }

  /* aboutUs section */
  .section.aboutUs .content p {
    font-size: 16px !important;
  }

  .aboutUs .swiper-container {
    height: 350px !important;
  }

  .aboutUs .questions .circleBg {
    width: 350px !important;
    height: 350px !important;
  }

  .aboutUs .questions .anotherCircle {
    width: 250px !important;
    height: 250px !important;
  }

  .aboutUs .questions .quesBox {
    top: 120px !important;
    font-size: 15px !important;
    padding: 30px 10px !important;
  }

  .aboutUs .questions .quesBox .quoteIcon1 {
    right: 10px !important;
    top: 10px !important;
  }

  .aboutUs .questions .quesBox .quoteIcon2 {
    left: 10px !important;
    bottom: 10px !important;
  }

  .swiper-slide-prev .quesBox {
    top: 230px !important;
  }

  .swiper-slide-next .quesBox {
    top: 70px !important;
  }

  .section.aboutUs .content p:last-child {
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  /* aboutUs section */
  /* three reasons */
  .threeReasons .title {
    margin-bottom: 50px !important;
  }

  .threeReasons .threeReasonsGrid {
    margin-bottom: 80px !important;
  }

  .threeReasons .threeReasonsGrid:nth-child(3) {
    margin-bottom: auto !important;
  }

  /* three reasons */
  /* success section */
  .success .successRow:nth-child(1) .successGrid:nth-child(1) {
    margin-bottom: auto !important;
  }

  .success .successRow .successGrid {
    margin-bottom: 30px !important;
  }

  .success .successRow {
    margin-bottom: auto !important;
  }

  /* success section */
  /* logo news section */
  .logoNews .title {
    margin-bottom: 50px !important;
  }

  .logoNews .logoBox {
    margin-bottom: 30px !important;
  }

  .logoNews .content::after {
    display: none !important;
  }

  /* logo news section */
  /* excuse section */
  .section.excuse .title p {
    font-size: 15px !important;
  }

  /* excuse section */
  /* register section */
  .section.registerForm .formBox .formGroup.priceBox {
    padding: 15px 5px !important;
  }

  .section.registerForm .formBox {
    padding: 10px !important;
  }

  .section.registerForm .registerGrid {
    padding: 0 !important;
  }

  /* register section */
  /* ticket */
  .ticketBody {
    width: 100% !important;
  }

  .ticketBox .title h1 {
    font-size: 20px !important;
    margin-bottom: 15px !important;
  }

  .ticketBody .ticketBox {
    padding: 0 !important;
  }

  .ticketBox .ticketGrid:nth-child(1) {
    padding: 25px !important;
  }

  .ticketBox .seminarLogo {
    background-color: #0088ff !important;
    border-color: #FFF !important;
  }

  .ticketBox .seminarLogo svg path {
    fill: #FFF !important;
  }

  .ticketBox .ticketContent {
    padding: 25px !important;
    padding-top: 0 !important;
  }

  /* ticket */
}

@media screen and (max-width:375px) {
  .byaacademy .content, .byaacademy .blink_grid {
    padding: 0 !important;
  }

  /*footerarea*/
  .footerarea {
    padding: 4em 1em 0;
  }

  /*footerarea*/
}

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

  /*order_form*/
  .order_form .logo_left {
    display: none;
  }

  .order_form .title {
    display: block !important;
  }

  /*order_form*/
  /*testimonial*/
  .cus_testimonial .author {
    padding: 1em .5em 1em;
  }

  .testimonial .testimonial_item .testimonial_content {
    height: 400px;
  }

  /*testimonial*/
  /*footerarea*/
  .footerarea .content h2, .footerarea .content a.chatNow, .footerarea .content h2::before {
    font-size: 16px;
  }

  /*footerarea*/
}