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

	html,
	body {
		overflow: hidden !important;
		user-select: none;
		-webkit-overflow-scrolling: auto !important;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	div#lumise-product #lumise-cart-wrp {
		overflow-y: initial !important;
	}

	.smooth {
		overflow-y: scroll !important;
		-webkit-overflow-scrolling: touch !important;
		padding-top: 10px;
	}

	.smooth iframe {
		border: none;
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	div#LumiseDesign div#lumise-workspace {
		min-height: 100vh;
	}

	#lumise-lightbox #lumise-lightbox-content {
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}

	#lumise-lightbox #lumise-lightbox-content.scroll-mobile {
		width: inherit;
	}

	div#LumiseDesign {
		overflow-x: hidden;
		overflow-y: auto;
	}

	div#LumiseDesign div#lumise-left {
		width: 100%;
		top: calc(100vh - 111px);
		position: absolute;
		height: auto;
		padding-bottom: 15px;
	}

	#lumise-cliparts #lumise-cliparts-list,
	#lumise-templates #lumise-templates-list {
		max-height: calc(100vh - 275px);
	}

	div#lumise-main {
		left: 0px;
		width: 100%;
		padding-top: 40px;
		height: calc(100vh - 200px);
	}

	div#lumise-count-colors {
		left: 90px;
	}

	div#lumise-stage-nav {
		left: 50%;
		position: absolute;
		top: calc(100vh - 230px) !important;
		bottom: auto;
	}

	div#LumiseDesign div#lumise-left #lumise-side-close.active {
		display: inline-block;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block][data-resp="file"],
	div#LumiseDesign div#lumise-navigations ul[data-block="right"]>li[data-tool="languages"] text,
	div#LumiseDesign div#lumise-navigations ul[data-block] li [data-view="sub"]:after,
	div#LumiseDesign div#lumise-navigations ul[data-block][data-resp="file"].active li[data-view="sp"],
	div#LumiseDesign div#lumise-navigations ul[data-block] li[data-tool="print"],
	div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp>ul.lumise-left-nav li[data-tab="drawing"],
	div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp>ul.lumise-left-nav li[data-tab="layers"],
	#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp:after,
	div#lumise-count-colors,
	div#lumise-left ul.lumise-left-nav li[data-tab="bug"],
	#lumise-designs-search,
	div#lumise-top-tools #lumise-svg-colors span[data-view="btn"],
	#lumise-lightbox #lumise-change-products-wrp ul[data-view="categories"],
	li[data-callback="crop"] {
		display: none;
	}


	div#lumise-zoom-wrp {
		position: absolute;
		display: inline-block;
		bottom: auto;
		top: calc(100vh - 155px);
		left: 50%;
		transform: translateY(0) translateX(-50%);
	}

	#lumise-help-fixed {
		left: 50%;
		top: calc(100vh - 155px);
		margin-left: 70px;
		bottom: auto;
	}

	div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp>ul.lumise-left-nav li[data-tab="layers"] {
		display: block;
	}

	#lumise-product .lumise_form_group input,
	#lumise-product .lumise_form_group textarea,
	#lumise-product .lumise_form_group select {
		-webkit-appearance: none;
		appearance: none;
	}

	#lumise-lightbox #lumise-change-products-wrp h3[data-view="top"],
	#lumise-lightbox #lumise-change-products-wrp ul[data-view="products"] {
		width: 100%;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block="right"]>li[data-tool="languages"]>span>img {
		margin: 3px 0 0 0;
	}

	div#lumise-top-tools>ul.lumise-top-nav li[data-tool="advanced"] ul[data-view="sub"],
	div#lumise-top-tools>ul.lumise-top-nav li[data-tool="filter"] ul[data-view="sub"] {
		right: auto;
		left: -6px;
	}

	div#lumise-top-tools>ul.lumise-top-nav li[data-tool="advanced"] ul[data-view="sub"]:before,
	div#lumise-top-tools>ul.lumise-top-nav li[data-tool="filter"] ul[data-view="sub"]:before {
		left: 21px;
		right: auto;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block][data-resp="file"].active {
		position: absolute;
		background: #00acc1;
		height: 54px;
		top: 0px;
		left: 120px;
		width: calc(100% - 120px);
		z-index: 100000;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block] li[data-tool="designs"].active [data-view="sub"],
	div#LumiseDesign div#lumise-navigations ul[data-block] li.active [data-view="sub"],
	div#LumiseDesign div#lumise-navigations li[data-tool] ul.lumise-tabs-nav {
		position: fixed;
		left: 50% !important;
		top: 56px;
		width: 95%;
		transform: translateX(-50%);
		animation: none !important;
		right: auto !important;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block] li.active #lumise-product-attributes {
		width: 440px;
		right: 0 !important;
		left: auto !important;
		transform: none;
		position: absolute;
	}

	div#lumise-top-tools>ul.lumise-top-nav li[data-tool]>ul[data-view="sub"] {
		animation: none !important;
	}

	div#LumiseDesign #lumise-navigations ul#lumise-saved-designs,
	div#LumiseDesign div#lumise-navigations li[data-tool] ul.lumise-tabs-nav {
		width: 100%;
	}

	div#LumiseDesign[data-processing="true"]:before {
		left: 50%;
	}


	#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp {
		width: 100%;
	}

	#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li {
		width: 48%;
		margin: 0 4% 4% 0;
	}

	#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li:nth-child(3n) {
		margin-right: 4%;
	}

	#lumise-left #lumise-x-thumbn-preview .lumise-categories-wrp ul li:nth-child(2n) {
		margin-right: 0px;
	}

	#lumise-lightbox #lumise-lightbox-content:not(.scroll-mobile) {
		max-width: 98vw;
		min-width: 98vw !important;
	}

	#lumise-uploads {
		overflow: hidden !important;
	}

	#lumise-left #lumise-cliparts ul.lumise-list-items li,
	#lumise-left #lumise-uploads ul.lumise-list-items li,
	#lumise-lightbox a.kalb-close {
		opacity: 1;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block] li.active [data-view="sub"] header>i.close,
	div#LumiseDesign div#lumise-navigations ul[data-block] li.active [data-view="sub"] [data-view="header"]>i.close,
	#lumise-lightbox a.kalb-close {
		color: #888;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block] li ul#lumise-file-nav>li:last-child {
		display: none;
	}

	div#lumise-top-tools #lumise-draft-status>span>text,
	div#lumise-top-tools #lumise-draft-status>span a {
		font-size: 13px;
	}

	div#lumise-stage-nav[data-pos="right"] ul li[data-nav] {
		display: inline-block;
		transform: rotate(-90deg);
	}

	div#LumiseDesign div#lumise-navigations ul[data-block]>li a.back_mobile {
		display: block;
		color: #fff !important;
		text-decoration: none;
	}

	#lumise-top-pick-sizes .lumise-variants-list[data-is-print-size="true"] {
		width: 100%;
		position: relative;
	}


	div#lumise-top-tools {
		position: absolute;
		top: calc(100% - 39px);
		left: 2px;
		width: calc(100% - 4px);
	}


	div#LumiseDesign div#lumise-left .lumise-tab-body-wrp {
		height: auto !important;
	}


	div#LumiseDesign div#lumise-navigations ul[data-block]>li[data-tool="help"]>ul[data-view="sub"]{
		pointer-events: all;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block]>li[data-tool="help"].active:after{
		pointer-events: all;
	}

	#lumise-cart-wrp .lumise-cart-options .lumise-cart-attributes .lumise-cart-field[data-type="product_color"]{
		left: 0;
		top: calc(-100vh + 111px);
	}

	#lumise-templates-list.custom-scroller{
    max-height: 40vw !important;
	}

	#lumise-list-products ul[data-view="products"]{
		max-height: 40vw;
	}
}



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

	#lumise-list-products ul[data-view="products"]{
		grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)); /* >> */
		max-height: 300px;
	}
	div#LumiseDesign div#lumise-navigations li[data-tool] ul.lumise-tabs-nav {
		min-width: auto;
		max-width: 100%;
	}

	div#LumiseDesign div#lumise-navigations {
		position: relative;
		height: 41px;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block] {
		display: block;
	}

	div#LumiseDesign div#lumise-navigations ul[data-resp="file"] {
		width: 0 !important;
		pointer-events: none;
		
	}

	div#LumiseDesign div#lumise-navigations ul[data-block][data-resp="undo-redo"] > li {
		padding: 10px 7px 7px 7px;
	}

	.lumise-left-nav-actions-btn img {
		width: 22px;
		height: 22px;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block="right"]>li {
		height: 41px;
		margin-top: 1px;
	}

	div#LumiseDesign .lumise-price {
		height: 41px;
		font-size: 16px;
		line-height: 41px;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block="right"] button#lumise-addToCart {
		display: none;
	}

	div#LumiseDesign div#lumise-navigations ul[data-block="right"] {
		margin-right: 0;
	}

	div#LumiseDesign div#lumise-navigations #lumise-proceed>button#lumise-cart-action,
	#lumise-cart-action-additional {
		font-size: 12px;
		padding: 4px 12px;
		margin: 4px 8px;
	}

	#lumise-navigations {
		padding-left: 7px;
	}

	.lumise-left-nav-actions {
		display: none;
	}

	#lumise-cart-attributes {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	div#lumise-top-tools>ul.lumise-top-nav {
		position: initial;
	}

	div#lumise-top-tools>ul.lumise-top-nav li[data-tool] ul[data-view="sub"] {
		top: calc(100% + 3px);
		/* box-shadow: none; */
		margin: 0;
	}


	div#lumise-top-tools>ul.lumise-top-nav li[data-tool] ul[data-view="sub"] li#lumise-text-effect {
		width: calc(100% - 20px);
	}

	div#lumise-top-tools>ul.lumise-top-nav li[data-tool] ul[data-view="sub"] li#lumise-text-effect span[data-sef="images"] img {
		width: calc(25% - 2px);
		height: 60px;
	}

	div#lumise-top-tools>ul.lumise-top-nav li[data-tool] ul[data-view="sub"] li[data-func]{
		width: 100%;
	}

	div#lumise-top-tools>ul.lumise-top-nav li[data-tool] ul[data-view="sub"] li[data-func] input[type="range"]{
		min-width: 100%;
	}
		
	div#lumise-top-tools>ul.lumise-top-nav li[data-tool] ul[data-view="sub"] li[data-position] span{
		display: none !important;
	}
	
	div#lumise-top-tools>ul.lumise-top-nav li[data-tool] ul[data-view="sub"] li[data-position] span{
		display: none !important;
	}

	div#lumise-top-tools>ul.lumise-top-nav li[data-tool="transform"] ul[data-view="sub"]{
		width: 100%;
	}

	/* #lumise-left #lumise-uploads header+div[data-tab]{
		height: auto !important;
	} */

	#lumise-top-pick-sizes{
		position: relative;

	}

	#lumise-top-pick-sizes .lumise-variants-list[data-is-print-size="true"]{
		position: absolute;
		top: 41px;
	}

	div#lumise-main{
		padding-top: 82px;
	}
	
	#lumise-top-tools.not-active + #lumise-left #lumise-text.lumise-tab-body-wrp{
		padding-top: 360px !important;
	}
	div#LumiseDesign div#lumise-left #lumise-text.lumise-tab-body-wrp{
		padding-top: 320px !important;
	}


	div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp>div>ul.lumise-left-nav li:last-child{
		border-right: none;
	}

	#lumise-cart-wrp .lumise-cart-options .lumise-cart-attributes .lumise-cart-field[data-type="product_color"]{
		top: calc(-100vh + 152px);
	}

	div#LumiseDesign div#lumise-left>div.lumise-left-nav-wrp>div>ul.lumise-left-nav li[data-tab="saved_designs"]{
		display: none !important;
	}


	div[data-type="quantity"] .lumise_form_content{
		flex-wrap: wrap;
	}
	#lumise-order-external.button {
		flex: 0 0 100%;
	}

}

@media screen and (max-width: 340px){
	div#lumise-top-tools>ul.lumise-top-nav>li:not(.sp){
		padding: 10px 8px;
	}

	div#lumise-top-tools>ul.lumise-top-nav>li i{
		font-size: 15px;
	}
	div#lumise-top-tools>ul.lumise-top-nav li h3 inp[data-range="helper"], div#lumise-top-tools>ul.lumise-top-nav li h3 input[type="text"]{
		min-width: 120px;
	}
}

/* Mobile table stack for cart details */
@media only screen and (max-width: 736px) {
  .lumise_wrapper_table table.lumise-table.sty2 thead {
    display: none;
  }

  .lumise_wrapper_table table.lumise-table.sty2,
  .lumise_wrapper_table table.lumise-table.sty2 tbody,
  .lumise_wrapper_table table.lumise-table.sty2 tr,
  .lumise_wrapper_table table.lumise-table.sty2 td,
  .lumise_wrapper_table table.lumise-table.sty2 tfoot {
    display: block;
    width: 100%;
  }

  .lumise_wrapper_table table.lumise-table.sty2 tr {
    /* border: 1px solid #e6e6e6; */
    /* border-radius: 8px; */
    margin-bottom: 12px;
    overflow: hidden;
    background: #fff;
  }

  .lumise_wrapper_table table.lumise-table.sty2 td {
    position: relative;
    padding-left: 120px; /* space for label */
    text-align: left !important;
		border: 0;
    border-bottom: 1px solid #f1f1f1;
  }

	.lumise_wrapper_table table.lumise-table.sty2 tbody td:first-child{
		display: none !important;
	}

  .lumise_wrapper_table table.lumise-table.sty2 td:last-child {
    border-bottom: 0;
  }

  .lumise_wrapper_table table.lumise-table.sty2 td::before {
    content: attr(data-title);
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    color: #666;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Product thumb cell layout */
  .lumise_wrapper_table table.lumise-table.sty2 td.product-thumb {
    padding-left: 12px;
  }

  .lumise_wrapper_table table.lumise-table.sty2 td.product-thumb::before {
    content: none;
  }

  .lumise_wrapper_table table.lumise-table.sty2 td.product-thumb [data-design-layer] {
		width: 100%;
		text-align: center;
		margin: 10px 0;
		flex-direction: row;
		justify-content: center;
  }

	#lumise-cart-details tfoot td{
		font-size: 15px;
		padding: 5px 10px;
		display: flex;
		justify-content: space-between;
	}

	#lumise-lightbox #lumise-lightbox-content{
		max-height: calc(100vh - 40px);
	}
	

	#lumise-cart-details tfoot td button{
		margin: 0;
		font-size: 12px;
		padding: 5px 0;
		width: 100%;
	}

	.lumise_wrapper_table table.lumise-table.sty2 td.product-thumb [data-design-layer] img{
		max-width: 100px;
		height: auto !important;
	}

  .lumise_wrapper_table table.lumise-table.sty2 td.product-thumb .product-title {
    display: block;
    text-align: center;
    margin-bottom: 6px;
  }

  /* Tfoot: separate card with total and button stacked */
  .lumise_wrapper_table table.lumise-table.sty2 tfoot tr {
    border: none;
    background: transparent;
    margin: 0;
  }

  .lumise_wrapper_table table.lumise-table.sty2 tfoot td {
    display: block;
    padding: 10px 12px;
    text-align: left !important;
  }

  .lumise_wrapper_table table.lumise-table.sty2 tfoot .lumise-total {
    font-size: 16px;
    font-weight: 700;
  }

  .lumise_wrapper_table table.lumise-table.sty2 tfoot [data-align="right"] {
    text-align: left !important;
  }

  .lumise_wrapper_table table.lumise-table.sty2 tfoot .lumise-btn-primary {
    width: 100%;
  }

	div#LumiseDesign #lumise-update-cart-confirm em{
		font-size: 18px;
	}

	div#LumiseDesign #lumise-update-cart-confirm ul{
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	div#LumiseDesign #lumise-update-cart-confirm button{
		font-size: 12px;
		padding: 10px 10px;
		width: calc(100% - 30px);
	}
}


@media only screen and (max-width: 450px) {
	#lumise-left #lumise-cliparts ul.lumise-list-items li, #lumise-left #lumise-templates ul.lumise-list-items li, #lumise-left #lumise-uploads ul.lumise-list-items li, #lumise-left .lumise-tab-body-wrp ul.lumise-list-xitems li{
		width: calc(33% - 4px);
	}

	#lumise-left #lumise-cliparts ul.lumise-list-items li:nth-child(4n), #lumise-left #lumise-templates ul.lumise-list-items li:nth-child(4n), #lumise-left #lumise-uploads ul.lumise-list-items li:nth-child(4n), #lumise-left .lumise-tab-body-wrp ul.lumise-list-xitems li:nth-child(4n){
		margin-right: 6px;
	}
	#lumise-left #lumise-cliparts ul.lumise-list-items li:nth-child(3n), #lumise-left #lumise-templates ul.lumise-list-items li:nth-child(3n), #lumise-left #lumise-uploads ul.lumise-list-items li:nth-child(3n), #lumise-left .lumise-tab-body-wrp ul.lumise-list-xitems li:nth-child(3n){
		margin-right: 0px;
	}

	#lumise-templates-list.custom-scroller{
		max-height: 54vw !important;
	}

}