.hidden-xs {display: none;}

.visible-xs {display: block;}



/*body.admin-bar .poster-highlight-block{padding-top: 46px;}*/



.header-area {

  position: fixed;

  top: 0;

  width: 100%;

}



.agenda-block {

  grid-template-columns: 1fr;

  width: 100%;

}





@media (max-width: 992px) {



}



@media (max-width: 767px) {

  .background-header .main-nav .nav {

    margin-top: 80px !important;

  }

  /*.header-area .main-nav .logo {

    color: #1e1e1e;

  }*/

  .header-area.header-sticky .nav li a:hover,

  .header-area.header-sticky .nav li a.active {

    color: #fe3f40!important;

    opacity: 1;

  }

  .header-area.header-sticky .nav li.search-icon a {

    width: 100%;

  }

  .header-area {

    background-color: var(--color-black);

    padding: 0;

/*    height: 60px;*/

    box-shadow: none;

    text-align: center;

  }

  .header-area .container {

    padding: 0px;

  }

  /*.header-area .logo {

    margin-left: calc(50% - 75px);

  }*/

  .header-area .menu-trigger {

    display: block !important;

  }

  .header-area .main-nav {

    overflow: hidden;

  }

  .header-area .main-nav .nav {

    float: none;

    width: 100%;

    display: none;

    -webkit-transition: all 0s ease 0s;

    -moz-transition: all 0s ease 0s;

    -o-transition: all 0s ease 0s;

    transition: all 0s ease 0s;

    margin-left: 0px;



    padding: 0 10px;



    background-color: var(--color-black);

  }

  .background-header .nav {

    margin-top: 80px;

  }

  /*.header-area .main-nav .nav li:first-child {

    padding-left: 10px;

  }

  .header-area .main-nav .nav li:last-child {

    padding-right: 10px;

  }*/

  /*.header-area.header-sticky .nav {

    margin-top: 80px;

  }*/

  .header-area .main-nav .nav li {

    width: 100%;

    padding-left: 10px !important;

    padding-right: 6px !important;

  }



  



  .header-area .main-nav .nav li a {

    height: 35px !important;

    line-height: 35px !important;

    padding: 0px !important;

    border: none !important;

    color: #FFF !important;

    font-size: 18px;

    line-height: 1;

  }

  .header-area .main-nav .nav li a:hover {

    color: #fe3f40!important;

  }

  .header-area.shrink .main-nav .nav li a {font-size: 16px;}



  .header-area .main-nav .nav li.submenu ul {

    position: relative;

    visibility: inherit;

    opacity: 1;

    z-index: 1;

    transform: translateY(0%);

    transition-delay: 0s, 0s, 0.3s;

    top: 0px;

    width: 100%;

    box-shadow: none;

    height: 0px;

  }

  .header-area .main-nav .nav li.submenu ul li a {

    font-size: 12px;

    font-weight: 400;

  }

  .header-area .main-nav .nav li.submenu ul li a:hover:before {

    width: 0px;

  }

  .header-area .main-nav .nav li.submenu ul.active {

    height: auto !important;

  }

  .header-area .main-nav .nav li.submenu:after {

    color: #3B566E;

    right: 25px;

    font-size: 14px;

    top: 15px;

  }

  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {

    height: 0px;

  }

}



.poster-rerun-block .main-banner {padding-top: unset!important;}



@media (min-width: 767px) {

  .header-area .main-nav .nav {

    display: flex !important;

  }

}







/* AOTE EDIT 05/07/2024 */

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

/*  .poster-highlight-block {padding: 414px 0 115px!important;}*/

/*  .main-banner {padding-top: 160px!important;}*/

}



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

/*  .poster-highlight-block {padding: 390px 0 115px!important;}*/

  

}



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

/*  .poster-highlight-block {padding: 375px 0 115px!important;}*/

  

}



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

/*  .poster-highlight-block {padding: 360px 0 110px!important;}*/

  

}



/*.poster-highlight-block {

  background-image: url(../images/bg/poster-highlight-mobile.webp);

  background-repeat: no-repeat;

  background-position: top center;

  background-size: contain;



  min-height: 100vh;

  margin-top: 125px;



  background-color: #f04924;

}*/



.poster-agenda-block {

  /*background-image: url(../images/bg/bg-agenda-thesecretsauce-business-weekend-2025-isan-mobile.jpg);

  background-repeat: no-repeat;

  background-position: top center;

  background-size: 100% 100%;*/

/*  padding-top: 100px;*/

}



.poster-agenda-block .poster {margin-top: 50px;}



.poster-rerun-block {

  background-image: url(../images/bg/bg-tssbw2025-rerun-mobile.jpg);



  padding: 2.5em 0;

}



.poster-rerun-block .main-buy-button a {width: 220px;}



/*.header-area .main-nav .logo {line-height: 60px;}*/

/*.poster-highlight-block {margin-top: 80px;}*/





.main-buy-button a {padding: 15px 0; width: 220px;}

.button-buy-block .right-list {margin-top: 15px;}



/*.about-us {background-image: url(../images/bg/bg-about-mobile.webp);}*/



#about .section-heading h3 {font-size: 20px;}



.about-right-2 p,

#about .section-heading p {font-size: 18px!important;}



.about-right-2 h4 {margin-bottom: 0;}



.about-us .services .item .icon {float: unset; margin-right: unset;}

.about-us .services .item p {font-size: 20px;}

.about-us .services .item h4 {font-size: 20px;}

.about-us .services .section-heading p {font-size: 20px;}

.about-us .services .section-heading {margin-bottom: 1em;}

.about-us .services .item h4 {padding-top: 10px;}

.about-us .services .item .icon img {max-width: 50px;}

.about-us .services .item {margin-bottom: 10px;}



.about-us {padding: 2em 0 0;}



/*#about .section-heading .headline {margin-bottom: 15px;}*/



#highlight .section-heading h3 {line-height: 30px; font-weight: 800; margin-top: 10px;}

.highlight .services .item .icon {float: unset; margin-right: unset;}

/*.highlight .services .item p {font-size: 15px;}*/

.highlight .services .item h4 {font-size: 20px;}

/*.highlight .services .section-heading p {font-size: 18px; margin-top: 20px;}*/

.highlight .services .section-heading {margin-bottom: 1em;}

.highlight .services .item h4 {padding-top: 10px;}

.highlight .services .item .icon img {max-width: 50px;}

.highlight .services .item {margin-bottom: 10px;}



/*.solution .visible-xs {display: grid; grid-template-columns: 1fr 1fr;}

.solution .visible-xs .left {padding-left: 60px;}

.solution .visible-xs .solution-info {margin-bottom: 1em;}

.solution {padding: 15px 0 40px;}*/



#agenda {padding: 30px 0;}





#agenda .stage-block .stage-detail {

    display: grid;

    grid-template-columns: auto 35%;

    grid-gap: 10px;

    align-items: center;

}

#agenda .stage-block .stage-image.is-wrap {

  display: grid;

  grid-template-columns: repeat(2, auto);

  justify-content: flex-end;

  gap: 8px;

  align-content: end;

}

#agenda .stage-block .stage-image.is-wrap .stage-speaker-image {

  flex: 0 0 min(calc(50% - 8px), 75px);

}

#agenda .speaker-mobile-block {display: flex; justify-content: flex-end;}



#agenda .stage-block .stage-image {gap: 5px; padding-right: 0;}



#agenda .col-lg-10 {padding-left: unset; padding-right: unset;}

#agenda .stage-block {grid-template-columns: unset; grid-gap: 10px; padding: 15px;}

#agenda .stage-block .stage-time {text-align: left; line-height: 1;}

#agenda .stage-block .stage-detail .stage-name {line-height: 1; margin-bottom: 5px; font-size: 18px;}

#agenda .stage-block .stage-detail .stage-name span {font-size: 16px;}



#agenda .stage-block .stage-detail .stage-speaker-name {font-size: 18px;}

#agenda .stage-block .stage-detail .stage-speaker-position {font-size: 16px;}



#agenda .stage-block .stage-day, #agenda .stage-block .stage-time {display: inline;}

#agenda .stage-block .stage-day {padding-left: unset; font-size: 20px;}

#agenda .stage-block .stage-time {padding-left: 10px;}



.poster-agenda-block .poster-block .poster-logo {max-width: 185px; margin-bottom: 1em;}

.poster-agenda-block {padding-top: 80px;}



#agenda .tab-block h3 {font-size: 20px;}

#agenda .tab-block h3 span {font-size: 16px;}

#agenda .tab-block h4 {font-size: 18px; line-height: .85; font-weight: 600;}

#agenda .tab-block h5 {font-size: 16px;}



/*#agenda .tablink {padding: 10px 5px;}*/

#agenda .tablink {padding: 10px 30px 20px;}



.stage-block1 {display: flex; grid-gap: 15px;}



.stage-block-mobile {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}



.speaker {padding: 40px 0px;}

#speaker .section-heading .headline {margin-bottom: 1em;}



.speaker-bar-bottom img {max-height: 12px;}



/* 2 ช่องต่อแถว */

.speaker-block .speaker-info {

  flex: 0 0 calc((100% - 15px) / 2);

  max-width: calc((100% - 15px) / 2);

}



.speaker-block {justify-content: flex-start;}



.speaker-block.expertise-stage,

.speaker-block.business-matching,

.speaker-block {grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}



.speaker-block.expertise-stage,

.speaker-block.business-matching {

  width: unset;

  margin-left: unset;

  margin-right: unset;

}



/*#partners .section-heading .headline,

#partners .section-heading h3 {color: var(--color-yellow)!important;}*/

#partners .section-heading h3 {margin-bottom: 14px; font-weight: 600;}



.partners-block {grid-gap: 10px; margin-bottom: 2em;}

.partners-block img {max-width: 90px;}



.landing {padding: 30px 0;}

.landing .section-heading img {max-width: 200px; margin: auto;}

.landing-block {padding: 2em 0;}



.main-landing-button a {width: 80%;}







.contact-info-block {

    display: grid;

    grid-template-columns: unset;

    grid-column-gap: unset;

    margin-top: 1em;



    grid-template-rows: auto auto;

}

.contact-info-image {text-align: center;}

/*#contact .section-heading img {max-width: 165px;}*/

.contact-info-block {margin-top: unset;}

.footer-container {grid-template-columns: 1fr;}

footer p {margin: 15px 0px 0px;}

footer {padding: 0 0 230px;}

img.logo-footer {margin-top: unset;}



/*#contact .section-heading .contact-info a {font-size: 14px;}*/





/* SEARCH */

@media screen and (max-height: 450px) {

  .search-overlay {overflow-y: auto;}

  .search-overlay a {font-size: 20px}

  .search-overlay .search-closebtn {

  font-size: 40px;

  top: 15px;

  right: 35px;

  }

}



.header-area .main-nav .menu-trigger span,

.header-area .main-nav .menu-trigger span:before,

.header-area .main-nav .menu-trigger span:after {background-color: #FFF;}

.past-event {background-image: url(../images/bg/bg-past-event-highlights-mobile.webp);}

.past-event-block {grid-template-columns: 1fr; grid-gap: 15px;}



/*.follow-us h5, .contact-info h5 {margin-top: 20px;}*/



.ticketphase-block {grid-template-columns: 1fr;}









.price-block {grid-template-rows: unset; grid-template-columns: 45% 55%;}

.solution-block {width: 100%;}

.solution-block {grid-template-columns: repeat(2, 1fr);}

.solution-block .item {min-height: 100px;}



.header-menu-top {grid-template-columns: 1fr; margin-top: unset; padding-top: 15px;}

.header-area.shrink .main-nav .logo img {max-height: 45px;}



/*.header-area .main-nav .logo img {max-height: 45px;}*/

/*.header-area .main-nav {min-height: 60px;}*/

.menu-search {top: 35px; transition: all .3s ease;}

.header-area.shrink .menu-search {top: 20px;}



.header-area .main-nav .menu-trigger {top: 15px;}



.main-nav .btn-buytickets,

.main-nav a.btn-buytickets {

    background-color: var(--color-yellow);

    border-radius: 30px;

    padding: 3px 10px;

    color: #000;

    font-size: 16px;

    width: fit-content;

    font-weight: 500;

    font-family: var(--fontfamily2);



    position: absolute;

    top: 40px;

    right: 20px;

    z-index: 2;

}



.main-banner {padding-top: 110px;}



/* highlight slider */

.highlight-slider-block {display: flex;}

.highlight-slider-block {width: 100%; float: left;}



.highlight-slider-grid {display: inline; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}

.column {display: inline-block; margin-right: 10px; width: 65%;}

.column::after {content: ''; clear: both; display: block;}



.-pdr {padding-right: unset;}



.poster-block {justify-items: center; padding: 0;}

.poster-block .poster-text .text-line2 {margin-bottom: 1em;}



.speaker .section-heading p {font-size: 22px; font-weight: 600;}



#solution .concept-block,

#solution .concept-block .visible-xs {grid-template-columns: 1fr; grid-gap: unset;}



#solution .concept-block .concept-text {margin-top: unset;}

#solution .concept-block .concept-text {font-size: 24px; line-height: 1;}



#suitable {padding: 4em 0 9em;}



#suitable .suitable-block {width: 100%; }



#suitable .suitable-block .suitable-detail {padding: 10px 8px;}



#suitable .suitable-block .suitable-detail .suitable-text {font-size: 18px;}



.nav.mobile-warp {

  display: flex !important;

  flex-wrap: nowrap !important;

  overflow-x: auto;

  white-space: nowrap;



  /* ซ่อน scrollbar (Firefox) */

  scrollbar-width: none;



  /* ซ่อน scrollbar (IE, Edge เก่า) */

  -ms-overflow-style: none;

}



/* ซ่อน scrollbar (Chrome, Safari) */

.nav.mobile-warp::-webkit-scrollbar {

  display: none;

}



.poster-countdown {display: grid; grid-template-columns: 1fr; align-items: center; background-color: var(--color-black); padding: 18px 0;}



.poster-countdown .btn-ticket-alert {color: var(--color-yellow); background-color: unset; border-radius: unset; margin-bottom: unset; font-weight: bold; font-size: 20px;}



#tss_countdown_mobile .container-countdown {display: flex; color: #FFF; grid-gap: 5px; justify-content: center;}

#tss_countdown_mobile .container-countdown .c-number,

#tss_countdown_mobile .container-countdown .c-doted {font-family: var(--fontfamily1); font-size: 34px; font-weight: 500; line-height: 1;}

#tss_countdown_mobile .container-countdown .c-text {font-family: var(--fontfamily1); font-size: 14px; font-weight: 500; text-align: center;}

#tss_countdown_mobile .container-countdown .c-number {border: 1px solid transparent; border-radius: 50%; width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; background-color: #535147;}



.menu-search {right: 20px; left: unset;}



.hero-block {grid-template-columns: 1fr; grid-template-rows: 33vh auto;}

.poster-block .poster-text {text-align: center;}



.poster-block .poster-text .text-line1 {margin-top: unset; margin-bottom: .35em; font-size: 36px;}

.poster-block .poster-text .text-line2 {font-size: 26px; line-height: 1;}

.poster-block .poster-text .text-line2 span {font-size: 20px; line-height: 1;}



.highlight-block {flex-direction: column;}



#highlight .swiper-button-prev {left: 78vw;}

.highlight {

  padding: 30px 0px 80px;

  background-image: url(../images/bg/bg-highlight-mobile.webp);

}



#suitable .suitable-block .suitable-detail .suitable-image img {max-width: 85px;}



.suitable {background-image: url(../images/bg/bg-suitable-mobile.webp);}





/*#agenda .tab-block {width: 45vw;}*/



#agenda .btn-buytickets-agenda .btn-buytickets, #agenda .btn-buytickets-agenda a.btn-buytickets {float: right; margin-bottom: 25px;}



.ticket-phase {

    background-image: url(../images/bg/bg-ticket-phase-mobile.webp);

    background-position: top center;

    background-size: 100% 100%;



    padding: 30px 0px 60px;

}







.footer-link {display: grid;}

.footer-block {display: grid; justify-content: center;}

.footer-block .mr-auto {margin-right: unset;}

.footer-block .ml-auto {margin-left: unset;}

.footer-logo {margin: 0 auto 2em;}



.follow-us {text-align: center;}



.banner-block {width: 100%; max-width: 300px; margin: auto;}



.price-block-1 {min-height: unset; padding: 10px;}

.ticket-remark {min-height: unset;}

.ticket-price-block {margin-bottom: 0;}



.speaker-info.expertiseroom {max-width: unset;}

.speaker-info {margin-bottom: unset;}



/* ABOUT US ------------------------------------ */

.about-right {margin-right: -15px;}

.about-left img, .about-right .section-heading {padding-top: unset;}

.about-block,

.about-right-1 {grid-template-columns: 1fr;}







.about-right-2 {

  flex-wrap: wrap;

  gap: 20px;

  margin-top: 2em;

}



.about-right-2 > div {

  flex: unset;

  width: calc(50% - 10px);

  border-left: unset;

  padding-left: unset;

}



.highlight-block-1 {flex-direction: column;}



.swiper-button-prev {margin-left: unset!important;} 

.swiper-button-next {margin-right: unset!important;}

.swiper {overflow: hidden!important;}

.menu-tabs-phase a {margin-right: 10px; margin-left: 10px;}

.menu-tabs-phase {text-align: center; font-size: 16px; border-radius: 20px; margin-bottom: 1em; justify-content: center;}



.ticket-access {min-height: unset;}

.ticket-access-type {

    padding: 1px 6px;

    font-size: 12px;

    font-weight: 500;



    height: unset;

}



.about-right img {

    max-width: 400px;

}

footer .footer-block p {font-size: 10px!important;}





.faq-container {width: 100%;}



.btn-poster {padding: 10px 50px; font-size: 14px; box-shadow: 2px 2px 0 #FFD700;}

.btn-poster-block {bottom: 65px;}