@media (min-width: 320px) and (max-width: 479px) {
    
	
	body.home{background-size:auto 760px !important;}
    .services-icon-wrap                 { width:90%;}
    .services-icon-wrap li              { width: auto; }
    .services-icon-wrap li > a > img    { width: 64px; !important }
    .services-icon-wrap h5              { float: left; font-size: 19px; margin: 25px 0 25px 10px; }
    .services-icon-wrap a               { float: left; font-size: 19px; margin: 25px 0 25px 10px; text-align: left; width: calc(25% - 10px); width: -moz-calc(25% - 10px); width: -webkit-calc(25% - 10px); margin: 5px 0; }

    .products-icon-wrap li              {  margin: 0 12.5% 74px; width: 75%; }

    footer .icons                       { margin: 0 auto; padding: 0; width: 70%; }
    footer .copyright                   { font-size: 0.50em; }
    footer                      { min-height:400px;}
    footer .mask                { min-height:400px;}

    article h2                          { font-size: 1.4em; }
    #contact .contact_form              { margin-top: -70px; }

    #contact .form_layer_black input { line-height: 29px; }
}

@media (min-width: 480px) and (max-width: 639px) {
    .products-icon-wrap li              {  margin: 0 12.5% 74px; width: 75%; }
    .services-icon-wrap { width: 70%; }
    .services-icon-wrap li { width: auto; }
    .services-icon-wrap li > a > img    { width: 64px; !important }
    .services-icon-wrap h5              { float: left; font-size: 21px; margin: 25px 0 25px 10px; }
    .services-icon-wrap a               { float: left; font-size: 20px; margin: 25px 0 25px 10px; text-align: left; width: calc(25% - 10px); width: -moz-calc(25% - 10px); width: -webkit-calc(25% - 10px); margin: 5px 0; }
    

    footer .copyright                   { font-size: 0.60em; }
    footer                      { min-height:400px;}
    footer .mask                { min-height:400px;}
    

    #contact .form_layer_black input { line-height: 29px; }
}

@media (min-width: 641px) and (max-width: 767px) {
    .products-icon-wrap li              {  margin: 0 12.5% 74px; width: 75%; }
    footer .copyright                   { font-size: 0.70em; }
    footer                      { min-height:400px;}
    footer .mask                { min-height:400px;}
}

@media (min-width: 320px) and (max-width: 767px) {
    article { clear: both; float: none; position: unset; top: 320px; }

    /* menu header */
    .home-menu {width: 100%; top: 0;}

    .home .center.logo { margin: 72px auto 0; padding: 0; position: unset; width: 90%; }
    nav .navbar-nav                 { margin: 0; }
    nav .navbar-nav a               { font-size:3.2rem; margin-bottom:2%; }
    nav .navbar-nav li              { border: 0 none; margin: 0; text-align: right; color: white }
    nav .navbar-header              { border-bottom: 3px solid #76931b; background-color:#86A32B; height: 70px; margin: 0; float: right; padding: 0; width: 100%; }
    nav .navbar-header > img        { height: 48px; margin: 10px -10px; width: auto;}
    nav .navbar-header > div > a > img    { top: 0px; display:block; margin: 2px auto 0 auto; height:60px;}
    nav .navbar-collapse            { width: 50%; padding: 10px; position: absolute; top: 0px; background:rgba(0,0,0,0.85); }
    nav .navbar-collapse ul         { padding:50px 0}
    nav .navbar-collapse li         { text-align:left; margin-bottom:20px;}
    nav .navbar-collapse.collapse   { padding: 10px; top: 0; width: 50%; overflow: hidden; }
    nav .dropdown-menu > li > a     { color: #ffffff; }
    .navbar-toggle {position:absolute;}
    
    nav .navbar-nav li a:hover, .nav > li > a:hover, .nav > li > a:focus { color: #fff; text-decoration: underline; }
    .nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: transparent;
        border-color: transparent;
        color: #000;
        text-shadow: 0 0 3px #ffffff;
    }

    .center.logo > img { width: 100%; text-align: center; margin: 0 auto; width: 100%; }

    /* Contáctanos            */

    .twoColumns .text{ max-width: none; width: 100% }
    .twoColumns .image{ margin: 0 auto;  width: 100% }

    header:after {
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        width: 100%;
        border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        -xv-border-radius: 0;
        -khtml-border-radius: 0;
        -webkit-border-radius: 0;
    }

    #works figure { width: 100%; }

    .service-details-container.hover { padding: 10px }

    footer .icons .icon         { width: 100%; }
    footer .icons .icon > img   { float: left; margin: 10px auto; }
    footer .icons .icon > span  { padding-top:20px; width: calc(100% - 44px); width: -moz-calc(100% - 44px); width: -webkit-calc(100% - 44px); clear: none; }

    footer .slogan.logo img.logo             { right: 5px; top: 36px; width: 20%; }
    footer .slogan.logo p               { color: #fff; display: inline-block; float: right; left: 0; margin: 0 auto; position: relative; text-align: center; top: 38px; width: 100%; padding: 5px 0; }
}

@media (min-width: 320px) and (max-width: 400px) {
    nav .navbar-collapse.collapse       { width:65%; }
}

@media (min-width: 320px) and (max-width: 1023px) {
    /* Contáctanos            */

    .twoColumns .text{ max-width: none; width: 100% }
    .twoColumns .image{ margin: 0 auto;  width: 100% }
    .carousel .title { width: 20%; }
}

@media (min-width: 320px) and (max-width: 1279px) {
    footer .icons               { margin: 0 auto; padding: 0; width: 50%; }
}

@media (min-width: 320px) and (max-width: 899px) {
    /* footer de Metodología  */

    .carousel .item { width: 100%; max-width: none; position: absolute; }
    .carousel .description { width: 100%; margin: 0; }
    .carousel .title { clear: both; margin: 0 auto; width: 100%; }
    .carousel .title .stroke    { margin: 0 auto; left: 0; }
    .carousel .title .icon      { margin: 0 auto; }

    footer .icons               { margin: 0 auto; padding: 0; width: 66%; }
}

@media (min-width: 768px) {
    header:after              { background: #86a32b; }

    nav .nav.navbar-nav       { margin: 0; padding: 0; width: 100%; }
    nav > div > ul > li       { color: #ffffff; float: left; list-style: none outside none; margin: 0; min-width: 95px; padding: 0; text-align: center;  }
    nav > div > ul > li a     { padding: 0px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 0.9em }
    nav > div > ul > li.cur   { text-decoration: underline; font-weight: bold; font-size: 1.2em; }
    nav .navbar-collapse      { position: unset;}

/*
    .services-icon-wrap li    { width: 210px; }
*/
}

@media (min-width: 320px) and (max-width: 767px) {
    .detalle, .cliente                  { width: 100%; float:none}
    .detalle{clear:both;margin-top:10px}
    .container_news{
        display:flex;
        flex-flow: column;
    }
    }
    
    
    .container_news .cliente table{float:left}
}