/**
 * Fix youtube video on index site
 *
 */
@media only screen and (min-width: 320px) {
  .video-youtube-size {
    width: 256px;
    height: auto;
    margin-left: -55px;
  }
}

@media only screen and (min-width: 360px) {
  .video-youtube-size {
    width: 304px;
    height: auto;
    margin-left: -55px;
  }
}

@media only screen and (min-width: 640px) {
  .video-youtube-size {
    width: 464px;
    height: 261px;
    margin-left: -55px;
  }
}

@media only screen and (min-width: 768px) {
  .video-youtube-size {
    width: 464px;
    height: 261px;
    margin-left: 0;
  }
}

@media only screen and (min-width: 980px) {
  .video-youtube-size {
    width: 608px;
    height: 342px;
    margin-left: 0;
  }
}

@media only screen and (min-width: 360px) {
  div.hero-unit.caac {
    margin-left: 1%;
  }
}

@media only screen and (min-width: 640px) {
  div.hero-unit.caac {
    margin-left: 10%;
  }
}


@media only screen and (min-width: 768px) {
  div.hero-unit.caac {
    margin-left: 10%;
  }
}

/**
 * Footer related fix
 *
 */
 /* @media only screen and (max-width: 1199px) {
   div.footer-copy {
     right: -2% !important;
     top: 30px !important;
   }
 }

 @media only screen and (max-width: 979px) {
   div.footer-copy {
     right: -13% !important;
     top: 30px !important;
   }
 }

@media only screen and (max-width: 767px) {
  div.footer-main {
    margin-top: 0 !important;
  }

  div.footer-copy {
    right: 48% !important;
    top: 0 !important;
  }
}*/

/**
 * Fix corredera
 */
@media only screen and (max-width: 1199px) and (min-width: 980px)  {
  .corredera {
    left: -2%;
  }
}

/**
 * Fix overflow bootstrap 2.2
 */
body {
  overflow-x: hidden;
}

@media only screen and (max-width: 320px) {
  div.row-fluid.footer-main {
    margin-left: 10px !important;
  }
}

@media only screen and (max-width: 979px) and (min-width: 768px) {
  div.span4-a.caac {
    width: 90%;
  }
}

@media only screen and (max-width: 320px) {
  #textocuadroshome {
    height: auto !important;
  }
}