@media screen and (max-width:1654px){
    .cajaFase p{
        height: 340px;
    }
    .essentialsType div{
        height: 420px;
    }    
}
@media screen and (max-width:1580px){
    .seccionPrimera article div{height: 400px;}
    .botones{
        width: 50%;
        margin: 10px 25%;
    }
}
@media screen and (max-width:1480px){
    .cajaFase p{
        height: 390px;
    }
    .seccionPrimera{
        padding: 0 9% 80px;
    }
    .essentialsType div{
        height: 460px;
    }    
}
@media screen and (max-width:1332px){   
    .subContenedor{ 
        width: 80%;
    }
    .cajaFase p{
        height: 400px;
    }
    .seccionPrimera article div{ 
        height: 430px;
    }    
    .essentialsType div{
        padding: 15px 1.5%; 
        height: 470px;
    } 
    #corajeTerapia div:nth-of-type(2), #necesarioPsico div:nth-of-type(2), #obsesionFelicidad div:nth-of-type(2), #mejorarAutoestima div:nth-of-type(2), #terminarRelacion div:nth-of-type(2), #preocupacionExcesiva div:nth-of-type(2), #nosSeparamos div:nth-of-type(2), #encontrarPareja div:nth-of-type(2), #dependenciaEmocional div:nth-of-type(2){
        height: 300px;
    }
}
@media screen and (max-width:1240px){
    .cajaFase p{
        height: 390px;
    }
    .cajaFase h4{
        padding: 31px 15%;
    }
    .cajaFase:nth-of-type(2) h4{
        padding: 40px 10% ;
    }   
    .tarjeta div:nth-child(2) p{
        padding: 67px 2%;
    }  
    .seccionPrimera{
        padding: 0 5% 80px;
    }
    .seccionPrimera article div{   
        height: 400px;
    }
    .essentialsType div{
        height: 500px;
    } 
}  
@media screen and (max-width:1178px){
    .cajaFase p{
        height: 450px;
    }  
    .metodo div article{
        padding:1%;
    }
    .metodo div article h3{
        font-size: 14px;
    }
    .tarjeta{
        width: 30%; 
    }
    .seccionPrimera article div{   
        height: 430px;
    }    
    .essentialsType div{
        height: 530px;
    }  
    .direccion ul{padding: 20px 10% 0;}
}  
@media screen and (max-width:1134px){
    .cajaFase p{
        height: 500px;
    }   
    .subContenedor{ 
        width: 90%;
    }

}  
@media screen and (max-width:1100px){
    .cajaFase p{
        height: 540px;
    } 
    .seccionPrimera article div {  
        padding: 15px 1%;      
    }
    .seccionPrimera article div{   
        height: 400px;
    }      
    .essentialsType div{
        padding: 15px 0.5%;          
        height: 550px;
    } 

    .mensaje{
        padding: 2%;
        margin-left:0; 
        width: 100%;
    }
    #corajeTerapia div:nth-of-type(2), #necesarioPsico div:nth-of-type(2), #obsesionFelicidad div:nth-of-type(2), #mejorarAutoestima div:nth-of-type(2), #terminarRelacion div:nth-of-type(2), #preocupacionExcesiva div:nth-of-type(2), #nosSeparamos div:nth-of-type(2), #encontrarPareja div:nth-of-type(2), #dependenciaEmocional div:nth-of-type(2){
        height: 320px;
    }  
} 
@media screen and (max-width:1050px){
    .cajaFase p{
        height: 570px;
    }    
} 
@media screen and (max-width:1029px){
    /******************/
    /*****GENERAL******/    
    /*i{padding-right: 10px;}*/
    #btn_menu{display: block;}  

    #btn_menu:hover{
        cursor: pointer;
    }
    h2{
        padding-bottom: 30px;
        font-size: 18px;
        padding: 10px;
        width: 80%;
    }
    p, a, li, input, textArea{font-size: 15px;}
    h4{font-size: 17px;} 
    h3{font-size: 16px;} 
    /*****************/
    /*****INDEX******/    
    .intro h3{font-weight: 500;}
    .header-nav{
        display: none;
        position: inherit; 
        right: 0;
        left: 0;
        margin-top: 80px;      
        background-color: rgba(191,191,191,0.9);
        z-index: 1;
        float: left;
    }
    .header-menu{  
        display: block;
        text-align: center;   
    }    
    .header-logo{left: -10%; }
    .header-logo a{
        margin: 0;
        width: 100%;
    }
    .header-nav li{
        display: inline-block;
        position: inherit; 
        width: 100%;
        background-color: rgba(168,168,168,0.5);  
    }
    .header-nav li:hover{background-color: rgba(168,168,168,0.8);}    
    .header-nav li a{
        position: inherit; 
        width: 100%;
        color: #FFFFFF;
        padding: 0;
        padding: 12px 0;
    }
    .header-nav li a:hover{
        transition: 0.6s ease-in-out;        
        background-color: rgba(168,168,168,0.8);
    }      
    .home-content{
        margin: 0;
        margin-top: 80px;
        height: 300px;      
    }
    .intro{padding: 30px 8%}
    /********/    
    .seccionSegunda div{padding: 30px 8%}
    .seccionSegunda p{ margin: 30px 0 0 }
    /********/    
    .seccionTercera{padding: 30px 8% 10px}
    .seccionTercera article div{
        width: 100%;
        margin:20px 0px 0;
    }
    .seccionTercera div h4{font-size: 17px;}
    /********/    
    .seccionPrimera{
        padding: 0;
        padding-bottom: 30px;
    }
    .seccionPrimera article{
        width: 100%;
    }
    .seccionPrimera article{padding: 10px 2%}
    .seccionPrimera article div{
        height:auto;
    }
    .seccionPrimera article div:first-child{
        height:80px;
    }
    .seccionPrimera article div p {
        height: auto;
    }
    .seccionPrimera div h4{
        font-size: 17px;
    }
    /********/   
    .seccionProblemasIndex {padding: 30px 8% 0}
    .seccionProblemasIndex article{padding: 30px 0}
    .seccionProblemasIndex ul li{
        width: 80%;
        margin: 0;
    }
    .botones{
        width: 100%;
        margin: 0;
    }
    .seccionQuinta article{padding: 30px 5%;}
    .seccionQuinta h4{font-size: 15px;}
    .seccionQuinta .formulario{
        background-color: #EAEAEA;
        padding: 20px;
    }
    div.formulario{
        width: 90%;
        margin-left: 5%;
    }
    .seccionQuinta div.formulario{
        width: 100%;
        margin: 0;
    }
    .seccionCuarta h2{margin-bottom: 30px}
    /********************/
    /*****SOBRE MI******/   
    .contentAbout{padding: 0 0 ;}   
    .aboutme{
        padding: 50px 0 0;
        width: 100%;
        height: 520px;
        display: block;
        margin:  0 0;
    }
    .aboutMore article{padding: 30px 8%}    
    .fotoPerfil{
        width: 60%;
        position: relative;
        display:block;
        height: 333px;
        text-align: center;
        margin-left: 20%;
    }
    .info{
        width: 100%;
        display: block;
        padding: 0 11% 30px;
    }
    .aboutDesc div{
        display: table-cell;
        padding: 50px 10% 30px;
        background-color: rgba(250,250,250,0.7);
        vertical-align: middle;
    }  
    .aboutDesc h4{font-size: 15px;} 
    .descContent{padding: 30px 0 0;}
    .essentialsDesc{font-size: 15px;padding-top: 20px;}
    .aboutExperience div{
        width: 100%;
        padding: 20px 2% 15px;
    }
    .aboutExperience article{padding: 30px 15% 30px}
    .aboutExperience h3{text-align: center;}
    .aboutEssential article{padding: 30px 8%;}
    .essentialsType div{
        height: auto;
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }
    .essentialsType div:nth-child(4){margin-left: 0;}
    .botonMasInfo, .seccionCuarta div.botonMasInfo{
        width: 80%;
        margin: 30px 10%;
    }
    .tarjeta{width: 70%;}
    .honorarios{padding: 20px 5% 20px;}
    .condiciones{padding: 20px 10% 20px;}
    .cajaFase{    
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    .cajaFase h4, .cajaFase:nth-of-type(2) h4{padding: 20px 0;}
    .cajaFase p{height: inherit;}
    /*******************/
    /*****TERAPIAS******/    
    .bloqueUno{padding: 40px 0 30px;}    
    .terapia div{padding: 30px 0 0;}
    .fasesTerapia{padding: 30px 8% 30px;background-size: cover}
    section.fasesTerapia p{padding: 30px 0;}
    .fasesTerapia h2{width: 100%;}
    .listaTerapia{padding: 30px 0 30px;}
    .listaTerapia ul{padding: 30px 10% 20px}   
    section.listaTerapia div div{
        margin-bottom: 0;
        width: 90%;
        margin-left: 5%;
    }   
    .metodo{padding: 30px 10% 40px;}
    .metodo p{padding: 30px 0 0}
    .metodo div article{
        width: 100%;
    }
    /******************/
    /*****TARIFAS******/
    .contactoTarifa{padding:40px 0 30px}
    contactoTarifa article{padding: 0 5%}
    .contactoTarifa article p{padding: 0 8%;}
    .contactoTarifa div.formulario{width: 100%;margin-left: 0;}
    .contactoTarifa p:nth-of-type(1){padding: 30px 0 20px}
    /****************/
    /*****DUDAS******/
    .dudas{padding: 30px 0;}
    .dudas article{padding: 0 5%;}
    .dudas article div{padding-top: 10px ;}
    /********************/
    /*****PROBLEMAS******/
    .seccionProblemas{padding: 40px 5%;}
    .seccionProblemas article{padding: 30px 5%;}
    .seccionProblemas h3{
        margin-top: 35px;
        padding:10px;
        font-size: 15px;
    }  
    .seccionProblemas div{margin-top: 20px;  }
    .seccionProblemas ul li{
        padding: 10px 5px;
        margin: 5px 0;    
    }
    /*******************/
    /*****EXPLICACION PROBLEMAS******/  
    .contenedor{
        margin-top: 50px;
        padding: 80px 0%;
    }
    .contenedor p{padding: 0 10%;}
    .contenedor h3{padding: 0 10%;}
    .subContenedor{ 
        width: 100%;
        margin: 0;
        padding: 0 10%;
    }
    .subContenedor p{padding:  0 0;} 
    .subContenedor ul li{padding: 10px 0;}
    /*******************/
    /*****CONTACTO******/  
    .contacto{padding:30px 10% 0}
    .contacto h2{margin-bottom: 30px}
    .contacto article p, .contacto article h3, .contacto article h4{text-align: center}
    .contacto ul{padding: 20px 0 10px; } 
    div.formulario{padding: 50px 5% 10px;}
    div.cancelacionCita{margin:50px 0 30px;width: 100%}
    .infoCita{padding:20px 0;}
    .contactoSubBloque{width: 100%;padding:0 0; }
    .contactoSubBloque:nth-of-type(1){padding-right: 0;padding-left: 0;}
    .contactoSubBloque:nth-of-type(2){padding-right: 0;padding-left: 0;}
    .contacto ul:nth-child(3){padding: 20px 10% 10px;}
    .checkbox input{
        width:14px;
        height:14px;
        right: 105%;
    }
    .direccion{padding: 0 0 20px;}
    /*******************/
    /***** BLOG *******/  
    .blog{padding:40px 0 }
    .blog h2{
        padding-top:30px;
        padding-bottom: 30px;
    }
    .blog div{padding: 30px 10%;
    }
    .classBlog{
       /* margin-top: 35px;*/
    }
    .title{
     /*   padding-bottom: 20px;*/
    }
    .title h2{
       /* padding-bottom: 0;*/
    }
    .lineaDivisoria{
       /* width: 480px;*/
        height: 50px;}
    .classBlog h2{
        font-size: 22px;
        width: 100%;
    }
    .classBlog p{
        padding: 10px 7%;
    }
    div.imgCoraje, div.imgCoraje2, div.imgCoraje3{
        padding: 5px 0;
    }
    .imgCoraje div, .imgCoraje2 div, .imgCoraje3 div, .imgObsesion div, .imgObsesion2 div{
        height: 250px;    
        margin: 0 0;
    }
    .imgCoraje div, .imgCoraje2 div, .imgCoraje3 div, .imgObsesion div, .imgObsesion2 div{
        width: 86%;
        margin: 0 7%;
    } 
    .blogPoema p{
        padding: 25px 9%;
    }
    .botonMasBlog{
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;   
        text-align: center;
        width: 60%;
        margin: 20px 20% 0 20%;
        padding: 10px;   
        border: 1px solid teal;   
        border-radius: 2px;
        background-color: white;   
    }
    .entradasBlog article{
        width:90%;
    } 
    .entradasBlog article{
        margin-left: 5%;
        margin-right: 5%
    }
    /*
    .entradasBlog article:nth-of-type(1){
        margin-left: 1%;
    }
    .entradasBlog article:nth-of-type(2){
        margin-left: 2%;
        margin-right: 1%;
    }
    .entradasBlog article:nth-of-type(3){
        margin-right:1%;
    }*/
    div.imgNosSeparamos{
        padding: 5px 0;
    }
    .imgNosSeparamos div{
        height: 250px;    
        margin: 0 0;
    }
    .imgNosSeparamos div{
        width: 86%;
        margin: 0 7%;
    } 
    #corajeTerapia div:nth-of-type(2), #necesarioPsico div:nth-of-type(2), #obsesionFelicidad div:nth-of-type(2), #mejorarAutoestima div:nth-of-type(2), #terminarRelacion div:nth-of-type(2), #preocupacionExcesiva div:nth-of-type(2), #nosSeparamos div:nth-of-type(2), #encontrarPareja div:nth-of-type(2), #dependenciaEmocional div:nth-of-type(2){
        height: 200px;
    }  
    .blogList{
        padding: 10px 7%;
    }
    
    /*
    div.imgEncontrarPareja{
        padding: 5px 10px 15px;
    }
    .imgEncontrarPareja div{
        height: 250px;   
        width: 86%;
        margin: 0 7%;
    }*/
 
    .listBlog{
     padding: 15px 10%;
}
    .imagenTexto{
        width: 86%;
        margin: 0 7% 20px;    
        padding: 100px 0;
    }
    .imgNecesario div{ 
        padding: 5px 0;
        height: 250px;    
        width: 86%;
        margin-left: 7%;
    }
    .obsesionFelicidad h3{
        font-size: 20px;
        padding: 15px 7% 15px;
    }
    .obsesionFelicidad h4{
        font-size: 18px;
        padding: 15px 7% 8px;
    }
    .videoObsesion iframe{
        width: 420px;
        height: 235px;
    }
    .botonWhatsapp{
        margin: 20px 40%;
        width: 20%;
       /* padding: 20px 5%;*/
    } 
    .listAuto, .listTerminar{
        padding: 10px 7%;
    }
    .listAuto:nth-of-type(2), .listTerminar:nth-of-type(2){
        padding: 15px 7% 0;
    }
    .listAuto:nth-of-type(2) ul p, .listTerminar:nth-of-type(2) ul p{
        padding-left: 15px;
    }

    /****************/
    /*****FOOTER*****/    
    footer li{
        width: 90%;
        margin: 0 5%;
    }

}
@media screen and (max-width:800px){ 
    .blog h2{
        font-size: 36px;
        line-height: 80px;
        padding-top:10px;
        padding-bottom: 10px;
    } 
    /*   #corajeTerapia div:nth-of-type(2), #necesarioPsico div:nth-of-type(2), #obsesionFelicidad div:nth-of-type(2){
           height: 220px;
       }  */
    .videoObsesion iframe{
        width: 310px;
        height: 200px;
    }
    .videoAutoestima{
        width:100%;
        text-align: center;
    }
    .videoAutoestima iframe{
        width: 80%;
    }
    .videoTerminar iframe{
        width: 80%;
    }
    .videoPreocupacion iframe{
        width: 80%;
    }
    .videoNosSeparamos iframe{
        width: 80%;
    }
    .classTerminar h3, .classPreocupacion h3, .classNosSeparamos h3{
        padding: 15px 7% 20px;
    }
    /*
    .imgEncontrarPareja div{
        height: 200px;   
        width: 86%;
        margin: 0 7%;
    }
    */
    .politicaPrivacidad{
    margin-top:50px;
    padding: 40px 5%;
}

.politicaPrivacidad h2{
    margin-bottom: 20px;
}

.politicaPrivacidad h3{
    margin-top: 20px;
    margin-bottom: 20px;
}

.politicaPrivacidad li{
    list-style: disc;
    padding: 10px 0;
    margin-left: 40px;
}

  .dataTable {
    display: table;
  }
  
  .dataTable thead {
    display: table-header-group;
    float: none;
  }
  
  .dataTable tbody {
    display: table-row-group;
  }
  
  .dataTable thead tr, .dataTable tbody tr {
    display: table-row;
  }
  
  .dataTable th, .dataTable tbody td {
    display: table-cell;
  }
  
  .dataTable td, .dataTable th {
    width: auto;
    font-size: 12px;

  }
    
  .tablaxs tbody tr td{
      font-size: 11px;
  }
  .tablaxs tbody tr td:first-of-type{
      font-size: 10px;
  }
    .tablaxs tbody tr td:first-of-type{
      font-size: 10px;
    }
  .tablaxs .dataTable td, .dataTable th {
      padding: 0.02em;
  }
  .tablaEnlaces TR p{
      font-size: 12px;
  }
/********************************************************/
.imgDependenciaEmocional, .imgEncontrarPareja, .imgObsesionFelicidad, .imgCorajeTerapia, .imgNecesarioPsicologo, .imgCorajeTerapia{
    width: 100%;
    height: 220px;
}
.imgDependenciaEmocional_bg, .imgEncontrarPareja_bg, .imgObsesionFelicidad_bg, .imgNecesarioPsicologo_bg, .imgCorajeTerapia_bg{
    background-size: 390px 280px;   
    width: 350px;
}

/********************************************************/
.fondoBlog{
      padding-top: 20px;
     padding-bottom: 5px;
  }
.botonWhatsapp{
        margin: 20px 25%;
        width: 50%;
}
.aviso {padding-top: 10px;padding-bottom: 10px;}
.aviso p{font-size: 13px; color:teal; width: 90%; margin: 0 5%;background-color: white;text-align: center;padding: 5px 10px;border: teal solid 1px}
/***** BLOG *****/
}
@media screen and (max-width:650px){       
    .info{padding: 0 20% 30px;}
    .fotoPerfil{
        width: 60%;
        position: relative;
        display:block;
        height: 295px;
        text-align: center;
        margin-left: 20%;
    }  
    /*
    .entradasBlog article:nth-of-type(1){
        margin-left:0;
    }
    .entradasBlog article:nth-of-type(2){
        margin-left:0;
        margin-right: 0;
    }
    .entradasBlog article:nth-of-type(3){
        margin-right: 0;
    }*/
    .entradasBlog article{
        /*width: 100%;*/
        height: 30%;
        margin-bottom: 10px;
    }  
    #corajeTerapia div:nth-of-type(2), #necesarioPsico div:nth-of-type(2), #obsesionFelicidad div:nth-of-type(2), #mejorarAutoestima div:nth-of-type(2), #terminarRelacion div:nth-of-type(2), #preocupacionExcesiva div:nth-of-type(2), #nosSeparamos div:nth-of-type(2), #encontrarPareja div:nth-of-type(2), #dependenciaEmocional div:nth-of-type(2){
        height: auto;
    }   
    article.descBlog{
        width: 90%;
    }
    .imagenTexto{
        width: 100%;
        margin: 0 0;   
        padding: 0px 0;      
    }
    .imagenTexto p{
        font-size: 16px;
        text-shadow: 2px 2px 2px #9A9A9A;   
    }
    .imagenTexto h3{
        text-align: center;
        font-size: 18px;
        text-shadow: 2px 2px 2px #9A9A9A;   
        padding-bottom: 10px;
    }
}