<style>

.bRlggy {
	
    bottom: 80px !important;
    left: 25px !important;

}

.modal-dialog {			
	max-width: 800px;			
	margin: 30px auto;			
}			

.modal-body {			
	position:relative;			
	padding:0px;			
}			
.close {			
	position:absolute;			
	right:-30px;			
	top:0;			
	z-index:999;			
	font-size:2rem;			
	font-weight: normal;			
	color:#fff;			
	opacity:1;			
}			

ul {			
	list-style: none;			
}			

#skills-list li {			
	position: relative;			
}			

#skills-list li i {			
	position: absolute;			
	left: -2em			
}

.nav-link {
	padding: 1rem !important;
}

.prodThumb {
	padding: 0.1rem !important;
}

.tab-content>.tab-pane {
	
	/*background-color: #f5f5f5;*/
	padding: 20px 20px 20px 20px;
	border: 1px solid #db0e0;
	font-size: 1rem;
	
}

.section-title {
    text-align: center;
    padding-bottom: 0px;
    padding-top: 10px;
}

.showRow{
	display: flex;
}



#hero {
	
	height: 30vh;
	background: url("https://www.processsensing.com/includes/img/headers/prodhead.png") no-repeat top fixed;
	background-size: cover;
	position: relative;
	margin: 0;
}

/* Mobile devices*/
@media (min-width: 280px) and (max-width: 991px) {
	
	.hero-section {
		padding-top: 20%
	}
	
	#hero {
		
		height: 35vh;
		background: url("https://www.processsensing.com/includes/img/headers/prodhead.png") no-repeat center center fixed;
		background-size: cover;
		position: relative;
		margin: 0;
		font-size: 75%;
		
	}
	
}

.file-icon {
	max-width: 25px;
}

/* Custom CSS to make thumbnail images the same size */
.thumbnail {
	height: 80px; /* Set the desired height */
}

.thumbnail img {
	object-fit: cover; /* Prevent image distortion */
	height: 100%; /* Make the image fill the thumbnail container */
}

.viewMore[aria-expanded="false"]:before{
	content:" [ + Show ";
}

.viewMore[aria-expanded="true"]:before{
	content:" [ - Hide ";
}

</style>		