.items {

      height: 100%;

    }

    .img-carrusel{

        padding-right: 0px;
        padding-left:0px; 
        
        
    }


    @media (min-width:1930px){

    .container{

      width: 1930px;

    }




  }







@media only screen and (min-width: 100px) and (max-width:1199px ){


.img-carrusel-side{

  height: 190px;
  padding-top: 10px;
}



}

@media (min-width: 1200px){

.img-carrusel-side{

  height: 217px;
  padding-top: 18px;
}


}



@media screen and (min-width: 480px) and (max-width:1029px ){
/*
.botonesDerecha{

  margin-top:-128px;


}

.botonesIzquierda{

   margin-top:-128px;
}*/

}


@media(min-width: 1600px){

.cajaTexto-derecha{

  margin-top: -383px;

}

}


@media(min-width: 1200px){

  .botonesDerecha{

  margin-left: -27px;

  }

  .botonesDerecha img{
    margin-top: -88px;
  }

  .botonesIzquierda{
  margin-left: 150px;
  }

    .botonesIzquierda img{
    margin-top: -178px;
  }



}

@media(min-width: 1500px){
  .botonesDerecha img{
    margin-top: -208px;
  }

}


  @media(min-width: 768px){/*  Dispositivos grandes*/

.botonesHorizonatales{

padding-left: 0px; 
padding-right: 0px; 
margin-top: -190px;


}


.img-carrusel{
  height: 190px;
  padding-top: 10px;
}

.izquierda{
  left: -15px;
}

  .icono{
    height: 94px!important;
    width:75px!important;
    margin-top: 20px;
  }


      .botonesInferiores{
    margin-top: -209px;
  }


   .cajaTexto{
      display:block;
      position:absolute;
      left:10%;
      top:250px;
      z-index:2;
      max-width:90%;
      text-align:left;
      color:white;
    }

    .cajaTexto-izquierda{
      display:block;
      position:absolute;
      left:10%;
      top:250px;
      z-index:2;
      max-width:90%;
      text-align:left;
      color:white;

    }

         .cajaTexto-derecha{
       display:block;
      position:absolute;
      left:5%;
      top:50px;
      z-index:2;
      max-width:90%;
      text-align:right;
      color:white;


    }



    .conoceMas{

      width: 100px;
    }


          .logo-footer{

    height: 52px;
    width: 231px;
    display: block;
    position: absolute;
    right: 0px;
    margin-top: 0px;

  }

  .bandaFooter{

  background-color: #e0e0e0;
   height: 50px;
   font-size: 12px;

}

.bandaFooter p{
   float: right;
   margin-top: 10px;
}



  }

  @media(max-width: 767px){

.img-carrusel{

  height: 131px;
}

.img-carrusel-side{

  height: 131px;
}

  .icono{
    height: 63px!important;
    width:50px!important;
    margin-top: 20px;
  }

  .carousel-inner h4{

    font-size: 12px;

  }

   .cajaTexto{
      display:block;
      position:absolute;
      left:15px;
      top:20px;
      z-index:10;
      width: 100%;
      max-width: inherit;
      /*text-align:center;*/
      color:white;
    }

     .cajaTexto-izquierda{

        display:block;
      position:absolute;
      left:15px;
      top:20px;
      z-index:10;
      width: 100%;
      max-width: inherit;
      /*text-align:center;*/
      color:white;


    }


    .cajaTexto-derecha{
      display:block;
      position:absolute;
      left:15px;
      top:20px;
      z-index:10;
      width: 100%;
      max-width: inherit;
      /*text-align:center;*/
      color:white;
    }



    .conoceMas{

      width: 75px;
      font-size: 10px;
    }


          .logo-footer{

    height: 40px;
    width: 179px;;
     display:block;
      position:absolute;
      right:0px!important;
      margin-top: 110px!important;

  }

  .bandaFooter{

  background-color: #e0e0e0;
   height: 150px;
   font-size: 12px;

}

.bandaFooter a{
   float: left;
   margin-top: 10px;
}




}

.conoceMas{

background-color: #004977;
border-radius: 10px;

border-color: #004977;
color:white;

}


  .tituloBotones{

    color:white;


  }


    }


    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
      margin-top:-200px;
      opacity: 0.2;

    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{

      margin-top: -14px;

    }

    .carousel-control:hover{
    opacity: 0.2;
    }



.botones-side-derecha{

position: absolute; 
left: 20px;

}

.img-side-principal{

       position: absolute;
    left: 50%;
    top: -200px;
    margin-left: -1200px;
    height: 1200px;
        max-width: none;
 

}


  .div-img-side{

height:650px;

}

.div-img{

height:650px;


}



@media (max-width: 1280px){

.img-side-principal{
     position: absolute;
    left: 50%;
    top: 0;
    margin-left: -910px;
    height: 920px;

}


.div-img-side{

height:595px;;

}

.div-img{

height:595px;;

}

}



.contenido-side-derecha{

position: absolute; 
right: -15px;

}



@media (max-width: 1200px){
  .img-side-principal{
     position: relative;
       margin-left: -510px;
    top: -200px;
    height: 700px;

}

.div-img-side{

height:789px;

}

.div-img{

height:789px;;

}



.contenido-side-derecha{

position: relative; 
left:0;


}


}

@media (max-width: 1200px){

.div-img-side{

height:300px;
left: 0px;

}

.div-img{

height:300px;

}

}

.carousel-control{

  width: 10%;

}

.img-carrusel-side, .img-carrusel{

 cursor: pointer;

}

.col-md-12{

padding-left: 0px;
padding-right: 0px;

}


@media screen and (min-width: 300px) and (max-width:480px ){

.icono-Imagen{
  width: 100%;
  margin-top: 19%;
}

.testRide{
  width: 100%;
  margin-top: 10%;
}


}

@media screen and (min-width: 480px) and (max-width:640px ){

.icono-Imagen{
  width: 100%;
  margin-top: 1px;
}

.testRide{
  width: 100%;
  margin-top: -6px;
}


}



@media screen and (min-width: 100px) and (max-width:640px ){





.botonesHorizonatales{


margin-top: 0px;
margin-right: 0px;
margin-left: 0px;


}

    .cajaTexto-derecha h1{

font-size: 18px!important;
    }

      .cajaTexto-derecha h4{
      
font-size: 8px!important;
    }

     .cajaTexto-izquierda h1{

      font-size: 18px!important;
    }
 .cajaTexto-izquierda h4{

      font-size: 8px!important;
    }



    .cajaTexto h1{

      font-size: 18px!important;

    }

    .cajaTexto h4{

      font-size: 8px!important;

    }

    .btn-img{

      margin-top:12px;

    }

    .scuola{

      width: 100%;

          }



}

@media screen and (min-width: 641px) and (max-width:767px ){

.icono-Imagen{
  width: 60%;
  margin-top: -13px;
}

.testRide{
  width: 80%;
  margin-top: -13px;
}



    .cajaTexto-derecha h1{

font-size: 30px!important;
    }

      .cajaTexto-derecha h4{
      
font-size: 18px!important;
    }

    .cajaTexto-izquierda h1{

      font-size: 30px!important;
    }
     .cajaTexto-izquierda h4{

      font-size: 18px!important;
    }



    .cajaTexto h1{

      font-size: 30px!important;

    }

    .cajaTexto h4{

      font-size: 18px!important;

    }

     .btn-img{
      margin-top:-5%;
      width: 90%;
      height: 85%;

    }

}

@media screen and (min-width: 470px) and (max-width:767px ){



.scuola{

      width: 60%!important;
      margin-left: 40px;

          }

  .scuola-horizontal{
width: 60%!important;
margin-left: 40px!important;

}



}

@media screen and (min-width: 768px) and (max-width:1400px ){


.icono-Imagen{
  width: 80%;
  margin-top: 23px;
}

.testRide{
  width: 90%;
  margin-top: -6px;
}




.scuola{
      margin-left: 0px!important;
}

.scuola-horizontal{
margin-left: 40px!important;
}



}

@media screen and (min-width: 1000px){


.scuola-horizontal{

margin-left: 33px!important;

}


}

.carousel-control{

  height: 60px;
  margin-top: 20%;
}


@media(min-width: 1000px){ /*  Dispositivos grandes*/



       .cajaTexto-derecha{
       display:block;
      position:absolute;
      right:5%;
      top:50px;
      z-index:2;
      max-width:90%;
      text-align:right;
      color:white;

    }

}

@media(min-width: 1200px){ /*  Dispositivos grandes*/



       .cajaTexto-derecha{
       display:block;
      position:absolute;
      right:5%;
      top:450px;
      z-index:2;
      max-width:90%;
      text-align:right;
      color:white;
    }


          .cajaTexto-izquierda{
       display:block;
      position:absolute;
      left:5%;
      top:400px;
      z-index:2;
      max-width:90%;
      text-align:right;
      color:white;
    }




}

@media screen and (min-width: 769px) and (max-width: 1300px){

.botonesInferiores {
    margin-top: -76px;
}

.botonesHorizonatales {
  
    margin-top: 0px;
}




}




.cajaTexto{

  text-shadow: 2px 2px 5px #000,
               3px 3px 5px #000,
               9px 9px 5px #000;

}

.cajaTexto-derecha{

text-shadow: 2px 2px 5px #000,
               3px 3px 5px #000,
               9px 9px 5px #000;



}

.cajaTexto-izquierda{

text-shadow: 2px 2px 5px #000,
               3px 3px 5px #000,
               9px 9px 5px #000;



}



/*------------- nuevo------------------*/






@media screen and (min-width: 1301px) and (max-width: 1438px) {

.img-principal1{

margin-top: 0;


}

.botonesHorizonatales{

margin-top: 0;


}

}
@media screen and (min-width: 1439px) {

.img-principal1{

margin-top: -2%;


}

.botonesHorizonatales{

margin-top: 2%;


}
}

@media screen and (min-width: 1666px) {

.img-principal1{

margin-top: -3%;


}

.botonesHorizonatales{

margin-top: 3%;


}

}


@media screen and (min-width: 1750px) {

.img-principal1{

margin-top: -3%;


}

.botonesHorizonatales{

margin-top: 4%;


}

}

@media screen and (min-width: 1850px) {

.img-principal1{

margin-top: -4%;


}

.botonesHorizonatales{

margin-top: 5%;


}

}


@media screen and (min-width: 600px){

.icono-Imagen{

margin-top: -5%;

}
.testRide{
  margin-top: -15px;
}

}

@media screen and (min-width: 780px){

.icono-Imagen{

margin-top: -6%;

}

.testRide{
  width: 100%;
  margin-top: -6%;
}

}

@media screen and (min-width: 991px){

.icono-Imagen{

margin-top: 3%;

}

}

@media screen and (min-width: 1500px){

.icono-Imagen{

margin-top: 1%;

}

}

@media screen and (min-width: 1700px){

.icono-Imagen{

margin-top: -06%;

}

}


@media screen and (min-width: 1800px){

.icono-Imagen {
    margin-top: -6%;
}

.testRide {
    width: 80%;
    margin-top: -6%;

}

}



@media screen and (min-width: 1200px) and (max-width:1299px ){


.div-img{
  margin-top: -123px;
height:595px;

}



}