@media all and (min-width: 420px) {


    }
    @media all and (min-width: 768px) {

        .busqueda{
          padding: 100px 35px 0px 0px;
        }

        .busqueda h1{
          font-size: 80px;
        }

            .cabecera h1 {
            font-size:60px;
        }
        
         .sec02{
            height: 300px;
            position: relative;
         } 
          .sec02 .ancho{
            height: 100%;
            position: relative;
          }  

         .sec02 .cuadros{
            width: 60%;
            position: absolute;
            top: -25px;
            left: 0;
            z-index: 2;
            background: transparent;
            justify-content: flex-start;

         }
           .sec02 .cuadro{
            position: relative;
           }    
        .sec02 .cuadro .texto{
           position: absolute;
           left: 100%;
           width: 380px;
           background: #f7f7f7;
           top: 0;
           height: 100%;
           color: #777777;
           padding: 15px;z-index: -2;
           margin:0;
           display: none;
           opacity: 0;
           cursor: pointer;
        }
        .sec02 .cuadro .texto:hover{
            background: #f1f1f1;
        }

           .sec02 .cuadro .entra-der{
                animation: desder 1s cubic-bezier(0.000, 0.730, 0.000, 1.000) 1;
                opacity: 1;
            }        

           .sec02 .cuadro .sale-der{
                animation: desizq 1s cubic-bezier(0.000, 0.730, 0.000, 1.000) 1;
                opacity: 0;
            }        

            @keyframes desder{
                from{
                    transform: translateX(50%) skewX(-15deg);
                    opacity: 0;
                }
                to{
                    transform: translateX(0) skewX(-15deg);
                    opacity: 1;
                }
            }

            @keyframes desizq{
                from {
                    transform: translateX(0) skewX(-15deg);
                    opacity: 1;
                }
                to{
                    transform: translateX(50%) skewX(-15deg);
                    opacity: 0;
                }
            }

         .sec02 .foto-cel{
            height: 100%;
            position: relative;
            background-position: 200px center;
            overflow:hidden; 
         }
         .sec02 .foto-cel:after {
            content: '';
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            right: 50%;
            transform: skewX(-15deg);
            background-color:#222750; 
         }
          .sec02 .foto-cel:before {
            content: '';
            position: absolute;
            height: 100%;
            width: 100px;
            top: 0;
            left: 95%;
            transform: skewX(-15deg);
            background-color:#222750; 
            z-index: 2;

          }

          .sec02 .foto-cel p{
                position: absolute;
                width: 40%;
                left:20px;
                height: auto;
                bottom: 10px;
                z-index: 10;
          }

         .sec03 .ancho{
            padding:15px 25px;
         }
           .sec03 .ancho h1{
            font-size: 60px;
            font-weight: 900;
          }
          .sec03 .ancho .item {
            align-items: center;
          }

           .sec03 .ancho .item .icon{
            flex:0 1 100px; 
           }

            .sec03 .ancho .item .texto h3{
                font-weight: 700;
                font-size: 18px;
            }
              .sec04{
                margin: 80px 0;
              }
             .sec04 .ancho h1{
                flex:5 1 300px;
                margin:0;
                padding:25px 15px;
                text-align: left; 
            }
            .sec04 .ancho .icono-phone{
            flex:1 1 200px;
            margin:0;
        }
         .sec04 .ancho .icono-phone img{
            max-width: 280px;
         }

          .sec05{ 
            margin: 150px auto;
            padding: 0 25px;
           }

            .sec05 .ancho h1{
                font-size: 60px;
            font-weight: 900;
            }

    .sec05 .ancho .lista .paso .captura{
        flex: 1 1 150px; 
     }
      .sec05 .ancho .lista .paso .captura img{
        max-width: 50%;
        margin: auto;
      }

      .sec05 .ancho .lista .paso .texto{
        flex: 1 1 150px; 
      }

      .sec05 .ancho .lista .paso .texto p{
       font-weight: 900;
      }

          .sec05 .ancho .lista .pas02 .captura{
            order: 2;
          } 
         
         .sec06,.sec07{
            padding:50px 25px;
         }

       .sec06 .ancho h1,.sec07 .ancho h1,.sec08 .ancho h1,.sec09 .ancho h1,.sec10 .ancho h1{
            font-size: 60px;
        }
        .sec06 .ancho .flujo .mov{
            display: block;
           
       }.sec06 .ancho .flujo .desk{
            display: none;
           
       }

       .sec07 .ancho .item .icon{
        max-width: 100px;
        flex:1 1 10px 
     }

      .sec07 .ancho .item .texto{
        text-align: left;
        flex:1 1 700px; 
        padding: 15px;
      }
        .sec08{
            padding:50px 25px;
        }
      .sec08 .ancho h2 {
          font-size: 30px;
            margin: 20px auto;
         }
         .sec08 .autor{
            font-size: 22px;
         }
        .sec08 .masinfo{
           font-size: 18px;
            font-weight: 400;
         }


    }


    @media all and (min-width: 980px) {}


    @media all and (min-width: 1080px) {
        
         .cabecera h1 {
            font-size:90px;
            padding-top: 50px;
        }

        .sec01{
          padding:50px 0;
        }
         .ts{
            font-size: 30px;
            max-width: 900px;
            line-height: 30px;
         }

          .sec03 .ancho h1,.sec05 .ancho h1,.sec06 .ancho h1,.sec07 .ancho h1,.sec08 .ancho h1,.sec09 .ancho h1,.sec10 .ancho h1{
            font-size: 80px;
        
          }
          .sec05 .ancho h2{
            font-size: 50px;
            font-weight: 700;
          }

          .menu {

            background: white;
            box-shadow: 0 1px 2px rgba(0,0,0,.5);
          }
          .menu ul li{
            flex:0 1 auto;
            list-style: none;
            max-width: 250px;
            height: 45px;
            border-right: 2px solid #d1d1d1;
           }
            
            .menu ul li:last-child{
              border-right: 0;
            }


   .menu .icon-menu{
    display: none;
   }





    }


/*======================================*/

    @media all and (min-width: 1200px) {

        .h-cabecera .menu-tramines-grande{
        overflow: visible;}

        .menu-main .buscar .formulario{
            background-color:rgba(88,60,49,1);
        }
         .sec02 .foto-cel:before {
            left:95%; 
          }
    


    }

    @media all and (min-width: 1400px) {
        
          .cabecera h1 {
            font-size:120px;
        }
         .ts{
            font-size: 30px;
            max-width: 900px;
            line-height: 30px;
            margin: auto;
         }

          .sec03 .ancho h1,.sec05 .ancho h1,.sec06 .ancho h1,.sec07 .ancho h1,.sec08 .ancho h1,.sec09 .ancho h1{
            font-size: 80px;
        
          }



    }

    @media all and (min-width: 1600px) {

    }

    @media all and (min-width: 1800px) {

    }

    @media all and (min-width: 1900px) {

    }