/* media 25% zoom*/
@media (min-width: 6001px) and (max-width: 8000px) { 
    .img4{
        position: relative;
        margin-left: 2085px; 
        width: 460px;
        height: 530px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 2085px;
       width: 460px;
       margin-top: 0px;
       
      
     } 
     .captura{
        width: 1180px;
        margin-left: 100px;
          }           
                     
    .section4{
    margin-top: -250px;
    }  

    .card1-img-top{
        width: 345px;
    }		
    
    }      
    

/* media 33% zoom*/
@media (min-width: 3862px) and (max-width: 6000px) { 



    .img4{
        position: relative;
        margin-left: 1430px; 
        width: 460px;
        height: 530px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 1430px;
       width: 460px;
       margin-top: 0px;
       
      
     } 
     .captura{
        width: 1180px;
        margin-left:100px;
          }           
                     
    .section4{
    margin-top: -250px;
    }    
    
    .card1-img-top{
        width: 345px;
    }		
    

    }      

/* media 50% zoom*/
@media (min-width: 3001px) and (max-width: 3861px) { 

    .img4{
        position: relative;
        margin-left: 800px; 
        width: 460px;
        height: 530px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 800px;
       width: 460px;
       margin-top: 0px;
       
      
     } 
     .captura{
        width: 1180px;
          }           
                     
    .section4{
    margin-top: -250px;
    }  
    
    .card1-img-top{
        width: 345px;
    }		
    
    
    }      
/* media 67% zoom*/
@media (min-width: 2851px) and (max-width: 3000px) { 
    .img4{
        position: relative;
        margin-left: 475px; 
        width: 460px;
        height: 530px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 475px;
       width: 460px;
       margin-top: 0px;
       
      
     } 
     .captura{
        width: 1180px;
          }           
                     
    .section4{
    margin-top: -250px;
    }    
    
    .card1-img-top{
        width: 345px;
    }		
    
    }      

/* media 75% zoom*/
@media (min-width: 2401px) and (max-width: 2850px) { 

    .img4{
        position: relative;
        margin-left: 370px; 
        width: 460px;
        height: 530px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 370px;
       width: 460px;
       margin-top: 0px;
       
      
     } 
     .captura{
        width: 1180px;
          }           
                     
    .section4{
    margin-top: -250px;
    }    
    
    .card1-img-top{
        width: 345px;
    }		
    

    }      





/* media 80% zoom*/
@media (min-width: 2301px) and (max-width: 2400px) { 
    .img4{
        position: relative;
        margin-left: 318px; 
        width: 460px;
        height: 530px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 318px;
       width: 460px;
       margin-top: 0px;
       
      
     } 
     .captura{
        width: 1180px;
          }           
                     
    .section4{
    margin-top: -250px;
    }   

    .card1-img-top{
        width: 345px;
    }		
    
    
    
    }      

/* media 90% zoom*/
@media (min-width: 2001px) and (max-width: 2300px) { 
        .img4{
            position: relative;
            margin-left: 230px; 
            width: 460px;
            height: 530px;
         }
        
        
         
         .img5{
             position: relative;
             margin-left: 230px;
           width: 460px;
           margin-top: 0px;
           
          
         } 
         .captura{
            width: 1180px;
              }           
                         
        .section4{
        margin-top: -250px;
        }   
        .card1-img-top{
            width: 345px;
        }		
        
        
        
        }      


/* media 100 zoom*/
@media (min-width: 1800px) and (max-width: 2000px){
    

.img4{
    position: relative;
    margin-left: 159px; 
    width: 460px;
    height: 530px;
 }


 
 .img5{
     position: relative;
     margin-left: 160px;
   width: 460px;
   margin-top: 0px;
   
  
 } 
 .captura{
    width: 1180px;
      }           
                 
.section4{
margin-top: -250px;
}    

.section2{
	position: relative;
	margin-top: -400px;
}


.card1-img-top {
    width: 200px;
    height: auto; /* Asegura que la imagen mantenga su proporción */
}

.container15 {
    background-size: cover;
    background-position: center;
}


}  



/* media 110 zoom*/

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


    .img4{
        position: relative;
        margin-left: 135px; 
        width: 460px;
        height: 530px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 135px;
       width: 460px;
       margin-top: 0px;
       
      
     } 
     .captura{
        width: 1180px;
          }           
                     
    .section4{
    margin-top: -250px;
    }    
        .final{
            margin-top: -230px;
            margin-left: -300px;
                width: 2300px;
        }  
        
        .card1-img-top{
            width: 280px;
     }		

     .card{
        width: 280px;
        margin-left: -10px;
    }
    



     .texto{
        margin-top: -270px;
    }
     

} 



    
    

/* media 125 zoom*/
@media (min-width: 1343px) and (max-width: 1600px) {

   
        .img4{
            position: relative;
            margin-left: 130px; 
            width: 380px;
            height: 495px;
         }
        
        
         
         .img5{
             position: relative;
             margin-left: 130px;
           width: 380px;
           margin-top: 0px;
           
          
         } 
         .captura{
            width: 1050px;
              }           
                         
        .section4{
        margin-top: -250px;
        }    
                .final{
                    margin-top: -230px;
                    margin-left: -330px;
                        width: 2200px;
                }  
                .card1-img-top{
                    width: 240px;
             }		
        
             .card{
                width: 240px;
                margin-left: -15px;
            }
            
        
    .texto{
        margin-top: -240px;
    }
     
    .section2{
        position: relative;
        margin-top: -400px;
    }
    
}    
 

/* media 150 zoom*/
@media (min-width: 1200px) and (max-width: 1342px) {
   
    .img4{
        position: relative;
        margin-left: 130px; 
        width: 380px;
        height: 355px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 130px;
       width: 380px;
       margin-top: 0px;
       
      
     } 
     .captura{
        width: 860px;
          }           
                     
    .section4{
    margin-top: -250px;
    }    
        .final{
            margin-top: -230px;
            margin-left: -376px;
                width: 2000px;
        }  

        .card1-img-top{
            width: 200px;
     }		

     .card{
        width: 200px;
        margin-left: -8px;
    }
    
    .container15{
        height: 80px;
    }


.texto{
    margin-top: -210px;
}
 



}    



/* media 175 zoom*/
@media (min-width: 1000px) and (max-width: 1200px) {
    .img4{
        position: relative;
        margin-left: 100px; 
        width: 250px;
        height: 340px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 100px;
         width: 250px;
         height: 224px;
     } 
     .captura{
        width: 750px;
          }           
                     
    .section4{
    margin-top: -250px;
    }    
        .final{
            margin-top: -230px;
            margin-left: -376px;
                width: 1900px;
     
} 
.card1-img-top{
    width: 170px;
}		

.card{
width: 170px;
margin-left: -8px;
}

.container15{
height: 70px;
}

     
.texto{
    margin-top: -170px;
}
 


}    



/* media 200 zoom*/
@media (min-width: 800px) and (max-width: 1000px) {

    .img4{
        position: relative;
        margin-left: 90px; 
        width: 200px;
        height: 270px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 90px;
         width: 200px;
         height: 220px;
     } 

.col-lg-4{
    width: 305px;
    height: 490px;
  }
  
.col-lg-8{
    width: 646px;
    height: 490px;
}
     

     .captura{
        width: 650px;
          }           
                     
    .section4{
    margin-top: -250px;
    }  

        .final{
            margin-top: -230px;
            margin-left: -376px;
                width: 1800px;
} 
.card1-img-top{
    width: 300px;
}		

.card{
width: 300px;
margin-left: 280px;

}


	

.texto{
    margin-top: -150px;
}
 


}    


/* media 250 zoom*/
@media (min-width: 700px) and (max-width: 799px) {

    .img4{
        position: relative;
        margin-left: 60px; 
        width: 180px;
        height: 230px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 60px;
         width: 180px;
         height: 162px;
     } 

.col-lg-4{
    width: 250px;
    height: 392px;
  }
  
.col-lg-8{
    width: 500px;
    height: 392px;
}
     

     .captura{
        width: 520px;
          }           
                     
    .section4{
    margin-top: -250px;
    }  

        .final{
            margin-top: -200px;
            margin-left: -390px;
                width: 1600px;
} 
.card1-img-top{
	width: 230px;
}	

.card{
    width: 230px;
    margin-left: 220px;
    
    }
    

.texto{
    margin-top: -125px;
}
 

}    





/* media 300 zoom*/
@media (min-width: 600px) and (max-width: 699px) {

   
    .img4{
        position: relative;
        margin-left: 46px; 
        width: 140px;
        height: 204px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 46px;
         width: 140px;
         height: 120px;
     } 

.col-lg-4{
    width: 200px;
    height: 324px;
  }
  
.col-lg-8{
    width: 400px;
    height: 324px;
}
     

     .captura{
        width: 430px;
          }           
                     
    .section4{
    margin-top: -250px;
    }  

        .final{
            margin-top: -180px;
            margin-left: -350px;
                width: 1400px;
} 

.card1-img-top{
	width: 180px;

}	

.card{
    width: 180px;
    margin-left: 180px;
    
    }
    



 .col-md-4{
    width: 180px;
 }

 .texto{
    margin-top: -100px;
}
 


}    





/* media 400 zoom*/
@media (min-width: 480px) and (max-width: 599px) {

    
     
    .img4{
        position: relative;
        margin-left: 40px; 
        width: 107px;
        height: 140px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 40px;
         width: 107px;
         height: 101px;
     } 

.col-lg-4{
    width: 160px;
    height: 241px;
  }
  
.col-lg-8{
    width: 315px;
    height: 241px;
}
     

     .captura{
        width: 320px;
          }           
                     
    .section4{
    margin-top: -250px;
    }  



.card1-img-top{
	width: 180px;

}	

.card{
    width: 180px;
    margin-left: 120px;
    
    }
    



 .col-md-4{
    width: 180px;
 }

 .texto{
    margin-top: -80px;
}


h4 { font-size: 60%; }

}    



/* media 500 zoom*/
@media (min-width: 380px) and (max-width: 479px) {


    .img4{
        position: relative;
        margin-left: 43px; 
        width: 70px;
        height: 99px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 43px;
         width: 70px;
         height: 90px;
     } 

.col-lg-4{
    width: 127px;
    height: 189px;
  }
  
.col-lg-8{
    width: 120px;
    height: 189px;
}
     

     .captura{
        width: 251px;
          }           
                     
    .section4{
    margin-top: -250px;
    }  


.card1-img-top{
	width: 180px;

}	

.card{
    width: 180px;
    margin-left: 60px;
    
    }


 .col-md-4{
    width: 180px;
 }

 .texto{
    margin-top: -80px;
}

h4 { font-size: 50%; }




}    



/* media celular*/

@media  (min-width: 251px) and (max-width: 379px) {
    
    
    .img4{
        position: relative;
        margin-left: 25px; 
        width: 60px;
        height: 78px;
     }
    
    
     
     .img5{
         position: relative;
         margin-left: 25px;
         width: 60px;
         height: 57px;
     } 

.col-lg-4{
    width: 100px;
    height: 136px;
  }
  
.col-lg-8{
    width: 110px;
    height: 136px;
}
     

     .captura{
        width: 180px;
          }           
                     
    .section4{
    margin-top: -250px;
    }  

.card1-img-top{
	width: 150px;

}
.card{
    width: 150px;
   
    
    }



.texto{
    margin-top: -70px;
}

h4 { font-size: 40%; }




}