.buy-sample-icon{
	font-size: 14px !important;
	right: 4px;
	position: relative;
}
.calculator-model{
	cursor: pointer;
}
.loader-img img{
	height: 200px;
	width: 200px;
}
#loadingModal {
   position: absolute;
   top: 55%; 
   left: 46%;
}
.height{
	height: 1000px !important;
}
.buynow-button.tooltip-custom.hash{
/*	border: none !important;*/
    color: #515152 !important;
/*    margin-right: 0px !important;*/
/*    height: 20px !important;*/
	margin-top: 4px;
	padding: 0px 14px;
}
.form-space{
	margin-right: 7px;
}
.view-link{
	font-size: 12px !important;
	color: #797777 !important;
}
.collection-left{
	margin-top: 21px !important;
}
.ml-5{
	margin-left: 5px !important;
}
.font-hight{
	font-size: 28px !important;
}
.dropdown-item {
    color:black;
    font-size:14px;
    border-radius: 6px;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #f8e000;
    font-size:14px;
    color: #1f1f1f;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #f8e000;
    color: #1f1f1f;
    text-decoration: none;
}
.dropdown-menu{
    border-radius: 6px;
    padding: 0px 4px;
    margin-top:7px !important;
    padding: 10px;
    box-shadow: 1px 1px 2px #e5e3e3;
}
.custom-select {
    border-radius: 4px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.table{
    
}
.table thead th {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: middle;
    font-size:12px;
}
.table tbody td {
    border-width: 1px;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: middle;
    color:#919090 !important;
    font-size:12px;
}
.custom-input{
    padding: 2.5px 2.5px !important;
    margin:3px 3px;
    width:190px;
    font-size: 12px;
}
.filter-record{
    width: auto;
}
.small-input {
    height: 10px;
}
.search-filter-input{
    height: 10px;
}
.input-group-text{
    padding: 2.5px 6.5px !important;
    margin:3px 0px;
    border-radius: 4px 0px 0px 4px;
    background-color: #d8d8d8;
}
.filter-input{
    border-radius: 0px 4px 4px 0px;
}
.delivery-time{
    padding-left: 10px !important;
}
.filter-recode-product{
    border-radius: 0.25rem;
    border: 1px solid transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right,#db2c6c,#fbd020, #01b4df);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 100000px 1px #fff inset;
}
.roket-animation{
    transform: rotate(0.88turn);
    width: 51px;
    position: absolute;
    z-index: 1;
    padding: 0px;
}
.collection-product-bottom h3, h2 {
    font-size: 23px !important;
}

.product-badge {
    position: absolute;
    top: 0;
    left: 0;
}

.new-product {
    height: 70px;
    left: -6px;
    position: relative;
}

.product-stock {
    position: absolute;
    color: gray;
    font-size:10px;
    border: 1px solid gray;
    margin-top: 15px !important;
    height: 53px;
    width: 53px;
    left: 2px;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.lead-days-icon{
    background-color: yellow;
    position: relative;
    color: gray;
    font-size:10px;
    height: 53px;
    width: 53px;
    left: 2px;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;    
}
.breadcrumb-item{
    font-size: 11px !important;
}
.black-color {
	color: #000;
}
.gradient-btn{
	display: flex;
	align-items: center;
	color: #232323!important;
}

/*Media Query*/
@media only screen and (max-width:700px){
	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}
	.mobile-view-details{
		position: relative;
		left: 78px;
	}
	.profile-dropdown-menu{
    	height: auto !important;
    	padding: 10px 0px !important;
    }
	.wishlist-index{
		position: relative !important;
		z-index: 33 !important;
	}
    .card-body-box:hover .gradient-btn:not(.gradientpopup){
        min-width: 146px !important;
        height: 36px !important;
        display: inline !important;
        position: relative !important;
        top: 44px !important;
        border-radius: 5px !important;
        color: #000000 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        padding: 7px !important;
        border: 2px solid transparent !important;
        background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right,#db2c6c,#fbd020, #01b4df) !important;
        background-origin: border-box !important;
        background-clip: content-box, border-box !important;
        box-shadow: 2px 1000px 1px #fff inset !important;
    }
    .gradient-btn{
		display: inline !important;
    }
	.custom-input-mobile{
		width: 99% !important;
		margin: 3px 0px !important;
	}
	.custom-input {
		margin: 3px 0px !important;
	}
	.filter-record {
		width: 89% !important;
	}
	.buynow-button.tooltip-custom.hash:active{
		background-color: #ebebeb;
	}
	.mobile-menu-icon{
		right: 155px !important;
	}
	.pink-color {
	    color: #db2c6c;
	}
	.black-color {
	    color: #000;
	}
	.sort-by option{
		padding: 8px;
		border-bottom: 1px solid #B6B6B6;
		z-index: 999999 !important;
	}
	.crown-part-menu a img{
		margin-top: 0px !important;
	}
	.filter-dropdown-mobile{
		padding: 0px 10px !important;
		margin-top: 18px !important;
		border-radius: 0.25rem;
        border: 1px solid #A2A2A2;
        box-shadow: 2px 100000px 1px #fff inset;
	}
	.filter-recode-product{
		border-radius: 0.25rem;
        border: 1px solid #A2A2A2 !important;
	}
	.collection-left li{
		margin-bottom: 15px !important;
	}
	.nav-item-sub{
		position: relative !important;
	}
	.advance-filter{
		padding-left: 10px !important;
	}
	.collection-heder{
		position: relative !important;
		top:23px !important;
		z-index: 0 !important;
	}
	.mobile-menu-icon-collection{
		top: -144px !important;
	}
	.collection-page-mobile{
		position: relative;
		top: -40px;
	}
	.sortby-position-mobile{
/*		position: relative;*/
/*		top: -16px;*/
		width: 349px;
		height: 58px;
		top: 113px;
		left: 20px;
		border-radius: 6px;
/*		Border:1px solid #B6B6B6;*/
		padding: 0px !important;
/*		z-index: 99999999 !important;*/

	}
	.filter-mobileview{
		margin-top: -14px !important;
	}
	.filter-recode-product{
		margin-top: -50px !important;
		z-index: 999 !important;
	}
	.sort-by{
		width: 100% !important;
		position: relative !important;
		z-index: 1;
	}
	.product-count{
		padding-left: 45px !important;
	}
	.color-border-box-mobile{
		display: block !important;
		border: none !important;
		background-image: none !important;
		margin-top: 10px !important;
	}
	.filter-recode{
		display: none !important;
	}
	.gif-mobile{
		display: none !important;
	}
	.shortby-position{
		display: none;
	}
	.filter-mobile{
		display: flex !important;
		position:relative; 
		top:-48px;
		left: 30px;
		font-size: 19px;
/*		color: #BFBFBF !important;*/
		width: 22px;
	}
	.icon-color{
		color: #BFBFBF !important;	
	}
	.sortby-mobile{
		display: flex !important;
		position:relative; 
		top:-68px;
		left: 70px;
		font-size: 19px;
		width: 15px;
	}
	.header-mobile{
		font-size: 17px !important;
		margin-top: 8px !important;
		margin-bottom: 8px !important;
	}
	.collection-left{
		margin-top: 0px !important;
	}
	.product-card-contain{
        margin-bottom:50px;
    }
    .filter-recode{
        position: static !important;
        width: 100% !important;
    }
    .button-action-mobile{
        margin:0px 10px;
    }
	.breadcrumb-sidebar{
		height: 0px;
		position: relative !important;
		top: 0px !important;
		z-index: 1 !important;
	}
	.head-nav{
		margin-bottom: 10px;
	}
	.menu_filter.filter_btn{
		padding-left:15px !important;
	}
	.filter-btn{
		width: 100%;
	}
	.filter-btn:hover{
		cursor: pointer;
	}
	.collection-sidebar{
		display: flex;
		justify-content: center;
	}
	.collection-product{
		margin-top:0px !important;
	}
	.fixed_sidebar_filter{
		padding: 0px;
	}
	.color-border-box{
		padding: 10px 10px !important;
	}
	.collection_title h3{
		padding: 15px;
	}
	.collection-product-bottom{
		margin-top:-25px !important;
		padding: 0px 15px;
	}
	.roket-animation{
		transform: rotate(0.89turn) !important;
        width: 47px !important;
        position: absolute !important;
        z-index: 1 !important;
		padding: 0px!important;
		margin: 20px 111px 0px 0px !important;
	}
	.collection-sidebar{
		z-index: 1;
	}
}
.membership-img{
    top: 337px;
}

@media only screen and (min-width: 390px) and (max-width: 767px) 
{
	.mobile-menu-icon-collection{
		top: -149px !important;
	}
	.mobile-menu-icon{
		right: 170px !important;
	}
	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}
}

@media only screen and (min-width: 414px) and (max-width: 767px) 
{ 
	.mobile-menu-icon{
		right: 182px !important;
	}
	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}
}

@media only screen and (min-width: 428px) and (max-width: 767px)
{
	.mobile-menu-icon{
		right: 189px !important;
	}
	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}	
}

@media only screen and (min-width: 375px) and (max-width: 767px)
{
	.mobile-menu-icon{
		right: 162px !important;
	}
	.mobile-menu-icon-collection{
		top: -148px !important;
	}
	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}	
}
@media only screen and (min-width: 360px) and (max-width: 767px) 
{
	.mobile-menu-icon{
		right: 155px !important;
	}
	.mobile-menu-icon-collection{
		top: -148px !important;
	}
	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}
}

@media only screen and (min-width: 430px) and (max-width: 767px)
{
	.mobile-menu-icon{
		right: 155px !important;
	}
	.mobile-menu-icon-collection{
		top: -148px !important;
	}
	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}
}

@media only screen and (min-width: 430px) and (max-width: 767px)
{
	.mobile-menu-icon{
		right: 190px !important;
	}
	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}
}

/*Responsive by Vishal*/
@media only screen and (min-width: 390px) and (max-width: 400px){
	.mobile-menu-icon{
	    right: 170px !important;
    }
    .sortby-position-mobile{
    	width: 100%;
        position: relative;
        top: 0px;
        left: 10px;
    }
   	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}
}

@media only screen and (min-width: 400px) and (max-width: 420px){
	.mobile-menu-icon{
        right: 181px !important;
    }
    .sortby-position-mobile{
    	width: 100%;
        position: relative;
        top: 0px;
        left: 10px;
    }
   	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}
}

@media only screen and (min-width: 420px) and (max-width: 430px){
	.mobile-menu-icon{
        right: 188px !important;
    }
    .sortby-position-mobile{
    	width: 100%;
        position: relative;
        top: 0px;
        left: 10px;
    }
   	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}
}

@media only screen and (min-width: 375px) and (max-width: 380px){
	.mobile-menu-icon{
        right: 161px !important;
    }
    .sortby-position-mobile{
        position: relative;
        top: 0px;
        left: 3px;
    }
   	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}
}

@media only screen and (min-width: 360px) and (max-width: 370px){
	.email-img{
        margin-right: 0px !important;
    }
    .with-login-header{
        margin-left: -10px !important;
    }
    .sortby-position-mobile{
    	width: 100%;
        position: relative;
        top: 0px;
        left: 11px;
    }
   	#loadingModal {
	   position: absolute;
	   top: 20%; 
	   left: 24%;
	}
}
.buynow-button{
	left: 90px;
}