div.containerMessage {
    background-color: rgba(255, 255, 255, 0.5) !Important;
    border-radius:10px;
    height: 155% !Important;
/*    width: 250px !Important;*/
    width: 250px !Important;
    margin: 10px auto !Important;
    position: absolute;
    font-size: 12px !Important;
}
div.containerMessage:hover {
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5) !Important;
}    
div.mensaje{
    height: 90% !Important;
    width: 90% ;
    margin: 4px auto ;
    background-color: rgba(255, 255, 255, 0) !Important;
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1441px) and (max-width: 2000px) {
    div.containerMessage {
        background-color: rgba(255, 255, 255, 0.8) !Important;
        border-radius:10px;
        height: 85% !Important;
        width: 210px ;
        margin-top: 17.5% !Important;
        position: absolute;
        font-size: 17px !Important;
    }
    div.containerMessage:hover {
        box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5) !Important;
    }
    div.mensaje{
        height: 90% !Important;
        width: 90% ;
        margin: 4px auto ;
        background-color: rgba(255, 255, 255, 0) !Important;
    }
} 
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
    div.containerMessage {
        background-color: rgba(255, 255, 255, 0.8) !Important;
        border-radius:10px;
        height: 85% !Important;
        width: 210px ;
        margin-top: 20% !Important;
        position: absolute;
    }
    div.containerMessage:hover {
        box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5) !Important;
    }
    div.mensaje{
        height: 90% !Important;
        width: 90% ;
        margin: 4px auto ;
        background-color: rgba(255, 255, 255, 0) !Important;
    }
}
/* 
  ##Device = Tablets, Ipads 
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px){
    div.containerMessage {
        background-color: rgba(255, 255, 255, 0.8) !Important;
        border-radius:10px;
        height: 85% !Important;
        width: 210px ;
        margin-top: 20% !Important;
        position: absolute;
    }
    div.containerMessage:hover {
        box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5) !Important;
    }
    div.mensaje{
        height: 90% !Important;
        width: 90% ;
        margin: 4px auto ;
        background-color: rgba(255, 255, 255, 0) !Important;
    }
}  
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 380px) and (max-width: 767px){
    div.containerMessage {
        display:none !Important;
    }
    div.containerMessage:hover {
        box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5) !Important;
    }
    div.mensaje{
        display:none !Important;
    }
}    
/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media only screen and (max-width: 379px ){
    div.containerMessage {
		display:none !Important;
    }
    div.containerMessage:hover {
        box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5) !Important;
    }
    div.mensaje{
        display:none !Important;
    }
}