@media screen and (min-width: 1400px) {
  .contbloque5 .section {
    width: 60%;
  }

  .contbloque5 .section .button {
    width: 38%;
    padding: 1% 6% 1% 2%;
  }

  .boxbloque5 .circleboxbloque5 {
    width: 300px;
    height: 300px;
  }

  .contaboutus-bloque3 .boxbloque5 .circleboxbloque5 {
    width: 280px;
    height: 280px;
  }

  .boxformcontacto {
    margin: -160px 0px 10%;
  }

  .contubicacioncontacto {
    margin: -160px 0px 10%;
  }

  /* PRODUCTS */

  .cproducts .section {
    width: 1400px;
    /*border: 1px solid #FF0000;*/
  }

  .cproducts .columnproducts-width {
    width: 80%;
  }

  .cproducts .columnproducts-width .infoboxlistproducts {
    width: 76%;
  }
}

@media screen and (max-width: 1258px) {
  body {
    padding: 75px 0px 0px;
  }

  #desktop {
    display: none;
  }

  #mobile {
    display: inherit;
  }

  /* HEADER */

  header {
    height: auto;
    padding: 20px 20px;
  }

  header .fa-bars {
    font-size: 40px;
    color: #575756;
    position: absolute;
    top: 19px;
    right: 20px;
    display: inherit;
  }

  header .fa-times {
    font-size: 46px;
    color: #575756;
    position: absolute;
    top: 16px;
    right: 20px;
  }

  .logo {
    width: 160px;
  }

  .contmenu {
    width: 100%;
    margin: 0;
    position: fixed;
    top: 80px;
    right: 0;
    background-color: #F1F1F1;
    display: none;
    /*border: 1px solid #FF0000;*/
  }

  .btnmenu {
    width: 100%;
    padding: 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    font-size: 28px;
  }

  .btnmenu-user img {
    width: 22px;
    top: -2px;
  }

  .btnmenu-user-mobile {
    font-size: 20px;
  }

  /* LOGIN */

  .contlightbox {
    background-color: rgba(255, 255, 255, 0.95);
  }

  .lightbox {
    width: 85%;
    font-size: 18px;
    left: 50%;
  }

  .lightbox img {
    width: 240px;
  }

  .lightbox p {
    font-size: 30px;
  }

  .inputlogin {
    padding: 0px 0px;
    font-size: 18px;
  }

  .login .button {
    width: 100%;
    font-size: 18px;
  }

  .lightbox .fa-times {
    font-size: 42px;
    top: -62px;
    right: 2px;
  }

  /* BLOQUE 1 */

  .contbloque1 {
    width: 100%;
    height: 100vh;
    padding: 20px;
  }

  .contbloque1-int {
    height: 150px;
  }

  .contbloque1-int .boxbloque1 {
    width: 72%;
    top: 50%;
  }

  .contbloque1-int .boxbloque1 .txtbloque1 {
    margin: 0;
    font-size: 26px;
  }

  .boxbloque1 {
    width: 72%;
    top: 40%;
  }

  .boxbloque1 .button {
    width: 100%;
    padding: 8px 0;
    margin: 10px 0 0px;
    font-size: 20px;
  }

  .txtbloque1 {
    font-size: 36px;
  }

  /* BLOQUE 2 */

  .cbloque2 {
    padding: 0px 30px;
  }

  .cbloque2 .section {
    width: 100%;
    margin: 30px 0px 0px;
    /*border: 1px solid #FF0000;*/
  }

  .cbloque2 .section p {
    width: 100%;
    margin: 0px 0px 35px 0px;
    text-align: center;
  }

  /* BLOQUE 3 */

  .cbloque3 {
    padding: 0px 30px;
  }

  .cbloque3 .section {
    width: 100%;
    height: 300px;
    margin: 4% 0px;
  }

  .textbloque3 {
    width: 80%;
    padding: 0px 15% 0px 0px;
    font-size: 20px;
  }

  /* BLOQUE 4 */

  .cbloque4 {
    padding: 30px 30px;
  }

  .cbloque4 .section {
    width: 100%;
  }

  .cbloque4 .section p {
    width: 100%;
    font-size: 24px;
    line-height: 130%;
  }

  .boxbloque4 {
    width: 100%;
    margin: 0px 0px;
  }

  .boxbloque4 .txtBox {
    width: 100%;
    margin: 0px 0px 8px;
    font-size: 18px;
  }

  .boxbloque4 .button {
    width: 100%;
    font-size: 20px;
  }

  /* BLOQUE 5 */

  .cbloque5 .section {
    width: 100%;
    padding: 0px 30px;
  }

  .boxbloque5 {
    width: 100%;
    height: 300px;
  }

  .infobloque5 {
    width: 100%;
    height: auto;
    padding: 40px 25px;
  }

  /* BLOQUE 6 */

  .cbloque6 .section {
    width: 100%;
    padding: 0px 30px;
  }

  .cbloque6 .section p {
    width: 100%;
    margin: 0px 0px 35px 0px;
    font-size: 24px;
  }

  .cbloque6 .boxlistproducts {
    width: 100%;
    padding: 15px;
    margin: 0px 0px 10px;
  }

  .cbloque6 .boxlistproducts .imgboxlistproducts {
    width: 65px;
    height: 65px;
  }

  .cbloque6 .boxlistproducts .titleboxlistproducts {
    width: 72%;
  }

  /* BLOQUE 7 */

  .cbloque7 {
    padding: 10px 30px;
  }

  .cbloque7 .section {
    width: 100%;
  }

  .cboxbloque7 {
    width: 100%;
    margin: 20px 0px;
  }

  .cboxbloque7 img {
    margin: 0px 0px 10px;
  }

  /* BOX CATEGORIES */

  .contcategories {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px;
  }

  .imgcategories {
    height: 180px;
  }

  .titlecategories {
    font-size: 18px;
  }

  /* PRODUCTS */

  .cproducts .section {
    width: 100%;
    padding: 20px;
    margin: 0px 0px 100px;
    /*border: 1px solid #FF0000;*/
  }

  .cproducts .columnproducts {
    width: 100%;
  }

  .cproducts .columnproducts img {
    display: none;
  }

  .cproducts .columnproducts-width .headercolumnproducts {
    width: 100%;
    padding: 15px 25px;
    margin: 0px 0px 10px;
    font-size: 20px;
  }

  .cproducts .intcolumnproducts {
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 20px;
  }

  .cproducts .titlecategoriesproducts {
    margin: 0px 0px 5px;
  }

  .cproducts .selectcategoriesproducts {
    width: 50%;
    text-align: center;
  }

  .cproducts .columnproducts-width .headercolumnproducts .paginationcolumnproducts {
    top: 20px;
  }

  .selectBox {
    width: 46%;
    margin: 0px 5px 5px;
    float: left;
  }

  .cproducts .columnproducts-width .headercolumnproducts .cselect .button {
    width: 50%;
  }

  .cproducts .columnproducts-width .imgboxlistproducts {
    width: 100%;
  }

  .cproducts .columnproducts-width .infoboxlistproducts {
    width: 100%;
    padding: 0px 0px 0px 0px;
  }

  .cproducts .columnproducts-width .catgboxlistproducts {
    margin: 15px 0px 12px;
    font-size: 16px;
  }

  .cproducts .columnproducts-width .infoboxlistproducts .button {
    width: 100%;
    padding: 12px 0px;
    margin: 140px 0px 0px;
    font-size: 20px;
    text-align: center;
    position: relative;
    display: inline-block;
    right: 0;
    bottom: 0;
    /* border: 1px solid #FF0000; */
  }

  .titleboxlistproducts {
    font-size: 22px;
    font-weight: 600;
  }

  .descboxlistproducts {
    margin: 0px 0px 40px;
    font-size: 16px;
  }

  .detailsboxlistproducts {
    width: 100%;
    margin: -15px 0px;
    margin-right: 0;
    font-size: 16px;
    /*border: 1px solid #FF0000;*/
  }

  .priceboxlistproducts {
    font-size: 20px;
    position: absolute;
    left: 0;
    bottom: 90px;
  }

  .cproducts .columnproducts-width .boxlistproducts {
    margin: 10px 0px;
  }

  /* PRODUCTS / DETAILS */

  .cdetails .headerdetails {
    text-align: center;
    padding: 25px 20px 20px !important;
  }

  .cdetails .section {
    width: 100%;
    margin: 20px 0px 60px;
    /*border: 1px solid #FF0000;*/
  }

  .cdetails .cimgdetails {
    width: 100%;
    text-align: center;
    /*border: 1px solid #000;*/
  }

  .cdetails .cimgdetails .thumbnailsimgdetails {
    margin: 0px 0px 0px;
    display: inline-block;
    float: none;
  }

  .cdetails .previewimgdetails {
    width: 91%;
    margin: 0px 20px;
    pointer-events: none;
    /*border: 1px solid #000;*/
  }

  .cdetails .infodetails {
    width: 100%;
    padding: 0px 20px;
  }

  .cdetails .infodetails .titleboxlistproducts {
    margin: 10px 0px 30px;
    font-size: 26px;
    font-weight: 600;
  }

  .cdetails .infodetails .descboxlistproducts {
    margin: 0px 0px 28px;
    font-size: 16px;
  }

  .cdetails .infodetails .detailsboxlistproducts {
    font-size: 16px;
    margin: 0px 0px;
  }

  .cdetails .infodetails .sizeboxlistproducts {
    margin: 4px 0px 28px;
  }

  .cdetails .infodetails .shareboxlistproducts img {
    width: 35px;
    height: 35px;
    margin: 0px 12px 0px 0px;
  }

  .cdetails .detailsboxlistproducts .priceboxlistproducts {
    width: 100%;
    position: relative;
    bottom: 0px;
    /*border: 1px solid #FF0000;*/
  }

  /* CONTACT */

  .ccontact .section {
    width: 100%;
    margin: 30px 0px 60px;
    /*border: 1px solid #FF0000;*/
  }

  .boxcontact {
    width: 100%;
    padding: 0px 20px;
    text-align: center;
    float: left;
    box-sizing: border-box;
    /*border: 1px solid #FF0000;*/
  }

  .boxcontact p {
    text-align: center;
  }

  .boxcontact span {
    text-align: center;
  }

  .mapcontact {
    width: 100%;
    height: 250px;
  }

  .boxcontact-width {
    text-align: center;
    margin: 0px 0px 20px;
  }

  /* ZOOM PRODUCTO DETALLE */

  .zoom:after {
    background: url("");
  }

  /* FOOTER */

  footer {
    padding: 60px 20px;
  }

  .boxbgfooter {
    width: 100%;
    margin: 0px 0px 40px;
    text-align: center;
  }

  .boxbgfooter img {
    width: 51px;
    margin: 0px 15px 20px;
    float: none;
  }

  .boxbgfooter .legendfooter {
    width: 100%;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
  }

  .boxlocationfooter {
    padding: 5px 0px 0px 70px;
    font-size: 16px;
    text-align: left;
  }

  .boxlocationfooter img {
    width: 30px;
  }

  .boxtxtfooter {
    font-size: 16px;
  }
}