/*Medida para tables*/

@media screen and (max-width:1200px){
  #marcas{
    width: 90%;
    grid-template-columns: auto auto auto auto;
  }

  .sl-marcas{
    margin: 0 auto;
  }
  

  .cont-grid{
    justify-content: space-between;
  }

}


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

  body{
    padding-top: 70px;
  }

  header{
    width: 100%;
    padding: 0px;
    margin: 0px;
  }

  .scr{
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 0px;
  }


  header nav ul li {
    margin: 0px 10px 10px 0px;
    padding: 0px;
    padding-right: 5px;
    border-bottom: 0px;
    padding-bottom: 10px;
  }

  .sc{
    width: 100%;
    /*top: -80px;*/
    position: relative;
  }

  .sc2{
    width: 90%;
    height: auto;
    position: relative;
  }

  .cabecera{
    width: 100%;
    height: 100px;
  }


  #contenedor-slider{
    width: 100%;
    height: auto;
    aspect-ratio: 5/3;
	  top: 0px;
    /*margin-top: 80px;*/
    background-position-y: calc(100% - 15%);
    background-position-x: center;
    display: block;
    overflow: hidden;
    background-position-y: calc(100%);
    position: relative;

    
  }

  #main #no_slide{
    display: none;
  }

  #main  #articles_list #pagination p a{
    margin: 10px 20px 10px 20px;
    padding: 10px;
    background: #002458;
    color: #ffffff;
  }

  #main  #articles_list #pagination p a:hover{
    margin: 10px 20px 10px 20px;
    background: #ffffff;
    color: #002458;
  }

  footer .widget{
    width: 50%;
  }

  .widget ul li{
    border-bottom: 2px solid #002458;
    padding: 5px 0px;
  }

  .menu{
    display: none;
  }
  
  #menu_mini{
    display: block;
    animation: ani-barra 0.8s ease-in-out;
  }

  .nav__label{
    display: block;
    cursor: pointer;
  }
  
  .nav__menu{
    position: fixed;
    padding: 15px;
    height: auto;
    background:#00347c;
    top: 80px;
    left: 0;
    
    clip-path: circle(0 at top right);
    transition: 250ms ease-in-out;
  }


  .nav__img{
    position: fixed;
    right: 15px;
    top: 22px;
    z-index: 5;
  }
  
  .nav__input:checked + .nav__menu{
    clip-path: circle(100% at center);
  }
  
  .barra-superior{
    width: 100% !important;
    height: 80px;
    top: 10px;
    padding: 0px !important;
  }

  .barra-superior{
    width: 100%;
    height: 80px;
    
    padding: auto;
    position: fixed;
    background: rgb(255, 255, 255);
    border-radius: 0px;

    /*margin-top: 0px !important;*/
    top: 0 !important;

    justify-content: center; /* Centrado horizontal */
    align-items: center;     /* Centrado vertical */

    margin: 0 auto !important; /* Centrado horizontal */

    z-index: 240;
  }


  header{
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    width: 100%;
  }

  .barra-logo{
    width: 180px;
    padding-top: 14px;
    margin: 0 auto;
  }


  @keyframes ani-barra{
    from{
      top: -100px;
    }
    to{
      top: 0px;
    }
  }
  
  .sucursales{
    width: 48.5%;
  }

  
}

@media screen and (max-width: 800px){
  .coches{
    grid-column: span 2;
  }
}

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

  .sc2{
    width: 100vw;
  }

  header nav ul{
    float: left;
  }

  #main #articles_list {
    width: 100%;
  }


  #main aside {
    width: 100%;
    clear: both;
  }

  .widget{
    margin-bottom: 40px;
    width: 100%;
  }

  
  .footer-ssl{
    float: none;
    width: 100%;
  }

  .sl-marcas-cont{
    max-width: 95%;
  }
  
  .footer-copy{
    float: none;
    width: 100%;
  }

  #main #articles_list article .thumb {
    width: 100%;
    float: left;
    margin-bottom:20px;
  }

  #main #articles_list article {
    margin-right: 0%;
  }

  .contenedor-slider {
    width: 100vw;
   
    /*border-radius: 0px;*/
  }

  #contenedor-slider{
    width: 100vw;
    bottom: calc(0 - 20px);

  }

  .barra-superior{
    width: 100vw;
    /*height: 80px;*/
    margin: 0;
    /*position: relative;*/
  }

  .barra-logo{
    margin: 0;

    margin-left: 20px;
  }

    
  .btn-next img {
    width: 20px;
    height: 20px;
  }

  .btn-prev img {
    width: 20px;
    height: 20px;
  }
  
  .btn-next {
    right: -10px;
  }

    #marcas{
      padding-top: 5px;
      padding-bottom: 10px;
      grid-template-columns: auto auto auto auto;
    }

    .marcas-btn{
      border-radius: 5px;
      background-color: #fff;
      transition: ease-in 0.2s
    }

    .sucursales{
      width: 100%;
    }

    .sucursales img{
      width: auto;
      margin-left: 20%;
      margin-right: 20%;
    }

    .sucursales{
      max-height: 200px;
      border-radius: 5px;
    }

    #cont-sucur-redes{
      width: 95%;
    }

    .cont-grid{
      width: 95%;
      max-width: 95%;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      justify-content: space-between;
    }

    .destacado{
      grid-template-columns: 1fr;
      max-width: 95%;
      background-image: url(./../imagenes/destacados-box.webp);
      background-position-y: center;
      background-position-x: center;
    }

    .bg-destacado{
      display: none;
    }

    .dest-txt{
      background-color: rgba(0, 36, 88, .8);
    }

    .footer{
      width: 100%;
      height: 100%;
      bottom: 0px;
      position: relative;
      border-radius: 0px;
      

      display: flex;
      align-items: flex-end;
    }
  
}

@media screen and (max-width: 600px){
  
    footer .widget{
        width: 100%;
    }

    .footer-contenedor{
      grid-template-columns: 1fr;
    }
  
    .footer-copy{
      text-align: center;
    }
  
    .footer-slayer-logo{
      text-align: center;
    }
  
    .footer_txt{
      font-family: Roboto;
      font-weight: 700;
      font-size: 14px;
      color: #002458;
      padding-top: 4px;
      padding-bottom: 10px;
    }



}

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

}