@media only screen and (min-width: 220px) and (max-width: 375px) {
.static_upload_img {
position: absolute;
z-index: 999;
top: 52%;
left: 17%;
transform: translate(17%, -49%);
max-width: 76%;
max-height: 85%;
right: 14%;
}   
.wallart_orientation label {
width: 47%;
}
.container.canvasphotoframes div#bulkhidestic table td.row3samecolor {
display: none !important;
} 
.container.canvasphotoframes  table td.samecolor1 {
display: none !important;
}
div#insideimage {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.nav_pro_spec {
margin-bottom: 10px;
margin-top: 5px;
}
.thumbnail-size {
text-align: center;
font-size: 13px;
color: #555;
margin: auto;
width: 100%;
font-weight: bold;
display: inline-block;
position: relative;
top: 9em;
text-align: center;
width: 49%;
}
.thumbnail-price {
text-align: center;
font-size: 13px;
color: #d82430;
margin: auto;
width: 100%;
font-weight: bold;
display: inline-block;
position: relative;
top: 9em;
text-align: center;
width: 46%;
} 
.thumbnail-quantity {
margin-top: 9px;
display: inline-block;
text-align: center;
position: relative;
top: 106px;
right: 0px;
width: 100%;
background-color: #cac4c4;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-size {
display: none;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumnailimage_sec {
display: none;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 {
border: unset;
height: auto !important;
width:100% !important;
}
.qty_singlewallart .thumnail_laba .thumbnail-section {
display: inline-block;
position: relative;
width: 100%;
float: left;
}
.increment, .decrement {
width: 35px;
height: 29px;
text-align: center;
font-size: 30px;
line-height: 25px;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #cac4c4;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .quantity-controls .quantity-input {
width: 46px !important;
text-align: center;
} 
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .quantity-controls .increment, .qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .quantity-controls .decrement {
width: 25px;
height: 25px;
text-align: center;
font-size: 16px;
line-height: 25px;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #c7c7c7;
}    
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .quantity-controls {
width: 50%;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .qtylabel {
width: 30%;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .qtylabel {
float: left;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection .thumbnail-quantity .quantity-controls {
width: 24%;
float: left;
background-color: #cac4c4;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity {
margin: 0px;
top: 0px;
width: 100%;
margin-top: 12px;
background-color: unset !important;
}    
.qty_singlewallart {
display: inline-block;
position: relative;
width: 60%;
}
.qty_singlewallart .thumnail_laba {
display: inline-block;
position: relative;
width: 100%;
}
.actions.singlewallart button {
background-color: #6d6767;
color: white;
font-size: 15px;
}
.actions.singlewallart {
background-color: #6d6767;
display: inline;
width: 40%;
position: relative;
float: left;
top: 22px;
padding: 9px 9px;
}    
.red-border {
border: 2px solid red !important;
}  
span.discountedprice {
text-decoration: line-through;
} ::-webkit-scrollbar {
width: 10px; height: 10px; } ::-webkit-scrollbar-track {
background: #f0f0f0; border-radius: 10px; } ::-webkit-scrollbar-thumb {
background: #888; border-radius: 10px; border: 2px solid #f0f0f0; } ::-webkit-scrollbar-thumb:hover {
background: #555; }
.uploadwallart {
margin-bottom: 2px;
display: inline-block;
position: relative;
width: 100%;
}   
.container.canvasphotoframe .carousel-inner .item {
max-height: 450px !important;
min-height: 450px !important;
}
.carousel-inner .item:nth-child(2).active img,.carousel-inner .item:nth-child(1).active img {
width: 240% !important;
margin-top: -9em !important;
}
.carousel-inner .item:nth-child(3).active img {
width: 200% !important;
margin: 0px !important;
}
.container.canvasphotoframe .carousel-inner img.attachment-full.size-full {
height: 100% !important;
min-height: 450px !important;
max-height: 100% !important;
}
.carousel-inner .item.active img {
width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 450px !important;
max-height: 100% !important;
}
.carousel-inner > .item {
max-height: 450px;
}
.wallart_section .store-credit-fun .row .col-md-12 {
padding: 0px;
margin: 0px;
}
ul.p-0.mb-0.ul-width.sizeBtn li.form-check label.form-check-label {
padding: 8px 1px 11px 1px;
width: 100%;
margin: 0px;
font-size: 13px;
}
ul.p-0.mb-0.ul-width.sizeBtn li.form-check .top_size label.form-check-label {
height: auto !important;
}
ul.p-0.mb-0.ul-width.sizeBtn .form-check-input:not(:checked) {
background-color: gray;
display: none;
}
ul.p-0.mb-0.ul-width.sizeBtn li.form-check {
text-align: center;
width: 22%;
margin-bottom: 0em;
border-radius: 0.4em;
padding: 0px;
}
ul.p-0.mb-0.ul-width.sizeBtn .form-check-input:checked {
background-color: #d82430;
display: none;
}
ul.p-0.mb-0.ul-width.sizeBtn {
display: flex;
position: relative;
width: 100%;
float: left;
} 
.innergallery .sidebargallery .tabs .tab {
display: inline-block;
position: relative;
width: 31%;
background-color: gray;
color: white;
text-align: center;
margin-bottom: 5px;
}
.innergallery .sidebargallery .tabs .tab.active {
background-color: red;
}
button#closeGalleryBtn {
float: right;
border-radius: 50%;
color: white;
background-color: #ac0e0e;
height: 29px;
width: 29px;
font-size: 9px;
padding: 0px;
}
.item.active img {
width: 221% !important;  margin-left: -5em !important;
}
.artimagefram {
box-shadow: 0 0 14px 4px #00000059;
display: flex;
left: 50%;
overflow: hidden;
position: absolute;
top: 50%;
z-index: 5;
transform: scale(.8) translate(-70%, -92%) !important;
}
.thumnailimage_sec {
box-shadow: 0 0 14px 4px #00000059;
display: flex;
left: 28%;
overflow: hidden;
position: absolute;
top: 27%;
z-index: 5;
transform:scale(.8) translate(-25%, -61%) !important;
}
div#thumbnailSection .thumbnail img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
}
#artFrame img {
width: 100%;
height: 100%;
object-fit: cover; display: block; }
.thumbnail-section {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.thumbnail {
position: relative;
width: 100px !important;
height: 167px !important;
border: 1px solid #ccc;
overflow: hidden;
display: inline-block;
align-items: center;
justify-content: center;
padding:0px !important;
margin-bottom:10px !important;
}
.col-md-6.tab_sec_left.wallart h1.singl_product_title {
padding-bottom: 12px;
}
.thumbnail img {
max-width: 100%;
max-height: 100%;
}
h1.singl_product_title span.sizeprice_tag {
color: red;
font-weight: normal;
font-size: 17px; text-align: left;
}
div#thumbnailSection .thumbnail img {
height: 93px;
}
.thumbnail .actions {
position: absolute;
bottom: 45px !important;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: space-around;
align-items: center;
padding: 5px;
}
.thumbnail .actions button {
color: white;
background: transparent;
border: none;
cursor: pointer;
}
.modal {
display: none;
position: fixed;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
z-index: 1000;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 1024px;
height: 515px;
max-width: 100%;
max-height: 100%;
}
.modal.active {
display: block;
}
.modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.modal-overlay.active {
display: block;
}
.crop-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%; height: 450px; }
.crop-container img {
max-width: 100%; max-height: 100%;
object-fit: contain; }
.modal-buttons {
margin-top: 10px;
display: flex;
justify-content: space-between;
width: 100%;
float: left;
}
.controls {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.controls button {
margin: 5px;
}
.sizeBtn {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.sizeBtn .form-check {
list-style: none;
}
.sizeBtn .form-check {
list-style: none;
margin: 0px;
padding: 0px;
}
.form-check-input:checked + .form-check-label {
font-weight: bold;
color: white;
background-color: #d8242f;
padding: 8px 6px 11px 11px;
width: 100%;
margin: 0px;
} 
.uploadrtimage label.upload-an-image img {
width: 19px;
height: 16px;
padding-left: 6px;
margin-top: -4px;
}
.browsertimagegallery label.upload-an-image img {
width: 19px;
height: 19px;
margin-top: -5px;
}
.wallart_orientation h3 {
text-align: left;
font-size: 18px;
padding: 0px;
margin: 0px;
font-weight: 600;
}
.wallart_section .container div#tabs .panel-heading .nav-tabs > li {
width: 19.71% !important;
}
.top_size {
background: #8c8c8c;
border-top-left-radius: 0.4em;
border-top-right-radius: 0.4em;
}
.bottom_size {
color: #000 !important;
border-bottom-left-radius: 0.4em;
border-bottom-right-radius: 0.4em;
height: unset !important;
background: linear-gradient(to bottom, #a3a3a3, #dadada, #e1e1e1, #e1e1e1) !important;
font-size: 20px;
padding: 9px;
}
.wallart_orientation {
display: inline-block;
position: relative;
width: 100%;
}
.wallart_orientation label.landscape_label {
float: left;
border: 1px solid black;
padding: 7px 24px 7px 24px;
margin-right: 1em;
}
.wallart_section .container {
margin: 0px;
padding: 0px;
width: 100% !important;
}
.wallart_section .container div#tabs {
display: inline-block;
position: relative;
width: 100%;
}
.product_specific .col-md-6.tab_sec_left.wallart .nav_pro_spec div#nav-tabContent {
min-height: 7.7em !important;
text-align: left;
}
.product_specific .col-md-6.tab_sec_left.wallart .tab-content > .tab-pane {
min-height: 9em;
}
.wallart_orientation label.portrait_label {
float: left;
border: 1px solid black;
padding: 7px 24px 7px 24px;
}
.browsertimagegallery label.upload-an-image {
padding: 11.5px;
margin: 0px;
}
.browsertimagegallery {
width: 160px;
background-color: #d82430;
float: left;
color: white;
text-align: center;
padding: 5px 2px 1px 3px;
float: right;
}
.uploadrtimage {
width: 167px;
text-align: center;
background-color: black;
color: white;
padding: 4px 2px 1px 4px;
}
.uploadrtimage {
width: 158px;
text-align: center;
background-color: black;
color: white;
padding: 4px 2px 1px 4px;
float: left;
margin-right: 5px;
} 
.uploadrtimage label.upload-an-image {
text-align: left;
padding: 12px;
margin: 0px;
}  
.artimagefram {
box-shadow: 0 0 14px 4px #00000059;
display: flex;
left: 50%;
overflow: hidden;
position: absolute;
top: 50%;
z-index: 5;
transform: scale(.8) translate(-70%, -106%) !important
}
div#cropModal .controls {
width: 100%;
float: left;
}
.gallery-modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
z-index: 1000;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 100%;
height: 600px;
background: white;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1000;
border-radius: 10px;
overflow-y: auto;
}
.gallery-modal.active {
display: block;
}
.gallery-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.gallery-overlay.active {
display: block;
}
.gallery-content {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.gallery-item {
border: 1px solid #ccc;
padding: 5px;
cursor: pointer;
}
.gallery-item img {
max-width: 100%;
height: auto !important;
display: block;
}
.quantity-controls {
display: inline-flex;
align-items: center;
gap: 5px;
}
.quantity-input {
width: 30px;
text-align: center;
}
.increment, .decrement {
width: 25px;
height: 25px;
text-align: center;
font-size: 16px;
line-height: 25px;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #f9f9f9;
}
.thumbnail.selected {
border: 2px solid red;
}
.thumbnail {
position: relative;
text-align: center;
margin-bottom: 15px;
}
.thumbnail .actions {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 5px;
}
.wallart_section .container .col-md-6.prod_gallery_right .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img {
max-width: 704px !important;
max-height: 544px !important;
height: 100% !important;
width: 704px !important;
}    
.wallart_section .container .col-md-6.prod_gallery_right .woocommerce-product-gallery .flex-viewport {
width: 704px !important;
position: relative;
display: inline-block;
height: 544px !important;
}    
.wallart_section .container .col-md-6.prod_gallery_right .woocommerce-product-gallery {
width: 100%;
display: inline-block;
position: relative;
max-height: 544px !important;
}    
.wallart_section .container .col-md-6.prod_gallery_right ol.flex-control-nav.flex-control-thumbs {
width: 86px;
float: left;
position: relative;
display: block;
}    
.wallart_section .container .col-md-6.prod_gallery_right {
width: 61.04%;
padding: 0px;
margin: 0px;
float: left;
display: inline;
}    
.wallart_section .container .col-md-6.tab_sec_left {
width: 38.96% !important;
margin: 0px;
padding: 0px;
max-height: 544px !important;
padding-left: 20px !important;
}    
.wallart_section .container {
width: 100%;
display: inline-block;
position: relative;
}    
.wallart_section {
width: 1296px;
display: block;
position: relative;
margin: auto;
}    
.gallery-content {
display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
.gallery-item {
flex: 0 0 31% !important;
}
.gallery-item {
flex: 0 0 calc(33.333% - 10px); box-sizing: border-box; position: relative;
aspect-ratio: 1; overflow: hidden; background-color: #f0f0f0; }
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover; }
}
@media only screen and (max-width: 767px) {
.mobile_new_layout .main_calculator_start .accordion-content .rp_wcdpd_pricing_table table tr td {
margin: 0px !important;
padding: 0px !important;
line-height: normal !important;
font-size: 12px !important;
color: black !important;
}
.static_upload_img {
position: absolute;
z-index: 999;
top: 52%;
left: 17%;
transform: translate(17%, -49%);
max-width: 76%;
max-height: 85%;
right: 14%;
}   
.wallart_orientation label {
width: 47%;
}
.container.canvasphotoframes div#bulkhidestic table td.row3samecolor {
display: none !important;
} 
.container.canvasphotoframes  table td.samecolor1 {
display: none !important;
}
div#insideimage {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.nav_pro_spec {
margin-bottom: 10px;
margin-top: 5px;
}
.thumbnail-size {
text-align: center;
font-size: 13px;
color: #555;
margin: auto;
width: 100%;
font-weight: bold;
display: inline-block;
position: relative;
top: 9em;
text-align: center;
width: 49%;
}
.thumbnail-price {
text-align: center;
font-size: 13px;
color: #d82430;
margin: auto;
width: 100%;
font-weight: bold;
display: inline-block;
position: relative;
top: 9em;
text-align: center;
width: 46%;
} 
.thumbnail-quantity {
margin-top: 9px;
display: inline-block;
text-align: center;
position: relative;
top: 106px;
right: 0px;
width: 100%;
background-color: #cac4c4;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-size {
display: none;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumnailimage_sec {
display: none;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 {
border: unset;
height: auto !important;
width:100% !important;
}
.qty_singlewallart .thumnail_laba .thumbnail-section {
display: inline-block;
position: relative;
width: 100%;
float: left;
}
.increment, .decrement {
width: 35px;
height: 29px;
text-align: center;
font-size: 30px;
line-height: 25px;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #cac4c4;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .quantity-controls .quantity-input {
width: 46px !important;
text-align: center;
} 
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .quantity-controls .increment, .qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .quantity-controls .decrement {
width: 25px;
height: 25px;
text-align: center;
font-size: 16px;
line-height: 25px;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #c7c7c7;
}    
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .quantity-controls {
width: 50%;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .qtylabel {
width: 30%;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity .qtylabel {
float: left;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection .thumbnail-quantity .quantity-controls {
width: 24%;
float: left;
background-color: #cac4c4;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection div#thumb-0 .thumbnail-quantity {
margin: 0px;
top: 0px;
width: 100%;
margin-top: 12px;
background-color: unset !important;
}    
.qty_singlewallart {
display: inline-block;
position: relative;
width: 60%;
}
.qty_singlewallart .thumnail_laba {
display: inline-block;
position: relative;
width: 100%;
}
.actions.singlewallart button {
background-color: #6d6767;
color: white;
font-size: 15px;
}
.actions.singlewallart {
background-color: #6d6767;
display: inline;
width: 40%;
position: relative;
float: left;
top: 22px;
padding: 9px 9px;
}    
.red-border {
border: 2px solid red !important;
}  
span.discountedprice {
text-decoration: line-through;
} ::-webkit-scrollbar {
width: 10px; height: 10px; } ::-webkit-scrollbar-track {
background: #f0f0f0; border-radius: 10px; } ::-webkit-scrollbar-thumb {
background: #888; border-radius: 10px; border: 2px solid #f0f0f0; } ::-webkit-scrollbar-thumb:hover {
background: #555; }
.uploadwallart {
margin-bottom: 2px;
display: inline-block;
position: relative;
width: 100%;
}   
.container.canvasphotoframe .carousel-inner .item {
max-height: 450px !important;
min-height: 450px !important;
}
.carousel-inner .item:nth-child(2).active img,.carousel-inner .item:nth-child(1).active img {
width: 240% !important;
margin-top: -14em !important;
}
.carousel-inner .item:nth-child(3).active img {
width: 200% !important;
margin: 0px !important;
}
.container.canvasphotoframe .carousel-inner img.attachment-full.size-full {
height: 100% !important;
min-height: 450px !important;
max-height: 100% !important;
}
.carousel-inner .item.active img {
width: 100% !important;
margin: 0px !important;
height: 100% !important;
min-height: 450px !important;
max-height: 100% !important;
}
.carousel-inner > .item {
max-height: 450px;
}
.wallart_section .store-credit-fun .row .col-md-12 {
padding: 0px;
margin: 0px;
}
ul.p-0.mb-0.ul-width.sizeBtn li.form-check label.form-check-label {
padding: 8px 1px 11px 1px;
width: 100%;
margin: 0px;
font-size: 13px;
}
ul.p-0.mb-0.ul-width.sizeBtn li.form-check .top_size label.form-check-label {
height: auto !important;
}
ul.p-0.mb-0.ul-width.sizeBtn .form-check-input:not(:checked) {
background-color: gray;
display: none;
}
ul.p-0.mb-0.ul-width.sizeBtn li.form-check {
text-align: center;
width: 22%;
margin-bottom: 0em;
border-radius: 0.4em;
padding: 0px;
}
ul.p-0.mb-0.ul-width.sizeBtn .form-check-input:checked {
background-color: #d82430;
display: none;
}
ul.p-0.mb-0.ul-width.sizeBtn {
display: flex;
position: relative;
width: 100%;
float: left;
} 
.innergallery .sidebargallery .tabs .tab {
display: inline-block;
position: relative;
width: 31%;
background-color: gray;
color: white;
text-align: center;
margin-bottom: 5px;
}
.innergallery .sidebargallery .tabs .tab.active {
background-color: red;
}
button#closeGalleryBtn {
float: right;
border-radius: 50%;
color: white;
background-color: #ac0e0e;
height: 29px;
width: 29px;
font-size: 9px;
padding: 0px;
}
.item.active img {
width: 221% !important;  margin-left: -5em !important;
}
.artimagefram {
box-shadow: 0 0 14px 4px #00000059;
display: flex;
left: 50%;
overflow: hidden;
position: absolute;
top: 50%;
z-index: 5;
transform: scale(.8) translate(-70%, -92%) !important;
}
.thumnailimage_sec {
box-shadow: 0 0 14px 4px #00000059;
display: flex;
left: 28%;
overflow: hidden;
position: absolute;
top: 27%;
z-index: 5;
transform:scale(.8) translate(-25%, -61%) !important;
}
div#thumbnailSection .thumbnail img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
}
#artFrame img {
width: 100%;
height: 100%;
object-fit: cover; display: block; }
.thumbnail-section {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.thumbnail {
position: relative;
width: 100px !important;
height: 167px !important;
border: 1px solid #ccc;
overflow: hidden;
display: inline-block;
align-items: center;
justify-content: center;
padding:0px !important;
margin-bottom:10px !important;
}
.col-md-6.tab_sec_left.wallart h1.singl_product_title {
padding-bottom: 12px;
}
.thumbnail img {
max-width: 100%;
max-height: 100%;
}
h1.singl_product_title span.sizeprice_tag {
color: red;
font-weight: normal;
font-size: 17px; text-align: left;
}
div#thumbnailSection .thumbnail img {
height: 93px;
}
.thumbnail .actions {
position: absolute;
bottom: 45px !important;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: space-around;
align-items: center;
padding: 5px;
}
.thumbnail .actions button {
color: white;
background: transparent;
border: none;
cursor: pointer;
}
.modal {
display: none;
position: fixed;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
z-index: 1000;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 1024px;
height: 515px;
max-width: 100%;
max-height: 100%;
}
.modal.active {
display: block;
}
.modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.modal-overlay.active {
display: block;
}
.crop-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%; height: 450px; }
.crop-container img {
max-width: 100%; max-height: 100%;
object-fit: contain; }
.modal-buttons {
margin-top: 10px;
display: flex;
justify-content: space-between;
width: 100%;
float: left;
}
.controls {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.controls button {
margin: 5px;
}
.sizeBtn {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.sizeBtn .form-check {
list-style: none;
}
.sizeBtn .form-check {
list-style: none;
margin: 0px;
padding: 0px;
}
.form-check-input:checked + .form-check-label {
font-weight: bold;
color: white;
background-color: #d8242f;
padding: 8px 6px 11px 11px;
width: 100%;
margin: 0px;
} 
.uploadrtimage label.upload-an-image img {
width: 19px;
height: 16px;
padding-left: 6px;
margin-top: -4px;
}
.browsertimagegallery label.upload-an-image img {
width: 19px;
height: 19px;
margin-top: -5px;
}
.wallart_orientation h3 {
text-align: left;
font-size: 18px;
padding: 0px;
margin: 0px;
font-weight: 600;
}
.wallart_section .container div#tabs .panel-heading .nav-tabs > li {
width: 19.71% !important;
}
.top_size {
background: #8c8c8c;
border-top-left-radius: 0.4em;
border-top-right-radius: 0.4em;
}
.bottom_size {
color: #000 !important;
border-bottom-left-radius: 0.4em;
border-bottom-right-radius: 0.4em;
height: unset !important;
background: linear-gradient(to bottom, #a3a3a3, #dadada, #e1e1e1, #e1e1e1) !important;
font-size: 20px;
padding: 9px;
}
.wallart_orientation {
display: inline-block;
position: relative;
width: 100%;
}
.wallart_orientation label.landscape_label {
float: left;
border: 1px solid black;
padding: 7px 24px 7px 24px;
margin-right: 1em;
}
.wallart_section .container {
margin: 0px;
padding: 0px;
width: 100% !important;
}
.wallart_section .container div#tabs {
display: inline-block;
position: relative;
width: 100%;
}
.product_specific .col-md-6.tab_sec_left.wallart .nav_pro_spec div#nav-tabContent {
min-height: 7.7em !important;
text-align: left;
}
.product_specific .col-md-6.tab_sec_left.wallart .tab-content > .tab-pane {
min-height: 9em;
}
.wallart_orientation label.portrait_label {
float: left;
border: 1px solid black;
padding: 7px 24px 7px 24px;
}
.browsertimagegallery label.upload-an-image {
padding: 11.5px;
margin: 0px;
}
.browsertimagegallery {
width: 160px;
background-color: #d82430;
float: left;
color: white;
text-align: center;
padding: 5px 2px 1px 3px;
float: right;
}
.uploadrtimage {
width: 167px;
text-align: center;
background-color: black;
color: white;
padding: 4px 2px 1px 4px;
}
.uploadrtimage {
width: 158px;
text-align: center;
background-color: black;
color: white;
padding: 4px 2px 1px 4px;
float: left;
margin-right: 5px;
} 
.uploadrtimage label.upload-an-image {
text-align: left;
padding: 12px;
margin: 0px;
}  
.artimagefram {
box-shadow: 0 0 14px 4px #00000059;
display: flex;
left: 50%;
overflow: hidden;
position: absolute;
top: 50%;
z-index: 5;
transform: scale(.8) translate(-70%, -100%) !important;
}
div#cropModal .controls {
width: 100%;
float: left;
}
.gallery-modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
z-index: 1000;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 100%;
height: 600px;
background: white;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1000;
border-radius: 10px;
overflow-y: auto;
}
.gallery-modal.active {
display: block;
}
.gallery-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.gallery-overlay.active {
display: block;
}
.gallery-content {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.gallery-item {
border: 1px solid #ccc;
padding: 5px;
cursor: pointer;
}
.gallery-item img {
max-width: 100%;
height: auto !important;
display: block;
}
.quantity-controls {
display: inline-flex;
align-items: center;
gap: 5px;
}
.quantity-input {
width: 30px;
text-align: center;
}
.increment, .decrement {
width: 25px;
height: 25px;
text-align: center;
font-size: 16px;
line-height: 25px;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #f9f9f9;
}
.thumbnail.selected {
border: 2px solid red;
}
.thumbnail {
position: relative;
text-align: center;
margin-bottom: 15px;
}
.thumbnail .actions {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 5px;
}
.wallart_section .container .col-md-6.prod_gallery_right .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img {
max-width: 704px !important;
max-height: 544px !important;
height: 100% !important;
width: 704px !important;
}    
.wallart_section .container .col-md-6.prod_gallery_right .woocommerce-product-gallery .flex-viewport {
width: 704px !important;
position: relative;
display: inline-block;
height: 544px !important;
}    
.wallart_section .container .col-md-6.prod_gallery_right .woocommerce-product-gallery {
width: 100%;
display: inline-block;
position: relative;
max-height: 544px !important;
}    
.wallart_section .container .col-md-6.prod_gallery_right ol.flex-control-nav.flex-control-thumbs {
width: 86px;
float: left;
position: relative;
display: block;
}    
.wallart_section .container .col-md-6.prod_gallery_right {
width: 61.04%;
padding: 0px;
margin: 0px;
float: left;
display: inline;
}    
.wallart_section .container .col-md-6.tab_sec_left {
width: 38.96% !important;
margin: 0px;
padding: 0px;
max-height: 544px !important;
padding-left: 20px !important;
}    
.wallart_section .container {
width: 100%;
display: inline-block;
position: relative;
}    
.wallart_section {
width: 1296px;
display: block;
position: relative;
margin: auto;
}    
.gallery-content {
display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
.gallery-item {
flex: 0 0 31% !important;
}
.gallery-item {
flex: 0 0 calc(33.333% - 10px); box-sizing: border-box; position: relative;
aspect-ratio: 1; overflow: hidden; background-color: #f0f0f0; }
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover; }
}
@media only screen and (min-width: 768px) {
.static_upload_img {
position: absolute; top: 52%;
left: 35%;
transform: translate(22%, -50%);
max-width: 75%;
max-height: 85%;
right: 14%;
}  
div#insideimage {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.top_inn_sec.walart {
width: 100% !important;
} 
.top_inn_sec.walart .totalcost {
padding-left: 20% !important;
margin: auto;
}
span.discountedprice {
font-size: 12px;
color: red;
text-decoration: line-through;
} 
span.rrprice {
font-size: 10px;
}
.wallart_section ol.flex-control-nav.flex-control-thumbs {
overflow: hidden;
height: 100% !important;
}    
.qty_singlewallart .thumnail_laba div#thumbnailSection .actions {
bottom: 166px !important;
width: 40%;
vertical-align: middle;
padding-top: 7px;
}    
.qty_singlewallart .thumnail_laba div#thumbnailSection .thumbnail-quantity .quantity-controls {
width: 24%;
float: left;
background-color: #cac4c4;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection .thumbnail-quantity .qtylabel {
width: 20%;
float: left;
display: inline;
text-align: left;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection .thumbnail-quantity {
top: 0px;
background: transparent;
width: 100%;
float: left;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection .thumnailimage_sec {
display: none !important;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection .thumbnail.selected {
border: unset;
display: inline-block;
position: relative;
width: 100% !important;
}
.qty_singlewallart .thumnail_laba div#thumbnailSection {
display: inline-block;
position: relative;
width: 100%;
margin-top:3px;
}
.thumbnail-price {
text-align: center;
font-size: 13px;
color: #d82430;
margin: auto;
width: 100%;
font-weight: bold;
display: inline-block;
position: relative;
top: 11.7em;
text-align: center;
width: 46%;
}    
.gallery-content .innergallery {
display: inline-block;
position: relative;
width: 100%;
}
.gallery-content .innergallery .galleryleftsection {
width: 80%;
display: inline-block;
position: relative;
float: left;
}
.gallery-content .innergallery .sidebargallery {
width: 20%;
float: left;
display: inline-block;
position: relative;
text-align: center;
}   
.gallery-content .innergallery .sidebargallery .tabs {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
}
.gallery-modal .gallery-content  .tab {
padding: 10px 20px;
border: 1px solid #ccc;
border-bottom: none;
background: #f0f0f0;
}
.gallery-modal .gallery-content  .tab.active {
background: #fff;
font-weight: bold;
}
.gallery-modal .gallery-content   .content {
display: none;
padding: 20px;
border: 1px solid #ccc;
background: #fff;
}
.gallery-modal .gallery-content   .content.active {
display: block;
}   
.gallery-content {
display: inline-block;
position: relative;
width: 100%;
}
.gallery-content .gallery-item {
position: relative;
display: inline-block;
width: calc(31% - 10px); margin: 5px;
overflow: hidden;
background: #000;
border-radius: 8px;
box-sizing: border-box; height: 200px; }
.gallery-content .gallery-item img {
width: 100%;
height: auto;
display: block;
object-fit: cover; transition: transform 0.3s ease, opacity 0.3s ease;
}
.gallery-content .gallery-item img:hover {
transform: scale(1.1);
opacity: 0.8;
}
.red-border {
border: 2px solid red !important;
}    
div#addMoreButton button.add-more-button {
width: 100%;
} 
div#addMoreButton {
box-shadow: 0 0 14px 4px #00000059;
display: flex;
left: 15%;
overflow: hidden;
top: 8%;
z-index: 5;
width: 178px !important;
height: 200px !important;
border: 1px solid #ccc;
text-align: center;
}
.thumnail_laba {
display: inline-block;
position: relative;
width: 100%;
}    
.gallery-modal.active button#closeGalleryBtn {
float: right;
position: absolute;
top: 13px;
background-color: red;
padding: 0px;
color: white;
height: 24px;
width: 22px;
border-radius: 50%;
text-align: center;
right: 15px;
}    
.wallart_section .store-credit-fun .row .col-md-12 {
padding: 0px;
margin: 0px;
}
ul.p-0.mb-0.ul-width.sizeBtn li.form-check label.form-check-label {
padding: 5px 6px 11px 5px;
width: 100%;
margin: 0px;
font-size: 15px
}  
ul.p-0.mb-0.ul-width.sizeBtn .form-check-input:not(:checked) {
background-color: gray;
display: none;
}
ul.p-0.mb-0.ul-width.sizeBtn li.form-check {
text-align: center;
width: 113px;
margin-bottom: 0em;
border-radius: 0.4em;
padding: 0px;
}
.wallart_section .container div#tabs .panel-heading .nav-tabs > li.sameday {
opacity: 0.5;
pointer-events: none;
}
ul.p-0.mb-0.ul-width.sizeBtn .form-check-input:checked {
background-color: #d82430;
display: none;
}
ul.p-0.mb-0.ul-width.sizeBtn {
display: flex;
position: relative;
width: 100%;
float: left;
} 
.artimagefram {
box-shadow: 0 0 14px 4px #00000059;
display: flex;
left: 56%;
overflow: hidden;
position: absolute;
top: 32%; transform:scale(1) translate(-50%, -49%) !important; }
.thumnailimage_sec {
box-shadow: 0 0 14px 4px #00000059;
display: flex;
left: 50%;
overflow: hidden;
position: absolute;
top: 50%;
z-index: 5;
transform: scale(1.1) translate(-45%, -82%) !important; }
div#thumbnailSection .thumbnail img {
height: 100% !important;
width: 100% !important;
object-fit: cover;
}
#artFrame img {
width: 100%;
height: 100%;
object-fit: cover; display: block; }
.thumbnail-section {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.thumbnail {
position: relative;
width: 180px !important;
height: 200px !important;
border: 1px solid #ccc;
overflow: hidden;
display: inline-block;
align-items: center;
justify-content: center;
padding:0px !important;
margin:0px !important;
}
.col-md-6.tab_sec_left.wallart h1.singl_product_title {
padding-bottom: 12px;
}
.thumbnail img {
max-width: 100%;
max-height: 100%;
}
h1.singl_product_title span.sizeprice_tag {
color: red;
font-weight: normal;
font-size: 17px; text-align: left;
}
div#thumbnailSection .thumbnail img {
height: 93px;
}
.thumbnail .actions {
position: absolute;
bottom: 45px !important;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: space-around;
align-items: center;
padding: 5px;
}
.thumbnail .actions button {
color: white;
background: transparent;
border: none;
cursor: pointer;
}
.modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
z-index: 1000;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 1024px;
height: 515px;
max-width: 100%;
max-height: 100%;
}
.modal.active {
display: block;
}
.modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.modal-overlay.active {
display: block;
}
.crop-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%; height: 450px; }
.crop-container img {
max-width: 100%; max-height: 100%;
object-fit: contain; }
.modal-buttons {
margin-top: 10px;
display: flex;
justify-content: space-between;
}
.controls {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.controls button {
margin: 5px;
}
.sizeBtn {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.sizeBtn .form-check {
list-style: none;
}
.sizeBtn .form-check {
list-style: none;
margin: 0px;
padding: 0px;
}
.form-check-input:checked + .form-check-label {
font-weight: bold;
color: white;
background-color: #d8242f;
padding: 8px 6px 11px 11px;
width: 100%;
margin: 0px;
} 
.uploadrtimage {
width: 180px;
text-align: center;
background-color: black;
color: white;
padding: 4px 2px 1px 4px;
float: left;
margin-right: 1em;
}  
.uploadrtimage label.upload-an-image img {
width: 19px;
height: 16px;
padding-left: 6px;
margin-top: -4px;
}
.browsertimagegallery label.upload-an-image img {
width: 19px;
height: 19px;
margin-top: -5px;
}
.wallart_orientation h3 {
text-align: left;
font-size: 18px;
padding: 0px;
margin: 0px;
font-weight: 600;
}
.wallart_section .container div#tabs .panel-heading .nav-tabs > li {
width: 19.71% !important;
}
.top_size {
background: #8c8c8c;
border-top-left-radius: 0.4em;
border-top-right-radius: 0.4em;
}
.bottom_size {
color: #000 !important;
border-bottom-left-radius: 0.4em;
border-bottom-right-radius: 0.4em;
height: unset !important;
background: linear-gradient(to bottom, #a3a3a3, #dadada, #e1e1e1, #e1e1e1) !important;
font-size: 20px;
padding: 9px;
}
.wallart_orientation {
display: inline-block;
position: relative;
width: 60%;
float: left;
}
.wallart_orientation label.landscape_label {
float: left;
border: 1px solid black;
padding: 7px 24px 7px 24px;
margin-right: 1em;
}
.wallart_section .container {
margin: 0px;
padding: 0px;
width: 100% !important;
}
.wallart_section .container div#tabs {
display: inline-block;
position: relative;
width: 100%;
}
.product_specific .col-md-6.tab_sec_left.wallart .nav_pro_spec div#nav-tabContent {
min-height: 7.7em !important;
text-align: left;
}
.product_specific .col-md-6.tab_sec_left.wallart .tab-content > .tab-pane {
min-height: 9em;
}
.wallart_orientation label.portrait_label {
float: left;
border: 1px solid black;
padding: 7px 24px 7px 24px;
}
.browsertimagegallery label.upload-an-image {
padding: 11.5px;
margin: 0px;
}
.browsertimagegallery {
width: 226px;
background-color: #d82430;
float: left;
color: white;
text-align: center;
padding: 5px 2px 1px 3px;
}
.uploadrtimage {
width: 244px;
text-align: center;
background-color: black;
color: white;
padding: 4px 2px 1px 4px;
}
.uploadrtimage label.upload-an-image {
text-align: left;
padding: 12px;
margin: 0px;
}  
.actions.singlewallart {
background-color: #6d6767;
display: inline;
width: 29%;
position: relative;
float: left;
top: 27px;
padding: 9px 9px;
}
.actions.singlewallart button {
background-color: #6d6767;
color: white;
font-size: 15px;
}
.artimagefram {
box-shadow: 0 0 14px 4px #00000059;
display: flex;
left: 56%;
overflow: hidden;
position: absolute;
top: 32%;  transform:scale(.7) translate(-80%, -68%) !important;
}
div#cropModal .controls {
width: 50%;
float: left;
}
.gallery-modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
z-index: 1000;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 800px;
height: 600px;
background: white;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1000;
border-radius: 10px;
overflow-y: auto;
}
.gallery-modal.active {
display: block;
}
.gallery-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.gallery-overlay.active {
display: block;
}
.thumbnail-quantity .quantity-controls input {
width: 50%;
margin: auto;
height: 26px;
}      
.thumbnail-quantity .quantity-controls {
width: 100%;
}        
.thumbnail-quantity {
margin-top: 9px;
display: inline-block;
text-align: center;
position: relative;
top: 142px;
right: 0px;
width: 100%;
background-color: #cac4c4;
}
.quantity-controls {
display: inline-flex;
align-items: center;
gap: 5px;
}
.quantity-input {
width: 30px;
text-align: center;
}
.increment, .decrement {
width: 35px;
height: 29px;
text-align: center;
font-size: 30px;
line-height: 25px;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #cac4c4;
}
.thumbnail.selected {
border: 2px solid red;
}
.thumbnail {
position: relative;
text-align: center;
margin-bottom: 15px;
}
.thumbnail .actions {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 5px;
}
.thumbnail-size {
text-align: center;
font-size: 13px;
color: #555;
margin: auto;
width: 100%;
font-weight: bold;
display: inline-block;
position: relative;
top: 11.7em;
text-align: center;
width: 50%;
}
.wallart_section .container .col-md-6.prod_gallery_right .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img {
max-width: 704px !important;
max-height: 544px !important;
height: 100% !important;
width: 704px !important;
}    
.wallart_section .container .col-md-6.prod_gallery_right .woocommerce-product-gallery .flex-viewport {
width: 704px !important;
position: relative;
display: inline-block;
height: 544px !important;
}    
.wallart_section .container .col-md-6.prod_gallery_right .woocommerce-product-gallery {
width: 100%;
display: inline-block;
position: relative;
max-height: 544px !important;
}    
.wallart_section .container .col-md-6.prod_gallery_right ol.flex-control-nav.flex-control-thumbs {
width: 86px;
float: left;
position: relative;
display: block;
}    
.wallart_section .container .col-md-6.prod_gallery_right {
width: 61.04%;
padding: 0px;
margin: 0px;
float: left;
display: inline;
}    
.wallart_section .container .col-md-6.tab_sec_left {
width: 38.96% !important;
margin: 0px;
padding: 0px;
max-height: 544px !important;
padding-left: 20px !important;
}    
.wallart_section .container {
width: 100%;
display: inline-block;
position: relative;
}    
.wallart_section {
width: 1296px;
display: block;
position: relative;
margin: auto;
}    
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover; }
}
@media (max-width: 768px) {
.gallery-item {
flex: 0 0 calc(50% - 10px); }
}
@media (max-width: 480px) {
.gallery-item {
flex: 0 0 100%; }
}
div#artFrame {
display: none;
}