@media(max-width:767px){
	.mobile-hide{
		display:none !important;
	}
	body {		
		padding-bottom: 58px;
	}
	.breadcrumb{
		display:none !important;
	}
	.mobile-filter{
		background:none !important;
		border:0px !important;
		box-shadow:none !important;
	}
	.offcanvas {		
		max-width: 300px !important;
	}
	.common-fppter-area{
		background: #f2f2f2;
        padding: 12px 9px;
	}
	.fsm{
		font-size:13px !important;
	}
	.fsm2{
		font-size:10px !important
	}
	.top-footer{
		padding:10px 0px !important;
	}
	.header-nav-search{
		margin-left:0px !important;
		margin-right:0px !important;
	}
	#end-of-results{
		padding-bottom:0px !important;
	}
	.py-5 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	.btn-brand-orange {		
		font-size: 14px;
	}
	.p-4 {
		padding: 15px !important;
	}
	.h3, h3 {
		font-size: 17px;
	}
	.small, small {
		font-size: 12px;
	}
	.h2, h2 {
		font-size: 18px;
	}
	.btn-success {		
		font-size: 13px;
	}
	p{
		font-size: 12px;
	}
	.p-5 {
		padding: 1rem !important;
	}
	.offcanvas.offcanvas-bottom{
		max-width:100% !important;
	}
	.my-5 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	.mb-5 {
		margin-bottom: 1rem !important;
	}
	.h4, h4 {
		font-size: 14px;
	}
	.fk-detail-card {		
		padding: 14px 13px !important;
		margin-bottom: 16px !important;
	}
	.fs-5 {
		font-size: 15px !important;
	}
	.card-variant-select {
		font-size: 8px !important;
		padding: 5px 5px !important;		
	}
	.btn-brand-orange {		
		padding: 10px 15px !important;
	}
	.fs-4 {
		font-size: 14px !important;
	}
	.h5, h5 {
		font-size: 15px !important;
	}
	.alert-info {   
		font-size: 13px !important;
	}
	.profile-for-mobile{
		gap: 5px !important;
	}
	.m-sinout{
		margin-left:76px !important;
	}
	.account-banner {
		margin-bottom: 10px !important;
	}
	.profile-button-mobile{
		margin-bottom: 10px !important;
	}
	.profile-button-mobile { display: table; width: 100%;  } 
	.profile-button-mobile .nav-item {
        display: table-cell;
        width: 50%;
        padding: 0px 3px;
    }
	.cart-bottom-row{
		margin-top:10px;
	}
	.mobile-nav-item .badge {
		top: -8px;
		background-color: #01123f !important;
	}
	.mobile-cart-card {
		background: #ffffff;
		border: 1px solid #eef2f6 !important;
		border-radius: 16px;
		transition: all 0.2s ease;
		margin-bottom: 7px;
	}
	.btn-brand-orange #btn-check-modal-pin{
		border-radius:0px 8px 8px 0px !importamt;
	}
}
@media(min-width:768px){
	.desktop-hide{
		display:none !important;
	}
}