.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: -247px;

  }

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

  .botonesIzquierda{
  margin-left: 150px;
  }

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

}

@media(min-width: 1400px){

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



}


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

.botonesHorizonatales{

padding-left: 15px; 
padding-right: 15px; 



}


.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:3%;
      top:250px;
      z-index:2;
      text-align:left;
      color:white;
    }

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

    }

         .cajaTexto-derecha{
       display:block;
      position:absolute;
      left:5%;
      top:50px;
      z-index:2;
      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;
  }

  .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: #ffcc00;
border-radius: 10px;

border-color: #ffcc00;
color:black;

}


  .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;

}

}

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


.div-img{
  margin-top: -123px;
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;
left: 0px;

}

}

.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: 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 ){

    .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: 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;

      text-align:right;
      color:white;

    }

}

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



       .cajaTexto-derecha{
       display:block;
      position:absolute;
      right:5%;
      top:450px;
      z-index:2;

      text-align:right;
      color:white;
    }


          .cajaTexto-izquierda{
       display:block;
      position:absolute;
      left:5%;
      top:400px;
      z-index:2;

      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: 1439px) {

.img-principal1{

margin-top: -1%;


}

.botonesHorizonatales{

margin-top: 1%;


}
}

@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: 400px) and (max-width: 569px){


.testRide{

margin-top:7%;
width: 70%;

}

.testRide-side{

  margin-top:8%;
width: 80%;


}


}




@media screen and (min-width: 570px) and (max-width: 656px){


.testRide{

margin-top:1%;
width: 70%;

}

.testRide-side{

margin-top:1%;
width: 70%;


}


}



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


.testRide{

margin-top:3%;
width: 50%;

}

.testRide-side{

margin-top:2%;
width: 60%;

}

}


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


.testRide{

margin-top:3%;
width: 60%;

}

.testRide-side{

margin-top:3%;
width: 60%;

}


}

@media screen and (min-width: 990px) and (max-width: 999px){

.testRide{

margin-top:8%;
width: 100%;

}

.testRide-side{

margin-top:8%;
width: 100%;

}



}

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

.testRide{

margin-top: 15%;

}

.testRide-side{

margin-top: 15%;

}




}


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

.testRide-side{

margin-top:-2%;
width: 100%;

}

}


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

.testRide{

margin-top: 5%;

}

}


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

.testRide{

margin-top:4%;
width: 80%;

}

}




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

.testRide{

margin-top:4%;
width: 80%;

}

}



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

.testRide{

margin-top:2%;
width: 80%;

}

.testRide-side{

margin-top:-1%;
width: 80%;

}


}


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

.scuola{

width: 80%;
margin-top: 10px;


}

}


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

.scuola{

width: 50%;
margin-top: 5px;


}

}

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

.testRide{

margin-top:-1%;
width: 65%;

}

}

@media screen and (min-width: 980px) {
.scuola{

width: 80%;


}

.scuola-side{

width: 85%;


}

}


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

.scuola-side{

width: 100%;


}

}

@media screen and (min-width: 451px) and (max-width: 999px){

.scuola-side{

width: 70%;


}

}


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


.icono{

margin-top: 11px;

}



}