[data-pushbar-id]{
    position: static;
}
.btn-closeCart,
.btnfield_bottom{
    display: none;
}
@media screen and (max-width: 768px) {
	.btn-closeCart,
    .btnfield_bottom{
        display: block;
	}
	.btnfield_bottom{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		/* background:rgba(0,0,0,0.6); */
		background:rgba(115,115,115,0.8);
		z-index: 1001;
	}
	.pushbar.opened{
	display: block;
	}

	html.pushbar_locked{
		overflow: hidden;
		-ms-touch-action: none;
		touch-action: none;
	}


	.pushbar_locked .pushbar_main_content.pushbar_blur{
		filter:blur(15px);
	}
	.pushbar{
		z-index: 1003;
		position: fixed;
		will-change: transform;
		overflow-y: auto;
		transition:transform 0.5s ease;
		will-change: transform;
		background:#fff;
	}
	.pushbar_overlay{
		z-index: -999;
		position: fixed;
		width: 100%;
		max-width: 100%;
		height: 100%;
		min-height: 100vh;
		top: 0;
		left: 0;
		will-change: opacity;
		transition:opacity 0.5s ease;
		opacity:0;
		will-change: opacity;
		/* background: #3c3442; */
	}
	html.pushbar_locked .pushbar_overlay{
		opacity:0.8;
		z-index: 1002;
		transition:opacity 0.5s ease;
	}


	.pushbar.from_left{
		top: 0;
		left: 0;
		width: 256px;
		max-width: 100%;
		height: 100%;
		min-height: 100vh;
		transform: translateZ(0) translateX(-100%);
	}

	.pushbar.from_right{
		top: 0;
		right: 0;
		width: 256px;
		max-width: 100%;
		height: 100%;
		min-height: 100vh;
		transform: translateZ(0) translateX(100%);
	}

	.pushbar.from_top{
		top: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		min-height: 150px;
		transform: translateZ(0) translateY(-100%);
	}
	.pushbar.from_bottom{
		bottom: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		min-height: 150px;
		transform: translateZ(0) translateY(100%);
	}

	.pushbar.opened{
	transform: translateX(0px) translateY(0px);
	/* height: 100%; */
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	box-shadow: 0 -2px 9px rgba(0, 0, 0, .3);
	}
	[data-pushbar-direction="bottom"][data-pushbar-id] .inner-cartbtn{
		/* height: calc(1060 * (100vw / 750)); */
		height: 100%;
		/* max-height: calc(1060 * (100vw / 750)); */
		padding: calc(90 * (100vw / 750)) calc(20 * (100vw / 750)) 0;
		overflow-y: auto;
	}
	.btnCart-foot{
		width: calc(710 * (100vw / 750));
		height: calc(80*(100vw/750));
		font-size: calc(40*(100vw/750));
		line-height: calc(80*(100vw/750));
		background-color: #ef7919;
		border-radius: calc(40 * (100vw / 750));
		margin: calc(20 * (100vw / 750)) auto;
		text-align: center;
		color: #fff;
		letter-spacing: 0.1rem;
		font-weight: 500;
	}
	/* Hamburger Style */
	.btn-closeCart {
		display: block;
		width: calc(100*(100vw/750));
		height: calc(100*(100vw/750));
		margin-left: calc(40*(100vw/750));
		padding: calc(15*(100vw/750));
		border-radius: 10px;
		white-space: nowrap;
		font-size: calc(18*(100vw/750));
		color: #ffffff;
		letter-spacing: -0.05em;
		background-color: #603d21;
		position: fixed;
		right: calc(20 * (100vw / 750));
		top: calc(20 * (100vw / 750));
		z-index: 1001;
	}

	.btn-closeCart::before, 
	.btn-closeCart > span.bar, 
	.btn-closeCart::after {
		content: '';
		display: block;
		height: 2px;
		width: calc(40*(100vw/750));
		left: calc(50% - calc(23*(100vw/750)));
		background-color: #ffffff;
		opacity: 1;
		position: absolute;
		webkit-transition: transform 0.2s ease,opacity 0.5s ease;
		-moz-transition: transform 0.2s ease,opacity 0.5s ease;
		-o-transition: transform 0.2s ease,opacity 0.5s ease;
		transition: transform 0.2s ease,opacity 0.5s ease;
	}

	.btn-closeCart::before {
		top: calc(20*(100vw/750));
	}

	.btn-closeCart > span.bar {
		top: calc(35*(100vw/750));
	}

	.btn-closeCart::after {
		top: calc(55*(100vw/750));
	}
	
	.btn-closeCart > span.txt {
		display: block;
		text-align: center;
		padding-top: calc(45*(100vw/750));
	}

	/** open  *********/

	.btn-closeCart::before{
		opacity: 1;
		-webkit-transform: translateY(calc(20*(100vw/750))) rotate(-45deg);
		-moz-transform: translateY(calc(20*(100vw/750))) rotate(-45deg);
		-o-transform: translateY(calc(20*(100vw/750))) rotate(-45deg);
		transform: translateY(calc(20*(100vw/750))) rotate(-45deg);
	}
	.btn-closeCart::after{
		opacity: 1;
		-webkit-transform: translateY(-8px) rotate(45deg);
		-moz-transform: translateY(-8px) rotate(45deg);
		-o-transform: translateY(-8px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}

	.btn-closeCart > span.bar{opacity: 0;}










}