/* RESPONSIVE CSS
  -------------------------------------------------- */
  
  @media (max-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
      margin-bottom: 1.25rem;
      font-size: 1.25rem;
      line-height: 1.4;
    }
  }

  @media only screen and (max-width: 1280px){
    #img-curriculum{
        margin-left:-100px;
        width:650px !important;
    }
  }

  @media only screen and (max-width: 414px){
    #breadcrumb-school {
      /* flex-direction: column !important; */
      flex-flow: row wrap !important;
    }

    .carousel {
      max-height: 200px;
      margin-bottom: 60px;
    }
  
     /* Declare heights because of positioning of img element */
    .carousel .carousel-item {
      max-height: 200px;
    }
    .carousel-inner > .carousel-item > img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      max-height: 200px;
    }

    /* navigation->dropdown */
    .dropdown-content{
        position: relative;
        margin-left: 100px !important;
        z-index: 1;
    }
    .carousel-item{
        height: 100px;
    }
    .shape-theme{
        height: 500px !important;
        margin-top: 0.2px !important;
    }
    #left-side {
        padding-left: 0px !important;
    }

    .card-message{
        margin-bottom: 30px !important;
        margin-right: 20px !important;
    }
    #btnMessage{
        margin-bottom: 10px !important;
        margin-right: 20px !important;
    }

    #left-side{
      z-index: -1;
    }

    #divider{
      display: none !important;
    }

    #divider3{
      width: 250px;
      padding: 1px;
      height: 7px;
      z-index: 1;
      background-color: #F8EF22;
      margin: 0 auto;
    }

    .shape-gold, .shape-gold-1, .shape-gold-2, .shape-gold-3, .shape-gold-4, .shape-gold-4, .shape-gold-5{
      display: none;
    }

    .button-register{
      bottom: 0;
      position: absolute;
      left: 0;
    } 

    #img-curriculum{
        width:385px !important;
        margin-left: 0 !important;
    }

    #img-right-school{
        max-width:355px !important;
    }

    #bg-curriculum{
        background: linear-gradient(90deg, #fff 50%, #fff 50%) !important;
    }
  }