@media only screen and (max-width: 767px){
.splitepiecebody section#ccp-sec-7, .splitepiecebody section#ccp-sec-8, .splitepiecebody section#ccp-sec-10 {
display: none;
}     
.product_specific.credit-category.singlecanvas .actions {
bottom: 65px !important;
}    
.product_specific.credit-category.singlecanvas .thumbnail {
height: 182px !important;
}
.product_specific.credit-category.singlecanvas .thumbnail .thumnailimage_sec {
max-width: 90px !important;
max-height: 90px !important;
top: 23%;
}
.product_specific.credit-category.multicanvassize .thumbnail {
height: 208px !important;
}
.product_specific.credit-category.multicanvassize .thumnailimage_sec {
top: 24%;
left: 24px;
max-width: 94% !important;
}
.product_specific.credit-category.multicanvassize .actions {
top: 48%;
height: 20px !important;
}
.product_specific.credit-category.multicanvassize .actions {
top: 48%;
height: 20px !important;
}
.product_specific.credit-category.multicanvassize .thumbnail-price {
height: 20px;
top: 58%;
}
.product_specific.credit-category.multicanvassize .thumbnail-size {
width: 100%;
text-align: center;
font-size: 12px;
padding: 0px 7px;
top: 60%;
}
.product_specific.credit-category.multicanvassize .thumbnail-quantity {
top: 53%;
}
span.ccp-photo-chip {
z-index: 100;
top: 0px !important;
padding: 2px 5px !important;
font-size: 8px !important;
line-height: normal;
}  
.header_piece button.splitepieceheader.active {
background-color: red;
} .header_piece button.splitepieceheader {
background: black;
color: white;
padding: 4px 6px;
border-radius: 5px;
}
.wrapper_splite .form-check.active-splite{
background:#c00;color:#fff;border-radius:10px;
}
.wrapper_splite .form-check.active-splite label,
.wrapper_splite .form-check.active-splite .bottom_size{color:#fff;}
.wrapper_splite .form-check:not(.active-splite){
background:#fff;color:#222;transition:background .15s ease;
}
.wrapper_splite select:disabled{opacity:.45;pointer-events:none;}    
.wrapper_splite ul.p-0.mb-0.ul-width.sizeBtn li {
width: 235px !important;
}    
.wrapper_splite ul.p-0.mb-0.ul-width.sizeBtn li select {
display: inline-block;
position: relative;
width: 99%;
text-align: center;
}
ul.p-0.mb-0.ul-width.sizeBtn {
display: flex;
position: relative;
width: 100%;
float: left;
}  .ccp-collage-toolbar{margin:12px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap; width:100%;}
.ccp-collage-hint{font-size:12px;opacity:.8}
.ccp-collage-btn{
background:#000;color:#fff;border:0;border-radius:10px;padding:10px 14px;
font-weight:600;text-transform:lowercase;display:inline-flex;align-items:center;gap:10px;cursor:pointer
}
.ccp-collage-btn:focus{outline:2px solid #000;outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}
.ccp-collage-btn:hover{opacity:.92}
.ccp-grid-icon{
width:16px;height:16px;border-radius:3px;background:#000;position:relative;display:inline-block;
box-shadow:inset 0 0 0 2px #fff
}
.ccp-grid-icon::after{
content:"";position:absolute;inset:0;background:
repeating-linear-gradient(to right,#fff 0 2px,transparent 2px 8px),
repeating-linear-gradient(to bottom,#fff 0 2px,transparent 2px 8px);
opacity:.9;mix-blend-mode:normal
}
}
@media only screen and (min-width: 768px){
.ccp-style-card {
max-height: 245px;
position: relative;
display: inline-block;
min-height: 180px;
height: 200px;
}    
.singlecanvas ul li label {
font-size: 13px !important;
border-radius: 0px;
}    
.ccp-style-card.ccp-showmore-card {
position: absolute;
right: -16px;
bottom: 5px;
min-height: 20px !important;
background-color: red;
color: white;
padding: 0px 5px !important;
height: 20px;
}
.bottom_size {
display: none !important;
}
.top_size {
background: #8c8c8c;
border-top-left-radius: unset !important; 
border-top-right-radius: unset !important; 
}
.product_specific.credit-category.multicanvassize .thumbnail {
height: 208px !important;
}
.product_specific.credit-category.multicanvassize .thumnailimage_sec {
top: 41%;
}
.product_specific.credit-category.multicanvassize .actions {
top: 48%;
height: 20px !important;
}
.product_specific.credit-category.multicanvassize .actions {
top: 48%;
height: 20px !important;
}
.product_specific.credit-category.multicanvassize .thumbnail-price {
height: 20px;
top: 58%;
}
.product_specific.credit-category.multicanvassize .thumbnail-size {
width: 100%;
text-align: center;
font-size: 12px;
padding: 0px 7px;
top: 60%;
}
.product_specific.credit-category.multicanvassize .thumbnail-quantity {
top: 53%;
}
span.ccp-photo-chip {
z-index: 100;
top: 0px !important;
padding: 2px 5px !important;
font-size: 8px !important;
line-height: normal;
}  
.header_piece button.splitepieceheader.active {
background-color: red;
} .header_piece button.splitepieceheader {
background: black;
color: white;
padding: 4px 6px;
border-radius: 5px;
}
.wrapper_splite .form-check.active-splite{
background:#c00;color:#fff;border-radius:10px;
}
.wrapper_splite .form-check.active-splite label,
.wrapper_splite .form-check.active-splite .bottom_size{color:#fff;}
.wrapper_splite .form-check:not(.active-splite){
background:#fff;color:#222;transition:background .15s ease;
}
.wrapper_splite select:disabled{opacity:.45;pointer-events:none;}    
.wrapper_splite ul.p-0.mb-0.ul-width.sizeBtn li {
width: 235px !important;
}    
.wrapper_splite ul.p-0.mb-0.ul-width.sizeBtn li select {
display: inline-block;
position: relative;
width: 99%;
text-align: center;
}
ul.p-0.mb-0.ul-width.sizeBtn {
display: flex;
position: relative;
width: 100%;
float: left;
}  .ccp-collage-toolbar{margin:12px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap; width:100%;}
.ccp-collage-hint{font-size:12px;opacity:.8}
.ccp-collage-btn{
background:#000;color:#fff;border:0;border-radius:10px;padding:10px 14px;
font-weight:600;text-transform:lowercase;display:inline-flex;align-items:center;gap:10px;cursor:pointer
}
.ccp-collage-btn:focus{outline:2px solid #000;outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px #000}
.ccp-collage-btn:hover{opacity:.92}
.ccp-grid-icon{
width:16px;height:16px;border-radius:3px;background:#000;position:relative;display:inline-block;
box-shadow:inset 0 0 0 2px #fff
}
.ccp-grid-icon::after{
content:"";position:absolute;inset:0;background:
repeating-linear-gradient(to right,#fff 0 2px,transparent 2px 8px),
repeating-linear-gradient(to bottom,#fff 0 2px,transparent 2px 8px);
opacity:.9;mix-blend-mode:normal
}
}
.product_specific.credit-category.singlecanvas .bottom_size {
display: none;
}
div#addMoreButton {
display: none !important;
}
button.ccp-show-more {
display: inline-block;
position: absolute;
right: 0px;
bottom: -9px;
}
button.ccp-show-more {
background-color: red;
color: white;
}