
@media (min-width:294px){
    #areaPreguntas{
        width: auto;
    }
}

/* smartphones, iPhone, portrait 480x320 phones */
@media (min-width:320px)  { 
    
    .nuevoTituloSeccion {
        font-size: 1.5rem;
        margin: 0;
      /*  margin-left: 15px;
        padding-left: 20px;*/
    }
    
    .dtNode ul li a {
        font-size: 1.0rem;
        cursor: pointer;
    }
    .decisionQuestion h3 {
        font-size: 1.3rem;
    }
    .decisionTree h3, .decisionTree h4 {
        font-size: 1.1rem;
    }
    .colCircle {
        width: 54px;
    } 
    .circle {
        width: 50px;
        line-height: 50px;
    }  
}

/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (min-width:481px){
    .nuevoTituloSeccion{
        margin-left: 0px;
        padding-left: 10px;
    }
    #areaPreguntas{
        width: 90%;
    }
    .tooltip .tooltiptext {
        margin-left: -60px;
    }    
}

/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (min-width:641px){
    #areaPreguntas{
        width: auto;
    }
}

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:961px){
    .resultBtn {
        padding: 2px 0;
        padding: 5px 13px;
        min-width: 212px;
        margin-left: 2rem;
        width: auto;
    }
    
}

/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px){
    #nuevaBarraTitulo {
        margin-top: 3rem;
    }
    /*
    .nuevoTituloSeccion {
        font-size: 1.8rem;
        line-height: 3rem;
    }
    */
    .decisionQuestion h3 {
        font-size: 1.4rem;
    }
    .dtNode{
        /*width: 77%; */
        padding: 10px 18px;
    }
    #start{
        width: 90%;
        padding: 10px 0px 10px 18px;
        margin: 6px 0 0 6px;
    }
    .decisionQuestion{
        margin-top: 3rem;
    }
    .decisionQuestion h3{
        padding-left: 20px;
        margin-left: 15px;
    }
    .dtNode ul {
        padding: 12px 0 0 25px;
        /*column-count: 2;
        column-gap: 4em;*/
    }
    .decisionTree h3{
        font-size: 1.4rem;
        padding-left: 20px;
    }
    .decisionTree h4{
        padding-left: 45px;
        font-size: 1.4rem; 
    }
    .dtNode.active {
        width: 90%;
        margin: 6px 0 0 6px;
        padding: 10px 0px 10px 18px;
    }
    .dtNode ul li {
        font-size: 1.1rem;
        padding-left: 18px;
        flex: 0 0 50%;
    }
    .decisionTree, .row {
        width: 100%;
    }
    .decisionTree {
        margin-top: 3rem;
        margin-bottom: 80px;
    }
    .dtNode ul li .paddingLeft-nodo{
        padding-left: 50px;
    }
    #resultadosSubvencion{
        margin-left: 0px;
        padding-top: 0px;
    }
    .seleccionarSubvencion {
        background-color: #e6e6e6;
        color: #145DB3;
        padding: 10px 10px;
        /*display: block;*/
        border-radius: 15px;
        text-decoration: none;
        margin: 2.5rem 0.2rem 0 0;
        font-size: 16px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
}

/* hi-res laptops and desktops */
@media (min-width:1281px){
    
}