.hidden-xs {display: none!important;}

.visible-xs {display: block!important;}



.header-area {

  position: fixed;

  top: 0;

  width: 100%;

}



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

.agenda-block {width: 100%;}



@media (max-width: 992px) {

  /*.header-area .main-nav .nav li:last-child  ,

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

    display: none;

  }*/

  /*.header-area .main-nav .nav li:nth-child(6),

  .background-header .main-nav .nav li:nth-child(6) {

    padding-right: 0px;

  }*/



}



@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);

    margin-top: 15px;

  }

  .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;

  }

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

    color: #fe3f40!important;

  }

  .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: 100% 100%;*/



  /*min-height: 100vh;*/

  /*margin-top: 80px;*/

  /*margin-bottom: -125px;*/

  background-color: #f04924;



  height: unset;

}



.poster-agenda-block {

  /*background-image: url(../images/bg/bg-agenda-thesecretsaucesummit2025-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-rerun-mobile-v2.jpg);

  background-repeat: no-repeat;

  background-position: top center;

  background-size: cover;



  padding: 2.5em 0;

}

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

.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 {margin-top: 10rem;}



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



#about .section-heading h3 {line-height: 30px; font-weight: 600; margin-top: 10px; font-size: 26px;}

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

.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-block .left p {font-size: 24px !important;}

.about-block .right {margin-top: 1.5rem;}

.about-block .right h4 {font-size: 18px;}

.about-block .right h5 {font-size: 16px;}



.about-us {

  padding: 40px 0 0;

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

}

.about-us .section-img img {margin-left: -25px; padding: 20px 0 0 0;}

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



.about-score-block {width: 100%;}



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



#highlight .section-heading h3 {line-height: 1; margin-top: 10px; font-size: 22px;}

#highlight .section-heading h4 {font-size: 20px;}

#highlight .section-heading p {font-size: 18px;}

.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 15px;}



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



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

#agenda .stage-block .stage-info {display: grid; grid-template-columns: 150px auto; grid-gap: 10px; padding-left: 15px; padding-right: 15px; margin-top: 10px;}

#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: 20px;}

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



#agenda .stage-block .stage-speaker-image {max-width: 65px; max-height: 65px;}



#agenda .stage-block .stage-date {display: inline; margin: 0 10px 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: 18px; font-weight: 500;}

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

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



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



.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; background-image: url(../images/bg/bg-speaker-mobile.webp);}

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



.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.principle {grid-template-columns: repeat(3, 1fr); grid-gap: 15px;}*/

/*.partners-block.principle {width: 65%; grid-gap: 15px;}*/

.partners-block.principle {width: 100%; grid-gap: 10px;}

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



/*.partners-block.principle.platinum {grid-template-columns: repeat(3, 1fr); width: calc((100px * 3) + 20px);}

.partners-block.principle.gold {grid-template-columns: repeat(3, 1fr); width: calc((100px * 3) + 20px);}

.partners-block.principle.silverplus {grid-template-columns: repeat(3, 1fr); width: calc((100px * 3) + 20px);}

.partners-block.principle.bronze {grid-template-columns: repeat(1, 1fr);}

.partners-block.principle.exhibitors {grid-template-columns: repeat(3, 1fr); width: calc((100px * 3) + 20px);}

.partners-block.principle.life-selection {grid-template-columns: repeat(3, 1fr); width: calc((100px * 3) + 20px);}*/



.partners-block.principle.platinum img,

.partners-block.principle.gold img,

.partners-block.principle.silverplus img,

.partners-block.principle.bronze img,

.partners-block.principle.exhibitors img,

.partners-block.principle.life-selection img,

.partners-block.principle.personalized-gifts img {max-width: 100px;}



.partners-block {grid-gap: 10px;}



.partners-block img {

  max-width: calc((100% - 30px) / 3);

}



#partners {

    /*background-image: url(../images/bg-partners-mobile.jpg);

    background-repeat: no-repeat;

    background-position: bottom center;

    background-size: 100% 100%;*/

    padding: 30px;

}

.partners-block {margin-bottom: 2em;}

.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 30px;}

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



#contact .section-heading .contact-info {display: block;}

#contact .section-heading .contact-info > div {text-align: left; width: 60%; margin: auto;}



/* 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;

  }

}



.partners-block.association {width: 100%;}

.partners-block.media {grid-template-columns: repeat(3, 1fr);}

.partners-block.association img,

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



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

.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-block {grid-template-columns: 1fr; grid-gap: 15px;}

.past-event-text {max-width: unset;}



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

.past-event img {margin-bottom: 20px; width: 85%; margin-left: auto; margin-right: auto;}



.contact-info > h5 {display: grid;}





.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: 30px;}

.header-area .main-nav .logo img {max-width: 135px;}

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

.menu-search {top: 28px;}

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



.main-nav .btn-buytickets,

.main-nav a.btn-buytickets {

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

    border-radius: 30px;

    padding: 3px 10px;

    color: #000;

    font-size: 12px;

    width: fit-content;

    font-weight: 500;

    font-family: var(--fontfamily2);



    position: absolute;

    top: 35px;

    right: 15px;

    z-index: 2;

}



.main-nav .btn-buytickets:hover, .main-nav a.btn-buytickets:hover {background-color: var(--color-yellow);}



.poster-block .poster-logo {max-width: 100%; margin: 0;}

.poster-location {margin-top: 2rem;}

.poster-location img {width: 85%;}



/* 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 {padding: 0;}

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



.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 .suitable-detail {width: 100%}

#suitable .suitable-block {display: flex; flex-wrap: wrap;}

#suitable .suitable-block > div {flex: 50%;}



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





.nav.mobile-warp {

  display: flex!important;

  flex-wrap: nowrap!important;

  overflow-x: auto;

  white-space: nowrap;



  scrollbar-width: none; /* Firefox */

  -ms-overflow-style: none; /* IE/Edge */

}



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

    display: none; /* Chrome, Safari */

}



.poster-countdown {display: grid; grid-template-columns: 1fr; align-items: center; background-color: var(--color-black); padding: 14px 10px 14px 15px; position: unset; bottom: unset; right: unset;}



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



#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: 24px; 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: 45px; height: 45px; display: flex; justify-content: center; align-items: center; background-color: #535147;}



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



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

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



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

.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 .swiper-button-prev {left: 78vw;}

.highlight {padding: 30px 0px;}



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



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

#suitable {padding: 0 0 30px;}



#agenda .tab-block {width: 100%; z-index: 2; grid-auto-columns: minmax(165px, 1fr); padding: 0;}

#agenda .stage-block .stage-image {margin: 0;}

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

#agenda .day {padding: 0;}



.ticket-phase {

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

    padding: 60px 40px;

}

.ticket-date {font-size: 18px;}



.price-block-2 a {padding: 15px 0;}



.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: 0; padding: 30px 15px; background-image: url(../images/bg/bg-ticket-phasing-active-mobile.webp); background-position: bottom center;}

.price-block a:hover .price-block-1 {background-image: url(../images/bg/bg-ticket-phasing-hover-mobile.webp);}



.speaker-info {margin-bottom: 0; max-width: calc((100% - 15px) / 2);}





#speaker .card {flex-direction: column;}

#speaker .img-placeholder {margin: auto;}

#speaker .card {gap: 20px; padding: 20px;}

#speaker .card h3 {font-size: 1.25rem;}

#speaker .card h4 {font-size: 1rem;}

#speaker .card p {font-weight: 400;}



.flag-block {

    position: absolute;

    top: 35px;

    left: 55px;

    z-index: 2;

}

.lang-toggle {padding: 4px 15px; line-height: 1;}

.nav-item.dropdown .dropdown-menu {right: unset; left: 0;}