body{
		overflow-x:hidden;
	}
	div::-webkit-scrollbar {
	  width: 8px;
	}
	div::-webkit-scrollbar-track {
	  box-shadow: inset 0 0 2px dedede; 
	  border-radius: 8px;
	}
	div::-webkit-scrollbar-thumb {
	  background: #cecece; 
	  border-radius: 8px;
	}
	div::-webkit-scrollbar-thumb:hover {
	  background: #aeaeae; 
	}

	.jpl-2{
		padding-left:0px;
	}
	.scrollMe{
		overflow-y:scroll;
	}
	.rcard{
	background-color:#ffffff;
	/*padding-left:16px;
	padding-right:16px;*/
	padding-top:8px;
	}
	.rcardImg {
		min-width:125px;
		width:125px;
		height:125px;
		overflow:hidden;
		background-color:#ffffff;
	}
	.rcardImg img {
		padding:5px;
		width:99%;
		height:auto;
	}
	.rcardTitle {
		font-size:14pt;
		color:#0d6d9d;
		
	}
	.rcardsubTitle {
		font-size:12pt;
		color:#55b10a;
	}
	.rcardPara{
		font-size:11pt;
		color:#343434;
		padding-top:8px;
		padding-bottom:8px;
	}
	.rcardBar {
		width:100px;
		margin: auto;
		border-bottom:1px solid #dedede;
	}
	.img96{ width:96px; height:auto; }

.laptop-menubar {
	  display:none;
  }
.mobile-menubar {
  display:block;
}	
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
  
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {  
  .laptop-menubar {
	  display:block;
  }
  .mobile-menubar {
	  display:none;
  }
}
 
/* Extra extra large devices (extra large desktops, 1400px and up) */
@media (min-width: 1400px) {  
    
}
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (max-width: 1300px) { 
  .laptop-menubar {
	  display:none;
  }
  .mobile-menubar {
	  display:block;
  }
}