.main-J-nav{ 
width: 1000px;
height: 100%;
background-color: #efefef;
padding: 20px;
border: 1px solid #999999;
}

.jnav-sub-menu{
background-color: transparent;
padding-top: 0px !important;
margin-top: -1px;

}

.j-red{
background-color:#a10000;
}

.j-blue{
background-color:#93cef2;
}

.popular-brands-title {
width: 160px;
float: right;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 14px;
background-color: #cccccc;
padding: 20px 20px 0 10px ;
line-height:5px;
}

.jnav-list { 
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
margin:0 0 15px -40px;
color: #000000;
list-style-type: none;
background-color: #cccccc !important;
padding: 0 10px 0 10px ;
}
	
.jnav-list-2 { 
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
margin:0 0 15px -40px;
color: #000000;
list-style-type: none;
background-color: #ffffff !important;
padding: 10px ;
border: 1px solid #999999;}

.Cameras-1{ 
width: 180px;
padding: 10px;
float: left; 
}

.Cameras-1-text{ 
font-size: 14px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; 
text-align: center;
margin-bottom: 20px;
color: #000000;
}

.Cameras-1-image{
	width: 150px; 
	justify-content: center;
    display: grid;
}

.j-nav-back{
	background-color: #000000;
	margin-left: -10px;
}

a.jnav-link{
text-decoration: none;
color: #000000 !important;
}

.fittingdetail{
float: left !important;
display: none !important;
font-color: black;
}

.fittings_show{
float: left !important;
display: block !important;
}

@media (max-width: 959px) {
	.main-J-nav{ 
		width: 100%;
		height: 100%;
		background-color: #efefef;
		padding: 20px;
		border: 1px solid #999999;
	}

	.Cameras-1{ 
		width: 180px; 
		padding: 10px;
		float: none;
	}
	
	.popular-brands-title {
		width: 25%;
		float: right;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 14px !important;
		background-color: #cccccc;
		padding: 30px 20px 0 20px ;
		line-height:5px;
	}
	
	
	.lens-mobile{
		height: 2000px;
	}
	
	.fittingdetail{
		float: left !important;
		display: none !important;
		font-color: black;
		margin-left: 20px;
		margin-top: 20px;
	}
	
	.fittingslist{
		margin-top: 20px;
	}
	.fittingslist.a{
		margin-top: 20px;
		padding-left: 0px;
	}
	
	a.jnav-link{
		padding-left: 0px !important;
	}
}

.Cameras-1-image{
width: 180px; 
}

.j-picture-nav {
    margin-top: -100px;
    z-index: 10;
    position: relative;
    background: white;
    opacity: 95%;
}