@media screen and (min-width:200px) and (max-width:800px) {
    .imagen1{
        top:188.5%;
        text-outline: 10px;
       position: absolute;
       width: 50%;
         right: 2%;
         bottom: 0;
       }
       .imagen2{
        top:232.5%;
        text-outline: 10px;
        position: absolute;
        width: 50%;
          right: 2%;
          bottom: 0;
          height: auto;
       }
       .imagen3{
        top:242.5%;
        text-outline: 10px;
       position: absolute;
       width: 50%;
         right: 2%;
         bottom: 0;
         height: auto;
       }
       #infor .accordion-inner #datos-ubica{
      
    margin-bottom: 650px;
    
    }
       .menu_top a .img{
        width:auto;
        height:70%;
        float: right;
        margin-top:1%;
        margin-right:15px;
        margin-left:15px;
        margin-bottom:14px;
        overflow:hidden;
        
        
      }
      .menu_top P{
        color: black;
        font-size: .9em;
        
        font-family:'Oswald', sans-serif;
        float: right;
        margin-top:2%;
        margin-right:5px;
        margin-left:5px;
        margin-bottom:5px;
      }
      .menu_top #back{
        margin-top:.8%;
        margin-right:5px;
        margin-left:.7%;
        margin-bottom:5px;
        float: left;
        border-radius: 60px;
      
       
      }
        #previewing{
     width: 60px;
     height: 60px;
     float: left;
     margin-top: 10px;
     margin-bottom: 10px;
     margin-right:10px;
     margin-left: 10px;
     border-radius: 6px;
     
         }
        #line{
           width: 2px;
           height: 70px;
           margin: 0;
           margin-top: 5px;
           float: left;
           background: #c9c9c9;
           border-radius: 50px;
          
           
               }  
 
                   
                     #selectImage{
                       margin-top: 7%;
                       margin-left: 5px;
                       margin-right: 5px;
                       width: 55%;
                  
                     
                      
                       float: right;
                     }
                     .submit{
                       cursor: pointer;
                       background: #E31F3E;
                       margin-top:4%;
                       width: 40px;
                      height: 20px;
                       border-radius: 6px;        
                       outline: none;
                       float: right;
                       margin-right: 10px;
                       -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
                    
                       }
                  
                       .submit:hover{
                         background: #252525;
                      
                       -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
                       }
                       #success{
                         color: #3700ff;
                       padding-top: 10px;
                       font-size: .6em;
                       }
                    
                       .btn-file {
                         position: relative;
                         overflow: hidden;
                       }
                       .btn-file input[type=file] {
                         position: absolute;
                         top: 0;
                         right: 0;
                         min-width: 100%;
                         min-height: 100%;
                         font-size: 100px;
                         text-align: right;
                         filter: alpha(opacity=0);
                         opacity: 0;
                         outline: none;
                         background: white;
                         cursor: inherit;
                         display: block;
                       }
                       #imagenBuscar{
                         background: #E31F3E;
                         width: auto;
                       
                         color: white;
                         font-family:'Oswald', sans-serif;
                         -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
                         -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
                         border-radius: 6px;
                         padding:3px;
                         margin-top:30px;
                         font-size: .6em;
                         cursor: pointer;
                       }
                       #imagenBuscar:hover{
                         background: #252525;
                         
                         color: white;
                       }
                       #contenido2{
                         
                         background: rgb(226, 226, 226);
                         height: 80px;
                         margin-bottom: 0;
                         width: 100%;
                        
                         margin-right: 0;
                         border-bottom-left-radius: 6px;
         border-bottom-right-radius: 6px;
              -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
         -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
         box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
                       }
                       #barraTitulo{
                         min-width: 90.5%;
                         background:#274587;
                         border-top-left-radius:6px;
                         border-top-right-radius:6px;
                         -webkit-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
                         -moz-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
                         box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
                         padding-left: 10px;
                         padding-top: 1.5%;
                         height: 30px;
                       }
                       #message{
                         margin-top: 30px;
                       }
                       #infor .accordion-inner .tit-sup3 p{
                        padding-bottom: 1%;
                        padding-top: 2%;
                        padding-left: 5%;
                       padding-right: 5%;
                        margin: 0;
                      font-size: .8em;
                        color: white;
                        font-family:'Oswald', sans-serif;
                        }
                        #infor .accordion-inner .tit-sup2 p{
                          padding-bottom: 1%;
                          padding-top: 2%;
                          padding-left: 5%;
                         padding-right: 5%;
                          margin: 0;
                        font-size: .8em;
                          color: white;
                          font-family:'Oswald', sans-serif;
                          }
                          #infor .accordion-inner .tit-sup p{
                            padding-bottom: 1%;
                            padding-top: 2%;
                            padding-left: 5%;
                           padding-right: 5%;
                            margin: 0;
                          font-size: .8em;
                            color: white;
                            font-family:'Oswald', sans-serif;
                            }
                            #infor .accordion-inner .tit-sup1 p{
                              padding-bottom: 1%;
                              padding-top: 2%;
                              padding-left: 5%;
                             padding-right: 5%;
                              margin: 0;
                            font-size: .8em;
                              color: white;
                              font-family:'Oswald', sans-serif;
                              }
                              #barraTitulo label{
                                font-size: .8em;
                              }
                              .container span.radio{
                                color: rgb(82, 82, 82);
                                font-size: .8em;
                                font-family:'Oswald', sans-serif;
                              }
                              .section {
                                padding: 20px;
                                padding-left: 60px;
                              }
                              #infor .accordion-inner ul li  div p{
                                color: rgb(82, 82, 82);
                                font-size: .8em;
                                font-family:'Oswald', sans-serif;
                                float: left;
                             margin: 0;
                             padding: 0;
                             left: 5%;
                             width: 100px;
                             margin-bottom:.5%; 
                              margin-top: 1%;
                            }
}






@media screen and (min-height:300px) and (max-height:600px) {
  .imagen1{
    top:99.5%;
    text-outline: 10px;
   position: absolute;
   width: 50%;
     right: 2%;
     bottom: 0;
   }
   .imagen2{
    top:120.5%;
    text-outline: 10px;
    position: absolute;
    min-width: 60%;

      right: 2%;
      bottom: 0;
      height: auto;
      padding: 0;
      margin: 0;
   }
   .imagen3{
    top:125.5%;
    text-outline: 10px;
   position: absolute;
   width: 50%;
     right: 2%;
     bottom: 0;
     height: auto;
   }
   .menu_top a .img{
    width:auto;
    height:70%;
    float: right;
    margin-top:4%;
    margin-right:15px;
    margin-left:15px;
    margin-bottom:14px;
    overflow:hidden;
    
    
  }
  .menu_top P{
    color: black;
    font-size: 1em;
    
    font-family:'Oswald', sans-serif;
    float: right;
    margin-top:8.5%;
    margin-right:5px;
    margin-left:5px;
    margin-bottom:5px;
  }
  .menu_top #back{
    margin-top:7%;
    margin-right:5px;
    margin-left:.7%;
    margin-bottom:5px;
    float: left;
    border-radius: 60px;
  
   
  }

    #previewing{
 width: 50px;
 height: 60px;
 float: left;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-right:8px;
 margin-left: 8px;
 border-radius: 6px;
 
     }
    #line{
       width: 2px;
       height: 70px;
       margin: 0;
       margin-top: 5px;
       float: left;
       background: #c9c9c9;
       border-radius: 50px;
      
       
           }  

               
                 #selectImage{
                   margin-top: 10%;
                   margin-left: 5px;
                   margin-right: 5px;
                   width: 50%;
              
                 
                  
                   float: right;
                 }
                 .submit{
                   cursor: pointer;
                   background: #E31F3E;
                   margin-top:6%;
                   width: 40px;
                  height: 20px;
                   border-radius: 6px;        
                   outline: none;
                   float: right;
                   margin-right: 10px;
                   -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
                
                   }
              
                   .submit:hover{
                     background: #252525;
                  
                   -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
                   }
                   #success{
                     color: #3700ff;
                   padding-top: 10px;
                   font-size: .6em;
                   }
                
                   .btn-file {
                     position: relative;
                     overflow: hidden;
                   }
                   .btn-file input[type=file] {
                     position: absolute;
                     top: 0;
                     right: 0;
                     min-width: 100%;
                     min-height: 100%;
                     font-size: 100px;
                     text-align: right;
                     filter: alpha(opacity=0);
                     opacity: 0;
                     outline: none;
                     background: white;
                     cursor: inherit;
                     display: block;
                   }
                   #imagenBuscar{
                     background: #E31F3E;
                     width: auto;
                   
                     color: white;
                     font-family:'Oswald', sans-serif;
                     -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
                     -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
                     border-radius: 6px;
                     padding:3px;
                     margin-top:30px;
                     font-size: .6em;
                     cursor: pointer;
                   }
                   #imagenBuscar:hover{
                     background: #252525;
                     
                     color: white;
                   }
                   #contenido2{
                     
                     background: rgb(226, 226, 226);
                     height: 80px;
                     margin-bottom: 0;
                     width: 100%;
                    
                     margin-right: 0;
                     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
          -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
                   }
                   #barraTitulo{
                     min-width: 90.5%;
                     background:#274587;
                     border-top-left-radius:6px;
                     border-top-right-radius:6px;
                     -webkit-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
                     -moz-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
                     box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
                     padding-left: 10px;
                     padding-top: 1.5%;
                     height: 30px;
                   }
                   #message{
                     margin-top: 30px;
                   }
                   #infor .accordion-inner .tit-sup3 p{
                    padding-bottom: 1%;
                    padding-top: 5%;
                    padding-left: 5%;
                   padding-right: 5%;
                    margin: 0;
                  font-size: .8em;
                    color: white;
                    font-family:'Oswald', sans-serif;
                    }
                    #infor .accordion-inner .tit-sup2 p{
                      padding-bottom: 1%;
                      padding-top: 5%;
                      padding-left: 5%;
                     padding-right: 5%;
                      margin: 0;
                    font-size: .8em;
                      color: white;
                      font-family:'Oswald', sans-serif;
                      }
                      #infor .accordion-inner .tit-sup p{
                        padding-bottom: 1%;
                        padding-top: 5%;
                        padding-left: 5%;
                       padding-right: 5%;
                        margin: 0;
                      font-size: .8em;
                        color: white;
                        font-family:'Oswald', sans-serif;
                        }
                        #infor .accordion-inner .tit-sup1 p{
                          padding-bottom: 1%;
                          padding-top: 5%;
                          padding-left: 5%;
                         padding-right: 5%;
                          margin: 0;
                        font-size: .8em;
                          color: white;
                          font-family:'Oswald', sans-serif;
                          }
                          #barraTitulo label{
                            font-size: .8em;
                          }
                          .container span.radio{
                            color: rgb(82, 82, 82);
                            font-family:'Oswald', sans-serif;
                            font-size: .8em;
                          }
                          .section {
                            padding: 20px;
                            padding-left: 60px;
                          }
                          #infor .accordion-inner #datos-ubica{
      
                            margin-bottom: 450px;
                            
                            }
}
@media screen and (min-width:1367px) and (max-width:1920px) {
  #imagenBuscar{
    background: #E31F3E;
    width: auto;
    height: auto;
    color: white;
    font-family:'Oswald', sans-serif;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.75);
    border-radius: 6px;
    padding:6px;
    margin-top:20px;
    cursor: pointer;
  }
  .submit{
    margin-top:4%;
    }

}