/***** Tablets *****/
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
/***** smartphones *****/
@media screen and (max-width: 400px) {
  .rede-sociais {
    margin-top: -69.5% !important;
  }
  img.imgbot {
    width: 100%;
  }
  .rsform.form.contato button#Enviar {
    width: 50% !important;
  }
  .rsform-block.rsform-block-como-tomou-conhecimento .formBody {
    display: flex !important;
    flex-direction: column;
    margin-top: 10px;
  }
  ul.lista-menu-principal {
    top: 183% !important;
  }
  button#envie\ sua\ pre-inscricao {
    width: 100% !important;
    height: 59px;
  }
  div.warp {
    background-color: blue;
    width: 100%;
    height: 250px;
    float: left;
    margin: 2px;
    position: relative;
    color: white;
    margin-top: 17%;
  }
  div.moduletabledoce div.col-md-12 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .img-topo img {
    top: 175px !important;
  }

  #capa-texto > div:nth-child(1) > div > p img {
    width: 90px !important;
  }

  .img-topo img {
    width: 100% !important;
  }

  .img-urfj img {
    margin-bottom: 118px !important;
  }

  .img-urfj img {
    width: 100% !important;
  }

  #capa-texto > div:nth-child(1) > div > p {
    font-size: 1.8rem;
    position: absolute;
    top: 29rem !important;
    width: 100% !important;
    left: 0% !important;
  }
  .img-busca {
    cursor: pointer;
    position: absolute;
    z-index: 3;
    right: 4% !important;
    bottom: 22rem !important;
  }
}
@media screen and (max-width: 450px) and (min-width: 403px) {
  img.imgbot {
    width: 100%;
  }
  .rsform.form.contato button#Enviar {
    width: 50% !important;
  }
  button#envie\ sua\ pre-inscricao {
    width: 100% !important;
    height: 59px;
  }
  .rsform-block.rsform-block-como-tomou-conhecimento .formBody {
    display: flex !important;
    flex-direction: column;
    margin-top: 10px;
  }
  ul.lista-menu-principal {
    top: 183% !important;
  }
  .container-fluid.menu-d-flex {
    padding-top: 14px;
  }
  div.warp {
    background-color: blue;
    width: 100%;
    height: 250px;
    float: left;
    margin: 2px;
    position: relative;
    color: white;
    margin-top: 17%;
  }
  div.moduletabledoce div.col-md-12 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .img-urfj img {
    width: 100% !important;
    margin-bottom: 118px;
  }

  .rede-sociais {
    margin-top: -66.5% !important;
  }

  .img-busca {
    right: 5%;
    bottom: 24rem;
  }

  #capa-texto > div:nth-child(1) > div > p img {
    width: 100px;
  }
  #capa-texto > div:nth-child(1) > div > p {
    font-size: 1.8rem;
    position: absolute;
    top: 31rem !important;
    width: 100% !important;
    left: 0% !important;
  }
  .img-topo img {
    width: 119% !important;
    position: absolute;
    left: -12% !important;
    top: 166px !important;
  }
}
@media screen and (max-width: 500px) and (min-width: 453px) {
  div.warp {
    background-color: blue;
    width: 100%;
    height: 250px;
    float: left;
    margin: 2px;
    position: relative;
    color: white;
    margin-top: 17%;
  }
  div.moduletabledoce div.col-md-12 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .img-urfj img {
    width: 100% !important;
    margin-bottom: 118px;
  }

  .rede-sociais {
    margin-top: -60.5% !important;
  }

  .img-busca {
    right: 5%;
    bottom: 24rem;
  }

  #capa-texto > div:nth-child(1) > div > p img {
    width: 118px;
  }
  #capa-texto > div:nth-child(1) > div > p {
    font-size: 1.8rem;
    position: absolute;
    top: 35rem !important;
    width: 100% !important;
    left: 0% !important;
  }
  .img-topo img {
    width: 119% !important;
    position: absolute;
    left: -12% !important;
    top: 203px !important;
  }
}
@media screen and (max-width: 500px) {
  .tetxbanner h1 {
    font-size: 27px;
    width: 100%;
  }
  .formResponsive .formRow {
    width: 92%;
    margin-left: 5%;
  }
  .local {
    margin-top: 24%;
  }
  div#capa-texto {
    margin-left: 9%;
    padding-top: 1%;
  }
  .tetxbanner p {
    width: 100%;
    color: white;
    font-size: 12px;
    font-family: "Montserrat", Regular;
  }
  .faixa1 {
    padding-top: 6%;
    height: 91vw;
    width: 100%;
    /* background-size: 100% 100%; */
    /* background: #E91E63; */
    background-image: url(../images/banner-mobile.jpg);
    margin-top: 6%;
  }
  #toggle span {
    background: #000;
  }
  #toggle span:before,
  #toggle span:after {
    background: #000;
  }
  .textbotao.col-md-6 {
    background: #f7f6f6;
    margin: 0px;
    height: 12.5cm !important;
  }
  .col-md-1.inst-mapa {
    margin-left: 0;
  }
  .informacao-mapa {
    width: 82%;
  }
  .formSpan12 {
    display: unset !important;
    /* grid-template-areas: 
      "a1 a2 a3"
      "a4 a5 a5"
      "a7 a8 a9";*/
    width: 96% !important;
  }
  .formResponsive input[type="text"],
  .formResponsive input[type="password"],
  .formResponsive textarea,
  .formResponsive select {
    width: 96% !important;
  }
  .saiba {
    margin-left: 58% !important;
  }
  .final {
    background: black;
    margin-top: 11%;
    height: 75px;
  }
  div#mapasite {
    background: #6b0c02;
    height: auto;
  }
}

/***** iphone5 e smartphones antigos *****/

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

/***** 1080 *****/
@media screen and (min-width: 1900px) {
  .carousel-geral {
    height: 80rem !important;
  }
  .img-topo img {
    width: 95%;
    position: absolute;
    left: -4%;
    top: 0%;
  }
  .img-urfj img {
    margin-left: 2%;
  }
  .lista-menu-principal li:hover ul {
    top: 1.6vw !important;
  }
  .slickslides2 .slick-list.draggable {
    position: relative;
    left: 42vw;
    width: 52vw;
    top: -6vw;
  }
}

/***** 1600x900p laptop *****/
@media screen and (min-width: 1450px) and (max-width: 1700px) and (max-height: 900px) {
  .carousel-geral {
    height: 80rem !important;
  }
  .col-md-4.publica {
    margin-left: 169px !important;
    margin-top: -40px !important;
  }
  .rede-sociais {
    margin-top: 3.9%;
  }
}

/***** 1440x900p desktop *****/
@media screen and (min-width: 1401px) and (max-width: 1440px) and (max-height: 900px) {
}

/***** 1366x768p laptop *****/
@media screen and (min-width: 1048px) and (max-width: 1366px) and (max-height: 768px) {
  video.video-gero {
    display: flex;
    width: 23rem;
    height: 15rem;
  }
  .tetxbanner h1 {
    font-size: 62px;
  }

  a.topologo {
    position: absolute;
    left: -1vh;
  }
  .bannertxt p {
    font-size: 1.6rem;
    margin-top: 42px;
    line-height: 1.1;
  }
  .bannertitle {
    height: 160.8px;
    width: 35vw;
  }
  .bannertitle h1 {
    font-size: 5.6rem;
    line-height: 1;
  }
  .barra {
    position: absolute;
    z-index: 1;
    top: 18.2%;
    left: 41.9%;
    width: 11%;
    height: 500px;
  }
  .barra img {
    width: 88%;
    height: 494px;
  }
  .bannerimg {
    width: auto !important;
    height: 641px !important;
  }
  .txtbanner {
    color: white;
    text-align: center;
    position: absolute;
    height: 30vw;
    outline: none;
    top: 26.6%;
    left: 48%;
    z-index: 5;
  }
  ul.lista-menu-principal {
    padding-left: 25%;
  }
  .faixa1 {
    margin-top: 7%;
  }
  .img-fundo.slick-slide h4 {
    left: 12%;
  }
  .rede-sociais {
    margin-top: 3.9%;
  }
  #capa-texto > div:nth-child(1) > div > p {
    left: 34%;
  }
}

/***** 768 *****/
@media screen and (max-width: 1400px) {
  .imgapresent img .fotomodu img {
    margin-left: -8%;
    width: 114%;
  }
  .imgapresent img {
    margin-left: -13%;
    width: 125%;
  }
  .fotomodu img {
    margin-left: -13%;
    width: 125%;
  }
  .faixa1 {
    margin-top: 8%;
  }
  .input-group {
    position: absolute;
    right: 3%;
  }
  .img-urfj img {
    margin-left: 17%;
  }
}

@media only screen and (min-width: 1920px) {
  .slickslides {
    height: 989px;
  }
  h2.texto-faixa4 {
    position: absolute;
    top: 30%;
    right: 23%;
  }

  #capa-texto > div:nth-child(1) > div > p {
    font-size: 1.8rem;
    position: absolute;
    top: 9rem;
  }
  .img-topo {
    position: absolute;
    left: 23%;
    top: 8%;
  }
  .botao-faixa4 {
    top: 55%;
    right: 31.5%;
    padding: 11px;
    border-radius: 8%;
    width: 221px;
  }

  .faixa3 {
    /* height: 500px; */
    background-size: contain;
    background-repeat: no-repeat;
    /* background-size: 324px; */
    /* height: 416px; */
    background-repeat: no-repeat;
  }
  .txt-agenda.col-md-4 {
    width: 58%;
  }
  .txt-agenda.col-md-4 h1 {
    font-size: 4rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 11%;
    margin-top: 19%;
  }
  .txt-agenda.col-md-4 a {
    font-size: 2.5rem;
    color: #044e67;
  }

  .col-4.box-agenda h1 {
    font-size: 6rem;
    font-weight: bold;
    width: 22%;
    margin-left: 3%;
    margin-bottom: 0;
  }
  .col-4.box-agenda h2 {
    font-weight: bold;
    font-size: 3.1rem;
    margin-left: 3%;
    margin-top: 0;
  }
  .col-4.box-agenda h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-left: 3%;
    /* width: 90%; */
  }
  .col-4.box-agenda p {
    font-size: 1.5rem;
    margin-top: 6%;
    width: 81%;
    padding-bottom: 20%;
    margin-left: 4%;
  }
  .col-4.box-agenda {
    box-shadow: 3px 3px 1em lightgrey;
    width: 42%;
    margin-top: 9%;
    margin-right: 3%;
  }
}