.top-nav-collapse {
    background-color: rgba(247,247,247,1) !important; 
}
.navbar:not(.top-nav-collapse) {
    background-color: rgba(247,247,247,1) !important; 
}
@media (max-width : 800px) {
    
    .desktop{
        display:none;
    }
    
    .movil{
        visibility: visible;
    }
    
    
    .navbar:not(.top-nav-collapse) {
        background:rgba(247,247,247,1) !important;
    } 
    #silla{
        margin-left:0px;
    }
    
    #perspective {
        margin: 0 auto;
        margin-top: 80px;
        width: 320px;
        height: 218px;
        position: relative;
        -webkit-perspective: 1100px;
        perspective: 1100px;
    }

    #carousel {
        width: 40%;
        height: 100%;
        position: absolute;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform: rotateY(0deg) translateZ(-288px);
    }

    #carousel figure {
        display: block;
        position: absolute;
        background: #ffb167;
        width: 40%;
        height: 218px;
        opacity: 1;
        margin: 12px;
        color: #fff;
        cursor: pointer;
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: opacity 1s, -moz-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        transition: opacity 1s, transform 1s;
    }  
    
    
    .jarallax {
        min-height: 200px;
    }
    
    .jarallaxnews {
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
        min-height: 200px;
    }
    .introprod {
        min-height:2000px
    }


    .intro-1 {
        height: 800px;
    }
    
    .slider-wrapper{
        margin-top:100px;
    }
    
    .mm{
        max-height:2000px
    }
    
    .nosotros {
            min-height: 1000px;
     }
    
    .jarallaxgal {
            min-height: 400px;
     }
    
    .clientes{
            max-height: 2500px;
     }
        .clientes .container div{
            border:0px solid #fff;
        }
     
    .productosheight{
        background:#fff; background-position:center;
    }
    
    #productos-imagen{
        visibility: visible;
    }
    
    .productoslasilla{
        background:#fff; background-position:center;
        background:url(../images/back-lasilla.png); background-position:center;
    }
    
    .productoslamesa{
        background:#fff; background-position:center;
        background:url(../images/back-lamesa.png); background-position:center;
    }
    .productosperiquera{
        background:#fff; background-position:bottom;
        background:url(../images/back-periquera.png); background-position:center;
    }
    .productosbarra{
        background:#fff; background-position:bottom;
        background:url(../images/back-barra.png); background-position:center;
    }
    
     .instalacion{
        min-height: 530px;
        background:#63B85D; background-position:bottom;
        background:url(../images/back-instalacion.png); background-position:center;
    }
    
    
    .productospodium{
        background:#fff; background-position:bottom;
        background:url(../images/back-podium.png); background-position:center;
    }
    .productostablet{
        background:#fff; background-position:bottom;
        background:url(../images/back-tablet.png); background-position:center;
    }
    .productoscojines{
        background:#fff; background-position:bottom;
        background:url(../images/back-cojines.png); background-position:center;
    }
    .productosmobiliario{
        background:#fff; background-position:bottom;
        background:url(../images/back-mobiliario.png); background-position:center;
    }
   
    
    #direccionmail{
        font-size:30px;
    }
    
    .desktop{
        display: none;
    }
     
}
@media (min-width: 768px) and (max-width: 2025px) {
    .intro-1 {
        height: 750px;
    }
    .jarallax {
        min-height: 200px;
    }
    .clientes{
        min-height: 500px;
    }
    
    .intro {
        min-height: 600px;
        position: relative;
    }
    .productosheight{
        min-height: 750px;
        background:url(../images/productos-imagen.png)#fff; background-position:center;
    }
    #productos-imagen{
        visibility:hidden;
    }
    
    .productoslasilla{
        min-height: 530px;
        background:url(../images/back-lasilla.png);
        background-repeat:no-repeat;
    }
    .productoslamesa{
        min-height: 530px;
        background:#fff; background-position:bottom;
        background:url(../images/back-lamesa.png); background-position:center;
    }
    .productosperiquera{
        min-height: 530px;
        background:#fff; background-position:bottom;
        background:url(../images/back-periquera.png); background-position:center;
    }
    
    .productosbarra{
        min-height: 530px;
        background:#fff; background-position:bottom;
        background:url(../images/back-barra.png); background-position:center;
    }
    .productospodium{
        min-height: 530px;
        background:#fff; background-position:bottom;
        background:url(../images/back-podium.png); background-position:center;
    }
    .productostablet{
        min-height: 530px;
        background:#fff; background-position:bottom;
        background:url(../images/back-tablet.png); background-position:center;
    }
    
    .productoscojines{
        min-height: 530px;
        background:#fff; background-position:bottom;
        background:url(../images/back-cojines.png); background-position:center;
    }
    .productosmobiliario{
        min-height: 530px;
        background:#fff; background-position:bottom;
        background:url(../images/back-mobiliario.png); background-position:center;
    }
    
    
    #direccionmail{
        font-size:70px;
    }
    .moviles{
        display: none;
    }
    
    a.redes:first-child{
        margin-left:50px;
        margin-top:130px;!important;
    }
    
    a.redes i{
        margin-top:7px;
    }
    
    .desktop{
        visibility: visible;
    }
    
    .movil{
        display:none;
    }
    
    #corte1{
        height: 100px;
        background: url(../images/corte1.jpg); 
        background-attachment: fixed; 
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    
     #corte3{
        height: 100px;
        background: url(../images/corte3.jpg); 
        background-attachment: fixed; 
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    #corte2{
        height: 100px;
        background: url(../images/corte2.jpg); 
        background-attachment: fixed; 
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        
    }
    
    .instalacion{
        min-height: 530px;
        background:#63B85D; background-position:bottom;
        background:url(../images/back-instalacion.png); background-position:center;
    }
}
@media (max-width: 740px) {
    .intro {
        height: 900px;
    }
    .jarallax {
        min-height: 200px;
    }
    
    .redes{
        margin-left:30px;
    }
    
     #direccionmail{
        font-size: 18px;
        
    }


    #perspective {
        margin: 0 auto;
        margin-top: 80px;
        width: 520px;
        height: 318px;
        position: relative;
        -webkit-perspective: 1100px;
        perspective: 1100px;
    }

    #carousel {
        width: 100%;
        height: 100%;
        position: absolute;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform: rotateY(0deg) translateZ(-288px);
    }

    #carousel figure {
        display: block;
        position: absolute;
        background: #ffb167;
        width: 100%;
        height: 318px;
        opacity: 1;
        margin: 12px;
        color: #fff;
        cursor: pointer;
        -webkit-transition: opacity 1s, -webkit-transform 1s;
        -moz-transition: opacity 1s, -moz-transform 1s;
        -o-transition: opacity 1s, -o-transform 1s;
        transition: opacity 1s, transform 1s;
    }    
}
/* jssor slider loading skin spin css */
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.jssora093 {display:block;position:absolute;cursor:pointer;}
.jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093:hover {opacity:.8;}
.jssora093.jssora093dn {opacity:.6;}
.jssora093.jssora093ds {opacity:.3;pointer-events:none;}

.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
    display: block;
    
}
.dropdown-menu > li{
    position: relative;
}
.dropdown-menu > li:hover{
    background: #f9a02a;
}
.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
.navbar .dropdown-menu a:hover {
    color: #24A6E2 !important;
}
main{
    font-size: 16px;
}
.has-feedback .form-control{
    padding: 0px;
}
.btn{
    font-size: 16px;
}
input.form-control{
    font-size: 16px;
}
table td, table th{
    font-size:16px;
}
.modal.in .modal-dialog{
    transform: none;
}