@media (max-width : 1280px){
    

.title__list{
    width: 100%;
} 
.searcher{
    top: 14vh;
    margin: auto;
}
.noResults{
    width: 69%;
}
@media (max-width : 1024px){
    .searcher{
        top: 19vh;
        margin: auto;
    } 
    .noResults{
        top: 33vh;
        width: 88%;
    }
}

#btnPetition button {
    top: 22%;
    left: 0px;
    font-size: 15px;
}
#window {
    top: 123px;
    left: 0px;
    width: 55%;
    height: 71vh;
}
}
@media (max-width : 500px) {

    #startSearch{
        width:98%;
    }
    #defaultProducts {
        width:100%;
    }
    .contaienr-all {
        width: 100%;
        overflow: hidden;
    }
    .title__list {
        width: 100%;
    }
    .title__list h2 {
        width: 87%;
        padding-top: 15%;
    }
    .searcher{
        z-index: 2;
    }
    .searcher input {
        position: fixed;
        z-index: 2;
        border: none;
        border-bottom: 1px solid #ccc;
        outline: 0px;
        width: 100%;
        top: 6%;
        left: -4px;
    }
    .noResults {
        top: 14vh;
        width: 58%;
        z-index: 2;
    }
    .noResults p {
        width: 100%;
    }
    #btnPetition button {
        top: 80px;
        left: 0px;
        font-size: 15px;
    }
    .information {
        display: block;
        margin-top: 9%;
        text-align: center;
        border: 1px solid #ebebeb;
        width: 90%;
        height: 54vh;
        overflow: auto;
    }
    .information p {
        padding: 3%;
        margin: 1%;
        width: 47%;
        text-align: left;
        margin: auto;
    }
    .information img {
        margin-top: 5%;
        transform: scale(1.2);
    }
    #window {
        top: 125px;
         left: 0px; 
        width: 100%;
        height: 78vh;
        overflow: scroll;
    }
    #miImagen{
        max-width: 60px;
        max-height: 79px;
    }
}
@media (max-width : 415px){
    .searcher input{
        top: 4%;
    } 
}