/* media query for laptop & desktops */

@media screen and (min-width: 1100px) {

  .tablet {
    display: none;
  }

  .laptop {
    display: inline-block;
  }

  /* MENU */

  .laptop_menu_logo_div {
    position: fixed;
    width: 250px;
    z-index: 99;
    left: 10vw;
    top: 30px;
    transition: 0.4s;
  }

  .logo-small {
    width: 85px;
    top: 15px;
  }

  .laptop_menu_logo {
    width: 100%;
    position: absolute;
    transition: 0.4s;
  }

  .logo-hide {
    opacity: 0;
  }

  .hamburger_div {
    display: none;
  }

  .menu {
    background-color: transparent;
    transform: translateX(0);
    flex-direction: row;
    justify-content: flex-end;
    height: 150px;
    padding: 0 10vw 0 40vw;
    width: 100vw;
    transition: 0.4s;
  }

  .menu-scroll {
    background-color: #F2F2F2;
    height: 80px;
    padding: 0 20vw 0 30vw;
  }

  .menu-link {
    font-weight: 400;
    text-align: center;
    width: 25%;
    font-size: 1rem;
    transition: 0.4s;
  }

  .menu-link-scroll {
    color: #3E3F3C;
  }

  .menu-active {
    color: #718696;
    font-weight: 600;
  }

  .menu_small {
    padding: 0 15vw;
    width: 70vw;
    height: 60px;
  }

  /* MAIN */

  .header {
    background-image: url('../images/landing.jpg');
  }

  .header h1 {
    font-size: 3rem;
  }

  /* SOMOS SECTION */

  .somos_text {
    padding: 70px 30vw;
  }

  .somos_text p {
    font-size: 1rem;
  }

  /* RUBROS SECTION */

  .rubros {
    padding: 50px 0 120px 0;
  }

  .rubros_item {
    width: 18%;
    margin: 1%;
    height: 380px;
  }

  .rubros_item h4 {
    bottom: 20px;
    font-size: 1.2rem;
  }

  /* TECNOLOGIA SECTION */

  .tecnologia_section {
    display: flex;
    flex-direction: row;
  }

  .tecnologia_left {
    height: 90vh;
    width: 50%;
    padding: 0 8vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .tecnologia_left h2 {
    font-size: 2.6rem;
  }

  .tecnologia_list_item {
    margin: 15px 0;
  }

  .check-list-icon {
    width: 35px;
    margin-right: 10px;
  }

  .tecnologia_list_item span {
    font-size: 1.4rem;
  }

  .tecnologia_right {
    width: 50%;
    height: auto;
  }

  /* PRODUCTS SECTION */

  .products_section {
    height: 100vh;
    position: relative;
    margin: 0;
  }

  .products_nav {
    position: absolute;
  }

  .products_button {
    width: 70px;
    height: 25vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: 0.4s;
  }

  .products_button_title {
    transform: rotate(-90deg);
    font-weight: 400;
    transition: 0.4;
  }

  .products_button_title-active {
    font-weight: 600;
    font-size: 1.5rem;
  }

  .servicios_button {
    background-color: #84ad93;
  }

  .servicios_button:hover {
    background-color: #3d614a;
  }

  .nanocobre_button {
    background-color: #D08E54;
  }

  .nanocobre_button:hover {
    background-color: #BC723B;
  }

  .accesorios_button {
    background-color: #B7C4C4;
  }

  .accesorios_button:hover {
    background-color: #8CAFAE;
  }

  .insumos_button {
    background-color: #5591CD;
  }

  .insumos_button:hover {
    background-color: #2F75AF;
  }

  .triangle {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    right: -29px;
    position: absolute;
    opacity: 0;
    transition: 0.4s;
  }

  .triangle-show {
    opacity: 1;
  }

  .servicios_button .triangle {
    border-left: 30px solid #84ad93;
  }

  .servicios_button:hover .triangle {
    border-left: 30px solid #3d614a;
  }

  .nanocobre_button .triangle {
    border-left: 30px solid #D08E54;
  }

  .nanocobre_button:hover .triangle {
    border-left: 30px solid #BC723B;
  }

  .accesorios_button .triangle {
    border-left: 30px solid #B7C4C4;
  }

  .accesorios_button:hover .triangle {
    border-left: 30px solid #8CAFAE;
  }

  .insumos_button .triangle {
    border-left: 30px solid #5591CD;
  }

  .insumos_button:hover .triangle {
    border-left: 30px solid #2F75AF;
  }

  .product_category {
    position: absolute;
    width: 80vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 15vw;
    opacity: 0;
    transition: 0.4s;
  }

  .product_show {
    opacity: 1;
  }

  .product_title {
    display: none;
  }

  .product_title_desktop {
    display: block;
    font-size: 3rem;
    margin-top: 0;
  }

  .servicios .product_title_desktop {
    color: #84ad93;
    border-bottom: 4px solid #84ad93;
  }

  .nanocobre .product_title_desktop {
    color: #D08E54;
    border-bottom: 4px solid #D08E54;
  }

  .accesorios .product_title_desktop {
    color: #B7C4C4;
    border-bottom: 4px solid #B7C4C4;
  }

  .insumos .product_title_desktop {
    color: #5591CD;
    border-bottom: 4px solid #5591CD;
  }

  .accesorios .product_slide {
    width: 40vw;
  }

  .accesorios .product_slide p {
    font-size: 1.4rem;
  }

  .insumos .product_slide {
    width: 40vw;
  }

  .insumos .product_slide p {
    font-size: 1.4rem;
  }



  /* RESPALDADOS SECTION */

  .respaldados {
    padding: 110px 15vw;
  }

  .respaldados h2 {
    font-size: 2.5rem;
  }

  /* CONTACTO SECTION */

  .contact_section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .contact_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 80vh;
    position: relative;
    overflow: hidden;
  }

  .transparent-logo {
    position: absolute;
    left: -10px;
    bottom: -10px;
  }

  .contact_info_title {
    font-weight: 400;
    font-size: 3.5rem;
    margin-bottom: 80px;
  }

  .contact_info_list {
    list-style-type: none;
    text-align: left;
    vertical-align: middle;
    width: 60%;
    margin-left: 0;
  }

  .contact_info_list li {
    margin-bottom: 60px;
  }

  .contact_info_list li a {
    position: relative;
  }

  .transparent {
    display: block;
    opacity: 0;
  }

  .contact_link:hover .white {
    opacity: 0;
  }

  .contact_link:hover .transparent {
    opacity: 1;
  }

  .contact_info_icon {
    position: absolute;
    top: -20px;
    left: 0;
    width: 60px;
    transition: 0.4s;
  }

  .contact_info_text {
    margin-left: 90px;
    font-size: 1.5rem;
  }

  .textwidget {
    width: 50%;
  }

  .contact_form {
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
    width: 100%;
    height: 80vh;
    padding: 20%;
  }

  /* Style inputs with type="text", select elements and textareas */
  input[type=text], select, textarea, [type=email] {
    width: 120%; /* Full width */
    padding: 12px; /* Some padding */
    background-color: #F3F5F9;
    border: none;
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 0px; /* Add a top margin */
    margin-bottom: 10px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
  }

  /* NEWS SECTION */

  .news {
    padding: 50px 10vw;
  }

  .news .owl-prev {
    left: -80px;
  }

  .news .owl-next {
    right: -80px;
  }

}

/* media query for laptop & desktops */

@media screen and (min-width: 1440px) {

  /* SOMOS SECTION */

  .somos_text {
    padding: 80px 30vw;
  }

  .somos_text h2 {
    font-size: 2.7rem;
  }

  .somos_text p {
    font-size: 1.1rem;
  }

  /* RUBROS SECTION */

  .rubros {
    padding: 40px 0 120px 0;
  }

  .rubros_item {
    width: 17%;
    margin: 0.5%;
    height: 460px;
  }

  .rubros_item h4 {
    bottom: 30px;
    font-size: 1.4rem;
  }

}