.photo > #hoverbarTOPdiv { 
    	display: none !important;   
	}	

.photo:hover > #hoverbarTOPdiv {  
	display: inline !important;
    	visibility: visible;	
  	background-color: transparent !important;
	111border: 0px !important;  
	box-sizing: border-box; 
	clear: both; 
	}


#hoverbarTOPdiv { border-radius: 50% !important;
	font-size: 14px !important;
    		width: 50%; width: auto;
    		height: 7rem; height: 100px; /**DO NOT CHANGE EXTENTION (rem)**/
    	111bottom: 0; /** do not remove **/  
   	111margin: 0; /** do not remove **/
    	111padding: 0; /** do not remove **/
    	111visibility: hidden; 
	111float: left;
	111margin-left: 0%;  margin-top: 75px;
	111z-index: 2;	
  	111background-color: transparent;
	111top: 0; /** do not remove **/
	111margin-top: 0% !important; /** do not remove **/
	111position: absolute; /** do not remove **/ 
    	111transition: opacity .6s; 
	box-sizing: border-box; /**DO NOT REMOVE**/
	clear: both;  
	}






/* SMALLER TABLET screens */   /* SMALLER TABLET */
@media screen and (max-width: 480px) {
  	.photo:hover > #hoverbarTOPdiv {
		   display: none !important;  
  		}
	}





@media only screen and (min-width : 320px) and (max-width : 480px) {/* Mobile portrait */
  	.photo:hover > #hoverbarTOPdiv {
		   display: none !important;  
  		}
	}





@media only screen and (min-width : 480px) and (max-width : 595px) {/* Mobile landscape */
  	.photo:hover > #hoverbarTOPdiv {
		  display: none !important;  
  		}
	}





@media only screen and (min-width : 595px) and (max-width : 690px) {/* Small tablet portrait */
  	.photo:hover > #hoverbarTOPdiv {
		   display: none !important;  
  		}
	}





@media only screen and (min-width : 690px) and (max-width : 769px) {/* Tablet portrait */
  	.photo:hover > #hoverbarTOPdiv {
		   display: none !important; 
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture) --- SMALLER TABLET */
@media only screen and (min-width : 769px) and (max-width : 800px) {/* Small tablet landscape */
	.photo:hover > #hoverbarTOPdiv {
		   display: none !important;   
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture --- SMALLER TABLET */
@media only screen and (min-width : 800px) and (max-width : 1024px) {/* Small tablet landscape */
  	.photo:hover > #hoverbarTOPdiv {
		   display: none !important;   
  		}
	}





@media only screen and (min-width : 1024px) and (max-width : 1224px) {/* Tablet landscape */
  	.photo:hover > #hoverbarTOPdiv {
		   display: inline;  
  		}
	}






/* Desktops and laptops */  /* SMALL DESKTOP */
@media only screen 
and (min-width : 1224px) {
  	.photo:hover > #hoverbarTOPdiv {
		   display: inline;  
		} 
	}