/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  .caja-categoria {
        height: 140px;
    }
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .caja-categoria {
        height: 190px;
    }
  
}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 600px  to 799px
*/

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

    .logo img{
        width: 100%;
    }

    .logo_webpay img{
        width: 75px;
        margin-top: 7px;
    }
  
    .franja-productos {
        position: absolute !important;
        font-size: 24px !important;
        margin-top: -30px !important;
        margin-bottom: 40px;
    }

    .carousel-caption {
        left: 5% !important;
        padding-bottom: 20% !important;
    }

    .contenedor-carrucel-home .titulo_1 {
        font-size: 50px !important;
    }

    .contenedor-carrucel-home .titulo_2 {
        font-size: 50px !important;
    }

    .contenedor-encuentranos .contenedor-lista-sucursales:before {
        transform: skew(0deg) !important;
    }

    .link-desarrollo {
        margin-top: -890px !important;
    }

    .card-body {
        padding: .5rem;
    }
 
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

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

 
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

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

    .carousel-item .view{
      height: 65vh;
    }

    /************************************************************************************************************/
    /******************************************** INICIO MENU SUPERIOR *******************************************/
    .menu-principal-mobile {
        position: fixed;
        width: 100%;
        z-index: 1000;
        background: #fff;
        height: 70px;
    }

    .menu-principal-mobile .logo img{
        width: 100%;
    }

     .link-desarrollo {
        margin-top: -890px !important;
    }

    .franja-productos {
        position: absolute !important;
        font-size: 24px !important;
        margin-top: -30px !important;
        margin-bottom: 40px;
    }

    .b-nav.open {
        overflow: scroll;
        height: 100vh !important;
    }

    .contenedor-menu_principal-mobile{
        margin-top: 30px;
    }

    .contenedor-menu_principal-mobile .accordion-gradient-bcg{
        width: 100%;
    }

    .contenedor-menu_principal-mobile .card {
        border: transparent;
    }

    .contenedor-menu_principal-mobile .card-header {
        background-color: transparent;
    }

    .contenedor-menu_principal-mobile .rotate-icon{
        float: right !important;
    }

    .contenedor-menu_principal-mobile .card-header a {
        width: 97%;
    }

    .contenedor-menu_principal-mobile .titulo_menu{
        margin-left: 40px;
        color: #444444;
    }

    .contenedor-menu_principal-mobile .titulo_2{
        font-size: 24px !important;
    }

    .contenedor-menu_principal-mobile .fas{
         color: #444444;
    }

    .b-nav li:first-child {
        padding-top: 0;
    }

    .carousel-caption {
        left: 5% !important;
        padding-bottom: 20% !important;
    }

    .contenedor-carrucel-home .titulo_1 {
        font-size: 50px !important;
    }

    .contenedor-carrucel-home .titulo_2 {
        font-size: 50px !important;
    }

    .div-separador {
        height: 30px !important;
    }
  
   .contenedor-page {
        margin-top: 70px;
    }

    .caja-categoria {
        font-size: 10pt !important;
        height: 160px;
    }

    .contenedor-tecnologia-home .titulo_2 {
        padding: 30px;
        line-height: 20px;
    }

    .caja-encuentranos{
        margin: 20px 0px;
    }

    .btn-empresa {
        width: inherit !important;
    }

    .btn-contenedor-encuentranos{
        margin: 20px 0px;
    }

    .btn-contenedor-encuentranos label{
        font-size: 20px;
    }

    .contenedor-titulo{
        margin: 20px 0px;
    }

    .categorias {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .contenedor-innovacion .contenedor-video{
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .contenedor-innovacion iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .contenedor-tecnologia-innovacion .card{
        background: #767676;
    }

    .contenedor-tecnologia-innovacion .card-header a {
        width: 97%;
    }

    .contenedor-tecnologia-innovacion .card-header .titulo{
        font-size: 20px;
        color: #fff;
    }

    .contenedor-tecnologia-innovacion .fas{
         color: #fff;
    }

   .formulario-cubicador {
        padding: 20px;
    }

    .indicaciones {
        margin-left: 0 !important;
    }

    .contenedor-encuentranos .contenedor-lista-sucursales{
        text-align: center;
    }


    .contenedor-cotizador .img_principal img{
        width: 100% !important;
    }

    .contenedor-cubicador-select img{
        width: 100% !important;
    }

    .caja-btn-cubicador{
        text-align: center;
        margin-top: 20px;
    }

    .img-carro-compra{
        width: 50% !important;
    }

    .card-body {
        padding: .5rem;
    }

    .contenedor-categoria-producto .info_categoia .card .card-body {
        height: 100%;
    }

    footer{
        text-align: center;
    }

    .contenedor-footer .logo{
        text-align: center;
    }

    .datos-producto-ajax{
        margin-left: 0px !important;
    }

    footer .contenedor-footer .links {
        margin: 20px 0;
        text-align: center;
    }

    footer .contenedor-footer .contacto {
        text-align: center;
    }

    footer .contenedor-footer .contacto .col-md-4{
        margin-bottom: 15px;
    }

    .contenedor-footer .logo img{
        width: 170px;
    }

}