@import url("https://fonts.googleapis.com/css?family=Montserrat:300,500,700");
@media screen and (max-width: 1220px) { .wrapper { width: auto; padding: 0 20px; }
  header .left .menu { padding: 0; }
  #banner .wrapper { padding: 140px 20px; }
  #contacts-otherinfo .wrapper { margin: 0 20px; }
  #banner .box-scroll { right: 10px; }
  .list-b .item { min-height: 0; }
  .list-b .item .right .info { min-height: 0; padding: 30px; }
  .list-b .item .right .title { font-size: 20px; line-height: 23px; margin-bottom: 0; }
  .list-b .item .right .knowmore { padding: 0 30px 30px; }
  footer .wrapper { padding: 20px; } }
@media screen and (max-width: 1024px) { .form-generalsearch { width: 200px; }
  #home-presentation .box-title h2 { font-size: 35px; line-height: 35px; }
  .list-b .item .left { width: 30%; }
  .list-b .item .right { width: 70%; } }
@media screen and (max-width: 960px) { .innerwrapper { width: auto; padding: 0 20px; }
  * { font-size: 14px; line-height: 18px; }
  h2, h2 * { font-size: 30px; line-height: 34px; }
  /*header .left .logo {margin-right: 20px;} header .left .menu {padding: 0;} header .left nav li.lev1 {margin-right: 20px;} header .left .search {margin-right: 20px;} .form-generalsearch {width: auto}*/
  header .menu, header .left .search { display: none; }
  header .wrapper .left { margin-left: 60px; }
  #mobile-menu-switch { display: block !important; }
  #mobile-menu { display: block !important; }
  #banner .wrapper .content { width: 70%; }
  #banner .wrapper .title { font-size: 40px; line-height: 50px; }
  #banner .mask-b { background-position: right bottom -150px; }
  #home-presentation .wrapper { display: grid; grid-template-columns: calc(50% - 15px) calc(50% - 15px); grid-template-rows: auto auto; grid-column-gap: 30px; grid-row-gap: 30px; padding: 0 15%; }
  #home-presentation .box-image { padding: 0; width: 100%; }
  #home-presentation .box-title { width: 100%; padding: 0; }
  #home-presentation .wrapper .box-text { grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; width: 100%; }
  #home-presentation .box-knowmore { text-align: center; }
  #home-support { width: 90%; margin: 0 auto; }
  #home-support .wrapper .title { font-size: 30px; line-height: 34px; }
  .list-b .item .left { width: 30%; }
  .list-b .item .right { width: 70%; }
  #products-list .top-container { justify-content: space-between; }
  #products-list .top-container .left { width: 60%; }
  #products-list .top-container .left .box-label { white-space: nowrap; font-size: 12px; }
  #products-list .top-container .left select { width: 100%; max-width: 280px; padding-right: 50px; }
  #products-list .top-container .right { width: 40%; padding-left: 30px; }
  #products-list .top-container #form-searchproduct { width: 100%; }
  #products-list .top-container #form-searchproduct.showresults .results { width: 400px; right: 0; }
  #contacts-otherinfo { padding-top: 0; }
  #contacts-otherinfo .contents .item .bot, #contacts-otherinfo .contents .item .bot * { font-size: 16px; line-height: 20px; }
  footer .wrapper { flex-direction: column; align-items: center; }
  footer .wrapper .left { order: 2; margin-bottom: 10px; }
  footer .wrapper .mid { order: 1; margin-bottom: 10px; }
  footer .wrapper .right { order: 3; } }
@media screen and (max-width: 768px) { input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="number"], textarea { font-size: 16px !important; }
  .grid-list .grid-item { width: 50%; }
  #banner .box-scroll { right: 10px; }
  #secbanner .wrapper .content .title { font-size: 40px; line-height: 44px; }
  #secbanner .wrapper .content .subtitle { font-size: 14px; line-height: 20px; }
  #home-presentation .wrapper { padding: 0 20px; }
  #home-presentation .box-title h2 { font-size: 30px; line-height: 30px; }
  #home-products h2 { font-size: 30px; line-height: 30px; }
  #home-products .front .wrapper .content { width: 65%; }
  #home-products .back .left { width: 65%; }
  #home-products .back .right { width: 35%; }
  #home-support .wrapper .title { white-space: normal; }
  #home-support .wrapper .title:after { display: none; }
  #home-support .content { flex-direction: column; }
  #home-support .wrapper .title { text-align: center; margin-bottom: 30px; }
  #home-support .content .left { padding-right: 0; margin-bottom: 30px; text-align: center; }
  #home-support .content .left img { width: 80%; }
  .list-b .item { flex-direction: column !important; margin-bottom: 30px; border-radius: 5px !important; }
  .list-b .item .left { width: 100% !important; height: auto; padding-bottom: 80%; }
  .list-b .item .right { width: 100% !important; height: auto; }
  #contacts-otherinfo .contents { display: flex; flex-direction: column; }
  #contacts-otherinfo .contents .item:not(:last-child) { margin-bottom: 30px; }
  footer .left .box-2020, footer .left .box-feei { height: 24px; }
  footer .left .box-norte2020 { height: 18px; } }
@media screen and (max-width: 600px) { .columns-2 { column-count: 1; column-gap: 0; }
  .grid-list .grid-item { width: 100%; }
  header .left .logo img { width: 90px; height: auto; }
  body.truncated header .left .logo a:before { width: 90px; height: 17px; }
  #banner .wrapper { align-items: flex-start; }
  #banner .wrapper .content { width: 80%; }
  #banner .wrapper .title { font-size: 30px; line-height: 36px; }
  #banner .mask-b { background-position: right -150px bottom -150px; }
  #banner .box-scroll .text { font-size: 10px; }
  #banner .box-scroll .icon { background-position: -31px -5px; background-size: 520px; width: 20px; height: 20px; margin-left: 10px; }
  #home-products { display: flex; height: auto; flex-direction: column; padding: 0 0 180px 0; }
  #home-products .back { position: relative !important; width: 100%; height: auto; display: flex; flex-direction: column; }
  #home-products .back .left { display: none; }
  #home-products .back .right { width: 100%; height: auto; padding-bottom: 100%; margin-bottom: 60px; }
  #home-products .front { height: auto; position: relative; }
  #home-products .front .wrapper .content { padding-right: 0; width: 100%; }
  footer .wrapper .left { flex-direction: column; }
  footer .wrapper .left .box { margin-left: 0; margin-bottom: 20px; }
  #aboutus-links { padding-top: 0; }
  .list-a { display: flex; flex-direction: column; }
  .list-a .item { margin-bottom: 30px; position: relative; }
  .list-a .item a:hover { margin-top: 0; }
  #quality-certificates h2:before, #quality-certificates h2:after { display: none; }
  #quality-certificates h2 { white-space: normal; text-align: center; }
  .list-b .item { width: 100%; }
  #products-list .top-container { flex-direction: column; border-radius: 5px; }
  #products-list .top-container .left { margin-bottom: 15px; width: 100%; }
  #products-list .top-container .left .box-category { width: 100%; }
  #products-list .top-container .left select { max-width: none; }
  #products-list .top-container .right { width: 100%; padding: 0; }
  #products-list .top-container #form-searchproduct.showresults .results { width: 100%; }
  #form-contacts .top, #form-contacts .bot { flex-direction: column; }
  #form-contacts .top .left, #form-contacts .bot .left { width: 100%; padding-right: 0; margin-bottom: 30px; }
  #form-contacts .top .right, #form-contacts .bot .right { width: 100%; padding-left: 0; }
  #form-contacts .bot .right { display: flex; justify-content: center; } }
@media screen and (max-width: 480px) { .btn { height: auto; border-radius: 50px; }
  .box-knowmore .btn { padding: 10px 10px 10px 25px; }
  .btn .text { white-space: inherit; }
  .db-content blockquote, .db-content blockquote * { font-size: 22px !important; line-height: 27px !important; }
  header .right .btn-logout .text { display: none; }
  header .right .btn-logout { width: 26px; padding: 0; position: relative; }
  header .right .btn-logout:before { background: #1f4864; content: ""; width: 10px; height: 1px; transform: rotate(45deg); position: absolute; top: 11px; left: 6px; }
  header .right .btn-logout:after { background: #1f4864; content: ""; width: 10px; height: 1px; transform: rotate(-45deg); position: absolute; top: 11px; left: 6px; }
  header .right .btn-logout:hover:before, header .right .btn-logout:hover:after { background: #fff; }
  #mobile-menu .container a.logo { background: url(../images/header-logo-color.svg) no-repeat 0 0; content: ""; width: 100px; height: 19px; display: block; margin: 20px; padding-bottom: 0; border-bottom: none; }
  header .left .logo { display: none; }
  #mobile-menu .container .search { border-top: solid 1px #ededed; }
  #secbanner .wrapper .content .title { white-space: normal; }
  #secbanner .wrapper .content .title:before, #secbanner .wrapper .content .title:after { display: none; }
  /*body.truncated header .left .logo a:before {width: 100px; height: 19px ;}*/
  header .right { position: absolute; right: 0; }
  header .right .btn-poplogin { padding: 0 10px; height: 30px; margin-right: 40px; }
  header .right .btn-poplogin .text { font-size: 12px; }
  #form-login { width: 280px; }
  header .right .languages { flex-direction: column; position: absolute; right: 0; }
  header .right .languages a { width: 25px; height: 25px; margin-right: 0 !important; }
  header .right .languages a:first-child { border-radius: 5px 0 0 0; }
  header .right .languages a:last-child { border-radius: 0 0 0 5px; }
  header .right .btn-logout { margin-right: 40px; }
  #banner .wrapper { padding: 100px 20px; }
  #banner .wrapper .content { width: 100%; }
  #banner .wrapper .title { font-size: 26px; line-height: 30px; }
  #banner .box-scroll { right: 10px; bottom: 10px; }
  #banner .box-scroll .text { display: none; }
  #home-presentation .wrapper { display: flex; flex-direction: column; }
  #home-presentation .box-image { text-align: center; margin-bottom: 30px; }
  #home-presentation .box-title { padding: 0; margin-bottom: 30px; }
  #home-presentation .box-title h2 { margin-bottom: 0; }
  #home-presentation .box-text { padding-left: 0; }
  #home-support .wrapper { padding: 30px 30px 60px 30px; }
  #support-list .wrapper { padding: 0; }
  .list-b .item .right .info { padding: 30px; }
  .list-b .item .right .knowmore { justify-content: center; padding: 0 0 50px; }
  .list-b .item .right .knowmore:before { display: none; }
  body.products .general-section { margin-bottom: 0px; }
  body.products footer { background-color: #fff; position: relative; bottom: auto; left: auto; width: 100%; }
  #products-list .top-container .left { flex-direction: column; }
  #products-list .top-container #form-searchproduct .results a .info .name { font-size: 12px; }
  #products-list .top-container #form-searchproduct .results .moreresults .text { font-size: 12px; line-height: 14px; }
  #contacts-otherinfo .wrapper { padding: 30px; }
  #contacts-otherinfo h2 { text-align: center; }
  #contacts-otherinfo .contents .item .bot, #contacts-otherinfo .contents .item .bot * { font-size: 14px; line-height: 18px; }
  #contacts-otherinfo .contents .item .bot { padding-left: 10px; }
  #contacts-otherinfo .contents .item .bot span { display: block; line-height: 20px !important; } }