@media screen and (max-width: 1368px) {
    /* .caroselContainer{
      
            
    } */
    #carousel img{
        max-height: 50vh ! important;
        top:20% ! important;
   
    }
     /* #carousel{
    max-height: 35vw ! important;
    top:20% ! important;
    
    }
    #next, #prev {
        top: -10vh !important; */
    


}
/* @media screen and (max-width: 1100px) {
    .caroselContainer{
      
            
    }
    .coverDiv img{
   
    }
     #carousel{
    max-height: 35vw ! important;
    top:20% ! important;
    
    }
    #next, #prev {
        top: -10vh !important;
    }


} */

@media screen and (max-width: 1024px) {

    .coverDiv{
        width: 100% ! important; 
        height:50vh ! important;
        margin-left:0% ! important;
        margin-top:1% ! important;
        }

    .caroselContainer{
        width:100% ! important;
        height:50vh ! important;
        margin-left:1% ! important;
            
    }
    #carousel img{
    max-height: 50vh ! important;
    top:0% ! important;
    height:100% ! important;
    
    }
    
    
    #carousel{
    max-height: 50vh ! important;
    top:0% ! important;
    
    }
    #next, #prev {
        top: -25vh !important;
    }
    #prev {
        margin-left:0px ! important;
    }
    #next {
        margin-right:15px ! important;
    }


}
@media screen and (max-width: 420px) {

    .coverDiv{
    width:96% ! important;
    height:60vh ! important;
    margin-left:2% ! important;
    margin-top:0% ! important;
    }
    
    .coverDiv img{
        top:0% ! important;
    height:100% ! important;
    
    }
    .caroselContainer{
    max-height: 30vh ! important;

    
    }
    #carousel{
    max-height: 30vh ! important;
    top:0% ! important;
    
    }
    
    #carousel img {
        max-height: 30vh ! important;
        right:0%;
    }
    
    #next, #prev {
        top: -18vh !important;
    }
    #prev {
        margin-left:0px ! important;
    }
    
    #next {
        margin-right:15px ! important;
    }
    
    
    }


/* text-align: center;
    /* margin-left: 2%; */
    /* height: 50vh;
    overflow: hidden ! important;
    width: 100%; */