.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
    
}
.navbar li.dropdown:hover>.dropdown-menu {
	display: block;
	width: 500%;
	height: 200px;
}

.navbar-toggle {
	background-color: white;
}

.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: black;
}

.nav>li>a:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid grey;
}

.signin-btn {
	background: #f0c14b;
	color: black;
	opacity: 0.9;
	border-color: #c89411 #b0820f #99710d;
	width: 50%;
	
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	display: block;
	width: 100%;
	/* height: 350px; */
}

@media screen and (max-width: 768px) {
	.carousel-inner>.item>img,.carousel-inner>.item>a>img {
		display: block;
		width: 100%;
		/* height: 300px; */
	}
	.signin-btn {
		background: #f0c14b;
		color: black;
		opacity: 0.9;
		border-color: #c89411 #b0820f #99710d;
		margin-right: 300px;
		width: 20%;
	}
}

.grid-color {
	padding-right: 10px;
	padding-left: 10px;
	background: whitesmoke;
	/* height: 490px; */
	padding-bottom:10px;
}

.nopadding {
	padding: 0px;
}

.grid {
	padding-right: 10px;
}

.navFooterHead {
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	margin: 6px 0 10px 0;
	white-space: nowrap;
}

.list-unstyled a {
	line-height: 2em;
	color: white;
}

@media screen and (max-width: 767px) {
	.large-screen {
		display: none;
	}
	.mobile-screen {
		display: block;
	}
	.nopadding {
		padding: 0px;
	}
	
}

@media screen and (min-width: 768px) {
	.large-screen {
		display: block;
	}
	.mobile-screen {
		display: none;
	}
	
}
/* @media screen and (min-width: 2560px) {
	.large-screen {
		display: block;
	}
	.mobile-screen {
		display: none;
	}
	
} */


 
.grid-color hr{
	border-width: 2;
	border-top: 2px solid #e7e7e7;
	 margin-top:7px; 

}
 
 .img-left{
	 padding-left:10px;
	 padding-right:5px;
 }
.img-right {
padding-left:5px;
 padding-right:10px;
}
.img-divider{
margin-bottom:11px;
}
.section-img-optical {
width:100%;
 /* height:27em; */
}

.section-img{
width:100%;
height:194px;
}
.section-text-bottom{
 position:absolute; bottom:3px;
}

.invoice-btn{
	background: none!important;
	border: none;
	padding: 0!important;
	color: #337ab7;
	display:inline;
}
.invoice-btn:hover {
	color: #23527c;
    text-decoration: underline;
}

@media (min-width:768px) and (max-width:1023px){
	.smbtnstyle{
		padding-left: 5px;
	}
}

@media (max-width:768px){
	.smproductfilterstyle{
		margin-top:50px;
	}
}

@media (min-width:768px) and (max-width:1023px){
	.smviewbtnstyle{
		margin-top: 23px;
	}
}

@media (max-width:767px){
	.xsviewbtnstyle{
		display:block;
	}
	
	.smviewbtnstyle{
		display:none;
	}
}

@media (min-width:768px){
	.xsviewbtnstyle{
		display:none;
	}
	
	.smviewbtnstyle{
		display:block;
	}
}

@media (min-width:320px) and (max-width:424px){
	.xsmainheadingstyle{
		font-size:0.8em;
	}
}

@media (min-width:320px) and (max-width:374px){
	.xsplaceorderbtnstyle{
		margin-bottom:10px;
	}
}

@media (min-width:320px) and (max-width:768px){
	.xscustomerheadingstyle{
		text-align:center;
	}
}

/* Start code by Abhilash on 25-07-2019 */

.carousel-content {
    font-size: 3.2vw !important;
    padding: 0px;
    margin: 0px;
}

.carousel-position {
    bottom: 0% !important;
    padding: 0px;
    top: 40% !important;
}
.banner_top{
	margin-top: 64px;
	opacity: 0.8;
}
.bgShadow{
	background-color: rgba(0, 0, 0, 1) !important;
}
/* @media only screen and (min-width: 320px) and (max-width: 375px){
	.grid-color{
		min-height: 321px;
	} 
}

@media only screen and (min-width: 376px) and (max-width: 425px){
	.grid-color{
		min-height: 335px;
	} 
}

@media only screen and (min-width: 426px) and (max-width: 768px){
	.grid-color{
		min-height: 368px;
	} 
}
@media only screen and (min-width: 769px) and (max-width: 991px){
	.grid-color{
		min-height: 360px;
	} 
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.grid-color{
		min-height: 331px;
	} 
}
@media only screen and (min-width: 1200px) and (max-width: 1439px){
	.grid-color{
		min-height: 377px;
	} 
}
@media only screen and (min-width: 1440px) {
	.grid-color{
		min-height: 432px;
	} 
} */


.custom-container{
	max-width: 1500px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
}
    
/* End code by Abhilash on 25-07-2019 */