/*Responsive*/

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

  .owl-carousel .owl-item .centrar{
    overflow: hidden;
    padding: 0 80px;
    position: relative;
  }

 #formacionInicio .owl-stage-outer {
    overflow: hidden;
    padding: 0 70px;
  }

  #formacionInicio .owl-nav > div {
    position: absolute;
    background-color: rgba(255, 255, 255, 1);
    padding: 10px;
    position: absolute;
    top: 0;
    width: 50px;
    height: 100%;
    margin-top: 0;
  }

  #formacionInicio .owl-nav .owl-prev {
    left: 0;
  }

  #formacionInicio .owl-nav .owl-next {
    right: 0;
  }

  #formacionInicio .owl-nav > div i {
    height: 80px;
    top: 50%;
    margin-top: -40px;
    padding: 0 10px;
    float: left;
    width: 100%;
    position: relative;
    left: 0;
  }

  #inicio .catCursos.tipo, #inicio .catCursos.perfil {
    float: left;
    width: 100%;
    text-align: left;
  }

}

@media screen and (max-width:1250px){
  .centrar{
    padding: 0 25px;
  }

  #menu-categorias-blog{
    padding: 15px 25px;
  }

}

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

  #menuPrincipal{
    display: none;
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%;
  }

  #menu-principal li {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 2px;
  }

  header #menu-principal li a {
    float: left;
    font-size: 20px;
    margin: 0;
    padding: 20px;
    text-align: center;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
  }

  #menu-principal .boton {
    color: #fff;
    margin-left: 0;
  }

  #menu-principal .boton a{
    background-color: transparent;
  }

  header #menu-principal li a:hover {
    background-color: rgba(255, 255, 255, 1);
  }

  header #menu-principal li.boton a:hover {
    background-color: transparent;
  }

  #menuMovil{
    display: block;
  }

  .titulo h4 {
    font-size: 26px;
    width: 70%;
  }

  #servicios .area {
    width: 100%;
  }

  .colLeft, .colRight, #blog .colLeft, #blog .colRight, #contentEquipo .colLeft, #contentEquipo .colRight, #elCentro .colLeft, #elCentro .colRight, #formacion .colLeft, #formacion .colRight {
    float: left;
    padding-right: 0;
    margin-bottom: 20px;
    width: 100%;
    padding: 0;
  }

  div.infoCurso > span{
    width: 100%;
  }

  #cabecera h2 {
    font-size: 26px;
    padding: 30px 40px;
  }

  footer #barraFooter {
    text-align: center;
  }

  footer #copyR {
    color: #fff;
    float: none;
  }

  ul.formacion {
    grid-template-columns: repeat(2, 1fr);
  }

  #menu-categorias-blog {
    text-align: center;
  }

  #singleContent {
    padding: 20px;
  }

  #contMapa #gmap {
    height: 300px;
  }

  #contMapa #gmap a img{
    height: 100%;
    width: auto;
    object-fit: cover;
  }

}

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

  footer .col1, footer .col2, footer .col3, footer .col4{
    width: 50%
  }
  footer .col2, footer .col4{
    padding-left: 20px;
  }
}


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

  h1{
    font-size: 1.6rem;
  }

  #mailpoet_form_1 .mailpoet_text{
    width: 100%;
  }

  .mensFooter {
    text-align: center;
  }

  .mensFooter p {
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
  }

  .mensFooter a.boton {
    display: inline-block;
    float: none;
    font-size: 18px;
  }

  .owl-carousel .owl-item .centrar{
    padding: 0 25px;
  }
  
  #slider .item{
    height: 425px;
  }

  #slider .centrar{
    margin: 0;
  }

 #formacionInicio .owl-stage-outer {
    padding: 0;
  }

  footer section {
    padding: 20px 0;
  }

  footer .col1, footer .col2, footer .col3, footer .col4{
    display: none;
  }

  #slider h2 {
    font-size: 26px;
  }
  .bannerInicio.escritorio {
    display: none;
  }
  .bannerInicio.movil {
    display: block;
  }

  #equipo li {
    padding: 5px;
    width: 25%;
  }

  #equipo li h2, #equipo li em, #equipo .descripcion {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }

  .content {
    padding: 25px 0;
    overflow: hidden;
  }

  #cabecera h2 {
    font-size: 18px;
    padding: 15px 10px;
  }

  ul.entradas li img {
    margin-bottom: 15px;
    padding-right: 0;
    width: 100%;
  }

  ul.entradas li .contenido {
    float: left;
    width: 100%;
  }

  .compartirRs a i {
    float: left;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    margin: 0 2px;
  }

  .compartirRs a.whatsapp{
    display: block;
  }

  .content ul.areas li{
    width: 100%;
  }

  .content a{
    width: 100%;
    text-overflow: ellipsis;
  }

  #servicios .area > div .contenido, #servicios .area > div img {
    width: 100%;
    padding-right: 0;
  }

  #servicios .area > div img {
    margin-bottom: 15px;
  }

  #servicios .area > div .contenido {
    margin-bottom: 20px;
  }

  .boton.botonInscribirseCurso.single{
    margin-top: 15px;
  }

  footer #barraFooter a {
    width: 100%;
    margin-top: 15px;
    float: left;
  }
  footer #barraFooter span {
    display: none;
  }

  footer #barraFooter > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  ul.formacion {
    grid-template-columns: repeat(1, 1fr);
  }



}