@charset "UTF-8";
@media only screen and (min-width: 1088px) {
  body {
    min-width: 1088px; }

  .main-top {
    width: 1088px;
    background: url(../images/main-top.png) center 0 no-repeat;
    padding-top: 50px;
    margin: 0px auto 0 auto; }

  .main-bot {
    background: url(../images/main-bot.png) center bottom no-repeat;
    width: 100%;
    padding-bottom: 50px; }

  .main {
    background: url(../images/main-bg.png) 0 0 repeat-y; }

  header {
    width: 1008px; }
    header h1 {
      padding: 68px 0 46px 383px; }

  nav {
    padding-left: 34px !important; }
    nav ul.sf-menu > li {
      padding: 0 10px 0 10px; }
      nav ul.sf-menu > li a {
        width: 140px; }

  #slide {
    width: 940px; }
    #slide .slider {
      width: 940px; }
      #slide .slider .pagination {
        bottom: -127px;
        left: 434px; }
    #slide .banner {
      width: 940px;
      top: 425px; }

  .h4 {
    background: url(../images/h4_line.png) center 38px no-repeat;
    padding-left: 350px;
    padding-right: 350px; }

  .carousel-2-block {
    width: 940px; }

  .carousel-2 {
    width: 940px !important;
    padding-bottom: 100px;
    height: 900px !important; }

  .border-right {
    border-right: #e2dfe1 1px solid;
    margin-right: 30px;
    padding-right: 49px; }

  footer {
    width: 1008px; } }
/***** MENUS & PACKS ******/
@media screen and (min-width: 768px) and (max-width: 1087px) {
  body {
    min-width: 768px;
    margin: 0 auto; }

  .main-top {
    width: 768px;
    background: url(../images/main-top-768.png) center 0 no-repeat;
    padding-top: 35px;
    margin: 0px auto 0 auto; }

  .main-bot {
    background: url(../images/main-bot-768.png) center bottom no-repeat;
    width: 100%;
    padding-bottom: 35px; }

  .main {
    background: url(../images/main-bg-768.png) 0 0 repeat-y; }

  header {
    width: 690px;
    margin: 0 auto; }
    header h1 {
      padding: 68px 0 46px;
      width: 225px;
      margin: 0 auto; }

  nav {
    padding-left: 0; }
    nav ul.sf-menu > li {
      padding: 0 7px 0 8px !important; }
      nav ul.sf-menu > li a {
        width: 100px; }

  .container_12, .grid_12 {
    width: 644px !important; }

  #slide {
    width: 644px;
    height: 360px !important; }
    #slide .slider {
      width: 644px;
      height: 315px; }
      #slide .slider .pic {
        width: 644px !important;
        height: 273px !important;
        background-size: 644px 273px !important; }
      #slide .slider .pagination {
        bottom: -20px;
        left: 276px; }
    #slide .banner {
      width: 644px;
      top: 284px; }

  .h4 {
    background: url(../images/h4_line-768.png) center 38px no-repeat;
    padding: 0;
    margin: 25px auto !important; }

  .grid_3 {
    margin-top: 45px;
    width: 100% !important; }
    .grid_3 .carousel-1-block {
      width: 100% !important; }
      .grid_3 .carousel-1-block .carousel-1 {
        width: 100% !important;
        height: 460px !important; }
        .grid_3 .carousel-1-block .carousel-1 li {
          width: 100% !important; }
          .grid_3 .carousel-1-block .carousel-1 li .wrap {
            height: 115px !important; }

  .grid_5 {
    width: 304px !important; }

  .grid_12 {
    margin: 20px 0 !important; }

  .carousel-1 ul {
    width: 100% !important; }

  .carousel-2-block {
    width: 664px; }
    .carousel-2-block .carousel-prev, .carousel-2-block .carousel-next {
      display: none; }

  .carousel-2 {
    width: 664px !important;
    height: initial !important; }
    .carousel-2 ul {
      width: 664px !important; }
      .carousel-2 ul li {
        display: block;
        width: 300px;
        float: left;
        margin-right: 20px;
        margin-left: 8px;
        position: relative !important;
        left: 0 !important; }
      .carousel-2 ul li:nth-child(3) {
        clear: both; }

  div.container_12 {
    margin-top: 25px; }
    div.container_12 div.box-1:nth-child(4) {
      display: inline-block !important;
      float: none !important;
      margin: 50px 0 0 170px !important; }

  /* Página de clientes */
  body#clients div.container_12 div.box-1:nth-child(3) {
    display: block !important;
    float: none !important;
    margin: 0px auto;
    padding-top: 25px;
    clear: both; }

  #toTop {
    margin-right: -415px !important; }

  .border-right {
    border-right: 0;
    margin-right: 30px;
    padding-right: 49px; }

  footer {
    width: 712px; } }
/***** MENUS & PACKS ******/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body {
    width: 99%;
    margin: 0 auto !important; }

  .main-top {
    width: 100%;
    background: url(../images/main-top.png) center 0 no-repeat;
    padding-top: 50px;
    margin: 0px auto 0 auto; }

  .main-bot {
    background: url(../images/main-bot.png) center bottom no-repeat;
    width: 100%;
    padding-bottom: 50px; }

  .main {
    background: url(../images/main-bg.png) center 0 repeat-y; }

  header {
    width: 100%;
    margin: 0 !important; }
    header h1 {
      padding: 68px 0 0 25px;
      width: 225px; }
    header #logo-maset-container {
      right: 25px !important;
      width: auto !important; }
      header #logo-maset-container .logo-maset {
        padding: 0; }

  #content {
    padding-top: 75px; }

  /*
  nav {
    padding-left:0;
    ul.sf-menu>li {
      padding:0;
      width: 16.6%;
      a {
        width:90%;
        font-size:0.85em!important;
      }
    }
  }
  */
  nav {
    display: none !important; }

  .nav-menu-select {
    text-align: center;
    display: block !important;
    width: 100%;
    top: 162px; }
    .nav-menu-select select {
      border: 1px solid #b3c10e;
      height: 35px;
      width: 320px;
      font-size: 20px;
      margin: 0 auto;
      display: block; }

  #slide {
    width: 100%;
    height: 380px !important; }
    #slide .slider {
      width: 100%; }
      #slide .slider .pic {
        width: 100% !important;
        max-height: 273px;
        background-size: 100% 273px !important; }
      #slide .slider .pagination {
        bottom: 25px;
        left: 45%; }
    #slide .banner {
      width: 100%;
      top: 300px;
      font-size: 17px !important; }

  .h4 {
    background: url(../images/h4_line-480.png) center 38px no-repeat;
    padding: 0;
    margin: 25px auto !important;
    width: 300px !important; }

  .container_12, .grid_12, .grid_9 {
    width: 100% !important; }

  .grid_9 {
    margin-bottom: 25px; }

  .container_12 .grid_4 {
    float: none !important;
    display: block;
    clear: both;
    margin: 30px auto; }
  .container_12 .grid_12 {
    margin: 0 !important; }
    .container_12 .grid_12 h3 {
      margin-left: 10px; }

  body.privacy-policy .grid_12 {
    width: 98%;
    margin: 0 10px; }

  .carousel-2-block {
    width: 100%; }
    .carousel-2-block .carousel-prev, .carousel-2-block .carousel-next {
      display: none; }

  .carousel-2 {
    width: 100% !important;
    height: initial !important; }
    .carousel-2 ul {
      width: 100% !important; }
      .carousel-2 ul li {
        display: block;
        width: 45%;
        float: left;
        margin-right: 3%;
        margin-left: 2%;
        position: relative !important;
        left: 0 !important; }
        .carousel-2 ul li .block {
          padding: 20px 3% 15px 3%;
          width: 100% !important;
          display: table-cell; }
          .carousel-2 ul li .block img {
            width: 100%; }
      .carousel-2 ul li:nth-child(3) {
        clear: both; }

  div.container_12 div.box-1:nth-child(4) {
    display: block !important;
    float: none !important;
    margin: 50px auto !important; }

  .grid_3 {
    margin: 0 auto;
    display: block;
    float: left !important;
    width: 331px !important;
    padding: 0 10px; }
    .grid_3 #circle .circle {
      margin: 0 auto; }
    .grid_3 .carousel-1-block {
      width: 100% !important; }
      .grid_3 .carousel-1-block .carousel-1 {
        width: 100% !important;
        height: 460px !important; }
        .grid_3 .carousel-1-block .carousel-1 ul {
          width: 100% !important; }
          .grid_3 .carousel-1-block .carousel-1 ul li {
            width: 100% !important; }
            .grid_3 .carousel-1-block .carousel-1 ul li .wrap {
              height: 115px !important; }

  .grid_5 {
    float: none !important;
    margin: 0 auto; }
    .grid_5 .border-1 {
      padding: 0 10px !important;
      margin: 0 !important; }

  .border-right {
    border-right: 0;
    margin-right: 20px;
    padding-right: 0; }
    .border-right .img-indent-3 {
      margin-bottom: 70px; }

  /* Página de fotos de noticia */
  body.news .block {
    padding: 20px 0 15px !important;
    display: block !important; }
    body.news .block img.image-news {
      width: 95% !important; }

  body#nosaltres div.box-4 {
    width: 45%;
    margin-right: 3%; }

  #toTop {
    margin-right: -49% !important; } }
/***** MENUS & PACKS ******/
@media only screen and (max-width: 479px) {
  body {
    width: 99%;
    margin: 0 auto !important; }

  .main-top {
    width: 100%;
    background: url(../images/main-top.png) center 0 no-repeat;
    padding-top: 50px;
    margin: 0px auto 0 auto; }

  .main-bot {
    background: url(../images/main-bot.png) center bottom no-repeat;
    width: 100%;
    padding-bottom: 50px; }

  .main {
    background: url(../images/main-bg.png) center 0 repeat-y; }

  header {
    width: 100%;
    margin: 0 !important; }
    header h1 {
      padding: 68px 0 0 0;
      margin: 0 auto;
      width: 225px; }
    header #logo-maset-container {
      width: auto !important;
      top: 0;
      position: relative;
      display: block; }
      header #logo-maset-container .logo-maset {
        padding: 0; }

  nav {
    display: none !important; }

  .nav-menu-select {
    text-align: center;
    display: block !important;
    width: 100%;
    top: 241px;
    margin-top: 20px; }
    .nav-menu-select select {
      border: 1px solid #b3c10e;
      height: 35px;
      width: 265px;
      font-size: 20px;
      margin: 0 auto;
      display: block; }

  .content-top {
    padding-top: 20px !important; }

  #content {
    margin-top: 69px !important; }

  #slide {
    width: 100%;
    height: 235px !important; }
    #slide .slider {
      width: 100%; }
      #slide .slider .pic {
        width: 100% !important;
        max-height: 131px;
        background-size: 100% 131px !important; }
      #slide .slider .pagination {
        margin: 0 auto;
        width: 100px;
        display: block;
        position: relative;
        margin-top: 75px; }
    #slide .banner {
      width: 100%;
      top: 142px;
      font-size: 17px !important; }

  .h4 {
    background: url(../images/h4_line-480.png) center 38px no-repeat;
    padding: 0;
    margin: 25px auto !important;
    width: 300px !important; }

  .container_12, .grid_12, .grid_9 {
    width: 100% !important; }

  .container_12 .grid_4 {
    float: none !important;
    display: block;
    clear: both;
    margin: 30px auto; }
  .container_12 .grid_12 {
    margin: 0 !important; }
    .container_12 .grid_12 h3 {
      margin-left: 10px; }

  body.comandes .container_12 .grid_9 {
    margin: 0; }
  body.comandes .table-1 td, body.comandes .table-1 th {
    width: 25%;
    padding: 5px 2px 6px 2px; }

  body.privacy-policy .container_12 {
    width: 98% !important; }
    body.privacy-policy .container_12 .grid_12 {
      width: 100%;
      margin: 0 10px; }

  .carousel-2-block {
    width: 100%; }
    .carousel-2-block .carousel-prev, .carousel-2-block .carousel-next {
      display: none; }

  .carousel-2 {
    width: 100% !important;
    height: initial !important; }
    .carousel-2 ul {
      width: 100% !important; }
      .carousel-2 ul li {
        display: block;
        width: 98%;
        float: left;
        margin-right: 3%;
        margin-left: 2%;
        position: relative !important;
        left: 0 !important; }
        .carousel-2 ul li .block-corner .block {
          padding: 20px 5px 15px 5px;
          width: 96% !important;
          display: block !important; }
          .carousel-2 ul li .block-corner .block img {
            width: 100%; }
      .carousel-2 ul li:nth-child(3) {
        clear: both; }

  .grid_3 {
    margin: 0 auto;
    display: block;
    float: left !important;
    margin: 45px 0 0 10px;
    width: 98% !important; }
    .grid_3 #circle .circle {
      margin: 0 auto; }
    .grid_3 .carousel-1-block {
      width: 100% !important; }
      .grid_3 .carousel-1-block .carousel-1 {
        width: 100% !important;
        height: 460px !important; }
        .grid_3 .carousel-1-block .carousel-1 ul {
          width: 100% !important; }
          .grid_3 .carousel-1-block .carousel-1 ul li {
            width: 100% !important; }
            .grid_3 .carousel-1-block .carousel-1 ul li .wrap {
              height: 115px !important; }

  .grid_5 {
    float: none !important;
    margin: 0 auto; }
    .grid_5 .border-1 {
      padding: 0 10px !important;
      margin: 0 !important; }

  .border-right {
    border-right: 0;
    margin-right: 20px;
    padding-right: 0; }
    .border-right .img-indent-3 {
      width: 100%;
      margin-bottom: 20px; }

  body#nosaltres #content {
    width: 98%; }

  body#nosaltres div.box-4 {
    width: 45%;
    margin-right: 3%; }

  /* Contacte */
  .map {
    width: 100% !important; }
    .map iframe {
      width: 100% !important; }

  #form {
    width: 100% !important; }
    #form input, #form textarea {
      width: 93% !important; }

  #toTop {
    margin-right: -49% !important; } }

/*# sourceMappingURL=ebrecitrics.css.map */