/*------------------------------------------------------------------------*/
/*  1500px                                                                */
/*------------------------------------------------------------------------*/
@media only screen and (max-width: 1500px) {

    body {
        font: normal 14px/20px "Gordita";
    }

    h1 { font: bold 54px/60px "Gordita"; }
    h2 { font: bold 40px/46px "Gordita"; }
    h3 { font: bold 32px/38px "Gordita"; }
    h4 { font: bold 18px/20px "Gordita"; }

    .logo {
        width: 240px;
        top: 40px;
        left: 60px;
    }
    .hamburguer_menu {
        width: 160px;
        height: 90px;
    }
    .line {
        width: 25px;
        height: 3px;
        margin: 3px 0;
    }
    .second_line {
        width: 35px;
    }
    .change .second_line {
        -webkit-transform: rotate(-45deg) translate(6px, -6px);
    }
    .change .first_line {
        width: 35px;
    }
    .menu_expanded .logo_menu {
        width: 240px;
        top: 40px;
        left: 60px;
    }
    .menu_expanded .menu {
        padding: 0 120px;
    }
    .menu_expanded ul li {
        font: bold 52px/70px "Gordita";
    }
    .menu_expanded .credit_menu {
        left: 60px;
        bottom: 40px;
    }
    .menu_expanded .credit_menu a {
        font: normal 10px/20px "Gordita";
    }
    header {
        width: 160px;
    }
    header .side_menu {
        width: 160px;
        padding: 0 50px;
    }
    header .side_menu:hover {
        width: 340px;
    }
    header .side_menu li {
        width: 340px;
        height: 110px;
        padding: 0 0 0 80px;
    }
    header .side_menu .button {
        height: 60px;
    }
    header .side_menu .button a span {
        font: normal 10px/60px "Gordita";
    }
    header .side_menu li:nth-child(1),
    header .side_menu li:nth-child(2),
    header .side_menu li:nth-child(3),
    header .side_menu li:nth-child(4),
    header .side_menu li:nth-child(5),
    header .side_menu li:nth-child(6),
    header .side_menu li:nth-child(7),
    header .side_menu li:nth-child(8) {
        background-size: 60px auto;
    }
    header .side_menu li a {
        font: bold 16px/110px "Gordita";
    }
    section#featured .container {
        padding: 0 120px;
    }
    section#featured .text {
        width: 660px;
    }
    section#featured .text p {
        font-size: 28px;
        line-height: 36px;
        margin: 15px 0 0 0;
    }
    section#featured .play_video {
        font-size: 10px;
        line-height: 16px;
        background-size: auto 16px;
        padding: 0 0 0 20px;
        left: 60px;
        bottom: 40px;
    }
    section#featured_services_corte_laser .icon img,
    section#featured_services_corte_plasma .icon img,
    section#featured_services_calandra .icon img,
    section#featured_services_dobras .icon img {
        height: 60px;
    }
    section#featured_services_corte_laser .text,
    section#featured_services_corte_plasma .text,
    section#featured_services_calandra .text,
    section#featured_services_dobras .text {
        width: 100%;
    }
    section#box_text .text .container {
        padding: 90px 120px;
    }
    section#box_text .text {
        top: -60px;
    }
    section#box_text .text .swipe_text_down {
        font-size: 10px;
        line-height: 20px;
        background-size: auto 20px;
        padding: 0 0 0 20px;
        top: 20px;
        left: 60px;
    }
    section#box_text .text p {
        font-size: 26px;
        line-height: 34px;
    }
    section#box_text .text p.small {
        font-size: 16px;
        line-height: 24px;
    }
    section#image_service .image {
        margin: 0 120px 0 0;
        top: -120px;
    }
    section#table_service .container {
        padding: 0 120px;
    }
    section#table_service .right h4 span {
        font-size: 12px;
    }
    section#table_service .right ul li p {
        margin: 10px 0;
        padding: 0 24px;
    }
    section#data .container {
        padding: 0 120px;
    }
    section#data .image img {
        width: 100%;
    }
    section#data .text {
        margin: 180px 0 0 0;
        padding: 0 90px;
    }
    section#data .text p {
        max-width: 360px;
        margin: 15px 0;
    }
    section#data .text .download_pdf {
        height: 50px;
        background: #E5394B url(../img/icons/file.svg) no-repeat 20px 50%;
        background-size: auto 25px;
        font-size: 10px;
        line-height: 50px;
        padding: 0 20px 0 50px;
    }
    section#link_about {
        padding: 120px 0;
    }
    section#link_about p {
        max-width: 480px;
        font-size: 18px;
        line-height: 30px;
        margin: 15px auto;
    }
    section#link_about a.button {
        font-size: 10px;
        line-height: 50px;
        background: #E5394B url(../img/icons/wpp.svg) no-repeat 20px 50%;
        background-size: auto 25px;
        padding: 0 20px 0 60px;
    }
    a#next_services_corte_laser,
    a#next_services_corte_plasma,
    a#next_services_calandra,
    a#next_services_dobras {
        height: 440px;
    }
    a#next_services_corte_laser .icon img,
    a#next_services_corte_plasma .icon img,
    a#next_services_calandra .icon img,
    a#next_services_dobras .icon img {
        height: 60px;
    }
    section#featured_about .icon img {
        height: 60px;
    }
    footer p {
        max-width: 480px;
        font-size: 18px;
        line-height: 30px;
    }
    footer a.button {
        font-size: 10px;
        line-height: 50px;
        background-size: auto 25px;
        display: inline-block;
        margin: 0 auto;
        padding: 0 20px 0 50px;
    }
    section#text_about .text .container {
        padding: 90px 180px;
    }
    section#featured_about .container {
        padding: 0 120px;
    }
    section#featured_services .icon img {
        height: 60px;
    }
    section#featured_services .container {
        padding: 0 120px;
    }
    section#slider {
        padding: 120px 0 0 0;
    }
    section#slider .container {
        padding: 0 240px;
    }
    section#slider .slideshow {
        width: 100%;
        height: 480px;
    }
    section#slider .slideshow .button {
        width: 60px;
        height: 60px;
    }
    section#slider .slideshow .button.left_button {
        background-size: 20px auto;
    }
    section#slider .slideshow .button.right_button {
        background-size: 20px auto;
    }
    section#featured_sucatas .container {
        padding: 0 120px;
    }
    section#featured_sucatas .icon img {
        height: 60px;
    }
    section#contact .left .container {
        padding: 0 120px;
    }
    section#contact .text span {
        font-size: 10px;
        margin: 20px 0 0 0;
    }
    section#contact .text p {
        font-size: 14px;
        line-height: 20px;
    }
    section#contact a.link_wpp {
        font-size: 14px;
    }
    section#contact a.link_mail {
        font-size: 10px;
        line-height: 20px;
        background-size: 26px auto;
        padding: 0 0 0 38px;
        left: 60px;
        bottom: 40px;
    }
    section#concept .slide .item.featured {
        width: 540px !important;
    }
    section#concept .slide .item.featured .container {
        padding: 0 120px;
    }
    section#concept .slide .item.featured .download_pdf {
        height: 50px;
        background: url(../img/icons/file.svg) no-repeat 20px 50%;
        background-size: auto 25px;
        font-size: 10px;
        line-height: 50px;
        margin: 30px 0 0 0;
        padding: 0 20px 0 50px;
    }
    section#concept .slide .item.featured .swipe_text {
        font-size: 10px;
        left: 60px;
        bottom: 40px;
    }
    section#concept .slide .item {
        width: 320px;
    }

    section#image_service_2 .container {
        padding: 0 120px;
    }
    section#image_service_2 .text p {
        font-size: 18px;
        line-height: 28px;
    }

}
/*------------------------------------------------------------------------*/
/*  440px                                                                 */
/*------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {

    h1 { font: bold 34px/40px "Gordita"; }
    h2 { font: bold 40px/46px "Gordita"; }
    h3 { font: bold 32px/38px "Gordita"; }
    h4 { font: bold 18px/20px "Gordita"; }

    .logo {
        width: 210px;
        position: absolute;
        top: 30px;
        left: 30px;
    }

    .hamburguer_menu {
        width: 90px;
        height: 90px;
    }

    header {
        width: 100%;
        position: initial;
        top: initial;
        right: initial;
    }
    header .side_menu {
        width: 100%;
        padding: 0 0 60px 0;
        position: relative;
        top: initial;
        right: initial;
    }
    header .side_menu:hover {
        width: 100%;
    }
    header .side_menu li {
        width: 100%;
        height: 140px;
        padding: 0 30px;
        opacity: 1;
        position: relative;
    }
    header .side_menu li:after {
        content: "";
        width: 100%;
        height: 100%;
        background: rgb(15,15,15);
        background: -moz-linear-gradient(270deg, rgba(15,15,15,1) 0%, rgba(15,15,15,0.8) 100%);
        background: -webkit-linear-gradient(270deg, rgba(15,15,15,1) 0%, rgba(15,15,15,0.8) 100%);
        background: linear-gradient(270deg, rgba(15,15,15,1) 0%, rgba(15,15,15,0.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f0f0f",endColorstr="#0f0f0f",GradientType=1);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: .7;
    }
    header .side_menu li a {
        font: bold 20px/140px "Gordita";
        position: relative;
        z-index: 2;
        padding: 0 0 0 65px;
    }
    header .side_menu li:nth-child(1) a {
        background: url(../img/icons/service_corte_laser.svg) no-repeat left center;
        background-size: 50px auto;
    }
    header .side_menu li:nth-child(2) a {
        background: url(../img/icons/service_corte_palsma.svg) no-repeat left center;
        background-size: 50px auto;
    }
    header .side_menu li:nth-child(3) a {
        background: url(../img/icons/service_calandra.svg) no-repeat left center;
        background-size: 50px auto;
    }
    header .side_menu li:nth-child(4) a {
        background: url(../img/icons/service_dobras.svg) no-repeat left center;
        background-size: 50px auto;
    }
    header .side_menu span {
        opacity: 1;
    }
    header .side_menu li:nth-child(1) {
        background: url(../img/bg_menu_service_corte_laser.jpg) no-repeat center center;
        background-size: cover;
    }
    header .side_menu li:nth-child(2) {
        background: url(../img/bg_menu_service_corte_plasma.jpg) no-repeat center center;
        background-size: cover;
    }
    header .side_menu li:nth-child(3) {
        background: url(../img/bg_menu_service_calandra.jpg) no-repeat center center;
        background-size: cover;
    }
    header .side_menu li:nth-child(4) {
        background: url(../img/bg_menu_service_dobras.jpg) no-repeat center center;
        background-size: cover;
    }
    header .side_menu .bg_filter,
    header .side_menu .bg_image,
    header .side_menu i.arrow_right,
    section#box_text .text .swipe_text_down {
        display: none;
    }
    header .side_menu .button {
        text-align: left;
        padding: 0 30px;
        z-index: 3;
    }
    .menu_expanded .logo_menu {
        width: 210px;
        top: 30px;
        left: 30px;
    }
    .menu_expanded .menu {
        padding: 0 30px;
    }
    .menu_expanded ul li {
        font: bold 48px/66px "Gordita";
    }
    .menu_expanded .credit_menu {
        left: 30px;
        bottom: 30px;
    }
    section#featured {
        height: 75vh;
    }
    section#featured .container {
        padding: 0 30px;
    }
    section#featured .text {
        width: 100%;
        opacity: 1;
    }

    section#featured .play_video {
        left: 30px;
    }
    section#featured .text p {
        font-size: 20px;
        line-height: 28px;
    }

    section#featured_services_corte_laser,
    section#featured_services_corte_plasma,
    section#featured_services_calandra,
    section#featured_services_dobras {
        height: 75vh;
    }
    section#featured_services_corte_laser .container,
    section#featured_services_corte_plasma .container,
    section#featured_services_calandra .container,
    section#featured_services_dobras .container {
        padding: 0 30px;
    }
    section#box_text .text {
        width: 94%;
    }
    section#box_text .text .container {
        padding: 40px 30px;
    }
    section#box_text .text p {
        font-size: 22px;
        line-height: 28px;
    }
    section#box_text .text p.small {
        font-size: 14px;
        line-height: 20px;
    }


    section#image_service .image {
        width: 100%;
        margin: 0;
        top: -60px;
    }
    section#table_service {
        margin: 0 0 60px 0;
    }
    section#table_service .container {
        padding: 0 30px;
    }
    section#table_service .left,
    section#table_service .right,
    section#table_service .right ul li {
        width: 100%;
        float: none;
    }
    section#table_service .right ul li {
        margin: 0 0 30px 0;
    }
    section#table_service .right ul li h4 {
        font: bold 24px/24px "Gordita";
    }
    section#table_service .right ul li p {
        font-size: 16px;
        line-height: 24px;
    }
    section#table_service .left h2 {
        margin: 0 0 30px 0;
    }
    section#table_service .right h4 span {
        font-size: 11px;
        top: -5px;
    }
    section#data .container {
        padding: 0 30px;
    }
    section#data .left,
    section#data .right {
        width: 100%;
        float: none;
    }
    section#data .text {
        text-align: center;
        margin: 30px 0 0 0;
        padding: 0;
    }
    section#link_about {
        padding: 90px 30px;
    }
    a#next_services_corte_laser,
    a#next_services_corte_plasma,
    a#next_services_calandra,
    a#next_services_dobras {
        height: 300px;
    }
    a#next_services_corte_laser .container,
    a#next_services_corte_plasma .container,
    a#next_services_calandra .container,
    a#next_services_dobras .container {
        padding: 0 30px;
    }

    section#featured_about,
    section#featured_services,
    section#featured_sucatas {
        height: 75vh;
    }
    section#featured_about .container,
    section#featured_services .container,
    section#featured_sucatas .container {
        padding: 0 30px;
    }
    section#featured_about .text,
    section#featured_services .text,
    section#featured_sucatas .text {
        width: 100%;
    }
    section#text_about .text,
    section#text_about .image {
        width: 100%;
        float: none;
    }
    section#text_about .text .container {
        padding: 40px 30px;
    }
    footer {
        height: 50vh;
        padding: 0 30px;
    }
    footer a.button {
        background: #E5394B url(../img/icons/map.svg) no-repeat 20px 50%;
        background-size: auto 25px;
    }
    section#slider {
        padding: 90px 0 0 0;
    }
    section#slider .container {
        padding: 0 30px;
    }
    section#slider .slideshow {
        height: 240px;
    }
    section#slider .slideshow .button {
        width: 40px;
        height: 40px;
    }
    section#slider .slideshow .button.left_button {
        left: 15px;
    }
    section#slider .slideshow .button.right_button {
        right: 15px;
    }
    section#contact .left {
        width: 100%;
        height: 500px;
        float: none;
    }
    section#contact .left .container {
        padding: 0 30px;
    }
    section#contact .text p {
        font-size: 18px;
        line-height: 28px;
    }
    section#contact .right {
        width: 100%;
        height: 400px;
        float: none;
    }
    .line.red {
        background: #ffffff !important;
    }
    section#concept {
        display: none;
    }
    section#concept_mob {
        width: 100%;
        display: inline-block;
    }

    section#concept_mob .slider_mob {
        width: 100%;
        height: auto;
        position: relative;
        overflow: auto;
    }

    section#concept_mob .slide_content_mob {
        width: 100%;
        height: 100%;
        display: inline-block;
    }

    section#concept_mob .slide_mob {
        height: 300px;
        display: inline-block;
        position: relative;
        float: left;
    }
    section#concept_mob .slide_mob.big {
        height: 400px;
    }

    section#concept_mob .slide_mob .item.featured {
        width: 100%;
        height: 400px;
        background: #E5394B;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    section#concept_mob .slide_mob .item.featured .container {
        padding: 0 30px;
        position: relative;
        top: 0;
    }
    section#concept_mob .slide_mob .item.featured .text {
        opacity: 1;
        margin: 40px 0 0 0;
    }
    section#concept_mob .slide_mob .item.featured .download_pdf {
        height: 50px;
        background: url(../img/icons/file.svg) no-repeat 20px 50%;
        background-size: auto 25px;
        border: 1px solid #ffffff;
        display: inline-block;
        color: #ffffff;
        font-size: 10px;
        line-height: 50px;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin: 30px 0 0 0;
        padding: 0 20px 0 55px;
    }

    section#concept_mob .slide_mob .item {
        width: 100%;
        height: 100%;
        color: #ffffff;
        float: left;
    }
    section#concept_mob .slide_mob .item .container {
        padding: 0 30px;
        position: relative;
        top: 60px;
    }
    section#concept_mob .slide_mob .icon img {
        width: 50px;
        height: auto;
    }
    section#concept_mob .slide_mob .text h3 {
        margin: 15px 0;
    }
    section#concept_mob .slide_mob .filter {
        width: 100%;
        height: 100%;
        background: #0f0f0f;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: .7;
        -webkit-transition: all .3s cubic-bezier(.37,.01,0,.98);
    }
    section#concept_mob .slide_mob:hover .filter {
        opacity: .6;
    }
    section#concept_mob .slide_mob .image {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -2;
        -webkit-filter: grayscale(1);
        -webkit-transition: all .3s cubic-bezier(.37,.01,0,.98);
    }
    section#concept_mob .slide_mob:nth-child(2) .image {
        background: url(../img/bg_menu_service_corte_laser.jpg) no-repeat center center;
        background-size: cover;
    }
    section#concept_mob .slide_mob:nth-child(3) .image {
        background: url(../img/bg_menu_service_corte_plasma.jpg) no-repeat center center;
        background-size: cover;
    }
    section#concept_mob .slide_mob:nth-child(4) .image {
        background: url(../img/bg_menu_service_calandra.jpg) no-repeat center center;
        background-size: cover;
    }
    section#concept_mob .slide_mob:nth-child(5) .image {
        background: url(../img/bg_menu_service_dobras.jpg) no-repeat center center;
        background-size: cover;
    }
    section#concept_mob .slide_mob:hover .image {
        -webkit-filter: grayscale(0);
    }

    section#image_service_2 .container {
        padding: 0 30px;
    }
    section#image_service_2 .image {
        width: 100%;
        float: none;
    }
    section#image_service_2 .text {
        width: 100%;
        float: none;
        padding: 30px 0;
    }
    section#image_service_2 .text h2 {
        margin: 0 0 10px 0;
    }
    section#image_service_2 .text p {
        font-size: 16px;
        line-height: 26px;
    }

}
/*------------------------------------------------------------------------*/
/*  400px                                                                 */
/*------------------------------------------------------------------------*/
@media only screen and (max-width: 400px) {






}
/*------------------------------------------------------------------------*/
/*  320px                                                                 */
/*------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
    






}