/*For the side bar*/
.overlay{position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 210px; right:0; bottom: 0; z-index: 1;}
#wrapper{-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding-left: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin-left: -10px;}

#wrapper.toggled{padding-left: 220px;}
#wrapper.toggled #sidebar-wrapper{width: 220px;}

#sidebar-wrapper{ -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; height: 100%; left: 220px; margin-left: -220px; overflow-x: hidden; overflow-y: auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 0; z-index: 1000;}
#sidebar-wrapper::-webkit-scrollbar{display: none;}

#page-content-wrapper{ width: 100%;}

/*vsya dlina*/
.sidebar-nav{ list-style: none; margin: 0; padding: 0; position: absolute; top: 0px; width: 230px; background: rgb(109, 70, 42); padding-bottom: 10px; padding-top: 70px; padding-right: 10px; height: 100%; }

.sidebar-nav li{display: inline-block; line-height: 20px; position: relative; width: 100%;}

.sidebar-nav li:before {-moz-transition: width 0.2s ease-in; -ms-transition: width 0.2s ease-in; -webkit-transition: width 0.2s ease-in; content: ''; height: 100%; left: -50px; position: absolute; top: 0px; -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 5px; z-index: -1; background: rgb(109, 70, 42);}

.sidebar-nav li a{background-color: rgba(109, 70, 42, 0.79); color: #ffffff;}

/*vipolzauzie dropdown links*/
.sidebar-nav li:hover:before {-webkit-transition: width 0.2s ease-in; transition: width 0.5s ease-in; width: 100%;}

/*for the font*/
.sidebar-nav li a{color: #ffffff; text-shadow: 2px 1px 0.1px #000000; display: block; padding: 10px 15px 10px 30px; text-decoration: none; font-size: 18px; margin-left: -50px; padding-left: 80px;}

.sidebar-nav li.open:hover before{-webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 100%;}

/*For the drop menu text*/
.sidebar-nav  .menu2-drop a{font-size: 15px; width: 180px; padding-left: 20px; background: rgba(62, 23, 8, 0.83);}
/*for links when changed*/
.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {background-color: transparent; color: #faaf7c; text-decoration: none;}

.hamburger{background: transparent; border: none; display: block; height: 35px; margin-left: 25px; position: fixed; top: 25px; width: 32px; z-index: 999;}

.hamburger.is-closed:hover before{-webkit-transform: translate3d(-100px,0,0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1;}
.hamburger.is-closed:hover .hamb-top{-webkit-transition:all 0.35s ease-in-out; top: 0;}
.hamburger.is-closed:hover .hamb-bottom{-webkit-transition:all 0.35s ease-in-out; bottom: 0;}
.hamburger.is-closed .hamb-top{-webkit-transition: all 0.35s ease-in-out; background-color: #5d2b09; top: 5px; box-shadow: 2px 2px 3px #000;}
.hamburger.is-closed .hamb-middle{background-color: #5d2b09; margin-top: -2px; top: 50%; box-shadow: 2px 2px 3px #000;}
.hamburger.is-closed .hamb-bottom{-webkit-transition: all 0.35s ease-in-out; background-color: #5d2b09; bottom: 5px; box-shadow: 2px 2px 3px #000;}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {height: 4px; left: 0; position: absolute; width: 100%; box-shadow: 2px 2px 3px #000;}

.hamburger.is-open .hamb-top{-webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.73,1,0.28,0.08); background-color: #ffffff; margin-top: -2px; top: 50%;}
.hamburger.is-open .hamb-middle{background-color: #ffffff; display: none;}
.hamburger.is-open .hamb-bottom{-webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.73,1,0.28,0.08); background-color: #ffffff; margin-top: -2px; top: 50%;}
.hamburger.is-open:hover before{-webkit-transform: translate3d(-100px,0,0); -webkit-transition: all 0.35s ease-in-out; display: block; opacity: 1;}

.menu2-drop{position: absolute; width: 100%; left: 100%; top: -9999em; opacity: 0; border-left: 60px solid transparent; transition: 0.5s opacity;}
.menu2-list:hover .menu2-drop{opacity: 2; top: 0;}
.menu2-list::after{content: " "; position: absolute; border: 5px solid; border-color: transparent transparent transparent #241003; top: 1em; right: 0.7em; transition: 0.5s;}

/* Main Menu   */
div.container{font-size: 22px; margin-left: 70px; color: #5d2b09; text-shadow: 1px 0.1px #000000; margin-top: 2%; margin-bottom: -80px; position: fixed;}

/* Body*/
h1{color: #5d2b09; text-shadow: 1px 0.5px 1px black; font-size: 45px; letter-spacing: 4px; margin: auto; text-align: center; width: 50%; font-style: initial; font-style: normal;}
h2{color: #951902; text-shadow: 0.5px 0.5px black; font-size: 20px; letter-spacing: 1px;  margin: auto; text-align: center; width: 50%; }
div.header h3{color: #5f2c0a; text-shadow: 0.5px 0.5px black; font-size: 20px; letter-spacing: 1.5px;  margin: auto; text-align: center; width: 50%; text-align: center; margin-top: 0.5%;  font-style: initial;}
div.header{width: 100%; margin: auto; margin-top: -2%; padding-bottom: 0.5%; padding-top: 0.7%;}

/* Lines hr   */
.head-line{margin-top: 0%; margin-bottom: 2%; width: 100%; height: 1.5px; background-color: black; border-bottom-style: none; color: black; box-shadow: none; text-shadow: none;}
hr{margin-top: 1%; margin-bottom: 1%; width: 100%; height: 1.5px; background-color: black; border-bottom-style: none; color: black; box-shadow: none; text-shadow: none;}

.body{overflow-x: hidden; width: 100%; margin: auto; }
.body1{ background-size: cover; margin: -8px; padding: 10px;  font-style: initial; font: 16px/24px; overflow-x: hidden; width: 110%;}
div.body1{background-color: rgb(199, 182, 151); overflow-x: hidden; width: auto; background-attachment: fixed;}
div.body2{background-color: rgb(199, 182, 151); background-size: cover; width: auto; overflow-x: hidden; }

.link{color: #d10c0c; text-shadow: 1.5px 0.1px 0px #000000; display: inline; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
.link:hover{color: #ff7600}

.link2{color: #651b1b; text-shadow: 1.5px 0.1px 0px #000000; display: inline; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
.link2:hover{color: #9f4f0b}

h3{font-size: 25px; text-shadow: 1.7px 0.1px 1px #ffffff; margin: 15px; word-spacing: 5px} 
div.top{margin-top: -20px;}

#cart-icon {position: fixed; top: 20px; right: 20px; background: #333; color: white; padding: 10px 14px; border-radius: 20px; font-size: 14px;}

/* for the book cover design page*/
.welcome-bc{color: #000; font-size: 20px;  width: 100%;  margin: auto; margin-bottom: 3px; margin-top: 0px; letter-spacing: 0.5px; text-align: center; }
div.banner-bc img{ width: 100%; margin: auto;}
div.mobile-banner-bc img{display: none;}
div.BCD{width: 100%; height: 50px; margin: auto; font-style: normal; font-size: 40px; font-family: serif; font-weight: bolder; text-shadow: 0.3px 0.3px white; background-color: #d8bea9;}
div.BCD p{width: auto; margin: auto; text-align: right; float: right; margin-right: 4%; padding: 7px; padding-top: 2px; color: white; }
div.BCD a{text-decoration: none; color: black;}
div.BCD a:hover {color: #915626;}
div.ban-bc-subt{position: absolute; font-size: 25px; margin: -32% auto auto 5%; width: 100%; color: white;}
div.ban-bc-title{position: absolute; width: 50%; height: auto; margin: -26% auto auto -1%; font-size: 45px; font-weight: bolder; text-align: center; color: white; text-shadow: 1px 1px black; }
div.ban-bc-link a{position: absolute; font-size: 40px; margin: -8% auto auto 2.5%; color: #713300; text-decoration: none; border-style: solid; border-color: black; border-radius: 80px; padding: 0 3% 0 3%; color: #ff9046;}
div.ban-bc-link a:hover {color: black;}

div.printsbc{display: flex; flex-direction: row; column-gap: 3%; margin: 1% auto 1% auto; justify-content: center;}
div.printsbc img{width: 20%;}
div.printsbc-mobile img{display: none;}

div.printsbc1{display: flex; flex-direction: row; column-gap: 3%; margin: 1% auto 1% auto; justify-content: center;}
div.printsbc1 img{width: 25%;}
div.mobile-examples img{display: none;}

div.land-bc2{width: 100%; margin: auto; background-color: #d8bea9; height: auto;}
div.land-bc2-title{width: auto; margin: auto; margin-bottom: 5px; text-align: center; font-size: 30px; font-family: sans-serif; text-shadow: 0.5px 0.5px red;}
div.land-bc2-text{width: 80%; height: auto; margin: auto; text-align: center; font-size: 20px; padding-bottom: 0.5%;}
div.land-bc2-text ul{text-align: start; }
div.land-bc2-link{text-align: center; margin: 10px auto 10px auto; background-color: #693e1b; border-radius: 10px; padding: 1px 40px 2px 40px; width: 60%;}
div.land-bc2-link a{width: auto; margin: auto; font-size: 20px; text-decoration: none; color: white;}
div.land-bc2-link a:hover {color: black;}

div.about-art{width: 100%; margin: auto; background-color: #d8bea9; height: auto;}
div.about-art-title{width: 80%; margin: auto; text-align: center; font-size: 28px;}
div.about-art-text{width: 80%; margin: -30px auto 30px auto; text-align: center; font-size: 20px; padding-bottom: 20px;}
div.about-art-text ul{text-align: start; list-style: none; margin-top: 10px;}

div.bookmark img{width: 500px; margin: auto; display: flex; justify-content: center;}

div.intro{width: 90%; margin: auto;  text-align: center; font-size: 18px; font-style: initial;}

/* for the landing page*/ 
div.banner img{ width: 100%; margin: auto;}
div.mobile-banner img{display: none;}
div.FAM{width: 100%; height: 50px; margin: auto;font-style: normal; font-size: 40px; font-family: serif; font-weight: bolder; text-shadow: 0.3px 0.3px white; background-color: #d8bea9;}
div.FAM p{width: auto; margin: auto; text-align: right; float: right; margin-right: 4%; padding: 7px; padding-top: 2px; color: white; }
div.FAM a{text-decoration: none; color: black;}
div.FAM a:hover {color: #915626;}
div.ban-title{position: absolute; width: 30%; height: auto; margin: -30% auto auto 6%; font-size: 65px; font-weight: bolder; text-shadow: 0.5px 0.1px white; }
div.ban-subt{position: absolute; font-size: 25px; margin: -12% auto auto 6%; width: 50%;}
div.ban-link a{position: absolute; font-size: 40px; margin: -7% auto auto 6%; color: #9a0101; text-shadow: 0.5px 0.5px black; }
div.ban-link a:hover {color: black;}

div.prints{display: flex; flex-direction: row; column-gap: 3%; margin: 1% auto 1% auto; justify-content: center;}
div.prints img{width: 20%;}
div.prints-mobile img{display: none;}
div.prints-title{width: auto; margin: auto; text-align: center; font-size: 30px; color: #710000; text-shadow: 0.5px 0.5px black; }
div.prints-text{width: auto; margin: auto; text-align: center; font-size: 20px; font-style: italic; font-style: normal;}
div.prints-link{text-align: center; margin: 10px auto 10px auto; background-color: #693e1b; padding: 0 40px 3px 40px; border-radius: 10px; width: 60%;}
div.prints-link:hover {background-color: #895122; cursor: pointer;}
div.prints-link a{width: auto; margin: auto; font-size: 20px; text-decoration: none; color: white;}
div.prints-link a:hover {color: black;}

div.land-bc{display: flex; width: 90%; height: auto; margin: auto; margin-top: 20px; text-align: center;}
div.land-bc img{width: 40%; height: auto; margin: auto 50px auto 50px;}
div.land-bc-text{width: 70%; height: auto; margin: auto; float: right; text-align: center; font-size: 20px; margin-top: 20px;}
div.land-bc-title{width: auto; margin: auto; margin-bottom: 5px; text-align: center; font-size: 30px; font-family: sans-serif; text-shadow: 0.5px 0.5px red;}
div.land-bc-text ul{text-align: start;}
div.land-bc-link{text-align: center; margin: 20px auto 10px auto; background-color: #693e1b; border-radius: 10px; padding: 1px 40px 2px 40px; width: 100%;}
div.land-bc-link:hover {background-color: #895122; cursor: pointer;}
div.land-bc-link a{width: auto; margin: auto; font-size: 20px; text-decoration: none; color: white;}
div.land-bc-link a:hover {color: black;}

div.land-gallery{display: flex; flex-direction: row; flex-flow: wrap; grid-gap: 30px; column-gap: 6%; max-width: 1200px; margin: auto; justify-content: center; padding: 2% 0 2% 0;}
div.land-gallery img{width: 250px; height: 250px; object-fit: cover; margin: 0; padding: 0; box-shadow: 10px 8px 10px #000000; border-radius: 10px; border: 3px solid #50280e;}
div.land-gallery img:hover{opacity: 80%;}
div.land-gallery p{ font-size: 22px; width: 250px; text-align: center;}
.link3{color: #410707;}
.link3:hover{color: black;}
div.lg-title{width: auto; margin: auto; text-align: center; font-size: 40px; font-family: sans-serif;}
div.land-footer{background-color: #ddc4b0; padding: 30px; margin-top: -15px;}
div.mag{background-color: #d8bea9; padding: 30px; margin-top: -15px;}
div.wallprint{width: auto; margin: auto; text-align: center; margin: -10px auto 15px auto;}
div.wallprint img{width: 300px; margin: auto;}
div.magazine{width: auto; margin: auto; text-align: center; margin: -10px auto 15px auto;}
div.magazine img{width: 700px; margin: auto;}

div.rights{text-align: center; font-style: italic;}

div.filter{width: 100%; height: auto; background: rgba(196, 180, 148, 0.92); font-size: 18px; margin: -10px 0; text-align: center; padding: 0px;}

/* page counting  */
div.pag{display: flex; width: 40%; margin: 10px auto 10px auto; justify-content: center; font-size: 18px; justify-content: center;}
div.pag a{ font-style: normal; background-color: #5f2c0a; border-radius: 10px; box-shadow: 3px 3px 3px #000000; width: 40px; margin: auto; color: white;  text-decoration: none; text-align: center;}
div.pag a:hover {background: #a5622b; color: black;}

/*  for social media icons */
div.media{position: fixed; left: 21px;  top: 15%; width: 30px;}
.facebook, .linktree, .instagram, .twitter, tiktok{background: none;  border: none; margin-right: 5px;}
.facebook img, .linktree img, .instagram img, .twitter img, .tiktok img{width: 25px;}
.facebook img:hover, .linktree img:hover, .instagram img:hover, .twitter img:hover, .tiktok img:hover{width: 20px; transition: 0.5s;}

div.new-footer{background-color: rgba(170, 148, 107, 0.76); padding: 10px; margin-top: -15px;}
div.new-footer .prints-title{font-style: normal;}
div.dmca{font-style: normal; width: 100%; margin: auto; text-align: center;}

.soon{width: 80%; margin: auto; text-align: center; font-size: 50px; padding: 40px; text-shadow: 1px 1px #cc0c0c; }

/* Main box for checkout page */
#cart-items { display: flex; flex-direction: column; max-width: 100%; width: 75%; margin: 20px auto; gap: 20px;}

/* box inside the box */
.cart-item { background: rgba(208, 187, 149, 0.92); border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); padding: 20px; font-size: 17px; width: 100%; box-sizing: border-box; border: 2px solid rgba(170, 148, 107, 0.8); border-radius: 10px;}

/* boxes for details */
.cart-item-container { display: flex; align-items: center; gap: 20px; margin: -10px -10px; }

.cart-item-image { width: 80px; height: 100px; object-fit: cover; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); flex-shrink: 0;}

.cart-item-details { flex: 1; display: flex; flex-direction: column; justify-content: center; border: 2px solid rgba(170, 148, 107, 0.8); border-radius: 10px; }

.cart-item .cart-item-name { margin: 0; padding: 0px; text-align: center; }
.cart-item .cart-item-id { margin: 0; padding: 0px; text-align: center;}
.cart-item .cart-item-price { margin: 0; padding: 0px; text-align: center;}

/* Remove button positioning */
.remove-item {width: 60px; height: auto; background-color: darkred; color: white; border: none; padding: 2px 6px; border-radius: 6px; cursor: pointer; font-size: 0.8em; transition: all 0.3s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.2);}

.remove-item:hover { background-color: #a93226; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.3);}

/* Clear cart button for all items */
#cart-items > button:last-child {width: 50%; height: 25px; background-color: darkred; color: white; border: none; padding: 3px 40px 6px 40px; border-radius: 8px; cursor: pointer; font-size: 1em; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.2); align-self: center; margin-top: 2px;}

/* Total Price */
#total-price { text-align: center; margin: 30px auto; font-size: 1.6em; font-weight: bold; color: black; background: #c39f7c; padding: 15px; border-radius: 10px; max-width: 300px; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}

/* Empty Cart Message and details in checkout images */
#cart-items p { font-size: 1em; font-style: normal; text-align: center; background: rgba(208, 187, 149, 0.92);  color: black; font-weight: 500; margin: 0;}

/* PayPal button on checkout page */
#paypal-box{ display: flex; width: 100%; height: auto; justify-content: center; margin-bottom: 10px;}
#paypal-button-container {width: 400px; height: auto; background: rgba(170, 148, 107, 0.8); border-radius: 10px; }

/*  Buyer Info Section on ckeckout */
#buyer-info {background: rgba(208, 187, 149, 0.92); padding: 5px; border-radius: 12px; text-align: center; max-width: 800px; margin: 5px auto; box-shadow: 0 6px 20px rgba(0,0,0,0.2); border: 2px solid rgba(170, 148, 107, 0.8);}
#buyer-info p { font-size: 1.1em; margin-bottom: 10px; color: black; font-weight: 500; padding: 0;}
#buyer-email { width: 100%; max-width: 300px; padding: 5px; border: 2px solid rgba(170, 148, 107, 0.8); border-radius: 8px; font-size: 1em; margin-bottom: 10px; box-sizing: border-box; background: rgba(255,255,255,0.9);}

/* Send buyer's Email Button */
#send-email-btn {background-color: #5d2b09 !important; color: white !important; border: none !important; padding: 12px 24px !important; border-radius: 8px !important; font-weight: bold !important; cursor: pointer !important; font-size: 1.1em !important; transition: all 0.3s ease !important; box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;}
#send-email-btn:hover { background-color: rgba(150, 128, 87, 1) !important; transform: translateY(-2px) !important; box-shadow: 0 6px 15px rgba(0,0,0,0.3) !important;}

/*  Download Section on checkout page */
#download-section { background: rgba(208, 187, 149, 0.95); padding-bottom: 20px; border-radius: 12px; text-align: center; max-width: 600px; margin: 10px auto; box-shadow: 0 6px 20px rgba(0,0,0,0.2); border: 2px solid rgba(170, 148, 107, 0.8);}
#download-section h3 { color: black; font-size: 1.5em; margin-bottom: 10px; text-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
#download-section p { font-size: 1.1em; margin-bottom: 10px; color: black; font-weight: 500;}

/* Download Button on checkout page*/
#download-btn { background-color: #5d2b09 !important; color: white !important; padding: 10px 20px !important; border: none !important; border-radius: 8px !important; font-size: 1.1em !important; font-weight: bold !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;}
#download-btn:hover { background-color: rgba(150, 128, 87, 1) !important; transform: translateY(-2px) !important; box-shadow: 0 6px 18px rgba(0,0,0,0.3) !important;}

/* Email Message on checkout page*/
#email-message { font-weight: bold; font-size: 1em; border-radius: 6px; text-align: center;}

/* ArtGallery grid for Tarot cards and Elements  */
.artgallery{display: flex; flex-flow: wrap; grid-gap: 50px; max-width: 1200px; margin: auto; justify-content: center; padding: 2% 2% 2% 4%;  margin-right: 20px; margin-left: 0px;}
.artgallery-item img{ width: 180px; height: auto; box-shadow: 10px 8px 10px #000000; border-radius: 10px; border: 3px solid #50280e; object-fit: cover; margin-bottom: -10px;}
.artgallery-item img:hover{opacity: 0.8; transform: scale(1.05);}

/* ArtGallery Grid for Assets */
.artgallery1{display: flex; flex-flow: wrap; grid-gap: 40px; max-width: 1200px; margin: auto; column-gap: 1%; justify-content: center; padding: 5% 3% 2% 0; }
.artgallery1-item img{ width: 180px; height: 180px; margin-left: 10px; box-shadow: 10px 8px 10px #000000; border-radius: 10px; border: 3px solid #50280e; object-fit: cover;}
.artgallery1-item:hover {transform: scale(1.05);}

/* ArtGallery grid for  Magazine */
.artgallery2{display: flex; flex-flow: wrap; grid-gap: 50px; max-width: 1200px; margin: auto; justify-content: center; padding: 2% 2% 2% 4%;  margin-right: 20px; margin-left: 0px; margin-bottom: 20px;}
.artgallery2-item img{ width: 180px; height: auto; box-shadow: 10px 8px 10px #000000; border-radius: 10px; border: 3px solid #50280e; object-fit: cover; margin-bottom: -10px;}
.artgallery2-item img:hover{opacity: 0.8; transform: scale(1.05);}

/*  for issue magazine, textures and chat stickers */
div.issue-button{width: 184px; height: auto; background: #5f2c0a; border-radius: 10px; box-shadow: 3px 3px 3px #000000; text-align: center;}
div.issue-button:hover {background: #a5622b;}
.down-link{color: aliceblue; width: 184px; height: auto; padding: 10px; font-size: 17px; text-decoration: none;}
        
/* Tarot Cards Lightbox Styles black overlay */
.lightbox { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 1000; justify-content: center; align-items: center;}
.lightbox.active { display: flex;}
.lightbox-content { position: relative; width: auto; height: 90%; text-align: center;}
.lightbox-image { width: auto; height: 100%; object-fit: contain; margin: 0px 20px;}
.lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.2); border: none; color: white; font-size: 24px; padding: 10px 15px; cursor: pointer; border-radius: 50%;}
.lightbox-nav:hover { background: rgba(255, 255, 255, 0.4);}
.lightbox-prev { left: -60px; }
.lightbox-next { right: -60px;}
.lightbox-close {  position: absolute; top: 0px; right: -20px; background: none; border: none; color: white; font-size: 50px; cursor: pointer; padding: 10px;}
.lightbox-close:hover { color: #ccc;}

/*   button for the tarot cards /stand alone button */
.card-button{width: 100%; margin: auto; text-align: center;  background-color: #d8bea9;}
.alone-btn { width: 30%; background: #5d2b09; color: white; border: none; padding: 8px 30px; border-radius: 10px; font-size: 14px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3); margin: auto;}
.alone-btn:hover {color: red;}

/*   for Tarot Cards, Five Elements and Assets   */
div.elcards img{width: 28%; height: auto;  margin: 40px 30px 10px 60px; float: left; border-radius: 10px; }
div.elcards .text{width: auto; height: auto; margin: auto; padding: 20px 20px 20px 10px; font-size: 20px; background-color: #d8bea9; text-align: center;}
div.elcards1{width: 100%; height: auto; margin: auto; text-align: center; font-size: 19px; color: #000000; background: rgb(196, 175, 137); padding-top: 10px; margin-right: 20px; padding-right: 30px;}

/* for the gallery page*/ 
div.index-gallery{display: flex; flex-direction: row; flex-flow: wrap; grid-gap: 30px; column-gap: 3%; max-width: 1200px; margin: auto; justify-content: center; padding: 2% 0 2% 0;}
div.picture img{width: 180px; margin: 0; padding: 0; box-shadow: 10px 8px 10px #000000; border-radius: 10px; border: 3px solid #50280e;}
div.index-gallery img:hover {opacity: 70%; }
div.index-gallery p{ color: white; font-size: 25px; position: absolute; margin-top: -5%; margin-left: -1%; letter-spacing: 2px; text-shadow: 1px 1px 1px #000000; background-color: #50280e; padding: 2px 10px 2px 10px; box-shadow: 10px 8px 10px #000000; border-radius: 10px;}
div.index-gallery p:hover {background-color: #885c3d;}

/* ===== BOOK COVERS GALLERY ===== */
div.gallery{display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 0px 10px;}
.gallery .item{display: flex; flex-direction: column; align-items: center; background-color: rgba(255, 255, 255, 0.51); border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; width: 200px; justify-self: center; padding: 3px;}
.gallery .item:hover{transform: translateY(-5px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.gallery .item img{width: 100%; max-width: 200px; height: auto; border-radius: 10px; display: block; margin: 0;}
.gallery .like-container{display: flex; align-items: center; justify-content: center; gap: 3px; margin: 2px 0 1px 0;}
.gallery .like-btn{background: #b16735; color: white; border: none; border-radius: 5px; font-size: 13px; cursor: pointer; transition: background 0.3s ease;}
.gallery .like-btn:hover{background: #8d5028;}
.gallery .like-count{font-size: 13px; font-weight: bold; color: #333;}
.gallery .item-info{display: flex; flex-direction: column; align-items: center; width: 100%;}
.gallery .item-title{font-size: 16px; font-weight: bold; color: #333; text-align: center; margin: 0;}
.gallery .item-description{font-size: 13px; color: #666; text-align: center; margin: 0;}
.gallery .item-tag{font-size: 13px; color: #830000; text-align: center; margin: 0;}
.gallery .item-price{font-size: 16px; font-weight: bold; color: #333; text-align: center; margin: 0;}
.gallery .item-details-btn{display: block; width: 100%; max-width: 200px; background: #b16735; color: white; text-decoration: none; text-align: center; border-radius: 5px; font-size: 13px; line-height: 1.4; box-sizing: border-box; transition: background 0.3s ease;}
.gallery .item-details-btn:hover{background: #8d5028; color: black;}

/* Dark red when liked */
.gallery .like-btn.liked { background: #6c0000; color: white;}
.gallery .like-btn.liked:hover { background: #4b0000; color: white;}

/* ===== Music covers, Designs, Fantasy ===== */
div.gallery1{display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 0px 10px;}
.gallery1 .item{display: flex; flex-direction: column; align-items: center; background-color: rgba(255, 255, 255, 0.51); border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; width: 200px; justify-self: center; padding: 3px; }
.gallery1 .item:hover{transform: translateY(-5px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.gallery1 .item img{width: 100%; max-width: 200px; height: 200px; border-radius: 10px; display: block; margin: 0; object-fit: cover;}
.gallery1 .like-container{display: flex; align-items: center; justify-content: center; gap: 3px; margin: 2px 0 1px 0;}
.gallery1 .like-btn{background: #b16735; color: white; border: none; border-radius: 5px; font-size: 13px; cursor: pointer; transition: background 0.3s ease;}
.gallery1 .like-btn:hover{background: #8d5028;}
.gallery1 .like-count{font-size: 13px; font-weight: bold; color: #333;}
.gallery1 .item-info{display: flex; flex-direction: column; align-items: center; width: 100%;}
.gallery1 .item-title{font-size: 16px; font-weight: bold; color: #333; text-align: center; margin: 0;}
.gallery1 .item-description{font-size: 13px; color: #666; text-align: center; margin: 0;}
.gallery1 .item-tag{font-size: 13px; color: #830000; text-align: center; margin: 0;}
.gallery1 .item-price{font-size: 16px; font-weight: bold; color: #333; text-align: center; margin: 0;}
.gallery1 .item-details-btn{display: block; width: 100%; max-width: 200px; background: #b16735; color: white; text-decoration: none; text-align: center; border-radius: 5px; font-size: 13px; line-height: 1.4; box-sizing: border-box; transition: background 0.3s ease;}
.gallery1 .item-details-btn:hover{background: #8d5028; color: black;}

/* Dark red when liked */
.gallery1 .like-btn.liked { background: #6c0000; color: white;}
.gallery1 .like-btn.liked:hover { background: #4b0000; color: white;}

/* ===== RESPONSIVE for gallery and gallery1===== */
@media (max-width: 800px){
	div.gallery{gap: 10px;}
	.gallery .item{padding: 1px; width: 150px;}
	.gallery .item img{max-width: 140px; width: 160px;}
	.gallery .item-info{ max-width: 160px;}
	.gallery .item-details-btn{ font-size: 11px;}
	div.gallery1{gap: 10px;}
	.gallery1 .item{padding: 1px; width: 150px;}
	.gallery1 .item img{max-width: 140px; width: 160px; height: 160px;}
	.gallery1 .item-info{ max-width: 160px;}
	.gallery1 .item-details-btn{ font-size: 11px;}
}
@media (max-width: 510px){
	.gallery .item{padding: 3px; width: 130px;}
	.gallery .item img{max-width: 140px; width: 130px;}
	.gallery .item-info{max-width: 130px;}
	.gallery .item-title{font-size: 14px;}
	.gallery .item-price{font-size: 14px;}
	.gallery .item-details-btn{font-size: 10px;}
	.gallery1 .item{padding: 3px; width: 130px;}
	.gallery1 .item img{max-width: 140px; width: 130px; height: 130px;}
	.gallery1 .item-info{max-width: 130px;}
	.gallery1 .item-title{font-size: 14px;}
	.gallery1 .item-price{font-size: 14px;}
	.gallery1 .item-details-btn{font-size: 10px;}
}
@media (max-width: 448px){
	div.gallery{gap: 15px;}
	.gallery .item{ width: 150px;}
	.gallery .item img{max-width: 150px; width: 150px;}
	.gallery .item-info{max-width: 150px;}
	div.gallery1{gap: 15px;}
	.gallery1 .item{ width: 150px;}
	.gallery1 .item img{max-width: 150px; width: 150px; height: 150px;}
	.gallery1 .item-info{max-width: 150px;}
}
@media (max-width: 412px){
	.gallery .item-details-btn{font-size: 10px !important;}
	.gallery1 .item-details-btn{font-size: 10px !important;}
}
@media (max-width: 353.33px){
	.gallery .item{width: 130px;}
	.gallery .item img{width: 130px; max-width: 130px; }
	.gallery .item-details-btn{max-width: 130px;}
	.gallery1 .item{width: 130px;}
	.gallery1 .item img{width: 130px; max-width: 130px; height: 139px;}
	.gallery1 .item-details-btn{max-width: 130px;}
}
@media (max-width: 314px) {
	.gallery .item{width: 120px;}
	.gallery .item img{width: 120px; max-width: 120px; }
	.gallery .item-details-btn{max-width: 120px; font-size: 9px !important;}
	.gallery1 .item{width: 120px;}
	.gallery1 .item img{width: 120px; max-width: 120px; height: 120px;}
	.gallery1 .item-details-btn{max-width: 120px; font-size: 9px !important;}
}
@media (max-width: 294px) {
	div.gallery{ gap: 5px; margin-left: 2px; margin-right: 2px;}
    div.gallery1{ gap: 5px; margin-left: 2px; margin-right: 2px;}
}
@media (max-width: 277.33px){
	.gallery .item{width: 200px !important;}
	.gallery .item img{max-width: 200px !important; width: 200px !important;}
	.gallery .item-info{width: 200px !important; max-width: 200px !important;}
	.gallery .item-details-btn{min-width: 200px; font-size: 12px !important;}
	.gallery1 .item{width: 200px !important;}
	.gallery1 .item img{max-width: 200px !important; width: 200px !important; height: 200px;}
	.gallery1 .item-info{width: 200px !important; max-width: 200px !important;}
	.gallery1 .item-details-btn{min-width: 200px; font-size: 12px !important;}
}

/* filter for book covers*/
.filter-container { position: relative; display: flex; justify-content: center; width: 100%; }
.filter-button { background: #934b2b; color: white; padding: 3px 74px; font-size: 13px; border: 1px solid black; border-radius: 8px; cursor: pointer; display: flex; align-items: center; gap: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; }
.filter-button:hover {transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}
.filter-button:active {transform: translateY(0);}
.arrow {transition: transform 0.3s ease; font-size: 12px;}
.filter-button.active .arrow {transform: rotate(180deg);}
.dropdown-menu { position: absolute; top: calc(100%); left: 50%; transform: translateX(-50%) translateY(-10px); background-color: #bea18e; border-radius: 8px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); min-width: 280px; width: max-content; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1000; }
.dropdown-menu.show { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.dropdown-menu a { display: block; padding: 8px 20px; color: black; text-decoration: none; transition: background 0.2s ease; border-bottom: 1px solid #f0f0f0; text-align: center; }
.dropdown-menu a:hover {background: #885c3d; color: white;}

@media (max-width: 315px) {
	.filter-button {padding: 3px 64px; margin-top: 5px;}
}
@media (max-width: 295px) {
	.filter-button {padding: 3px 54px;}
}
@media (max-width: 275px) {
	.filter-button {padding: 3px 50px; font-size: 12px;}
	.dropdown-menu {font-size: 14px;}
}
@media (max-width: 257px) {
	.filter-button {padding: 3px 41px;}
}

/* Sold Indicator - works for both galleries */
/* Make gallery items positioned so sold indicator stays inside them */
.gallery .item, .gallery1 .item { position: relative;}
.sold-indicator { position: absolute; top: 8px; right: 8px;  font-style: normal;  background-color: rgb(116, 10, 10);  color: white;  padding: 4px 8px;  border-radius: 4px;  font-size: 12px;  letter-spacing: 1px; z-index: 10; font-weight: bold; }
.item-details-btn.unavailable { background-color: rgb(116, 10, 10); color: white; cursor: not-allowed; display: block; min-width: 100%; text-align: center;}

.item-details-btn:disabled { pointer-events: none;}

/* Modal overlay "the product is already in your cart" */
.cart-modal-overlay {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; z-index: 10000;}

/* Modal box for this product no longer available*/
.cart-modal {background: rgb(212, 204, 184); padding: 20px 30px; border-radius: 6px; max-width: 300px; text-align: center; font-size: 1.2rem; box-shadow: 0 4px 12px rgba(0,0,0,0.3);}

/* OK button for no longer available */
.cart-modal-ok-btn {margin-top: 15px; padding: 6px 12px; font-size: 1rem; cursor: pointer; border-radius: 8px; background: #5d2b09; color: beige;}

/* Flying message to the cart  */
.flying-cart-message {position: fixed; pointer-events: none; background: #4caf50; color: white; padding: 6px 10px; font-size: 1rem; border-radius: 3px; font-weight: 600; user-select: none; white-space: nowrap; z-index: 10000; transform-origin: center center; opacity: 1; transition: all 0.4s ease; transform: scale(2); }   

.page-title {width: auto; font-style: normal; color: black; font-size: 20px; text-shadow: none; margin-top: 10px; margin-bottom: 5px; letter-spacing: -0.2px; }

/* for product page */
.product {width: 100%; max-width: 1400px; height: auto; margin: auto; padding: 0px; box-sizing: border-box;}
.product-content {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0;}
.product-image {display: flex; width: 430px; height: auto; margin: 0;}
.product-info {flex: 1; height: auto; text-align: center; padding-right: 40px; margin-top: -10px;}
.product-title {width: auto; font-style: normal; color: #1d1d1d; font-size: 25px; text-shadow: none; margin-top: 10px; margin-bottom: 15px; letter-spacing: -0.2px;}
.product-description {margin-top: -10px; font-size: 1.1em; color: black;}
#license-select {width: 160px; height: auto; margin: auto; margin-top: 10px; padding: 2px;}
#add-to-cart-btn {font-size: 1em; margin: 6px; border-radius: 8px; background: #5d2b09; color: beige; padding-left: 35px; padding-right: 35px; border: none; cursor: pointer; transition: all 0.5s ease;}
#add-to-cart-btn:hover {color: black; transform: scale(1.1);}
.media-btn{color: #4b0000; padding-left: 5px; padding-right: 5px; text-decoration: none; border-radius: 5px; border: 2px solid grey; transition: all 0.3s ease; display: inline-block;}
.media-btn:hover {color: #c46200; transform: scale(1.1); box-shadow: 0.5px 15px rgba(0,0,0,0,3);}
/* likes under the image and inside modal */
.like-container .like-btn {border-radius: 5px; background: #b16735; color: white; padding-left: 10px; padding-right: 10px; border: none; cursor: pointer; transition: all 0.3s ease;}
.like-container .like-btn:hover {color: black; transform: scale(1.1);}
/* text about licences */
.product-additional-info {margin-top: 20px; font-size: 17px;}
/* Also style liked buttons in modal */
.like-container .like-btn.liked {background: #6c0000; color: white;}
.like-container .like-btn.liked:hover {background: #4b0000; color: white;}

/* text about book cover on product page */
.about-bc-mc { width: 85%; height: auto; align-items: center; margin: auto; font-size: 19px; }
.title-about-bc-mc{font-style: normal; color: black; font-size: 20px; text-shadow: none; width: auto; height: auto; margin-bottom: 10px;}

/* Strip gallery under the main image */
.product-image-wrapper {display: flex; flex-direction: column; margin: 0.5% 3% 0.5% 8%;}
.product-image-gallery {margin-top: 10px; display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; width: 430px;}
.gallery-thumbnail {width: 100px; height: auto; cursor: pointer; border: 2px solid #ddd; border-radius: 5px; overflow: hidden; transition: all 0.3s ease; object-fit: cover;}
.gallery-thumbnail:hover {border-color: #934b2b; transform: scale(1.05); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.gallery-thumbnail.active {border-color: #934b2b; border-width: 3px;}

/* Related Products Carousel Styles */
#related-products-carousel {margin: -20px auto; padding: 20px; max-width: 1200px;}
.carousel-wrapper {position: relative; display: flex; align-items: center; gap: 15px;}
.carousel-track-container {flex: 1; overflow: hidden; padding: 10px 0;}
.carousel-track { display: grid; gap: 10px; transition: opacity 0.3s ease;}
/* Responsive grid columns */
@media (min-width: 1200px) {
  .carousel-track { grid-template-columns: repeat(7, 1fr);}
}
@media (min-width: 767px) and (max-width: 1199px) {
  .carousel-track {grid-template-columns: repeat(5, 1fr);}
}
@media (max-width: 767px) {
  .carousel-track {grid-template-columns: repeat(3, 1fr); gap: 10px;}
  #related-products-carousel {margin: -10px auto 0 auto !important; padding: 10px;}
}

/* Carousel Item */
.carousel-item { position: relative; background: rgba(0, 0, 0, 0.3); border-radius: 8px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; border: 2px solid rgba(255, 255, 255, 0.1); }
.carousel-item:hover {transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); border-color: rgba(255, 255, 255, 0.3);}
.carousel-item-link {display: block; text-decoration: none; color: inherit;}
.carousel-item-image {position: relative; width: 100%; padding-bottom: 120%; overflow: hidden; background: #000;}
.carousel-item-image img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: transform 0.3s ease;}
.carousel-item:hover .carousel-item-image img { transform: scale(1.05);}
.carousel-item-info {padding: 10px; text-align: center; background: rgba(0, 0, 0, 0.5);}
.carousel-item-title {font-size: 14px; font-weight: bold; color: #fff; margin: 0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.carousel-item-id {font-size: 11px; color: #aaa; margin: 0;}

/* Carousel Navigation Buttons */
.carousel-nav {flex-shrink: 0; width: 50px; height: 50px; border: 2px solid rgba(255, 255, 255, 0.3); background: rgba(0, 0, 0, 0.5); color: white; font-size: 32px; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(5px);}
.carousel-nav:hover:not(:disabled) {background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.6); transform: scale(1.1);}
.carousel-nav:disabled {cursor: not-allowed;}
.carousel-nav span {display: block; line-height: 1; margin-top: -3px;}

/* Carousel Mobile adjustments */
@media (max-width: 767px) {
   #related-products-carousel {padding: 15px 10px; margin: 20px auto;} 
   .carousel-header h3 {font-size: 18px;} 
   .carousel-wrapper { gap: 10px;} 
   .carousel-nav {width: 40px; height: 40px; font-size: 24px;}
   .carousel-item-info {padding: 8px;}
   .carousel-item-title {font-size: 12px;}
   .carousel-item-id {font-size: 10px;}
}
/* Carousel Tablet adjustments */
@media (min-width: 768px) and (max-width: 1199px) {
   .carousel-item-title {font-size: 13px;}
}

/* Loading state */
.carousel-track.loading {opacity: 0.5; pointer-events: none;}
/* Empty state */
.carousel-empty {text-align: center; padding: 40px 20px; color: #999; font-size: 16px;}


/* Cart message popup */
.cart-message {position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #333; color: #fff; padding: 10px 18px; border-radius: 8px; font-size: 0.95rem; z-index: 200; animation: fadeOut 2s forwards;}
@keyframes fadeOut {
  0% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; transform: translateX(-50%) translateY(20px); }
}

/* Flying message to the cart (item added to cart)*/
.flying-cart-message {position: fixed; pointer-events: none; background: #4caf50; color: white; padding: 6px 10px;font-size: 0.8rem; border-radius: 3px; font-weight: 600; user-select: none; white-space: nowrap; transition: transform 0.6s ease-out, opacity 0.6s ease-out; z-index: 10000; transform-origin: center center; opacity: 1;} 

/*For the About page*/
.aboutme{text-align: center; margin-bottom: -65px; font-size: 25px; color: #191919; text-shadow: none; letter-spacing: 0.5px;}
.about, .about1{ width: 100%; margin: auto; padding: inherit; margin-top: 20px; font-size: 20px; color: #000000; background-color: #d8bea9; padding-left: 100px; padding-right: 100px;}
.me{margin: 28px; margin-right: 35px; margin-left: -15px; width: 180px; height: auto; box-shadow: 10px 8px 10px #000000;  border-radius: 10px; float: left;}
.about1{background-color: #d3c09c;}

/*For reviews page*/
div.review{background-color: rgb(212, 191, 150); margin: 15px; font-size: 19px; text-align: center; height: auto;}
div.review img{width: 120px; height: auto; margin: 10px 30px auto 20px; box-shadow: 10px 8px 10px #000000;  border-radius: 10px; float: left;}
div.review-photo3{margin: 20px; margin-top: 10px; margin-bottom: 0;}
div.review-photo3 img{width: 120px; margin: 20px 20px 10px 0px;}
div.review-text{text-align: center; padding: 20px; }
div.review-photo2{margin: 20px; margin-top: 10px; margin-bottom: 0;}
div.review-photo2 img{width: 120px; margin: 20px 20px 10px 0px;}

/* Age verification overlay */
.age-verification-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 1000; }
.age-verification-modal { background: rgb(211, 188, 165); padding: 15px; padding-top: 0; border-radius: 8px; text-align: center; max-width: 350px; width: 90%; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);}
.age-verification-modal h3 { color: #e00e0e; margin-bottom: 15px; font-size: 20px; }
.warning-text { color: rgb(0, 0, 0); margin-bottom: 20px; font-size: 16px;}
.button-container { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;}
.btn { padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; transition: background-color 0.3s;}
.btn-confirm, .btn-decline { background-color: #934b2b; color: white;}
.btn-confirm:hover, .btn-decline:hover { background-color: #c97149; }
 /* Hidden class for overlay */
.hidden { display: none;}
/* Main content styling */
.main-content { max-width: 800px; margin: 0 auto; background: black; padding: 20px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
/* Age verification blur*/
.content-blurred {  filter: blur(1px) brightness(0.2) contrast(0.3); pointer-events: none; user-select: none; position: relative; transition: all 0.5s ease;}
.content-blurred::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.85); z-index: 1;}

/* Responsive design for Consent Banner */
@media (max-width: 768px) {
    #cookie-consent-banner { padding: 15px;}   
    .cookie-consent-container { flex-direction: column; text-align: center;}  
    .cookie-consent-message { min-width: auto;}   
    .cookie-consent-buttons { width: 100%; justify-content: center;}   
    .cookie-btn { flex: 1; min-width: 140px;}
}
/* CSS for breadcrumbs */
.breadcrumb-nav {padding: 0px 0; margin: -10px 0; justify-content: center; display: flex; background-color: #6d3812;}
.breadcrumb { display: flex; flex-wrap: wrap; padding: 5px 0px; margin: 0; list-style: none; border-radius: 4px; font-size: 14px;}
.breadcrumb-item { display: flex; align-items: center;}
.breadcrumb-item + .breadcrumb-item::before { content: ">"; padding: 0 20px; color: white;}
.breadcrumb-item a { color: rgba(255, 255, 255, 0.93); text-decoration: none;}
.breadcrumb-item a:hover { text-decoration: underline;}
.breadcrumb-item.active { color: #ff8e41;}

   /* Contact Form  */
* { box-sizing: border-box; margin: 0; padding: 0;}
.form-container { max-width: 600px; margin: 0 auto; background: transparent; padding: 10px 30px 0px 30px; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.form-title { text-align: center; margin-bottom: 5px; color: black; font-size: 25px; font-weight: 400;}
.contact-form { width: 100%; margin-bottom: -30px;}
.form-group { margin-bottom: 5px;}
#email, #name, #message{ background-color: rgba(208, 167, 139, 0.88); border-color: #693e1b;}
.form-group input, .form-group textarea { width: 100%; padding: 10px; border-radius: 5px; font-size: 15px;}
.form-group input::placeholder, .form-group textarea::placeholder { color: #575757; font-style: italic;}
.form-group input:focus, .form-group textarea:focus { outline: none; box-shadow: 0 0 5px rgba(52, 152, 219, 0.3);}
.form-group textarea { resize: vertical; min-height: 30px;}
.submit-btn { background: #693e1b; color: white; padding: 5px 30px; border-radius: 10px; box-shadow: 5 0 20px rgba(0, 0, 0, 0.3); cursor: pointer; font-size: 16px; font-weight: bold; width: 100%;}
.submit-btn:hover { background: #9d6137; color: black;}

   /* Form Messages */
#form-message { font-size: 20px; margin-top: 20px; padding: 15px; border-radius: 5px; text-align: center; font-weight: bold;}
.success {  color: #a70505; font-size: 20px;}
.error {color: #a3a306; font-size: 20px;}
   /* Fix autofill issues */
.form-group input:-webkit-autofill,
.form-group input:-webkit-autofill:hover,
.form-group input:-webkit-autofill:focus,
.form-group input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px rgba(208, 167, 139, 0.88) inset !important;
 -webkit-text-fill-color: #575757 !important; background-color: rgba(208, 167, 139, 0.88) !important; }

/* Loading state */
.submit-btn:disabled { background: #999; cursor: not-allowed; }
.loading { display: none; text-align: center; margin-top: 10px; color: #693e1b; }




/*  Responsive design */
@media screen and (max-width: 1200px){
	div.ban-title{font-size: 50px; margin: -28% auto auto 8%;}
	div.ban-subt{font-size: 20px; margin: -13% auto auto 8%;}
	div.ban-link{font-size: 30px; margin: -1% auto auto 2%;}
	div.ban-bc-title{ margin: -26% auto auto -1%; font-size: 42px;}
}
@media screen and (max-width: 1120px){
    div.land-bc img{margin-top: 10px;}
	div.land-bc-text{margin-top: 10px;}
}
@media screen and (max-width: 1100px){
	div.ban-title{font-size: 50px; margin: -28% auto auto 8%;}
	div.ban-subt{font-size: 20px; margin: -11% auto auto 8%;}
	div.ban-link{font-size: 30px; margin: 1% auto auto 2%;}
	div.FAM{font-size: 35px; height: 35px; padding-bottom: 10px;}
	div.prints-link{margin: 20px auto 20px auto;}
	div.mag{margin: auto; padding-bottom: 10px; margin-bottom: 15px;}
	div.ban-bc-link a{font-size: 30px; margin: -10% auto auto 5.5%;}
}
@media screen and (max-width: 1060px){
	div.ban-bc-link a{margin: -10% auto auto 5%;}
	div.filter{font-size: 18px; margin: -5px 0;}
	.breadcrumb-nav {margin: -5px 0;}
}
@media screen and (max-width: 1044px){
	div.header h3{width: auto;}
	div.ban-bc-link a{font-size: 30px; margin: -10% auto auto 4%;}
	div.BCD{font-size: 35px;}
	div.ban-bc-title{font-size: 30px;}
}
@media screen and (max-width: 1000px){
	div.header h3{width: 700px;}
	.greeting{width: 80%;}
	div.ban-bc-link a{font-size: 30px; margin-left: 3.5%;}
	div.land-bc2-title{font-size: 28px; font-family: sans-serif;}
    div.land-bc2-text{font-size: 18px;}
    div.about-art-title{font-size: 22px; padding-top: 10px;}
    div.about-art-text{font-size: 18px; }
}
@media screen and (max-width: 958px){
	div.land-bc{width: 100%;}
	div.land-bc img{margin: 20px;}
	div.land-bc-text{font-size: 18px;}
	div.land-bc-title{font-size: 25px;}
	div.land-bc-link a{font-size: 18px;}
	div.ban-bc-link a{margin: -10% auto auto 2.5%;}
	div.BCD{font-size: 30px;}
	div.ban-bc-title{font-size: 28px;}
    div.printsbc1 img{width: 30%;}
}
@media screen and (max-width: 976px){
	div.ban-title{font-size: 40px; margin: -28% auto auto 8%;}
	div.ban-subt{font-size: 18px; margin: -13% auto auto 8%;}
	div.ban-link{font-size: 25px; margin: -1% auto auto 2%;}
	div.FAM{font-size: 30px; height: 30px; padding-bottom: 10px;}
	div.prints-link-bc{width: 60%;}
}
@media screen and (max-width: 922px){
	div.header h1{font-size: 45px;}
}
@media screen and (max-width: 916px){
	div.header h2{font-size: 25px;}
	div.header h3{font-size: 18px; width: 700px;}
}
@media screen and (max-width: 902px){
	div.container{visibility: hidden;}
	div.ban-bc-link a{font-size: 25px; margin: -10% auto auto 4%;}
	div.BCD{font-size: 28px; margin-bottom: -10px;}
	div.ban-bc-title{font-size: 25px;}
	div.ban-bc-subt{font-size: 18px;}
}
@media screen and (max-width: 897px){
	div.pag{width: 50%;} 
}
@media screen and (max-width: 890px){
	div.elcards img{width: 40%; margin: 30px 20px 20px 30px;}
	div.elcards .text{font-size: 18px;}
}
@media screen and (max-width: 880px){
	div.ban-title{font-size: 38px; margin: -30% auto auto 8%;}
	div.ban-subt{font-size: 18px; margin: -13% auto auto 8%;}
	div.ban-link a{font-size: 33px; margin: -5% auto auto 5.5%;}
	div.FAM{font-size: 25px; height: 24px; padding-bottom: 10px;}
}
@media screen and (max-width: 861px){
	div.land-bc-text{font-size: 17px;}
	div.land-bc-title{font-size: 24px;}
	div.land-bc-link{width: 80%;}
	div.land-bc-link a{font-size: 17px;}
	div.ban-bc-link a{font-size: 25px; margin: -10% auto auto 3.5%;}
	div.prints-link a{padding-left: 0px; padding-right: 0px; font-size: 18px;}
	.product-additional-info {margin-top: 10px; font-size: 15px;}
	.product-image{width: 380px;}
	.product-image-gallery {width: 380px;}

}
@media screen and (max-width: 825px){
	div.land-bc img{ width: 40%; height: auto; margin: 20px 10px auto 30px;}
	div.land-bc-text{width: 100%; height: auto; margin: 20px 10px auto 10px;}
	div.magazine img{width: 500px;}
}
@media screen and (max-width: 800px){ 
	div.ban-title{font-size: 35px; margin: -30% auto auto 8%;}
	div.ban-subt{font-size: 16px; margin: -13% auto auto 8%;}
	div.ban-link a{font-size: 30px; margin: -6% auto auto 6%;}
    div.printsbc img{width: 25%;}
	div.intro{font-size: 16px;}
	.product-image{width: 330px;}
	.product-info{padding-right: 20px;}
	.product-image-gallery {width: 330px;}
	.gallery-thumbnail{width: 70px;}
}
@media screen and (max-width: 798px){
	h1{letter-spacing: 2px;}
	div.prints-link{width: 80%;}
}
@media screen and (max-width: 775px){
	div.header{width: auto;}
	div.ban-bc-link a{font-size: 23px; margin: -10% auto auto 4%;}
	div.BCD a{font-size: 25px;}
	div.ban-bc-title{font-size: 23px;}
	div.ban-bc-subt{font-size: 16px;}
	div.land-bc2-title{font-size: 23px; font-family: sans-serif;}
    div.land-bc2-text{font-size: 17px;}
	div.about-art ul{margin-left: -5%;}
}
@media screen and (max-width: 769px){
	div.land-mc img{margin-left: 30px;}
}
@media screen and (max-width: 764px){
	div.header{margin-top: 1%; margin-bottom: 1%;}
	div.header h3{width: 600px;}
	div.top{overflow-x: hidden;}
	div.prints-link{width: 70%;}
	div.prints-link a{padding-left: 10px; padding-right: 10px; font-size: 18px;}
}
@media screen and (max-width: 750px){
    .about, .about1{ padding-left: 50px; padding-right: 50px;}
	div.ban-bc-link a{font-size: 21px; margin: -10% auto auto 6%;}
	div.BCD a{font-size: 23px;}
	div.ban-bc-title{font-size: 22px; margin-left: 5px;}
	div.ban-bc-subt{font-size: 15px; margin-left: 60px;}
}
@media screen and (max-width: 744px){
	div.header{text-align: center; width: auto;}
}
@media screen and (max-width: 722px){  
	div.prints-link{width: 80%;}
	div.land-bc{margin-top: 10px;}
	div.land-bc-link{width: 100%; font-size: 15px;}
	div.land-bc-link a{font-size: 15px;}
	div.ban-bc-link a{font-size: 21px; margin: -10% auto auto 5%;}
	div.pag{width: 70%; font-size: 15px;}
    .product-image{width: 300px;}
	.product-image-gallery {width: 300px;}

}
@media screen and (max-width: 700px){
	div.picture img{width: 130px;}
	div.index-gallery p{font-size: 18px;}
	div.ban-title{font-size: 30px; margin: -30% auto auto 8%;}
	div.ban-link a{font-size: 25px; margin: -6% auto auto 6%;}
	div.FAM{ margin-top: 5px;}
   .product {padding: 10px;}
   .product-content {flex-direction: column; align-items: center;}
   .product-image-wrapper {margin: 0; order: 1;}
   .product-image {width: 350px; margin: 0;}
   .product-image-gallery {width: 350px;}
   .product-info {width: 100%; padding-right: 0; margin-top: 0; order: 2;}
   .product-description {font-size: 1em;}
   #add-to-cart-btn {width: 100%; max-width: 300px;}
	.about-bc-mc{font-size: 15px;}
	.title-about-bc-mc{font-size: 18px;}
}
@media screen and (max-width: 696px){
	div.header h1{ width: 100%;}
	div.header{margin-bottom: 1%;}
}
@media screen and (max-width: 688px){
	div.ban-bc-link a{font-size: 21px; margin: -10% auto auto 4%;}
	div.BCD a{font-size: 23px;}
	div.ban-bc-title{font-size: 20px; margin-left: 0px;}
	div.ban-bc-subt{font-size: 14px; margin-left: 60px;}
	div.prints-link-bc a{font-size: 15px;}
	.welcome-bc{letter-spacing: 0px;}
}
@media screen and (max-width: 677.33px){
	div.magazine img{width: 400px;}
}
@media screen and (max-width: 658px){
	div.header h1{font-size: 35px;}
	div.header h2{font-size: 20px;}
    div.header h3{width: 70%; letter-spacing: normal; text-align: center;}
	div.header{margin-top: 2%;}
	div.prints-link{width: 80%;}
	div.prints-link a{font-size: 18px;}
	div.land-bc{display: block; width: 100%; height: auto; margin: auto; text-align: center;}
	div.land-bc img{width: 60%; margin: auto;}
	div.land-bc-text{width: 100%; height: auto; margin: auto; margin-top: 10px;}
	div.land-bc ul{margin-left: 13%;}
	div.land-bc-link{width: 80%;}
	div.land-bc-link a{font-size: 18px;}
}
@media screen and (max-width: 650px){
	.lightbox-prev { left: -20px; }
    .lightbox-next { right: -20px;}
	div.review-photo3{ display: inline-flex; grid-gap: 20px;}
	div.review-photo3 img{display: inline-flex; margin: auto;}
	div.ban-bc-link a{font-size: 18px; margin: -10% auto auto 5.5%;}
	div.BCD a{font-size: 20px;}
	div.ban-bc-title{font-size: 18px; }
	div.ban-bc-subt{font-size: 14px; margin-left: 60px;}
}
@media screen and (max-width: 630px){
	div.ban-title{font-size: 25px; margin: -30% auto auto 11%; width: auto;}
	div.ban-subt{font-size: 16px; margin: -13% auto auto 11%; width: auto;}
	div.ban-link a{font-size: 20px; margin: -5% auto auto 9%; width: auto;}
	div.FAM{font-size: 20px; height: 22px; margin-top: 5px; margin-bottom: 5px;}
	div.lg-title{font-size: 25px;}
	div.land-gallery img{width: 200px; height: 200px;}
	div.land-gallery{grid-gap: 30px; column-gap: 0;}
	div.lg-item{text-align: center;}
}
@media screen and (max-width: 624px){
	.alone-btn { width: 70%; }
}
@media screen and (max-width: 604px){
	div.filter{font-size: 18px; margin: 0px 0;}
	.facebook, .pinterest, .instagram{margin-right: 0px;}
	div.ban-bc-link a{font-size: 16px;}
	div.ban-bc-title{font-size: 16px; }
	div.ban-bc-subt{font-size: 13px; margin-left: 60px;}
	div.land-bc2-title{font-size: 21px; font-family: sans-serif;}
    div.land-bc2-text{font-size: 18px;}
	div.land-bc2-link a{font-size: 17px;}
	div.about-art-text{font-size: 18px;}
    div.about-art-title{font-size: 20px;}
	div.printsbc1 img{display: none;}
	div.mobile-examples img{display: inline; width: 40%; margin: 5px;}
	div.mobile-examples{width: 100%; text-align: center;}
	div.bookmark img{width: 70%;}
    .breadcrumb { font-size: 13px; justify-content: center;}
	.breadcrumb-nav{margin: 5px 0;}
    .breadcrumb-item + .breadcrumb-item::before { padding: 0 10px;}
}
@media screen and (max-width: 595px){
	div.mag{margin: auto; padding-bottom: 10px; margin-bottom: 10px;}
    div.prints-title{font-size: 24px;}
    div.prints-text{font-size: 17px;}
    div.prints-link a{font-size: 17px; padding: 0;}
    div.prints{margin: 20px auto 20px auto;}
    div.prints img{width:  25%;}
}
@media screen and (max-width: 588px){
	div.header h3{width: auto;}
}
@media screen and (max-width: 578px){
	div.land-bc ul{margin-left: 8%; margin-right: 8%;}
}
@media screen and (max-width: 570px){
	div.land-bc-link a{font-size: 15px; }
	div.prints-link a{font-size: 15px; }
	div.printsbc img{width: 30%;}
	.welcome-bc{font-size: 18px;}
	div.prints-link-bc a{font-size: 14px;}
}
@media screen and (max-width: 556px){
	div.index-gallery{grid-gap: 35px; margin-bottom: 20px;}
	div.index-gallery p{margin-bottom: 0px;}
	div.ban-title{font-size: 25px; margin: -28% auto auto 11%; width: auto;}
	div.ban-subt{font-size: 20px; margin: auto; text-align: center; padding: 3%; position: relative;}
	div.ban-link a{font-size: 18px; margin: -21% auto auto 9%; width: auto;}
	div.FAM{font-size: 20px; height: 22px; margin-top: 7px; margin-bottom: 5px; padding-top: 3px;}
	div.ban-bc-link a{font-size: 15px; margin: -100px auto auto 30px;}
	div.BCD a{font-size: 20px;}
	div.ban-bc-title{font-size: 17px; margin: -190px auto auto auto;}
	div.ban-bc-subt{font-size: 17px; width: 100%; margin: auto; text-align: center; padding: 2%; position: relative; color: black;}
}
@media screen and (max-width: 550px){
	div.elcards img{width: 90%; height: auto; margin: auto 25px; float: none; display: block;}
	div.elcards .text{font-size: 18px; float: none;}
	.alone-btn { width: 60%; }
	.lightbox{ width: 100%;}
	.lightbox-image { width: auto; height: 100%; max-width: 90%;}
	.lightbox-prev { left: -10px; }
    .lightbox-next { right: -10px;}
	.aboutme{font-size: 20px; width: 90%; margin-bottom: -90px; margin-top: 30px;}
    .about, .about1{font-size: 18px; padding-left: 10px; padding-right: 10px; margin-top: 50px;}
	.me{width: 150px; margin-top: 50px; margin-right: 20px; margin-left: 10px;}
	div.form-title{font-size: 18px;}
	div.form-container{width: 100%;}
	.submit-btn{font-size: 12px;}
}
@media screen and (max-width: 542px){
	div.media{margin-left: -5px;}
    .hamburger{width: 28px; height: 31px; margin-left: 15px;}
    .sidebar-nav{width: 40%;  margin: auto;}
    .sidebar-nav li a{font-size: 14px; }
    .menu2-list ul{width: 110%; margin: auto;}
    .sidebar-nav  .menu2-drop a{font-size: 14px; background: rgba(72, 43, 22, 0.99);}
	div.review-photo3 img{width: 100px;}
}
@media screen and (max-width: 536px){
	div.review-photo2{ display: inline-flex; grid-gap: 20px;}
	div.review-photo2 img{display: inline-flex; margin: auto;}
	div.lg-title{font-size: 22px;}
	div.land-gallery img{width: 180px; height: 180px;}
	div.land-gallery{grid-gap: 30px; column-gap: 5%;}
	div.lg-item p{font-size: 17px; width: 190px;}
	div.lg-item p a{font-size: 21px;}
	div.land-bc ul{margin-left: 6%; margin-right: 9%;}
	div.prints-link-bc a{font-size: 14px;}
	div.prints-link-bc{width: 60%; margin-bottom: 0;}
	.title-about-bc-mc{font-size: 16px;}
}
@media screen and (max-width: 528px){
	div.header{ margin-bottom: 5%; margin: auto; margin-top: 5%; margin-bottom: 2%;}
	div.header h1{letter-spacing: 0; margin-top: -10px;}
	div.ban-bc-link a{font-size: 15px; margin: -90px auto auto 30px;}
	div.ban-bc-title{font-size: 17px; margin: -170px auto auto 5px;}
}
@media screen and (max-width: 510px){
	div.picture img{width: 120px;}
	div.index-gallery{grid-gap: 20px;}
	div.index-gallery p{font-size: 16px;}
}
@media screen and (max-width: 504px){
	.artgallery{width: 80%; margin: auto; margin-bottom: 50px; justify-content: center;}
    .artgallery-item img { width: 150px; margin: auto; margin-bottom: -20px;}
}
@media screen and (max-width: 501px){
	div.header h3{font-size: 16px; width: auto;}
	div.header h2{font-size: 14px;}
	div.review{ font-size: 17px; width: 95%; margin: 20px auto 20px auto;}
	div.prints-title{font-size: 30px;}
	div.prints-link-bc {width: 80%;}
	div.magazine img{width: 350px;}
	div.ban-bc-link a{font-size: 14px; margin: -90px auto auto 30px;}
	div.ban-bc-title{font-size: 15px; margin: -170px auto auto 5px;}
	div.ban-bc-subt{font-size: 16px; width: 90%;}
	div.new-footer .prints-title{font-size: 20px; margin-top: 10px;}
	div.land-footer .prints-text{margin-bottom: 10px; font-size: 15px;}
	div.land-footer .prints-title{font-size: 20px}
	div.land-footer{padding-bottom: 5px; padding-top: 10px;}
}
@media screen and (max-width: 490px){
	div.media{width: 100%; margin: auto; position: inherit; text-align: center;}
	div.land-bc-link{width: 60%;}
	div.land-bc2-text{width: 90%; }
	div.pag{width: 90%; font-size: 13px;}
}
@media screen and (max-width: 480px){
	.about-art-text ul{ width: 100%; margin: auto; padding-left: 20px;}
}
@media screen and (max-width: 485.33px){
	.artgallery{width: 95%;}
    .artgallery-item img { width: 150px;}
	.modal-content{min-height: inherit;}
}
@media screen and (max-width: 473.33px){
    div.ban-bc-link a{font-size: 14px; margin: -110px auto auto 25px;}
	div.ban-bc-title{font-size: 15px; margin: -180px auto auto 5px;}  
}
@media screen and (max-width: 468px){
	div.prints-title{font-size: 23px;}
	div.FAM{font-size: 25px;}
	div.banner img{display: none;}
	div.mobile-banner img{display: block;}
	div.ban-title{font-size: 30px; margin: -43% auto auto 6%;}
	div.ban-subt{font-size: 17px; }
	div.ban-link a{font-size: 25px; margin: -28% auto auto 4.5%;}
	div.prints-title{font-size: 20px;}
	div.prints img{ display: none;}
	div.prints-mobile img{display: block; width: 70%; margin: 20px auto 20px auto;}
	div.banner-bc img{display: none;}
	div.mobile-banner-bc img{display: block;}
	div.ban-bc-link a{font-size: 21px; width: auto; margin: -110px auto auto 15px;}
	div.ban-bc-title{font-size: 23px; width: auto; margin: -210px auto auto 20px;}
	div.ban-bc-subt{font-size: 19px; width: 90%;}
}
@media screen and (max-width: 450px){
	div.header h1{text-shadow: 0.5px 0.1px black; font-size: 25px; margin-top: 0px;}
	div.header h2{text-shadow: 0.5px 0.1px black;}
	div.header h3{width: auto; text-shadow: 0.5px 0.1px black; width: 80%;}
	#image-modal .modal-content img {width: 95%; margin: 30px 10px 0px -2px;}
	.modal-right{margin-left: 15px;}
	.cart-modal {padding: 20px 30px; max-width: 200px; font-size: 1rem; margin-right: 30px;}
    .cart-modal-ok-btn {margin-top: 15px; padding: 6px 12px; font-size: 0.8rem; }
	div.elcards img{margin: auto 18px;}
	div.mag .prints-text{padding: 0; margin: auto -29px auto -20px;}
	div.mag .prints-title{margin: 0px auto 10px auto;}
	div.mag .prints-link{margin: 10px -10px 10px -10px; width: auto; padding: 2px 10px 2px 10px;}
	div.mobile-examples img{width: 55%; margin-bottom: 10px;}
	div.bookmark img{width: 85%;}
	div.magazine img{width: 300px;}
	div.about-art{width: 100%;}
	div.about-art-text{width: 95%;}
	div.about-art-text ul{width: 90%; margin: auto;}
}
@media screen and (max-width: 447.33px){
	div.header{text-align: center;width: auto;}
	div.header h1{text-align: center; width: 70%;}
	div.land-mc-link{padding-left: 10px; padding-right: 10px; width: 70%;}
}
@media screen and (max-width: 444px){
	.lightbox-image { width: auto; height: 88%;}
    .lightbox-close {  position: absolute; top: 0px; right: -20px; background: none; border: none; color: white; font-size: 50px; cursor: pointer; padding: 10px;}
}
@media screen and (max-width: 441px){
	div.index-gallery{grid-gap: 20px; margin-bottom: 20px;}
	div.picture img{width: 130px;}
	div.index-gallery p{font-size: 17px;}
}
@media screen and (max-width: 438px){
	div.review-photo3{grid-gap: 10px;}
	div.lg-title{font-size: 22px;}
	div.land-gallery img{width: 150px; height: 150px;}
	div.lg-item p{width: 160px;}
}
@media screen and (max-width: 430px){
	div.rights{margin-top: 3%;}
	div.filter{margin-top: 0; font-size: 15px;}
	div.ban-bc-link a{font-size: 18px;}
	div.ban-bc-title{font-size: 19px; margin: -190px auto auto 25px;}
	div.ban-bc-subt{font-size: 18px;}
	.artgallery{width: 95%; grid-gap: 30px; margin-top: 10px;}
    .artgallery-item img { margin-top: 10px;}
}
@media screen and (max-width: 422px){
	div.printsbc{display: none;}
	div.printsbc-mobile img{display: block; width: 80%; margin: auto;}
}
@media screen and (max-width: 415px){
    p{font-size: 13px; margin-left: 30px; margin-right: 30px; }
    .sidebar-nav{width: 170px;}
	div.lg-title{font-size: 22px;}
	div.land-gallery img{width: 130px; height: 130px;}
	div.land-gallery{column-gap: 7%;}
	div.lg-item p{ width: 140px; margin: 20px 0 10px 0;}
	div.BCD p{padding-top: 10px;}
	div.filter p{font-size: 13px; text-align: center; }
}
@media screen and (max-width: 414px){
	div.FAM p{font-size: 22px;}
	.gallery .item-details-btn{ width: 150px !important; text-align: center; font-size: 12px;}
}
@media screen and (max-width: 411.5px){
	div.review-photo3 img{width: 80px;}
	div.land-bc ul{width: 90%;}
	div.land-bc-text{ margin-left: auto; margin-right: auto;}
	div.land-bc-title{font-size: 22px; margin-bottom: 10px;}
	div.land-bc img{width: 250px;}
	div.land-bc-link{width: 80%;}	
}
@media screen and (max-width: 406px){
	div.wallprint img{width: 200px; margin: auto;}
}
@media screen and (max-width: 401px){
    .about, .about1{font-size: 17px; padding-left: 10px; padding-right: 10px;}
	.me{width: 120px; margin: 50px 20px 10px 0px;}
	.aboutme{font-size: 20px;}
	div.magazine img{width: 250px;}
	div.ban-bc-link a{font-size: 17px; margin: -90px auto auto 15px;}
	div.ban-bc-title{font-size: 17px; margin: -170px auto auto 30px;}
	div.ban-bc-subt{font-size: 16px;}
	div.BCD a{font-size: 18px;}
	div.BCD p{ padding-top: 13px;}
	div.land-bc2-title{font-size: 21px; width: 90%;}
	div.land-bc2-link a{font-size: 16px;}
	div.pag{width: 90%; font-size: 13px;}
	div.pag a{width: 30px;}
	.product-image {width: 300px;}
	.product-title{font-size: 18px;}
	.product-image-gallery {width: 300px;}
    .breadcrumb-item + .breadcrumb-item::before { padding: 0 5px;}
}
@media screen and (max-width: 396px){
	div.header{margin-top: 5%;}
}
@media screen and (max-width: 394px){
    .artgallery{width: 90%; grid-gap: 30px; margin-top: 10px;}
    .artgallery-item img { width: 120px;}
	div.prints-link-bc a{font-size: 13px;}
	div.prints-link-bc{width: 80%; padding: 0; padding-bottom: 5px;}
}
@media screen and (max-width: 384px){
	div.header h3{width: auto; font-size: 15px;}
	div.land-bc2-text ul{margin-left: -5%;}
	#cart-icon{width: 40px; margin-right: -10px; padding: 5px; font-size: 12px;}
}
@media screen and (max-width: 376px){
	div.header{margin-top: 25px;}
	div.review{font-size: 16px;}
	div.review img{margin: 5% 31% 5% 31%;}
	div.review-photo3{ display: inline-flex; grid-gap: 10px; margin: 10px; margin-bottom: 0;}
	div.review-photo3 img{display: inline-flex; margin: auto;}
	div.review-photo2{ display: inline-flex; grid-gap: 20px;}
	div.review-photo2 img{display: inline-flex; margin: auto;}
    div.printsbc1 img{width: 80%; margin-bottom: 10px;}
	div.land-bc2-title{font-size: 18px;}
	div.land-bc2-text{font-size: 17px;}
	div.about-art-text{font-size: 17px;}
	div.intro{font-size: 14px; margin-top: 10px;}
	div.index-gallery p{margin-top: -50px;}
	.breadcrumb { font-size: 12px; justify-content: center;}
	.breadcrumb-nav{margin: 5px 0;}
    .breadcrumb-item + .breadcrumb-item::before { padding: 0 5px;}
}
@media screen and (max-width: 367.5px){
	div.header h3{text-shadow: none; word-spacing: 1px;}
	div.header h2{text-shadow: none; }
	div.FAM p{font-size: 19px; margin-right: 0; padding-top: 5px;;}
	div.ban-bc-link a{font-size: 17px; margin: -90px auto auto 8px;}
	div.ban-bc-title{font-size: 17px; margin: -165px auto auto 20px;}
	div.land-bc2-link a{font-size: 15px;}
	.welcome-bc{font-size: 16px;}
}
@media screen and (max-width: 361px){
	div.header h3{width: 250px;}
	div.rights{margin-top: 5%;}
	div.prints-link-bc{width: 90%;}
}
@media screen and (max-width: 351px){	
	div.elcards img{margin: auto 15px;}
	div.elcards .text{font-size: 16px; padding: 15px 5px 5px 5px; }
	.alone-btn { width: 100%;}
    .lightbox-image { height: 70%; margin-top: 20px; margin-bottom: 0; margin-left: 15px;}
	.lightbox-prev, .lightbox-next { position: absolute; top: auto; bottom: 70px; left: 50%; right: 50%; transform: translateX(-50%);}
    .lightbox-prev {margin-left: -30px;}    
    .lightbox-next {margin-left: 30px;}
	.lightbox-close{margin: 0; padding: 0; width: 100%; margin-top: -30px; margin-right: 5%;}
	div.mobile-examples img{width: 70%; margin-bottom: 5px;}
	div.bookmark img{width: 95%;}
}
@media screen and (max-width: 350px){
	.me{width: 100px;}
	.aboutme{font-size: 18px;}
	.breadcrumb{margin: 0px -20px; justify-content: center;}
    .breadcrumb-item + .breadcrumb-item::before { padding: 0 5px;}
}
@media screen and (max-width: 346px){
	div.review img{margin: 5% 28% 5% 28%;}
	div.review-photo3{ display: inline-flex; grid-gap: 10px; margin: 5px; margin-bottom: 0;}
	div.review-photo3 img{display: inline-flex; margin: auto;}
	div.review-photo2{ display: inline-flex; grid-gap: 20px;}
	div.review-photo2 img{display: inline-flex; margin: auto; width: 100px;}
	div.ban-title{font-size: 25px; margin: -43% auto auto 5%; }
	div.ban-link a{font-size: 18px; margin: -32% auto auto 4%; }
	div.ban-subt br{content: "";}
	div.ban-subt br:after{content: " ";}
	.welcome-bc{font-size: 16px; width: 90%;}
    .artgallery{width: 90%; grid-gap: 30px; margin-top: 10px;}
    .artgallery-item img { width: 100px; margin-top: 0;}
}
@media screen and (max-width: 340px){ 
	div.lg-title{font-size: 18px; margin-bottom: 10px;}
	div.land-gallery img{width: 220px; height: 220px;}
	div.lg-item p{width: 300px; margin: 10px 0 20px 0;}
	div.ban-bc-link a{font-size: 15px; margin: -80px auto auto 8px;}
	div.ban-bc-title{font-size: 16px; margin: -150px auto auto 15px;}
	.product-image {width: 260px;}
	#add-to-cart-btn{font-size: 14px; width: auto;}
	.product-image-gallery {width: 260px;}
	.gallery-thumbnail{width: 60px;}
}
@media screen and (max-width: 336px){
	div.filter p{margin: 0; padding: 0;}
	div.magazine img{width: 100%;}
	div.land-bc-link{width: 80%; padding-left: 10px; padding-right: 10px;}
}
@media screen and (max-width: 328px){
	div.prints-link {padding: 5px 10px 5px 10px; width: 90%;}
}
@media screen and (max-width: 326px){
	div.picture img{width: 100px;}
	div.index-gallery p{font-size: 12px; margin-bottom: 10px;}
}
@media screen and (max-width: 322px){
	.welcome-bc{font-size: 15px;}
}
@media screen and (max-width: 319.33px){
	div.review img{margin: 5% 26% 5% 26%;}
	div.review-text{margin: -10px;}
	div.review-photo3{ display: inline-flex; grid-gap: 10px; margin: 10px; margin-bottom: 0; }
	div.review-photo3 img{display: inline-flex; margin: auto; width: 70px;}
	div.review-photo2{ display: inline-flex; grid-gap: 20px;}
	div.review-photo2 img{display: inline-flex; margin: auto;}
}
@media screen and (max-width: 317.33px){
	div.ban-title{font-size: 21px; margin: -42% auto auto 5%; }
	div.ban-link a{font-size: 16px; margin: -38% auto auto 4%; }
}
@media screen and (max-width: 314px){
	div.land-bc-text{font-size: 17px;}
	div.land-bc-title{font-size: 20px; }
	div.land-bc img{width: 200px; margin-top: 10px;}
	div.land-bc-link a{font-size: 16px;}
	div.ban-bc-link a{font-size: 13px; margin: -80px auto auto 8px;}
	div.ban-bc-title{font-size: 14px; margin: -140px auto auto 15px;}
	div.pag{width: 100%; font-size: 15px;}
	div.pag a{width: 25px;}
	.breadcrumb{margin: 0px -30px; justify-content: center;}
}
@media screen and (max-width: 306px){
	div.magazine img{width: 200px;}
	div.lg-title{margin-top: 10px;}
	div.lg-item p{width: 270px;}
}
@media screen and (max-width: 302px){
    .artgallery{width: 90%; grid-gap: 20px; margin-top: 10px;}
    .artgallery-item img { width: 80px; margin-top: 10px;}
}
@media screen and (max-width: 300px){
	#wrapper{margin-top: 3px;}
    .menu2-list ul{width: 150%;}
    .sidebar-nav  .menu2-drop a{font-size: 13px; background: rgba(72, 43, 22, 0.99); padding-left: 5px;}
	div.header h1{ font-size: 23px;}
	div.review-photo3{ display: contents; width: 100%; margin: auto;}
	div.review-photo3 img{ margin: auto; width: 80px; margin: 15px; }
	div.review-photo2 img{width: 80px;}
	div.prints-link-bc{width: 90%;}
	.welcome-bc{font-size: 15px; width: 80%;}
	div.ban-link {font-size: 26px; margin: -18% auto 10% 4%;}
	div.ban-subt{padding-bottom: 30px;}
	.product-image {width: 240px;}
	.product-image-gallery {width: 240px;}
}
@media screen and (max-width: 296px){
	div.header h3{width: 70%;}
	div.ban-bc-link a{font-size: 17px; position: relative; background-color: #914614; color: white; }
	div.ban-bc-title{font-size: 16px; margin: -130px auto auto 15px;}
	div.ban-bc-link{padding-bottom: 10px; padding-top: 5px; width: 93%; text-align: center;}
	div.ban-bc-link a:hover{color: black;}
}
@media screen and (max-width: 294px){
	div.wallprint img{width: 180px;}
	.breadcrumb{display: flex; justify-content: center; width: 100%; padding: 10px 0;}
}
@media screen and (max-width: 282px){
	div.rights{margin-top: 20px;}
	div.FAM p{font-size: 16px; padding-top: 5px;}
	div.magazine img{width: 180px;}
	div.lg-title{ margin-top: 10px;}
	div.land-gallery img{width: 200px; height: 200px;}
	div.lg-item p{width: 220px; }
	div.land-bc-text{font-size: 16px;}
	div.land-bc-title{font-size: 19px; }
	div.land-bc ul{width: auto; margin: auto; padding-left: 15px;}
	div.land-bc-link a{font-size: 15px;}
	div.land-bc img{width: 180px;}
	div.printsbc-mobile img{width: 90%;}
	div.about-art ul{margin-left: -3%;}
	div.land-bc2-text ul{margin-left: -10%;}
	div.pag{width: 100%; font-size: 13px;}
	div.pag a{width: 20px;}	
}
@media screen and (max-width: 276px){
	div.wallprint img{width: 150px;}
	.product-image{width: 200px;}
	.product-image-gallery {width: 200px;}
	.gallery-thumbnail{width: 50px;}
}
@media screen and (max-width: 268px){
	div.header h1{font-size: 20px; margin-top: 20px;}
	div.header h3{font-size: 13px; }
	div.review-photo2{ grid-gap: 10px;}
	div.ban-bc-title{font-size: 13px; margin-top: -135px;}
	div.BCD a{font-size: 15px;}
	div.picture img{width: 90px;}
	div.index-gallery p{font-size: 12px; margin-top: -30px;}
}
@media screen and (max-width: 256px){
	div.header h2{font-size: 12px; width: 70%;}
}
@media screen and (max-width: 251px){
	.sidebar-nav{width: 115px;}
	.sidebar-nav li a{margin-left: -60px;}
	div.review img{margin: 5% 21% 5% 21%;}
	div.review-photo3{ display: contents; width: 100%; margin: auto;}
	div.review-photo3 img{ margin: auto; width: 90px; margin: 10px; }
	div.review-photo2{ display: inline-flex; }
	div.review-photo2 img{display: inline-flex; margin: auto;}
	div.ban-title{font-size: 18px; margin: -43% auto auto 5%; }
	div.ban-link a{font-size: 15px; margin: -40% auto auto 4%; }
	div.ban-subt{font-size: 16px; }
	div.FAM p{font-size: 15px; }
	div.prints-title{font-size: 18px; margin-top: 10px; margin-bottom: 5px;}
	div.prints-text{font-size: 15px;}
	div.land-footer{padding: 5px;}
	div.land-footer .prints-text{margin: -10px -10px 15px -10px; width: auto;}
	div.land-footer .rights{ width: auto; margin: auto -30px auto -30px;}
	div.lg-title{ margin-top: 10px;}
	div.land-gallery img{width: 180px; height: 180px;}
	div.lg-item p{width: 200px; }
	div.lg-title{font-size: 15px;}
	div.ban-bc-link a{font-size: 15px;}
}
@media screen and (max-width: 241px){
    .sidebar-nav{width: 120px;}
}