/* General Styles */

@media (max-width: 768px) {
  .no-wrap {
      flex-wrap: wrap!important;
  }
}

@media (max-width: 992px) and (min-width: 850px) {
  .container {
    max-width: 820px!important;
  }
}

@media (max-width: 1300px) {
  .section-content {
    margin: 34px 5%;
  }
}

/* Parallax */
@media only screen and (max-width:749px) {
  .parallax {
    background-attachment: inherit;
  }
}

/* Header */

@media (max-width: 1760px) {
  .navbar {
      padding: 10px 50px;
  }
}
  
@media (max-width: 1500px) {
  .navbar {
    font-size: 15px;
    padding: 10px 25px;
  }

  .row.experiences-submenu {
    margin-top: 25px;
  }
}
  
@media (max-width: 1199px) {
  .navbar-brand {
    margin: 0 auto;
  }

  .navbar-collapse .navbar-nav {
    float: left;
    padding: 0;
  }
  
  .menu-item:after {
    content: "";
  }

  .menu .navbar-nav .nav-item {
    padding: 0 0 10px 0;
  }

  .navbar-nav {
    margin-top: 30px;
  }
} 
  
@media (min-width: 1200px) {
  .menu.collapse.navbar-collapse {
    display: block!important;
  }

  .experience-menu-item:hover ~ .experiences-submenu, .experiences-submenu:hover {
    visibility: visible;
    height: 250px;
    width: 500px;
    border: 1px solid #8B8D8E;
    transition: height, 0.5s;
  }

  .experience-menu-item:hover ~ .experiences-submenu .submenu-link, .experiences-submenu:hover .submenu-link {
    opacity: 1;
    transition: 1s;
  }

} 

@media (max-width: 500px) {
  .navbar-brand {
    margin: 0;
  }
  
  .header-logo {
    background-image: url("../img/icon.png");
    width: 59px;
  }
}

/* Experience */

@media (max-width: 1200px) {
  .experience-text {
    font-size: 20px;
  }
} 

@media (max-width: 900px) {
  .experience-text {
    font-size: 16px;
  }

  .center-img {
    width: 50%;
  }
}

/* Home */

@media (max-width: 500px) {
  .hero-cta {
    font-size: 10px;
  }
}

@media (max-width: 400px) {
  .hero-cta {
    padding: 5px;
  }
}

/* Ticketing */

@media (max-width: 1200px) {
  .ga-col {
    max-width: 100%!important;
    flex: 0 0 100%!important;
  }

  .ticketing-text .ga-col:first-child ul {
    border: 0;
  }
  
  .ticketing-text .ga-col:first-child ul li {
    margin: 0;
  }

  .ga-buttons .col {
    max-width: 100%!important;
    flex: 0 0 100%!important;
  }
}

@media (max-width: 767px) {
  .ga-col {
    max-width: 50%!important;
    flex: 0 0 50%!important;
  }

  .ga-buttons .col {
    max-width: 33.3%!important;
    flex: 0 0 33.3%!important;
  }

  .ticketing-text .ga-col:first-child ul {
    border-right: 2px solid #1B9AD1;
  }
  
  .ticketing-text .ga-col:first-child ul li {
    margin-right: 5px;
  }  
}

@media (max-width: 400px) {
  .ga-col {
    max-width: 100%!important;
    flex: 0 0 100%!important;
  }

  .ticketing-text .ga-col:first-child ul {
    border: 0;
  }
  
  .ticketing-text .ga-col:first-child ul li {
    margin: 0;
  }

  .ga-buttons .col {
    max-width: 100%!important;
    flex: 0 0 100%!important;
  }
}

/* Partners */

@media (max-width: 350px) {
  .partners-cta {
    font-size: 12px;
  }
}

@media (max-width: 576px) {
  .partners .partner-item {
    margin-bottom: 50px;
  }
}

/* Stay Connected */

@media (max-width: 576px) {
  .signup {
    margin: 0;
  }

  .signup .email-signup {
    padding-left: 0;
    padding-right: 5px;
  }
  
  .signup .sms-signup {
    padding-right: 0;
    padding-left: 5px;
  }

  .email-signup input, .sms-signup input, .mobiniti {
    width: 100%!important;
  }

  .flag-container {
    left: 0!important;
  }
}

@media (max-width: 350px) {
  .signup span {
    font-size: 12px;
  }
}

/* Footer */

@media (max-width: 992px) {
  footer img {
    max-width: 70%;
  }
}
 
@media (max-width: 576px) {
  footer img {
    max-width: 100%;
  }

  footer .legal {
    text-align: center;
  }
  
  footer .legal span:first-child {
    display: block;
    float: none;
  }
}

@media (max-width: 768px) {
  footer .legal {
    font-size: 12px;
  }
}

/* 404 */

@media (max-width: 576px) {
  #not-found img {
    width: 60%;
  }
  
  #not-found p {
    font-size: 18px;
  }
}

/* Cosplay */

@media (max-width: 1199px) {
  .row.martin {
    margin: 0;
  }
}

@media (max-width: 420px) {
  .cosplay-title {
    font-size:26px;
  }
}

/* Pitch */

@media (max-width: 1199px) {
  .row.pitch-judge, .pitch-judges-title {
    margin: 20px 0;
  }

  .pitch-judges-title {
    font-size:26px;
  }
}