/* X-Small phones */
@media (min-width: 270px){
    
    /* ------------------------------ */
    /* HEADER*/
    /* ------------------------------ */
    
    .navbar-header img{
        margin-top: 5px;
        width: 150px !important;
        height: 20px !important;     
    }
    
    .header-top{        
        font-size: 6px !important;
    }
    .header-top img{        
        display: none;
    }
    
    .header-bot{
        background-color: #343434 !important;
        padding-bottom: 10px;
    }
    
    .navbar-inverse{
        background-color: #133E8D !important;
        height: 50px !important;
    }
    
    .navbar-inverse a {
        text-align: center;
        margin-top: 10px !important; 
        padding:0 15px !important;
    }
    
    .navbar-brand{
        display: none;
    }
    
    .dropdown-menu li {
        list-style: none;
        padding-left: 12% ;
    }
    
    .dropdown-menu li a:hover{
        background-color: #777777 !important;
        color: #3e984c !important;
        text-decoration: none;
    }
    
    .dropdown-menu {background-color: #777777 !important}
    .dropdown-menu li a{font-size: 9px;}
    
    .navbar-inverse .navbar-nav > .open > a{
      background-color: #343434 !important;
    }
    
    .home-img{
        display: none;
    }
    
    .home-img-mobile{
        display: block;
    }
    
    /* ------------------------------ */
    /* HOME */
    /* ------------------------------ */
    
    .descubre-boton{
        max-width: 80% !important;
        max-height: 80% !important; 
        right: -25%;
    }
    
    /* ------------------------------ */
    /* PRODUCTOS & FICHAS TECNICAS    */
    /* ------------------------------ */
        
    .product-section p{ font-size: 14px; }
    .product-section h1{ display: none; }
    
    .tornillos-center-responsive{
        margin-top: -25px !important;
        margin-bottom: -25px !important;
    }
    
    /* ------------------------------ */
    /* CONTACTO   */
    /* ------------------------------ */

    .contacto-section h1{ font-size: 40px;}
    .contacto-section h3{ font-size: 9px;}
    
}

/* X-Small phones */
@media (min-width: 480px){
    .header-top{        
        font-size: 9px !important;
    }
    .header-top img{    
        height: 100%;
        display: inline;
    }
    
    /* ------------------------------ */
    /* HEADER*/
    /* ------------------------------ */
    
    .navbar-header img{
        margin-top: 0px;
        width: 250px !important;
        height: 32px !important;     
    }
    
    .dropdown-menu li {
        list-style: none;
        padding-left: 20% ;
    }
    
    .dropdown-menu li a{font-size: 11px;}
    
    /* ------------------------------ */
    /* HOME */
    /* ------------------------------ */
    
    .descubre-boton{ right: -35%; }
    
    /* ------------------------------ */
    /* PRODUCTOS & FICHAS TECNICAS    */
    /* ------------------------------ */
    
    
    .product-section p{ font-size: 16px; }
    
    /* ------------------------------ */
    /* CONTACTO   */
    /* ------------------------------ */

    .contacto-section h1{ font-size: 60px;}
    .contacto-section h3{ font-size: 14px;}
    

}

/* Small phones to small tablets: from 481px to 767px */
@media (min-width: 768px){
    
    header {font-size: 10px;}
    
    /* ------------------------------ */
    /* HEADER*/
    /* ------------------------------ */
    
    .header-top{        
        font-size: 13px !important;
    }
    
    .header-bot{
        background-color: #FFFFFF !important;
    }
    
    .navbar-inverse{
        background-color: #FFFFFF !important;
        height: 130px !important;
    }
    .navbar-inverse a {margin-top: 52px !important;}
    
    .navbar-inverse li a {
        color: #777777 !important;
        margin-top: 30px !important; 
        margin-bottom: 30px !important; 
        line-height: 70px !important;
        border-right: 1px solid #777777 !important;
    }
    .navbar-inverse img{
        width: 110px;
        height: 15px;        
    }
    
    .navbar-brand{ display: block; }
    
    .dropdown-menu-left{ padding-left: 10% !important; }

    .dropdown-menu-right{ padding-left: 5% !important; }
    
    .dropdown-menu{background-color: #343434 !important;}    
    .dropdown-menu li a{font-size: 11px;}
    .dropdown-menu li a:hover{ background-color: #343434 !important; }
    
    .navbar-inverse .navbar-nav > .open > a{ background-color: #ffffff !important; }
    
    .home-img{ display:block; }
    
    .home-img-mobile{ display: none; }
    
    /* ------------------------------ */
    /* HOME */
    /* ------------------------------ */
    
    .descubre-boton{ right: -42%; }
    
    /* ------------------------------ */
    /* PRODUCTOS & FICHAS TECNICAS    */
    /* ------------------------------ */
    
    .product-section img{ height: 168px;}
    
    .product-section p{ font-size: 16px; }
    .product-section h1{ display: block; }
    
    .perfiles-section img{ height: 88px;}
    
    .tornillos-center-responsive{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    
    /* ------------------------------ */
    /* CONTACTO   */
    /* ------------------------------ */

    .contacto-section h1{ font-size: 55px;}
    .contacto-section h3{ font-size: 12px;}
    
    
}

/* Small tablets to big tablets: from 768px to 1013px */
@media (min-width: 992px){
    
    header {font-size: 12px;}
    
    /* ------------------------------ */
    /* HEADER*/
    /* ------------------------------ */
    
    .navbar-inverse a {margin-top: 42px !important;}
    
    .navbar-inverse img{
        width: 200px;
        height: 25px;
    }
    
    .dropdown-menu li a{font-size: 12px;}
    /* ------------------------------ */
    /* HOME */
    /* ------------------------------ */
    
    .descubre-boton{ right: -45%; }
    
    /* ------------------------------ */
    /* PRODUCTOS & FICHAS TECNICAS    */
    /* ------------------------------ */
    
    .product-section img{ height: 215px;}
    
    .product-section h1{ font-size: 50px; }
    
    .product-section p{ font-size: 20px; }

    
    .perfiles-section img{ height: 120px; }
    
    /* ------------------------------ */
    /* CONTACTO   */
    /* ------------------------------ */

    .contacto-section h1{ font-size: 80px;}
    .contacto-section h3{ font-size: 18px;}
    

}

/* Big tablets to 1200px (widths smaller than the 1140px row) */
@media (min-width: 1200px){
    
    header {font-size: 14px;}
    
    /* ------------------------------ */
    /* HEADER*/
    /* ------------------------------ */
    
    .navbar-inverse a {margin-top: 40px !important;}
    
    .navbar-inverse img{
        width: 270px;
        height: 34px;
    }
    .dropdown-menu li a{font-size: 14px;}
    
    /* ------------------------------ */
    /* HOME */
    /* ------------------------------ */
    
    .descubre-boton{ right: -45%; }
    
    /* ------------------------------ */
    /* PRODUCTOS & FICHAS TECNICAS    */
    /* ------------------------------ */
    
    .product-section img{ height: 265px;}
    
    .perfiles-section img{ height: 146px;}
    
    /* ------------------------------ */
    /* CONTACTO   */
    /* ------------------------------ */

    .contacto-section h1{ font-size: 90px;}
    .contacto-section h3{ font-size: 20px;}
 
}

/* Specific Browser breakpoint due to website design */
@media (min-width: 1485px){
    
    header {font-size: 17px;}
    
    /* ------------------------------ */
    /* HEADER*/
    /* ------------------------------ */
    
    .navbar-inverse a {margin-top: 34px !important;}
    
    .navbar-inverse img{
        width: 370px;
        height: 48px;
    }
    
    .dropdown-menu li a{font-size: 18px;}
    
    /* ------------------------------ */
    /* HOME */
    /* ------------------------------ */
    
    .descubre-boton{ right: -45%; }
    
}

/* Specific Browser breakpoint due to website design */
@media (min-width: 1685px){ 
    
    header {font-size: 18px; }
    
    /* ------------------------------ */
    /* HEADER*/
    /* ------------------------------ */
    
    .navbar-inverse a {margin-top: 30px !important;}
    
    .navbar-inverse img{
        width: 415px;
        height: 53px;
    }
    .dropdown-menu li a{font-size: 22px;}

    
}