th .mobile, a .mobile{display:none;}
	th .desktop, a .desktop{display:block;}

	.mobileOnly{
		display:none;
	}

	header .hDiv span{
		display:inline-block;
		border-left:1px solid #999;
		padding-left:25px;
		margin-left:25px;
		padding-bottom:5px;
		color:#999;
	}
	
	header{display:block;}
	header.mobile{display:none;}

	.navbar-toggler-icon {
		background:url(../images/hamburger_icon.svg.png) center center no-repeat;
		background-size:contain;
		margin-top:5px;
	}

	#mobileMenu{
		display:none;
		/*background:rgba(0,0,0,0.8);*/
		background:var(--theme-color-dark);
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:99;
	}

	#mobileMenu i{
		position:absolute;
		top:16px;
		right:23px;
		color:#fff;
		font-size:1.5rem;
		transform: rotate(45deg);		
	}

	#mobileMenu ul{
		padding:2rem;
		margin:0px;
		margin-top:10px;
		list-style:none;
		width:100%;
	}

	#mobileMenu ul li{
		border-bottom:1px solid #dadada;
		padding:10px;
	}

	#mobileMenu ul li a{
		text-decoration:none;
		color:#fff;
		font-size:1.5rem;
	}

@media only screen and (max-width: 767px) {

	th .mobile, a .mobile{display:inline-block;}
	th .desktop, a .desktop{display:none;}

	header{display:none;}
	header.mobile{display:block;border-bottom:1px solid #dadada;}
	header.mobile i{font-size:1.5rem;}

	header.mobile .hDiv img{
		max-width:150px;
	}

	header.mobile .hDiv span{
		display:inline-block;
		border-left:1px solid #999;
		padding-left:15px;
		margin-left:15px;
		padding-bottom:5px;
		font-size:1rem !important;
		line-height:1.2rem;
		color:#999;
	}


	.mainnav{
		display:none !important;
	}

	.mainnav a{
		display:inline-block;
		width:25%;
		text-align:center;
	}

	.section .py-5 {
		padding-top:20px !important;
		padding-bottom:0px !important;
	}

	.section.py-2 {
		padding-top:20px !important;
		padding-bottom:0px !important;
	}

	.section.px-4 {
		padding-left:0.5rem !important;
		padding-right:0.5rem !important;
	}

	header .hDiv{
		text-align:left !important;
	}

	header a.logoA{
		display:inline-block;
		text-align:left;
	}

	.features-list{
		width:100%;
	}

	.mobileOnly{
		display:block !important;
	}

	.hideOnMobile{
		display:none !important;
	}

	#section-orders h3 span{
		display:none;
		font-size:1.2rem !important;
		color:#999;
		font-weight:normal;
	}

	#order_summary{
		margin-bottom:0px;
	}

	#order_summary td{
		font-weight:bold;
	}
		
	#order_summary td i.bi-gift, #order_summary td i.bi-box-seam{
		display:none;
	}

	#order_summary td:nth-of-type(1){
		font-weight:normal;
	}

	#order_summary td .mobileOnly{
		font-weight:normal;
		font-size:0.9rem;
		margin-top:5px;
		padding-top:5px;
		border-top:1px solid #efefef;
	}

	#order_summary td .mobileOnly .badge{
		display:table;
		border-collapse:separate;
		border-spacing:2px;
	}
	
	a .mobile i{
		color:#fff !important;
		margin:0px !important;
		opacity:1 !important;
	}
	
	th{
		font-weight:normal !important;
	}

	#orderModal .modal-body{
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}

	#orderModal .modal-body .container-fluid{
		padding:5px;
	}

	.bilcycle{
		background:var(--bs-gray-100);
	}

	.bilcycle select{
		width:100%;
		float:none;
	}

	.bilcycle label{
		width:100%;
		float:none;
		display:inline-block;
		text-align:left;
		margin:10px 0px 5px 0px;
	}

	.bilcycle input{
		margin:0px;
		width:100%;
		float:none;
	}

	.bilcycle a{
		margin:10px 0px 0px 0px;
		width:100%;
		float:none;
		display:inline-block;
	}

	a.btn{
		width:100%;
	}

	input[type=submit].btn{
		width:100%;
		margin-top:-8px;
	}

	.updateOrderDetails p{
		float:none;
		text-align:center;
		margin-bottom:10px !important;
		margin-top:10px !important;
	}
}