@media all and (min-width: 1024px) and (max-width: 1280px) {

}

@media all and (min-width: 768px) and (max-width: 991px) {
  .responsiveimagen{
      width:50% !important;
  }
  .responsivemarcas{
    width: 25%;
  }
}

@media all and (min-width: 768px) and (max-width: 991px) {
  .navprincipal li{
    width: 115px !important;
  }
}

@media all and (min-width: 768px) and (max-width: 884px) {
  .navprincipal ul{
    margin-left: -145px;
  }
}

@media all and (min-width: 1100px) and (max-width: 1300px) {
  .textofijo {
    position: absolute;
    margin-top: -367px;
    margin-left: 63px !important;
  }
}

@media all and (min-width: 900px) and (max-width: 1099px) {
.textofijo {
    position: absolute;
    margin-top: -285px;
    margin-left: 58px !important;
  }
}

@media all and (max-width: 767px) {
  .map-marker a {
    height: 1em !important;
    width: 1em !important;
  }
  .textofijo {
    display: none;
  }
  .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
    margin-top: -70px !important;

  }
}

@media all and (min-width: 767px) and (max-width: 899px) {
  .textofijo {
    position: absolute;
    margin-top: -257px !important;
    margin-left: 34px !important;
  }
  #headindex h2 {
    color: #fff;
    font-size: 1.5em !important;
  }
}
@media all and (min-width: 440px) and (max-width: 767px) {
  .navbar-header button{
    margin-right: -370%;
  }

  .ulnav{
    display: block !important;
    width: 50% !important;
    right:-50% !important;
  }
  .ulnav li{
    border:none;
  }

  .ulnav li a{
        line-height: 30px;
  }
  #reach{
    padding: 0em !important;
  }
  #reach h1 {
    font-size: 1.5em !important;
  }
  .btn-lg, .btn-group-lg > .btn {
    padding: 8px 13px !important;
    font-size: 12px !important;
  }
}

@media all and (max-width: 439px) {
  .navbar-header button{
    margin-right: -465%;
  }

  .ulnav{
    display: block !important;
    width: 50% !important;
    right:-50% !important;
  }
  .ulnav li{
    border:none;
  }

  .ulnav li a{
        line-height: 30px;
  }
  .navbar-brand{
    margin-left: -30px;
  }
  #reach{
    padding: 0em !important;
  }
  #reach h1 {
    font-size: 1.5em !important;
  }
  .btn-lg, .btn-group-lg > .btn {
    padding: 8px 13px !important;
    font-size: 12px !important;
  }
}


@media all and (max-width: 436px) {
  .footersuperior p {
    font-size: 13px !important;
  }
  #Contacto h3 {
    font-size:2.5em;
  }
}

@media all and (max-width: 402px) {
  .footersuperior p {
    font-size: 13px !important;
  }
}

@media all and (max-width:767px){
  .trescolumnas img{
    width:50%;
  }
  #acerca p {
    margin: 0 0px 10px;
  }
  .navprincipal{
    margin-top:10px;
  }
  #headerindex h2{
    font-size:2.5em !important;
  }

  .margpatron{
    margin-bottom: 50px;
  }
}

@media all and (max-width:991px){
  #Contacto .forms .cuadro-rojo {
    margin-top: 90px;
  }
  .textoservicios p {
    margin: 0 0px 10px;
  }
  #headerservicios h2, #header-repuestos h2, #headercajas h2{
    font-size: 3em;
  }
  .aceitesheader h2{
    font-size:2em;
  }
  .importacion p {
    margin: 0 0px 10px;
  }
  .contamos h2{
    font-size:1.5em;
  }
  .titulos-cajas{
    font-size: 1.5em;
  }
  #marcasrepresentadas h2{
    font-size:1.5em;
  }
  #footertext ul li{
    text-align: center !important;
  }

}

@media all and (min-width:885px) and (max-width:1199px){
  #bs-example-navbar-collapse-1{
    right: -14%;
    top: -15px;
  }
}

@media all and (min-width:767px) and (max-width:884px){
  #bs-example-navbar-collapse-1{
    right: -30%;
    top: -20px;
  }
  .responlogo{
    margin-left: -60px;
  }
}

@media all and (min-width:403px) and (max-width:767px){
  .navprincipal{
    margin-top:0px;
  }
}

@media all and (max-width:767px){
  .ulnav{
    margin-left: 35% !important;
    text-align: center !important;
  }

  .ulnav li{
    -webkit-transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      transition-timing-function: ease;
      -webkit-transition-duration: 0.8s;
      -moz-transition-duration: 0.8s;
      transition-duration: 0.8s;
  }

  .ulnav li a{
    -webkit-transition-timing-function: ease;
      -moz-transition-timing-function: ease;
      transition-timing-function: ease;
      -webkit-transition-duration: 0.8s;
      -moz-transition-duration: 0.8s;
      transition-duration: 0.8s;
  }

  .ulnav li:hover{
    background-color:#c65a02;
    cursor:pointer;
  }

  .ulnav li:hover a{
    color:white;
    cursor:pointer;
  }

  .logomedia{
    margin-left: 20px;
  }
  .mercedesmedia{
    margin-left: 20px !important;
  }
  .toyotamedia{
    margin-left: 20px !important;
  }
  .carmedia{
    margin-left: 30px !important;
  }
  .motulmedia{
    margin-left:20px !important;
  }
  .castrolmedia{
    margin-left:25px !important;
  }
  #banderas img{
    width: 55%;
  }
  #banderas h3{
    margin-left: 23%;
  }
  #banderas p{
    padding: 0 100px 10px;
  }
  .titulobanderas h2{
    font-size:2em;
  }
}

@media all and (min-width:768px) and (max-width:991px){

  .cr{
    margin-top: 15px;
  }
  .flagcostarica{
    width: 55%
  }
  .tituloCR{
    margin-left:23%;
  }
  .pfCR{
    padding: 0 165px 10px;
  }
  .motulmedia{
    margin-left:40px !important;
  }

  .castrolmedia{
    margin-left: 35px !important;
  }
}

@media all and (max-width:1360px){
  .prevv{
    left:-5px !important;
  }
  .nextt{
    right:-5px !important;
  }
}

@media all and (min-width: 1200px) and (max-width: 1431px){
  .navprincipal ul{
    margin-left: 150px !important;
  }
}