/* CSS Document */

.pending_a  { background: #16b554;margin-right: 20px;padding: 2px 16px !important;border-radius: 14px;color: white !important; }
.pending_a_content { font-style: normal;font-size: 15px;font-weight: 900;margin:0px!important;color: white !important; }

.navbar-top { background:transparent; box-shadow:none;transition:background-color 300ms linear; }

.bg-gradient-primary {background-color: #ffcf30;background: -o-linear-gradient(50deg, #ffcf30 0, #ffcf30 100%) !important;background: linear-gradient(50deg, #ffcf30 0, #ffcf30 100%) !important;}

.nav-link {color: #8492A6;}
.nav_white { background: rgba(48, 11, 123, 0.9) !important; box-shadow: none; border-bottom: 2px solid #fff;}
.nav_white i {color: #fff !important; }
.section-rotate .section-inner { top: -30%; left: -1rem; width: 130%; height: 85%;}
.section-rotate { min-height: unset;padding-top: unset;padding-bottom: 3rem;}
@media only screen and (max-width: 600px) 
{
	.container { width: 100%; padding-right: 10px; padding-left: 10px; }
}
.shape-container[data-shape-position="bottom"] { top: auto; bottom: 0; margin-bottom: -20px; }

.footer ul li a { cursor: pointer; }
.footer ul li {font-size: 15px;color: #969aa2;}

.scroll_nav_container { margin: 7px 3px; display: inline-block; padding-top: 5px; font-size: 14px; } 
.scroll_nav { color: #ffffff; background: #e74e5e; padding: 6px 12px; border-radius: 30px !important;} 
#navbar-example2.fixed {display: block; position: fixed; top: 64px; width: 100%; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #FFF; background-color: #04ca92; }
.nav2 .nav-link:hover, .nav2 .nav-link.active { color: #fff; background: #04ca92; font-weight: 600; }
.nav2 { display: unset; display: unset; display: inherit; -ms-flex-wrap: unset; flex-wrap: unset; padding-left: 0; margin-bottom: 0; list-style: none; height: 75px;
		overflow-x: auto; overflow-y: hidden; white-space: nowrap; text-align: center; background: #fff; border-bottom: 2px solid #f3f5fb; }

.card { cursor:pointer; }
.search_bar { padding: 15px; border: 1px solid #EFF2F7; border-radius: 0.375rem; width: 100%; margin-bottom: 20px; }
.search_bar:focus{ 
	outline: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.05),0 0 0 3px rgba(0,204,188,.3);
	box-shadow: inset 0 2px 4px rgba(0,0,0,.05),0 0 0 3px rgba(201, 209, 255, 0.3);
	border: 2px solid#c5d1ff;
}

.homeSidenav { background-color: #fff; overflow-x: hidden; }
.homeSidenav a, .homeSidenav .dropdown-btn 
{ 
	padding: 6px 8px 6px 16px; text-decoration: none;font-size: 1rem; color: #8492a6; display: block; border: none; background: none; text-align: left; cursor: pointer; 
	width: 100%; 
}
.homeSidenav a:hover, .homeSidenav .dropdown-btn:hover { color: #939fb0; background: #f3f5fb; }
.homeSidenav .active { background-color: #57b47f; color: white; }

.homeSidenav .dropdown-container { display: none; background-color: #ffffff; padding-left: 8px; }
.homeSidenav .fa-caret-down { float: right; padding-right: 8px;}

#brandFilterDiv li:hover { color: #939fb0; background: #f3f5fb; }

.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap;
		vertical-align: middle; background-color: #777; border-radius: 10px; }
		
.proItemBadge { background-color: #ff0000; color: #fff; font-size: 0.7rem; border-radius: 50rem; font-weight: 700; padding: 0.25rem 0.5rem; }		

@media only screen and (max-width: 720px) 
{
    .nav2 { height: 76px; }
	#head { display:none;}
	
	#navbar-example2 { display: block !important; position: fixed; top: 64px; width: 100%; }
	.slice .relative { margin-top: 8.6rem; }
}

#storeProductDivContent #proViewImage { min-height: 13rem; max-height: 13rem; text-align: center;  }
#storeProductDivContent #proViewImage img { width: 100%; padding: 0; padding-top: 0.5rem; height: fit-content; max-height: inherit;  }


@media only screen and (max-width: 768px)
{
	#storeRightSideDiv { padding-left:0; }
	#storeProductDivContent .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%;	   flex: 0 0 100%;	   max-width: 100%;	   }
	#storeProductDivContent .col-sm-9  { -webkit-box-flex: 0; -ms-flex: 0 0 75%;  		flex: 0 0 75%;		max-width: 75%;		}
	#storeProductDivContent .col-sm-8  { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
	#storeProductDivContent .col-sm-7  { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
	#storeProductDivContent .col-sm-6  { -webkit-box-flex: 0; -ms-flex: 0 0 50%;		flex: 0 0 50%;	    max-width: 50%;	    }
	#storeProductDivContent .col-sm-5  { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
	#storeProductDivContent .col-sm-4  { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
	#storeProductDivContent .col-sm-3  { -webkit-box-flex: 0; -ms-flex: 0 0 25%;		flex: 0 0 25%;		max-width: 25%;		}	
	
	
	#storeProductDivContent #proViewImage { min-height: auto; max-height: unset;  }
	#storeProductDivContent #proViewImage img { height: unset; max-height: unset;  }
	#storeProductDivContent #proViewPrice {  float: right;}	
}