@media screen and (max-width: 812px){.responsive-creator_tool{margin:110px 0 0}.top-three-btns{display:flex;margin-bottom:2px}.top-three-btns .btn{padding:0px;text-align:center;width:25%;background:#e8edf3;border-radius:0px;padding:12px 0}.top-three-btns .btn.flip-card{width:50%;padding:11.2px 0;margin:0 2px}.top-three-btns .btn img{width:58px}.top-three-btns .btn.flip-card img{width:93px}.creator_tool .show-margins{display:block;top:auto;left:auto;background:#f6f9fc;padding:15px;line-height:100%}.print-area .can-toggle.toggle-checkbox label{margin-bottom:0px}.can-toggle.toggle-checkbox label .can-toggle__switch:before,.can-toggle.toggle-checkbox label .can-toggle__switch:after{font-size:0px;box-shadow:none}.can-toggle label .can-toggle__label-text{color:#96a2b4;font-size:14px}.canvas-container #designer,.canvas-container #designer_reverse_side,.canvas-container .upper-canvas{width:100% !important;-o-object-fit:contain !important;object-fit:contain !important}.canvas-container canvas{border-radius:10px}.canvas-container,.reverse-side{width:100% !important;-o-object-fit:contain !important;object-fit:contain !important}.featured #front-side,.featured #reverse-side{padding:0px;margin:10px auto}.options-wrap .can-toggle__label-text h6{font-size:15px;margin-bottom:0px}.options-wrap .can-toggle__label-text small{font-size:13px}.options-wrap .can-toggle.toggle-checkbox label{margin-bottom:0px;align-items:start}.options-wrap .can-toggle.toggle-checkbox label .can-toggle__label-text{margin:0 0 20px}.responsive .creator-tools{height:auto;padding:0px;margin-bottom:45px;display:flex}.creator-tools h6{padding-left:10px !important;background:#f6f9fc;display:block;padding:16px 12px;font-size:20px}.creator-tools button{text-align:center;padding:14.5px 12px !important;height:auto;font-size:14px;font-weight:500;width:50%}.creator-tools button:first-child{margin-right:3px}.creator-tools p{width:48%}.option-title{padding:16px 30px;font-size:14px;font-weight:normal;background-color:#f6f9fc;margin:20px 0;font-weight:500}.save-and-help .btn{width:100%;padding:14px 15px;display:block;height:auto;margin-bottom:15px;font-size:14px;font-weight:500}.card-header{padding:1rem 1.25rem}.card-header .btn{padding-left:15px !important;color:#33335c;font-weight:500}.toolbox-portrait .btn-blue{margin:10px auto;display:block}.rowitem{display:inline-flex;justify-content:left;align-items:center;margin-top:0px;flex-wrap:wrap;width:100%;position:relative}.creator_tool .rowitem span{margin-right:0px;font-weight:500;width:135px}.creator_tool .rowitem .btn.round-btn{margin:0 10px 10px 0}.creator_tool .rowitem .btn{margin:10px auto}.creator_tool .rowitem .btn:last-child{margin-right:0px}.creator_tool .rowitem .round-btn img{width:42px}#toolbox .btn-show-me-how{padding:.375rem .75rem}.image-title{display:block;width:100%;border-radius:5px;border:1px dashed #D5D8DC;padding:35px}.creator_tool .rowitem select.btn{margin-top:0px}#label_text_edit{padding:15px}#label_font_size{width:42px;height:42px;line-height:27px;text-align:center;position:absolute;left:136px;top:0px;padding:7px;border:1px dashed #dddddd;border-radius:5px}#toolbox .slider-label-size,#toolbox .slider-transparency-size{margin-bottom:10px;margin-top:20px;width:100%;float:none;text-align:right;position:relative;margin-left:auto;left:0;top:0}#toolbox .ui-slider-horizontal{height:4px;border-radius:0px}#toolbox .ui-slider-horizontal .ui-slider-handle{top:-11px;width:22px !important;height:22px;border-radius:50%}.font-size-text{margin:15px 0}#toolbox .fontbox{margin-bottom:15px}#toolbox input[type=text],#barcodeType{border-radius:10px}.sp-replacer{margin-bottom:10px}.btn-orange-icon{width:auto}.edit{margin:0 0 5px 0;position:relative;left:-10px;width:100px}.edit a{padding:12px 28px;display:inline-block;box-shadow:0 0 5px rgba(0,0,0,0.16);border-radius:0 25px 25px 0}.creator_tool .outlines,.creator_tool .shapes{display:block !important}.outlines .btn-orange-icon{width:auto}.creator_tool .outlines .rowitem .btn:last-child,.creator_tool .shapes .rowitem .btn:last-child{margin-right:auto}.btn-remove-object{background:#ff4c4c}.templates-v{width:calc(50% - 10px) !important;margin-right:10px !important;margin-bottom:20px;display:inline-block;vertical-align:top;text-align:center;box-sizing:border-box}.templates-v:nth-child(2n){margin-right:0 !important}.templates-v a{display:block;width:100%}.templates-v img{width:100% !important;height:auto !important;aspect-ratio:320 / 510;-o-object-fit:contain;object-fit:contain;margin:0 auto}.templates-h{width:calc(50% - 10px) !important;margin-right:10px !important;margin-bottom:20px;display:inline-block;vertical-align:top;text-align:center;box-sizing:border-box}.templates-h:nth-child(2n){margin-right:0 !important}.templates-h a{display:block;width:100%}.templates-h img{width:100% !important;height:auto !important;aspect-ratio:510 / 320;-o-object-fit:contain;object-fit:contain;margin:0 auto}.card-img-v,.card-img-h{width:100%;display:block}.template_sets{margin-top:8px;letter-spacing:-2px}.template_sets .set_border{margin-right:4px;margin-bottom:4px;padding:1px}.template_sets .color_set{width:18px !important;height:18px !important}.templates-v .template_sets,.templates-h .template_sets{width:100%;max-width:100%}.creator_tool .container{padding-right:0px;padding-left:0px}#toolbox .card{width:100%}#mobile-edit-component{position:relative;top:12px;font-size:17px}.creator_tool{margin-top:110px}.float-card{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.float-card .card{width:calc(50% - 5px) !important;max-width:none !important;height:auto !important;min-height:370px;margin-right:0 !important;margin-bottom:20px !important;float:none}.float-card .card:nth-of-type(2n){margin-right:0 !important}.float-card .card .card-body{padding:15px}.float-card .card .card-body.image img{width:100%;height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}.float-card .card .add-to-cart .row{margin:0;flex-direction:column}.float-card .card .add-to-cart .col-md-4,.float-card .card .add-to-cart .col-md-8{width:100%;max-width:100%;padding:5px 0}.float-card .card .links{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.float-card .card .links a{font-size:12px;padding:5px 10px}.container form.form-horizontal .form-group.row .col-2,.container form.form-horizontal .form-group.row .col-3,.container form.form-horizontal .form-group.row .col-4{width:100% !important;max-width:100% !important;flex:0 0 100% !important;margin-bottom:10px}.container form.form-horizontal .form-group.row .col-2:first-child{display:block;width:100% !important;margin-bottom:8px;font-weight:500;padding-left:0}.container form.form-horizontal .form-group.row .col-3{padding-left:0}.container form.form-horizontal .form-group.row .col-3 .input-group{width:100%;display:flex}.container form.form-horizontal .form-group.row .col-3 .input-group .form-control{flex:1;min-width:200px;width:auto}.container form.form-horizontal .form-group.row{display:flex;flex-direction:column;margin-left:0;margin-right:0}.container form.form-horizontal .form-group.row>div{padding-left:0;padding-right:0}.container .col-md-10>.table:has(.order_row){width:100%;margin-bottom:0;border:none}.container .col-md-10>.table:has(.order_row) thead{display:none}.container .col-md-10>.table:has(.order_row) tbody{display:block;width:100%}.container .col-md-10>.table:has(.order_row) tbody tr.order_row{display:block;width:100%;margin-bottom:20px;border:1px solid #dee2e6;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:15px}.container .col-md-10>.table:has(.order_row) tbody tr.order_row td{display:block;width:100%;padding:10px 0;border:none;border-bottom:1px solid #f0f0f0;text-align:left;font-size:14px}.container .col-md-10>.table:has(.order_row) tbody tr.order_row td:last-child{border-bottom:none}.container .col-md-10>.table:has(.order_row) tbody tr.order_row td:before{content:attr(data-label);display:inline-block;font-weight:bold;color:#07283B;width:120px;margin-right:10px;vertical-align:top}.container .col-md-10>.table:has(.order_row) tbody tr:not(.order_row){display:none}.container .col-md-10>.table:has(.order_row) td{font-size:14px;line-height:1.5;padding:10px 0}.container .col-md-10>.table:has(.order_row) td a{font-size:14px;display:inline-block;margin:5px 5px 5px 0;word-break:break-word;color:#007bff;text-decoration:underline}.container .col-md-10>.table:has(.order_row) .order_row td:nth-child(1):before{content:"Order Id: "}.container .col-md-10>.table:has(.order_row) .order_row td:nth-child(2):before{content:"Order Status: "}.container .col-md-10>.table:has(.order_row) .order_row td:nth-child(3):before{content:"Order Date: "}.container .col-md-10>.table:has(.order_row) .order_row td:nth-child(4):before{content:"Order Details: "}.container .col-md-10>.table:has(.order_row) .order_row td:nth-child(5):before{content:"Invoice: "}}@media screen and (max-width: 399px){.creator_tool .rowitem .round-btn img{width:38px}}@media screen and (max-width: 370px){.creator_tool .rowitem .round-btn img{width:33px}}@media screen and (max-width: 350px){.creator_tool .rowitem .round-btn img{width:28px}.btn-orange-icon{margin:8px -2px !important}}.mobile-hide{display:none}@media screen and (max-width: 812px){.addresses-section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.address-block{padding:15px;border:1px solid #dee2e6;border-radius:5px;background-color:#f8f9fa}.order-items-section{margin-bottom:20px}.order-item-card{border:1px solid #dee2e6;border-radius:5px;padding:15px;margin-bottom:15px;background-color:#fff}.item-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f0f0f0}.item-row:last-child{border-bottom:none}.item-label{font-weight:bold;color:#07283B;min-width:100px;margin-right:10px;font-size:14px}.item-value{text-align:right;flex:1;word-wrap:break-word;font-size:14px}.order-summary-section{border:1px solid #dee2e6;border-radius:5px;padding:15px;background-color:#f8f9fa}.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #dee2e6}.summary-row:last-child{border-bottom:none}.summary-row.total-row{font-size:18px;border-top:2px solid #07283B;padding-top:15px;margin-top:10px}.summary-label{font-weight:500}.summary-value{font-weight:bold}}
