/* @media only screen and (min-width: 1441px) { */
@media only screen and (min-width: 1441px) {
  .ticketImg {
    width: 33%;
  }

  .modal-container.speakers .modal-content .image {
    width: 20%;
    height: 500px;
    /* top: 10%; */
    left: 10%;
  }

  .modal-container.speakers .modal-content .details {
    position: absolute;
    width: 60%;
    right: 10%;
  }
}

@media only screen and (min-width: 1440px) {
  .home-page header .video-mask {
    top: 0;
    left: 0%;
    width: 100%;
  }

  .home-page header .x-element {
    position: absolute;
    margin-left: 68%;
    /* margin-top: 17%; */
    /* top: 40% !important; */
    /* left: 60% !important; */
    right: 0;
    z-index: 2;
  }
}

@media only screen and (max-width: 1024px) {
  .bordered {
    padding: 10px;
  }

  .brandLogo img {
    max-height: 30px;
  }

  .regDeadline p.date, .eventTheme, p.date {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1024px) {
  .header-left {
    width: 45%;
    top: 25%;
    padding-left: 0;
    left: 2%;
    z-index: 5;
  }
}

@media only screen and (max-width: 1023.99px) {
  .header-left {
    width: 50%;
    padding-left: 0;
    position: absolute;
    left: 0%;
    z-index: 5;
  }
}

@media only screen and (max-width: 1022.99px) {
  .home-page header .x-element {
    margin-top: 64.5%;
    left: 160px !important;
  }

  .header-left {
    width: 60%;
    padding: 100px 40px;
    margin-top: 100px;
    padding-left: 0;
    position: absolute;
    top: 10%;
    left: 0%;
    z-index: 5;
  }

  .pttn-1-bg, .bg-white {
    padding: 40px 0;
  }

  .home-page header .video-mask {
    background-image: url(../assets/images/mask/mask-sm.png) !important;
    background-size: cover;
    background-position: top center;
    left: 0%;
  }

  li.nav-item {
    padding: 12px;
    border-right: 1px solid #f6f6f6;
  }

  .ticketImg {
    width: 60%;
    top: 30%;
  }

  .bannerImg2 {
    display: block;
    min-height: 300px;
    height: 100%;
    background: #cccccc;
    background-image: url(/assets/images/eventBanner/banner-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 60px;
  }
}

@media only screen and (max-width: 766.99px) {
  .home-page header {
    min-height: max-content;
    max-height: 650px !important;
  }

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

  .sub-title-left, .sub-title-right, .sub-title-center {
    font-size: 24px;
  }

  .bannerImg2 {
    display: block;
    min-height: 150px;
    height: 100%;
    background: #cccccc;
    background-image: url(/assets/images/eventBanner/banner-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 60px;
  }

  .home-page header .x-element {
    margin-top: 49.5%;
    margin-left: 63.5%;
  }

  .home-page header .video-mask {
    left: 100%;
  }

  .home-page header .video-dimmer {
    position: absolute;
    background-image: linear-gradient(0deg, #ffffff 20%, rgba(250, 250, 250, 0.5)100%);
    /* background: rgba(250, 250, 250, 0.8); */
  }

  .header-left {
    width: 100%;
    padding: 20px;
    left: 0;
    top: 2%;
  }

  .header-left h1.title {
    font-size: 36px;
    margin-bottom: 30px;
  }

  .header-left .description p {
    font-size: 18px;
    margin-bottom: 50px;
  }

  .event-descrptn {
    position: absolute;
    top: 34%;
    left: 0;
    right: 0;
    display: flex;
    background: rgba(245, 245, 245, 1);
    font-family: "Quicksand", sans-serif;
    z-index: 99;
  }

  .panel-body {
    padding: 20px 0px;
    width: 100%;
  }

  .panel-body h1.title {
    font-size: 21px;
    margin-bottom: 30px;
  }

  .prev-arrow, .next-arrow {
    position: relative;
    margin-top: 20px;
    float: right;
    margin-right: 20px;
    font-size: 14px;
  }

  .prev-arrow {
    position: absolute;
    left: 20px;
    bottom: -43px;
    border: none;
  }

  .slick-center .child-element {
    margin: 30px;
    height: 300px;
  }

  .card.item-card .card-date {
    font-size: 12px;
    float: left;
  }

  button, a {
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
  }
}

@media only screen and (max-width: 599.99px) {
  .ticketImg {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 0;
    margin-top: 30px;
    background-position: bottom right;
    background-size: contain;
  }

  #mySpan {
    writing-mode: horizontal-tb;
    transform: rotate(0deg);
  }

  .edgeLabel {
    display: flex;
    min-height: 50px;
    width: 100%;
    font-size: 21px;
  }

  .bordered {
    border-right: none;
    border-bottom: dashed 1px #303030;
    margin-bottom: 30px;
  }

  .brandLogo {
    display: block;
    margin-bottom: 0;
  }

  .regDeadline {
    position: relative;
    bottom: 0;
    padding: 30px 0;
  }

  .descrptn {
    font-size: 14px;
  }

  .bannerImg img {
    width: 100%;
  }

  .home-page header {
    min-height: max-content;
    max-height: 650px !important;
  }

  .wrap {
    padding: 0 30px;
  }

  .bannerImg2 {
    /* width: 100%; */
    background-size: cover !important;
    margin-top: 0;
  }
}

@media only screen and (max-width: 350.99px) {
  .header-left .description p {
    font-size: 13px;
    margin-bottom: 50px;
  }
}