@media screen and (max-width: 1220px) { .wrapper { width: auto; padding: 0 20px; }
  #home-banner .contents .wrapper { width: 100%; padding: 0; }
  #home-presentation .wrapper { padding: 0 40px; }
  #home-presentation iframe { width: 80%; left: 20%; height: 112%; }
  #home-presentation .title, #home-presentation .title * { font-size: 70px; line-height: 70px; }
  #sobrenos-brandsoptions .left { width: 40%; flex: 0 0 40%; padding-right: 20px; }
  #sobrenos-brandsoptions .left h2 .text { font-size: 20px; line-height: 30px; }
  #sobrenos-brandsoptions .brands-list { width: 100%; }
  #sobrenos-brandsoptions .brands-list .item { height: 0; padding-bottom: 100%; position: relative; }
  #sobrenos-brandsoptions .brands-list .item a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  #sobrenos-brandsoptions .right { padding-left: 20px; width: 60%; }
  #sobrenos-brandsoptions .areas-list .item-content .title { font-size: 12px; line-height: 15px; }
  #sobrenos-brandsoptions .areas-list .item:hover .description { margin-top: 20px; }
  #contactos-contents .wrapper { width: 100%; } }
@media screen and (max-width: 1024px) { #home-presentation .title, #home-presentation .title * { font-size: 65px; line-height: 65px; }
  #sobrenos-presentation iframe { padding-left: 15%; }
  #sobrenos-presentation .content { width: 60%; } }
@media screen and (max-width: 960px) { header .wrapper .left .innerleft { margin-right: 20px; }
  header .wrapper .left .innerright li.lev1:not(:last-child) { margin-right: 15px; }
  header .wrapper .right .innerright { margin-left: 0; }
  header .wrapper .right .innerright .btn-icon:not(:first-child) { margin-left: 5px; }
  #home-presentation { align-items: flex-start; padding-top: 15%; }
  #home-presentation .title, #home-presentation .title * { font-size: 50px; line-height: 50px; }
  #home-presentation .contents .box-knowmore a { width: 50%; }
  #home-presentation .contents .box-knowmore a .line { margin: 0 10px; }
  #home-banner .contents .left { width: 40%; flex: 0 0 40%; }
  #home-banner .content .title { font-size: 25px; line-height: 27px; }
  #home-banner .gallery .left { width: 40%; flex: 0 0 40%; }
  #home-banner .contents .left .number { font-size: 100px; line-height: 100px; }
  #home-banner .swiper-pagination-bullet:before { width: 8px; height: 8px; }
  #home-banner .swiper-pagination-bullet:not(:last-child):after { width: 15px; }
  #sobrenos-presentation iframe { padding-left: 20%; }
  #sobrenos-presentation .content { width: 75%; }
  #sobrenos-brandsoptions .wrapper { flex-direction: column-reverse; }
  #sobrenos-brandsoptions .wrapper .right { width: 100%; padding: 0; margin-top: 30px; margin-bottom: 100px; }
  #sobrenos-brandsoptions .left { width: 100%; flex: 0 0 initial; padding: 0; }
  #sobrenos-brandsoptions .left .title { width: 60%; }
  #sobrenos-brandsoptions .left .title .text { font-size: 30px; line-height: 40px; }
  #sobrenos-brandsoptions .brands-list { grid-template-columns: repeat(4, 1fr); }
  #portefolio-list .grid-item { width: 33.3%; }
  #portefolio-detail-top .left { width: 80px; flex: 0 0 80px; }
  #portefolio-detail-top .right { width: 35%; flex: 0 0 35%; padding-left: 5%; }
  #contactos-container { padding-bottom: 50%; }
  #contactos-contents .left .actions .btn-gmaps, #contactos-contents .left .actions .btn-directions { font-size: 12px; } }
@media screen and (max-width: 768px) { header { height: 60px; }
  header .wrapper .left .innerright { display: none; }
  header .wrapper .left .innerright li.lev1:not(:last-child) { margin-right: 20px; }
  header .wrapper .left .innerleft { margin-right: 0; }
  header .wrapper .left .innerleft a img { height: 34px; }
  header .wrapper .right { padding-top: 16px; flex-wrap: wrap; justify-content: flex-end; }
  #mobile-menu { bottom: 0; visibility: visible; }
  #home-presentation { padding-top: 100px; }
  #home-presentation iframe { height: 110%; }
  #home-presentation .title { margin-bottom: 30px; }
  #home-presentation .title, #home-presentation .title * { font-size: 35px; line-height: 35px; }
  #home-presentation .contents { width: 60%; }
  #home-banner .content .title { font-size: 20px; line-height: 22px; }
  #home-banner .swiper-slide-active .contents .left .number { bottom: 80px; }
  body.truncated #truncated-items { bottom: 80px; right: 20px; }
  #truncated-items .btn-goup .text { display: none; }
  #sobrenos-presentation iframe { padding-left: 25%; }
  #sobrenos-presentation .content { width: 90%; }
  #sobrenos-brandsoptions .areas-list .item a { cursor: default; }
  #sobrenos-brandsoptions .areas-list .item { width: 100%; }
  #sobrenos-brandsoptions .areas-list .item .info { font-size: 30px; line-height: 40px; padding: 60px; }
  #sobrenos-brandsoptions .areas-list .item-content { flex-direction: row; padding: 60px; }
  #sobrenos-brandsoptions .areas-list .item:nth-child(odd) .item-content { flex-direction: row-reverse; }
  #sobrenos-brandsoptions .areas-list .item-content .image { flex-shrink: 0; }
  #sobrenos-brandsoptions .areas-list .item-content .info-text { width: 100%; padding-left: 40px; align-items: flex-start; }
  #sobrenos-brandsoptions .areas-list .item:nth-child(odd) .item-content .info-text { padding-left: 0; padding-right: 40px; align-items: flex-end; text-align: right; }
  #sobrenos-brandsoptions .areas-list .item-content .btn-icon { display: none; }
  #sobrenos-brandsoptions .areas-list .item .description { background-color: transparent; position: relative; opacity: 1 !important; top: auto !important; left: auto !important; right: auto !important; margin-top: 0 !important; width: 100%; padding: 0; box-shadow: none; border-radius: 0; visibility: visible; }
  #sobrenos-brandsoptions .areas-list .item:nth-child(odd) { border-right: none; }
  #sobrenos-brandsoptions .areas-list .item:last-child { border-bottom: none; }
  #sobrenos-brandsoptions .areas-list .item:first-child { border-radius: 5px 5px 0 0; }
  #sobrenos-brandsoptions .areas-list .item:nth-child(2), #sobrenos-brandsoptions .areas-list .item:nth-child(2) a { border-radius: 0; }
  #sobrenos-brandsoptions .areas-list .item:last-child, #sobrenos-brandsoptions .areas-list .item:last-child a { border-radius: 0 0 5px 5px; }
  #portefolio-detail-top { flex-wrap: wrap; }
  #portefolio-detail-top .left { width: 60px; flex: 0 0 60px; }
  #portefolio-detail-top .mid { width: calc(100% - 60px); margin-bottom: 30px; }
  #portefolio-detail-top .right { width: 100%; flex: 0 0 100%; padding-left: 60px; display: flex; flex-wrap: wrap; }
  #portefolio-detail-top .right .item:not(:last-child) { display: flex; border: solid 1px #ccc; padding: 5px 15px; margin-right: 10px; margin-bottom: 10px; border-radius: 40px; }
  #portefolio-detail-top .right .item:not(:last-child):after { display: none; }
  #portefolio-detail-top .right .item:last-child { width: 100%; padding-top: 20px; margin-top: 20px; position: relative; }
  #portefolio-detail-top .right .item:last-child:after { background-color: #ccc; content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 2px; }
  #portefolio-detail-top .item h5 { font-size: 14px; line-height: 16px; margin-right: 5px; }
  #portefolio-detail-top .item p, #portefolio-detail-top .item a { font-size: 14px; line-height: 16px; }
  #portefolio-detail { padding-bottom: 100px; margin-bottom: 0; }
  #contactos-container { padding-bottom: 65%; }
  #contactos-contents .wrapper { flex-direction: column-reverse; gap: 100px; }
  #contactos-contents .left { width: 100%; padding-top: 0; }
  #contactos-contents .right { width: 100%; } }
@media screen and (max-width: 600px) { #home-banner .content .title { font-size: 18px; line-height: 20px; }
  #home-banner .contents .left { width: 50%; flex: 0 0 50%; }
  #home-banner .gallery .left { width: 50%; flex: 0 0 50%; }
  #truncated-items .btn-goup .icon { width: 40px; height: 40px; }
  #sobrenos-presentation .content { width: 100%; }
  #sobrenos-presentation h1.title, #sobrenos-presentation h1.title * { font-size: 25px; line-height: 31px; }
  #sobrenos-brandsoptions .areas-list .item .info { font-size: 20px; line-height: 30px; text-align: center; }
  #sobrenos-brandsoptions .areas-list .item-content { flex-direction: column; padding: 40px; }
  #sobrenos-brandsoptions .areas-list .item:nth-child(odd) .item-content { flex-direction: column; }
  #sobrenos-brandsoptions .areas-list .item-content .info-text { width: 100%; padding-left: 0; align-items: center; text-align: center; }
  #sobrenos-brandsoptions .areas-list .item:nth-child(odd) .item-content .info-text { padding-left: 0; padding-right: 0; align-items: center; text-align: center; }
  #sobrenos-brandsoptions .left .title { width: 80%; }
  #sobrenos-brandsoptions .left .title .text { font-size: 20px; line-height: 30px; }
  #sobrenos-brandsoptions .brands-list { grid-template-columns: repeat(3, 1fr); }
  #portefolio-container { padding-top: 100px; }
  #portefolio-list .grid-item { width: 50%; }
  #portefolio-detail-bot { margin-top: 40px; }
  #contactos-contents .right { padding-top: 100px; } }
@media screen and (max-width: 480px) { header .wrapper { padding: 0 20px; }
  #mobile-menu .container ul li a { flex-direction: column; }
  #mobile-menu .container ul li a:before { margin-right: 0; }
  header .wrapper .right .innerleft .btn-quote { height: 40px; border-radius: 25px; position: fixed; bottom: 80px; left: 20px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); }
  #home-presentation iframe { width: 100%; height: 105%; left: 10%; max-width: 90%; }
  #home-presentation .wrapper { padding: 0 20px; }
  #home-presentation .title { margin-left: 0; margin-bottom: 10px; }
  #home-presentation .title, #home-presentation .title * { font-size: 18px; line-height: 18px; text-shadow: none; color: #606060; }
  #home-presentation .contents { width: 100%; }
  #home-banner .swiper-slide { display: flex; flex-direction: column-reverse; }
  #home-banner .content .title { font-size: 18px; line-height: 20px; padding-bottom: 15px; margin-bottom: 15px; }
  #home-banner .content .categories { margin-bottom: 10px; font-size: 12px; line-height: 18px; }
  #home-banner .content .description { font-size: 12px; line-height: 15px; margin-bottom: 20px; }
  #home-banner .gallery { flex-direction: column; position: relative; height: 50%; }
  #home-banner .gallery .left { display: none; }
  #home-banner .contents .wrapper { padding: 0; }
  #home-banner .contents .left { width: 100%; flex: 0 0 100%; padding: 20px; align-items: flex-start; flex-direction: column; }
  #home-banner .swiper-slide-active .contents .left .number { display: none; }
  #home-banner .box-swiper-pagination { bottom: 150px; width: 100%; }
  #home-banner .box-swiper-pagination .wrapper { width: 100%; }
  #home-banner .swiper-pagination { width: 100%; justify-content: flex-end; padding: 0 20px; }
  #home-banner .swiper-pagination { left: 0; }
  #home-banner .contents .left .btn-icon { position: relative; width: 40px; height: 40px; top: auto; right: auto; margin-top: 0; }
  #home-banner .contents .left .btn-icon:hover { width: 50px; height: 50px; right: auto; margin-top: 0; }
  #home-banner .contents .left .btn-icon:before { width: 10px; height: 10px; background-size: 200px; }
  #sobrenos-presentation { margin-bottom: 50px; }
  #sobrenos-presentation iframe { display: none; }
  #sobrenos-presentation h1.title br { display: none; }
  #sobrenos-brandsoptions .areas-list .item-content { padding: 30px; }
  #sobrenos-brandsoptions .left .title { width: 100%; }
  #sobrenos-brandsoptions .left .title .icon { background-size: 1600px; background-position: -320px 0; width: 80px; height: 80px; flex: 0 0 80px; margin-right: 20px; }
  #sobrenos-brandsoptions .left .title:after { width: 80px; }
  #sobrenos-brandsoptions .brands-list { grid-template-columns: repeat(2, 1fr); }
  #portefolio-list .grid-item { width: 100%; }
  #portefolio-list .grid-item .item-content { padding: 0 0 20px 0; }
  #portefolio-detail-top .mid { width: 100%; }
  #portefolio-detail-top .right { padding-left: 0; }
  #contactos-container { padding-bottom: 100px; }
  #contactos-container:before { display: none; }
  #contactos-contents .left .actions { position: relative; bottom: auto; left: auto; flex-direction: column; }
  #contactos-contents .left .actions .btn-gmaps, #contactos-contents .left .actions .btn-directions { justify-content: center; }
  .g-recaptcha > div { width: 100% !important; }
  .g-recaptcha iframe[title="reCAPTCHA"] { width: 100% !important; } }