/*
Theme Name: Jeweller Store Pro
Theme URI: https://www.misbahwp.com/products/jeweller-store-wordpress-theme/
Description: The Jeweller Store WordPress Theme provides an exceptional platform tailored to the discerning needs of jewellery artisans and retailers. Crafted with meticulous attention to detail, this premium theme offers a luxurious and versatile solution for showcasing exquisite jewellery pieces and accessories. Tailored specifically for jewellery and fashion stores, the Jeweller Store WordPress Theme caters to a wide range of products, from timeless wedding rings and elegant tiaras to contemporary multilayer necklaces and magnetic bracelets. Whether you specialize in beaded jewellery making, diamond processing, or crafting glass bangles, this premium theme provides the perfect backdrop to highlight your unique creations.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.1
Requires PHP: 5.6
Tested up to: 5.8
Tags: blog, food-and-drink, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: jeweller-store-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image), .wc-block-grid__product .wc-block-grid__product-title {
    margin: 0 0 12px;
    font-size: 15px;
}


.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
  color: #33302D;
  text-transform: capitalize;
  font-weight: 500;
}

body {
  font-family: "Poppins", sans-serif;
  color: #908E8B;
  margin:0;
  background: #fff;
}
h1,h2,h3, h4, h5, h6{
  font-family: "Jockey One", sans-serif;
}
a {
  color:#33302D;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#B2905F;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.register,.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.login{
  background: #fff;
  color: #212121;
}
.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
  font-size: 300px;
  color: #33302D;
}
.page-404 h3{
  font-size: 38px;
  color: #33302D;
}
.page-404 hr{
  width: 10%;
  background: #9ae2e1;
  padding: 1px;
}
.page-404 p{
  margin-left: 30%;
  margin-right: 30%;
}
.page-404 .intro-button{
 text-align: center;
 display: inline-block;
 padding: 5px;
}
.page-404 .button{
  padding: 15px 40px;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
  background:  #B2905F;
}
.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #33302D;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 20px 0;
  min-height: 53px;
  line-height: 1.4em;
  word-break: break-all;
}
.logo a {
  color: #33302D;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#33302D;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
  width: 160px;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #fff;
  font-size: 18px;
}
.social-links a:hover{
  color: #B2905F; 
  margin-bottom: 0;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu ul.children, #main-menu ul.sub-menu {
  display: none;
}
#main-menu ul li:hover .sub-menu {
  display: block;
}
#main-menu {
  display:block;
  position:relative;
  margin:0 auto;
}
#main-menu ul {
  margin:0;
  padding: 0;
  display:flex;
  justify-content: flex-end;
}
#main-menu ul li {
  position:relative;
  display:block;
  float:left;
  text-align:left;
}
#main-menu ul li a {
  color: #33302D;
  text-decoration:none;
  display:block;
  z-index:1;
  padding:5px 25px;
    /* padding-left: 0; */
  margin:0;
  font-weight: 500;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
  position:relative;
  line-height:40px;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-size: 14px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
  color:#fff;
  background: #B2905F;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
  opacity:0;
  position: absolute;
  top: 50px;
  left: 0;
  background:#fff;
  z-index:10001;
  width:213px;
  padding-left:0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
  display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
  top:0px;
  left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
  display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
  color: #33302D;
  -webkit-transition: 
  all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  cursor: pointer;-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#main-menu ul.sub-menu li a:hover {
  color: #fff;
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
  content: '';
  position: absolute;
  -webkit-transition: 
  inherit;transition: 
  inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
  top: 0;
  width: 0;
  height: 100%;}

#main-menu ul.sub-menu li a:before {
  left: 0;
  border: 1px solid #33302D;
  border-left: 0;
  border-right: 0;}
#main-menu ul.sub-menu li a:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
  width: 100%;
 }
#main-menu ul.sub-menu li a:after {
  right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
  background: #33302D;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
  display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
  opacity:1;
  right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
  background: #33302D;
  color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
  display:none;
}

 

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
 

  
 p.cart-item-box{
  position: absolute;
    top:-10px;
    right: -10px;
    background:  #33302D;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
 }
 .header-search .open-search-form i:hover{
  color: #33302D;
 }
/* a.cart-customlocation i:hover{
  color: #fff;
 }*/
.header-search .search-form {
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100%;
  padding:0;
  z-index:1001;
  visibility: hidden;
  -webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  background: rgba(255,255,255, 0.98) none repeat;
  border:none !important;
}
.header-search .search-form.is-open {
  right:0;
  height:100vh;
  visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
  top:50px;
  position:absolute;
  margin-left:-13px;
  left:50%;
}
.header-search .search-form i.searchform-close-button {
  font-size:25px;
  color:#616161 !important;
  opacity:0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
  opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
    display: none;
}


/* ===============================================
   POST BOX
   ============================================= */

 
 
h4.post-title {
  font-size: 22px;
  color: #33302D;
  font-weight: 800;
}
.post-content p{
  color: #898d94;
}
.post-meta i{
  color:  #B2905F;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 500;
  color: #33302D;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #121d21;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
    border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}
.post-content img,
.post-thumbnail img {
  max-height:100%;
  height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
  float: left;
  width: 100%;
}
 
.latest-post .post-date {
  float: left;
}
.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post figure{
  margin: 0;
  padding: 0;
  background: #33302D;
  overflow: hidden;
}
.latest-post figure:hover+span{
  opacity: 1;
}
.latest-post figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
.latest-post:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
.post-single .tags-bg a{
  padding: 10px 15px;
  background: #33302D;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  margin:0 10px;
}
.post-single .tags-bg a:hover{
  background:#33302D ;
}
.post-single .blog_share_icon .fab{
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  background: #33302D;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  margin:0 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.post-single .blog_share_icon .fab:hover{
  transform: rotate(360deg);
  background:  #B2905F;
}
.post-single {
  display: block;
}
label{
  display: block;
}
 
.latest-post h4 a{
  color: #33302D;
  font-weight: 600;
}
.latest-post h4 a:hover{
  color: #B2905F;
}
.latest-post .post-content p{
  color: #908E8B;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
.latest-post{
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.08));
  border: 1px solid #B2905F;
  padding: 20px;
  background: #fff;
}
.latest-post .far.fa-calendar-alt, .latest-post .fas.fa-bookmark{
  color: #717982;
} 
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.latest-post figure{
  margin: 0;
  padding: 0;
  background: #33302D;
  overflow: hidden;
 }
.latest-post figure:hover+span{
  opacity: 1;
}
.latest-post figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
.latest-post .post-item:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

.latest-post .far.fa-calendar-alt{
  color: #db1d14;
}
.latest-post .far{
  color: #db1d14;
  font-size: 18px;
}
.latest-post span {
    text-transform: uppercase;
    color: #ee9c71;
    letter-spacing: 1px;
    font-weight: 500;
  }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #33302D;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color:  #B2905F;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #33302D;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
  background:  #B2905F;
  color: #f3f4f7;
  text-decoration: none;
}

 
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }
  #mySidenav span{
    display: block;
    font-size:30px;
    cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
    display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 5px 15px;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    /* padding: 0; */
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #33302D;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  /* #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  } */
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.jeweller-store-pro-pagination {
  margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.jeweller-store-pro-pagination a span,
.jeweller-store-pro-pagination span.current {
  display:inline-block;
  text-decoration: none;
  padding:10px 20px;
  font-size:18px;
  font-weight: 600;
  line-height:21px;
  color:#222;
  border-radius: 4px;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  position:relative;
  margin:0;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.jeweller-store-pro-pagination span.current,
.jeweller-store-pro-pagination span.current:hover,
.jeweller-store-pro-pagination span.current:focus,
.jeweller-store-pro-pagination a span:hover,
.jeweller-store-pro-pagination a span:focus {
  background:#33302D;
  color: #ffffff;
}

.commentlist {
  list-style:none;
  margin:0;
  padding:0
}

.commentlist ul {
  list-style:none;
  padding:0;
  margin:0;
}

.commentlist li {
  margin:0;
}

.commentlist li .comment-respond {
  margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
  margin-bottom:0px;
}

.comment-container {
  position: relative;
  margin:0 0 25px 0;
  padding:30px;
  background:#fff;
  border:solid 1px #f3f4f7 !important;
  z-index:999
}

.comment-avatar img {
  float:left;
}

.comment-text {
  position:relative;
  margin-left:110px;
  padding:0 0 0 15px
}

.comment-container .comment-date {
  padding:15px 0;
}

.comment-avatar {
  position:relative;
  width:110px;
  float:left;
}

.comment-author .author {
  display:block;
  font-weight:bold;
}

.commentlist .children li {
  margin-left:30px;
}

.comment-notes {
  font-size:12px;
  margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
  height:30px;
  line-height:30px;
  margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
  font-size: 15px;
  margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
  padding: 10px 2%;
  background:#fff;
  width: 100%;
  margin:0 0 15px 0;
  border:1px solid black;
  color:#33302D;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.comment-form input[type=submit] {
  background: #33302D;
  color: #fff;
  border:none;
  font-size:14px;
  font-weight: 600;
  text-align:center;
  position:relative;
  display: block;
  text-shadow:none;
  padding:10px 15px;
  width:inherit;
  margin:0;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
  cursor: pointer;
 
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
  background-color:#248efa;
  text-decoration:none
}

.logged-in-as a {
  color:#33302D;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
  display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #fff;
  border: 1px solid  #e9e7f4;
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
  /* padding-bottom: 15px; */
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height:1.9em;
  font-weight: normal;
}
.sidebar-area a{
  font-size: 16px;
  line-height: normal;
}

.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #33302D;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #B2905F;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  background: #33302D;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
  background: #33302D;
  color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}
.sidebar-area input[type="search"]{
  width: 69%;
  border: none;
  background: transparent;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
  background:#f3f4f7;
  color:#434343 !important;
}
#wp-calendar a:hover {
  border:none;
}
#wp-calendar {
  background: #fff;
  width:100%;
}
#wp-calendar caption {
  font-size: 14px;
  text-transform:uppercase;
  margin:0 0 10px 0;
  text-align:left;
}
#wp-calendar th,
#wp-calendar td {
  text-align: center;
  font-size: 14px;
  color:#434343 !important;
  padding:3px 6px;
}
#wp-calendar td a {
  display:block;
  text-align: center;
  font-size: 14px;
  color:#434343 !important;
  text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
  text-decoration:none;
  text-align:left;
}
#wp-calendar th{
  font-weight:bold
}
tr:nth-child(2n+2) {
  background-color: #f3f4f7;
}
.searchform label {
  display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 0;
  outline: none;
  border-radius: 4px 0 0 4px;
  border: 1px solid #eee;
}
.searchform input[type=submit]{
  background: #B2905F;
  border: none;
  color: #fff;
  font-size:14px;
  font-weight: 600;
  text-align:center;
  position:relative;
  float:left;
  text-shadow:none;
  padding:14px 0;
  width:110px;
  margin:0 auto;
  cursor: pointer;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
  border-radius: 0 4px 4px 0;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
  background-color: #B2905F;
  text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area .post-thumbnail{
  width: 80px;
  height: 80px;
 }
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    
  }
  .sidebar-area .post-title {
    font-size: 18px;
  }
footer {
  background: #fff;
  border-top: 1px solid #B9B9B9;
}
footer .sidebar-area {
  background: none;
  padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
  color: #FFF;
  font-size: 14px;
}
footer a:hover{
  color: #33302D;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
  max-width:100%;
  height:auto;
  margin-bottom: 20px;
}
.alignleft,
img.alignleft {
  display:inline;
  float:left;
  margin-right:24px;
  margin-top:4px;
}
.alignright,
img.alignright {
  display:inline;
  float:right;
  margin-left:24px;
  margin-top:4px;
}
div.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom:12px;
}
.wp-caption {
  background:#f1f1f1;
  line-height:18px;
  margin-bottom:25px;
  max-width:100% !important;
  padding:4px;
  text-align:center;
}
.wp-caption img {
  margin:5px 5px 0;
  width:96%;
  height:100%
}
.wp-caption p.wp-caption-text {
  color:#888;
  font-size:12px;
  margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
  height: 70px;
}


/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #33302D;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
  color: #fff;
  padding: 8px;
  margin: 5px 0;
}
#button_scroll:hover {
  background:  #B2905F;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #33302D;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #B2905F transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}
.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #fff transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/

@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}
a.close-search-form{
  display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
  margin-top: 32px;   
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.08));
}
 
.top-header{
  background: #B2905F;
}

/*Body*/ 

 
header#site-navigation{
  background: #FFF;
}

.header-menu .logo-image img{
  width: 100%;
}
 
.header-menu .inner-sectrion{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-menu .inner-sectrion p{
  color: #fff;
  font-family: "Inter", sans-serif;
}
.header-menu .inner-sectrion a{
  color: #ffff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
}
.header-menu .inner-sectrion a:hover{
  color: #33302D;
}
.order-button{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.order-button a{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #B2905F;
  position: relative;
  margin-left: 25px;
}
.order-button a:hover{
  color: #33302D;
}

 
.middle-header .wishlist, .middle-header .my_account, .middle-header .cart-sec{
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.header-menu  .services-inner{
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-menu  .services-inner .dashicons{
  color: #B2905F;
  font-size: 22px;
  margin-right: 3px;
  font-family: "dashicons";
}
.header-menu  .services-inner span{
  font-size: 14px;
  font-weight: 300;
  font-family: "Inter", sans-serif;
}
.header .product-cat {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  top: 50px;
  right: auto;
  z-index: 999;
  text-align: left;
  font-size: 14px;
  border: none;
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
}

.header li.drp_dwn_menu {
  padding: 10px 15px;
  background: #B2905F;
  border-bottom: 1px solid #fff;
}

.header li.drp_dwn_menu:hover{
  background: #000;
}

.header li.drp_dwn_menu a{
  color: #fff;
  margin-left: 0;
}

.product-btn{
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
  color: #B2905F;
}
.product-btn:hover{
  color: #B2905F;
  outline: none;
}

/*SLIDER SECTION*/ 

#slider{
  position: relative;
  background-position:center !important;
}
#slider .banner-cnt{
  position: relative;
  z-index: 11;
  padding: 80px 0;
}
#slider::after{
  content: '';
  background: rgba(178, 144, 95, 1);
  position: absolute;
  inset: 0;
  opacity: 0.8;
}
 
#slider h2{
  font-size: 24px;
  color: #fff;
  font-family: 'Pacifico', cursive;
}
#slider h1{
  font-size: 54px;
  color: #fff;
  font-weight: 500;
}
#slider p{
  color: #fff;
  line-height: normal;
}
#slider .button{
  background: #33302D;
  color: #B2905F;
  padding: 10px 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  
}
#slider .button:hover{
  background: #B2905F;
  color: #fff;
}
#slider .button-text{
  font-family: "Jockey One", sans-serif;
}


#slider .owl-carousel{
  background: #fff;
  padding: 20px;
  border-right: 10px solid #B2905F;
}

#slider .owl-dots {
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
#slider .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #D9D9D9;
  margin: 0 5px;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#B2905F ;
  width: 14px;
  height: 14px;
}
#slider h3{
  font-size: 16px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
#slider h6{
  color: #B2905F;
  font-size: 16px;
  font-weight: normal;
  font-family: "Inter", sans-serif;
}
#slider .owl-carousel .product-image{
  position: relative;
}
#slider .owl-carousel .button{
  visibility: hidden;
  position: absolute;
  bottom: 20px;
  left: 30px;
  right: 30px;
  text-align: left;
  display: flow;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  width: 200px;
  margin: auto;

}
#slider .owl-carousel .button::after{
  content: "\f344";
  font-family: dashicons;
  float: right;
}
#slider .owl-carousel .product-image:hover .button{
  visibility: visible;
}
#slider .owl-carousel  .box-content{
  position: relative;
}
#slider .owl-carousel a.added_to_cart.wc-forward{
  background: #33302D;
  color: #fff;
  padding: 10px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 150px;
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
}
#slider .owl-carousel a.added_to_cart.wc-forward:hover{
  background: #B2905F;
}




/* Main css */

.page-template-frontpage h5{
  color: #B2905F;
  font-size: 20px;
  margin-bottom: 10px;
  letter-spacing: 1px;
  line-height: normal;
  font-family: 'Pacifico', cursive;
  text-decoration-thickness: from-font;
  position: relative;
  display: inline-block;
}

.page-template-frontpage h5::after{
content: '';
background: #B2905F;
position: absolute;
bottom: 7px;
right: 0;
left: 0;
height: 1px;
width: 100%;
}

.page-template-frontpage h2{
color: #33302D;
font-size: 34px;
}

 
.page-template-frontpage h4{
  font-size: 18px;
  color: #33302D;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-top: 20px;
}

p{
  line-height: 30px;
  font-size: 14px;
}
 .button-new{
  padding: 10px 20px;
    text-align: left;
    transition: .3s ease-in-out;
    display: inline-flex;
    width: 200px;
    justify-content: space-between;
    background: #B2905F;
    color: #fff;
    font-weight: 300;
}

.button-new::after{
  content: "\f344";
  font-family: dashicons;
  float: right;
  color: #fff;
}
.button-new:hover{
  background: #33302D;
  color: #fff;
}

span.onsale {
  padding: 5px 10px;
  font-size: 14px;
  position: absolute;
  top: 20px;
  left: 10px;
  background: #33302D;
  color: #fff;
}



/*PRODUCT CATEGORY SECTION*/

#product-category .product-box{
  position: relative;
}
#product-category .product_title{
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: #fff;
  text-align: center;
  font-size: 14px;
  padding: 10px 20px;
  text-transform: uppercase;
  color: #33302D;
  transition: .3s ease-in-out;
}
#product-category .product-box:hover .product_title{
  background: #B2905F;
  color: #fff;
  text-align: left;
}
#product-category .product_title::after{
  content: "\f344";
  font-family: dashicons;
  float: right;
  visibility: hidden;
}
#product-category .product-box:hover .product_title:after{
  visibility: visible;
}
#product-category .owl-nav{
  display: none;
}
#product-category .owl-dots {
  text-align: center;
  width: 100%;
  margin-top: 30px;
}
#product-category .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #D9D9D9;
  margin: 0 5px;
}
#product-category .owl-dots button.owl-dot.active {
  background-color:#B2905F ;
  width: 14px;
  height: 14px;
}

#product-category figure{
  margin: 0;
  padding: 0;
  background: rgba(178, 144, 95, 1);
  overflow: hidden;
}
#product-category figure:hover+span{
  opacity: 1;
}
#product-category figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
 
#product-category .product-box figure:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}


/* Our Story Section */

#our_story .img-box img{
  width: 100%;
}
#our_story h2{
  font-family: "Inter", sans-serif;
}
  
#our_story .info-btn{
  color: #B2905F;
  text-decoration: underline;
}
#our_story .info-btn:hover{
  color: #33302D;
}
#our_story figure{
  margin: 0;
  padding: 0;
  background: rgba(178, 144, 95, 1);
  overflow: hidden;
}
#our_story figure:hover+span{
  opacity: 1;
}
#our_story figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
 
#our_story figure:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

/*New Arrival SECTION*/

#new-arrival .arrival-box{
  border: 2px solid #B2905F;
  padding-bottom: 15px;
}
#new-arrival .countdown{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #B2905F;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 25px;
  font-size: 16px;
  font-family: "Inter", sans-serif;
}

.time-text{
  font-weight: 400;
  color: #33302D;
  font-family: "Inter", sans-serif;;
}
 
#new-arrival .countdown span{
  margin: 0 5px;
}
#new-arrival .new-arrival-timer{
  display: flex;
  align-items: center;
  justify-content: center;
}

#new-arrival .box{
  overflow: hidden;
  position: relative;
}
#new-arrival .box img{
  width: auto;
  height: auto;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  margin: 100%;
  max-width: 100%;
}
#new-arrival .box img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#new-arrival .box-content{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#new-arrival .box-content a.added_to_cart.wc-forward{
  position: relative;
  font-size: 14px;
  margin-top: 10px;
  color: #fff;
  padding: 10px 15px;
  background:  #B2905F;
}
#new-arrival .box-content a.added_to_cart.wc-forward:hover{
  background: #33302D;
}
 
#new-arrival .box-content  a.button{
  padding: 10px 20px;
  color: #fff;
  background: #B2905F;
  transition: all 0.2s; 
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
  text-align: left;
  width: 75%;
}
#new-arrival .box-content  a.button::after{
  content: "\f344";
  font-family: dashicons;
  float: right;
  color: #fff;
}
#new-arrival .box-content  a.button:hover{
  background: #33302D;
}

 
#new-arrival .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 14px;
  width: 5.4em;
  margin-bottom: 10px;
  font-family: star;
  color: #B2905F;
}
 
#new-arrival h3 a{
  color: #33302D;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
}
#new-arrival h3 a:hover{
  color: #B2905F;
}
#new-arrival ins span.woocommerce-Price-amount.amount{
  color: #B2905F;
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
  font-family: "Inter", sans-serif;
}
#new-arrival ins{
  text-decoration: none;
}
#new-arrival del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
 
#new-arrival .img-box-div{
  height: 300px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
 
#new-arrival  h6.price{
  font-weight: 400;
  color: #B2905F;
  font-family: "Inter", sans-serif;
}
#new-arrival .tab-product{
  border: 2px solid transparent;
  padding-bottom: 10px;
  position: relative;
}
#new-arrival .tab-product:hover{
  border: 2px solid #B2905F;
}

#new-arrival .owl-dots {
  text-align: center;
  width: 100%;
  margin-top: 30px;
}
#new-arrival .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #D9D9D9;
  margin: 0 5px;
}
#new-arrival .owl-dots button.owl-dot.active {
  background-color:#B2905F ;
  width: 14px;
  height: 14px;
}

 
#new-arrival .tinvwl_add_to_wishlist_button{
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #B2905F;
  visibility: hidden;
}


#new-arrival .tab-product:hover .tinvwl_add_to_wishlist_button{
  visibility: visible;
}

#new-arrival .flash-sale{
  padding: 10px 20px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url(./images/background/star-bg.svg);
  color: #fff;
  background-repeat: no-repeat;
  width: 110px;
  height: 100px;
  font-size: 14px;
}

/* 
#new-arrival .flash-sale::after{
  content: '';
  background: url(/images/background/star-bg.svg);
} */
/* Custom Design Section */

#custom_design h4{
  color: #B2905F;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
}
#custom_design .img-box2{
  position: relative;
  right: -50px;
}
#custom_design ul{
  margin: 0;
  padding-left: 20px;
}
#custom_design  li{
    list-style: decimal-leading-zero;
    padding-left: 15px;
}
#custom_design  li::marker {
  color: #B2905F;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 16px;
}

#custom_design figure{
  margin: 0;
  padding: 0;
  background: rgba(178, 144, 95, 1);
  overflow: hidden;
}
#custom_design figure:hover+span{
  opacity: 1;
}
#custom_design figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
 
#custom_design figure:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

/* Trending Products Section */

#trending_products .tab-section {
  display: inline-block;
}

#trending_products .tab-section button {
  border: none;
  background: transparent;
  color: #fff;
  outline: none;
  cursor: pointer;
}

#trending_products .tab-section ul {
  margin: 20px 0;
  padding: 0;
  border-bottom: 1px solid #908E8B;
  display: flex;
}

#trending_products .product-tab {
  float: unset;
  position: relative;
  display: inline-block;
}

#trending_products button.tablinks {
  padding: 5px 30px;
  font-size: 16px;
  color: #908E8B;
  font-weight: 300;
  display: inline-block;
  transition: all 0.2s;
}

#trending_products .tabcontent.active {
  display: block;
}

#trending_products .tabcontent {
  display: none;
}

#trending_products button.tablinks.active, #trending_products button:hover{
  color: #B2905F;
  font-weight: 600;
  border-bottom: 2px solid #B2905F;
  
}

#trending_products .box {
  overflow: hidden;
  position: relative;
}
#trending_products figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  
}
#trending_products .box img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  
  width: 100%;
}

#trending_products .product-box:hover .box img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  
}

#trending_products .box .box-content {
  font-size: 0;
}
#trending_products .intro-button{
position: absolute;
left: 100px;
}
#trending_products a.added_to_cart.wc-forward {
font-size: 0;
}
#trending_products a.added_to_cart.wc-forward:after{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f06e";
color:#fff ;
font-size: 16px;
background: #B2905F;
width: 40px;
height: 40px;
padding: 10px;
position: absolute;
right: 0;
bottom: 40px;
}

#trending_products  a.added_to_cart.wc-forward:hover {
  background: #000000;
}

#trending_products .product-box:hover .title {
  transform: translateY(0);
}

#trending_products  a.button::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f07a";
  color:#fff ;
  font-size: 16px;
  background: #B2905F;
  width: 40px;
  height: 40px;
  padding: 10px;
  position: absolute;
  left: 30px;
  bottom: 35px;
  visibility: hidden;
}
#trending_products  .product-box:hover a.button::after{
  visibility: visible;
}
#trending_products a.button {
  color: #fff;
  transition: all 0.2s;
  text-decoration: none;
  font-weight: 500;
  font-size: 0;
  position: relative;
}
#trending_products .product-details{
padding: 0 20px 20px;
}

#trending_products .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 16px;
  width: 5.4em;
  font-family: star;
  color: #B2905F;
  margin: auto;
}

#trending_products .star-rating::before {
  content: "\73\73\73\73\73";
  color: #C5C5C5;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

#trending_products .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  color: #B2905F
}

#trending_products .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

#trending_products h4 a {
  color: #33302D;
  font-size: 18px;
  font-family: "Inter", sans-serif;
}

#trending_products span.woocommerce-Price-amount.amount {
  color: #B2905F;
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  font-family: "Inter", sans-serif;
}

#trending_products ins {
  text-decoration: none;
}

#trending_products del span.woocommerce-Price-amount.amount bdi {
 color: #d3d3d3;
}

#trending_products .product-box {
  position: relative;
  background: #fff;
  border-radius: 10px;
}

#trending_products a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after.tinvwl-product-in-list,
#trending_products a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after {
  position: absolute;
  bottom: 20px;
  left: auto;
  right: 70px;
  background: #fff;
  width: 40px;
  height: 40px;
  color: #33302D;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}
#trending_products .product-box:hover a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after.tinvwl-product-in-list,
#trending_products .product-box:hover a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-position-after{
  visibility: visible;
}

#trending_products a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after.tinvwl-product-in-list {
  background: #B2905F;
  color: #fff;
  border: none;
}

#trending_products .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before {
  margin-right: 0;
  font-size: 24px;
}
#trending_products .owl-dots {
  text-align: center;
  width: 100%;
  margin-top: 30px;
}
#trending_products .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #D9D9D9;
  margin: 0 5px;
}
#trending_products .owl-dots button.owl-dot.active {
  background-color:#B2905F ;
  width: 14px;
  height: 14px;
}


/* Jewelry Poster Section */

#jewelry_poster{
  padding: 160px 0;
}
#jewelry_poster h5{
  color: #fff;
   
}
#jewelry_poster h5::after{
  background: #fff;
}
#jewelry_poster h2{
  color: #fff;
 
}
#jewelry_poster p{
  color: #fff;
}
#jewelry_poster .button-new{
  background: #33302D;
}
#jewelry_poster .button-new:hover{
  background: #B2905F;
   
}

/* Testimonial Sections */
#testimonial .row-width{
  margin: auto;
}
#testimonial .testimonial-box{
  max-width: 450px;
  margin: auto;
}
#testimonial .dashicons{
  color: #fff;
  font-size: 56px;
  transform: rotateY(180deg);
  width: auto;
  margin: auto;
}
#testimonial .box-img{
  width: 90px;
  height: 90px;
  margin: 45px auto;
}
#testimonial .box-img img{
  width: 100%;
  margin: auto;
}
#testimonial .owl-dots {
  text-align: center;
  width: 100%;
  margin-top: 30px;
}
#testimonial .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #D9D9D9;
  margin: 0 5px;
}
#testimonial .owl-dots button.owl-dot.active {
  background-color:#33302D ;
  width: 14px;
  height: 14px;
}
#testimonial p{
  color: #fff;
  margin: 30px 0;
}



/*HOT PRODUCT SECTION*/

#featured_jewelry .box{
  overflow: hidden;
  position: relative;
}
#featured_jewelry .box img{
  width: auto;
  height: auto;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#featured_jewelry .box img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#featured_jewelry .box .box-content{
  color: #fff;
  background: #33302D;
  text-align: center;
  /* width: 135px;
  padding: 10px; */
  font-size: 0;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  bottom: 20px;
  left:100px;
  z-index: 1;
  transition: all 0.3s ease-out;
}
#featured_jewelry .box .box-content:hover{
  background:  #B2905F;
}
#featured_jewelry .box:hover .box-content{ opacity: 1; }
#featured_jewelry .box .box-content:before,
#featured_jewelry .box .box-content:after{
  content: '';
  height: 100%;
  width: 100%;
  border-radius: 10px;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}
#featured_jewelry .box .box-content:after{
  border-left: none;
  border-top: none;
  transform-origin: bottom right;
}
#featured_jewelry .box:hover .box-content a:before,
#featured_jewelry .box:hover .box-content a:after{
    transform: scale(1);
}
#featured_jewelry .box-content a.added_to_cart.wc-forward{
  position: relative;
  float: right;
  font-size: 0;
  /* right: 8px;
  margin-top: 10px;
  color: #fff; */
  /* padding: 5px 15px;
  background:  #B2905F; */
   
}
#featured_jewelry .box:hover .title{
    transform: translateY(0);
}
#featured_jewelry .box-content  a.button{
  /* padding: 7px 10px;
  margin: 5px 0; */
  color: #fff;
  font-size: 0;
  transition: all 0.2s; 
  text-decoration: none;
  
}
 
 
#featured_jewelry h3 a{
  color: #33302D;
  font-weight: 500;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-family: "Inter", sans-serif;
}
#featured_jewelry h3 a:hover{
  color: #B2905F;
}
#featured_jewelry ins span.woocommerce-Price-amount.amount{
  color: #B2905F;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
}
#featured_jewelry ins{
  text-decoration: none;
}
#featured_jewelry del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
 
#featured_jewelry .img-box-div{
  height: 326px;
  background: #F0F0F0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
 
#featured_jewelry  h6.price{
  font-weight: 400;
  color: #B2905F;
  font-family: "Inter", sans-serif;
}

#featured_jewelry .owl-dots {
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
#featured_jewelry .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #D9D9D9;
  margin: 0 5px;
}
#featured_jewelry .owl-dots button.owl-dot.active {
  background-color:#B2905F ;
  width: 14px;
  height: 14px;
}
#featured_jewelry .tinvwl_add_to_wishlist_button{
  position: absolute;
  right: 30%;
  bottom: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #33302D;
  background: #fff;
  visibility: hidden;
}
#featured_jewelry  .tab-product:hover .tinvwl_add_to_wishlist_button{
  visibility: visible;
}

#featured_jewelry a.added_to_cart.wc-forward:after{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f06e";
  color:#fff ;
  font-size: 16px;
  background: #B2905F;
  width: 40px;
  height: 40px;
  padding: 10px;
  position: absolute;
  right: 15px;
  bottom: 0;
  }
  
  #featured_jewelry  a.added_to_cart.wc-forward:hover {
    background: #000000;
  }
  
  #featured_jewelry .product-box:hover .title {
    transform: translateY(0);
  }
  
  #featured_jewelry  a.button::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07a";
    color:#fff ;
    font-size: 16px;
    background: #B2905F;
    width: 40px;
    height: 40px;
    padding: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
  }

/* Product Poster */

#product-poster .poster-box{
  border: 1px solid #EFF1F2;
  border-radius: 5px;
  overflow: hidden;
}
#product-poster .poster-content{
  padding: 20px;
}
#product-poster .poster-image-box{
  background: linear-gradient(180deg, #638CB0 0%, #D2E0F4 100%);
  padding: 50px 20px;
  position: relative;
  display: flex;
  justify-content: center;
  height: 405px;
}
#product-poster .poster-image-box img{
  width: auto;
}
 
#product-poster .poster-right-side-image{
  position: relative;
  
}
#product-poster .poster-right-side-image img{
  position: absolute;
  bottom: 0;
}
#product-poster .dashicons-products{
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  bottom: 20px;
}


 
/*LATEST NEWS SECTION*/

#latest-news figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  object-fit: cover;
  background: #eee;
}
#latest-news figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  height: 100%;
}
#latest-news .recent_box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
 
#latest-news h6 a{
  color: #33302D;
  font-weight: 600;
  font-size: 18px;
  font-family: "Inter", sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#latest-news h6 a:hover{
  color: #B2905F;
}
#latest-news .post-image-box{
  position: relative;
}
#latest-news .post-date{
  position: absolute;
  right: auto;
  background: #B2905F;
  padding: 10px 10px;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
}
#latest-news .post-date p{
  margin-bottom: 0;
  font-weight: 300;
}
#latest-news .post-content{
  margin-top: 30px;
}
#latest-news .post-goto{
  color: #8C6239;
  font-weight: 300;
  font-size: 14px;
  font-family: "Inter", sans-serif;
   padding: 15px 20px;
}
#latest-news .recent_box{
  border: 1px solid #B2905F;
  padding: 20px;
  height: 100%;
}

.recent_box_same{
  display: flex;
  width: 100%;
  height: 530px;
}



 /* Sponsar Section */

 #sponsors .img-box{
  width: 200px;
  height: 70px;
  margin: auto;
 }
 #sponsors .img-box img{
  width: 100%;
 }




/* Blog section */

.latest-post .post-image-box{
  position: relative;
}
.latest-post .post-date{
  position: absolute;
    right: auto;
    background: #B2905F;
    padding: 10px 10px;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}
.latest-post .latest_content{
  margin-top: 30px;
}
 
.latest-post .post-goto{
  color: #8C6239;
  font-weight: 300;
  font-size: 14px;
}
.latest-post .post-title a{
  color: #33302D;
  font-weight: 600;
  font-size: 18px;
  font-family: "Inter", sans-serif;
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.latest-post .post-date p{
  margin-bottom: 0;
  font-weight: 600;
}
h2.wp-block-heading, .wp-block-search__label{
  padding: 10px 10px;
  background: #33302D;
  color: #fff;
  border-bottom: 5px solid #B2905F;
  font-size: 24px;
}

.footer-area h2.wp-block-heading, .footer-area .wp-block-search__label{
  padding: 0;
  background: transparent;
  color: #fff;
  border: 0;
  font-size: 24px;
  text-align: left;
}
.wp-block-latest-posts.wp-block-latest-posts__list{
  padding-left: 10px;
}
ol.wp-block-latest-comments{
  padding: 0;
}
ol.wp-block-latest-comments .footer{
  float: unset;
}

.footer1 .widget_block{
  display: none;
}
#banner .post-title{
  text-align: center;
}


/*Footer Section*/

.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 5px 0;
  font-size: 14px;
  color: #FFF;
  font-weight: 500;
}
 .footer-area h4.title{
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 20px;
 }
 
.footer-area  .fab{
  margin-right: 20px;
  margin-top: 10px;
  color: #33302D;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  background: #E2E2E2;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
}
.footer-area .fab:hover{
  color: #fff;
  background: #B2905F;
}
.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
  font-weight: 400;
  color: #e6e6e6;
  font-size: 18px;
}
.footer-area .post-meta a:hover{
  color: #B2905F;
}
.footer-area ul {
    padding: 0px;
    list-style: none;
    line-height: 2;
  }
.footer-area ul li{
  margin: 10px 0; 
  color: #FFF;
  font-weight: 500;
  font-size: 14px;
}
 
.footer-area img{
  width: auto;
  margin-bottom: 10px;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #FFF;
}
.footer-area h3, .footer-area h2{
  font-size: 24px;
  color: #FFF;
}
.copyright {
  background: #B2905F;
  
  
}
.copyright-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #C1C0BE;
}
.copyrigt-links a{
  margin-left: 30px;
}

.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
  color: #fff;
}
.copyright a:hover{
  color: #000;
}
 a.buynowbtn {
    background: #B2905F;
    color: #fff !important;
    padding: 5px 10px !important;
}
.right-border{
  position: relative;
}
.right-border::after{
  content: '';
  background: #C1C0BE;
  width: 1px;
  height: 50px;
  position: absolute;
  right: -20px;
  top: -10px;

}

.footer-area input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email{
  border: 1px solid #C1C0BE;
  outline: none;
  box-shadow: none;
  background: transparent;
  width: 100%;
  padding: 10px 20px;
}
.footer-area input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email::placeholder{
  color: #fff !important;
}
.footer-area input.wpcf7-form-control.wpcf7-submit.has-spinner{
  background: #33302D;
  color: #fff;
  display: block;
  text-align: center;
  padding: 10px 20px;
  border: 0;
  box-shadow: none;
  margin-top: 15px;
  width: 100%;
  cursor: pointer;
}
.copyright a {
    color: #fff !important;
}
.copyright p {
    color: #fff !important;
    margin-bottom: 0;
}

/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #33302D;
  font-weight: 700;
}
#contact h2{
 font-size: 34px;
  line-height: 42px;
  color: #33302D;
  font-weight: 500;
}
#contact hr{
  background: #33302D;
    padding: 1px;
    width: 10%;
}
#contact p{
  color: #2b2b2b;
}
#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}
#contact input.wpcf7-form-control.wpcf7-text {
    padding: 10px 20px;
    background: #f9f8ff;
    border: none;
    box-shadow: 2px 2px 4px 2px #B2905F;
    margin: 10px;
    outline: none;
    width: 46%;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 94%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 0px;
  background: #f9f8ff;
  box-shadow: 2px 2px 4px 2px #B2905F;
  outline: none;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin-top: 30px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  background: #33302D;
  border: none;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background:  #B2905F;
  color:#fff; 
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .dashicons{
  font-size: 50px;
  color: #33302D;
  display: inline;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#contact .services-box:hover .dashicons{
  transform: rotate(360deg);
  color:  #B2905F
}
#contact h6{
  color: #B2905F;
  font-size: 20px;
}
#contact .services-box{
  border: 2px solid #B2905F;
  height: 100%;
  padding: 20px 20px;

}
#contact .services-box p{
  margin-bottom: 0;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
    color: #fff !important;
}

 
 
@media (max-width: 991px){
   
  .product-btn{
    font-size: 10px;
    display: flex;
    align-items: center;
  }
  .product-btn span{
    font-size: 16px;
    margin-right: 5px;
  }

  #slider .left-side-sec img{
    position: relative;
  }
  .copyright-box{
    display: block;
  }

  #sponsors .owl-dots {
    text-align: center;
    width: 100%;
    margin-top: 30px;
  }
  #sponsors .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #D9D9D9;
    margin: 0 5px;
  }
  #sponsors .owl-dots button.owl-dot.active {
    background-color:#B2905F ;
    width: 14px;
    height: 14px;
  }


  #latest-news .owl-dots {
    text-align: center;
    width: 100%;
    margin-top: 30px;
  }
  #latest-news .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #D9D9D9;
    margin: 0 5px;
  }
  #latest-news .owl-dots button.owl-dot.active {
    background-color:#B2905F ;
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 767px){
 .testimonial-block2 {
  background-size: 100% 100% !important;  
  }
}
@media (max-width: 767px){
   
  .copyrigt-links a{
    font-size: 14px;
    margin-left: 10px;
  }
  .copyright p{
    font-size: 14px;
  }

  h1.post-title{
    font-size: 22px;
  }
  #contact .services-box{
    height: auto;
    margin-bottom: 20px;
  }

  .recent_box_same{
    height: auto;
  }
}
/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
    margin-top: 0;
   }
   #main-menu ul{
    display: block;
   }
   .menu-sec{
    order: 1;
   }
   .category-search-sec{
    order: 2;
   }
   .product-btn{
    font-size: 16px;
   }
   .product-btn span{
    font-size: 20px;
    margin-right: 10px;
   }
    
   
  .sidenav {
    height: 100vh;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  #main-menu{
    top: 25px;
  }
  .sidenav a:hover{
    color: #f1f1f1;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    box-shadow: none;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  #site-navigation .sidenav a.closebtn, .open-menu{
    display: inline-block;
    background: #33302D;
    padding: 0 10px;
    color: #fff;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    background: transparent;
  }
  #main-menu ul.sub-menu li a:hover:after{
    background: transparent;
    color: #33302D;
  }
  #main-menu ul.sub-menu li a:hover{
    color: #33302D;
  }
  #main-menu ul.sub-menu li a:before{
    border: none;
  }
  
  .page-404 h1{
    font-size: 100px;
  }
  .page-404 p{
    margin-left: 0;
    margin-right: 0;
  }
  p{
    line-height: 21px;
  }
  .header-menu .inner-sectrion{
    display: block;
  }
  .header-menu .inner-sectrion p{
    text-align: center;
    font-size: 12px;
  }
  .header-menu .inner-sectrion a{
    font-size: 12px;
  }
  .header-menu .contact-info{
    text-align: center;
  }
  .header-menu .services-inner{
    flex-direction: column;
  }
  .logo-image{
    margin: auto;
  }
  #slider .banner-cnt {
   padding: 0 15px;
  }
  #slider h1{
    font-size: 24px;
  }
  #slider .sec1{
    order: 2;
  }
  
  #slider .sec2{
    order: 1;
    margin-bottom: 30px;
  }
  
  .page-template-frontpage h2{
    font-size: 20px;
  }

  .page-template-frontpage h4{
    font-size: 22px;
  }
  #custom_design .img-box2{
    right: 0;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #custom_design h2{
    text-align: center;
  }
  #jewelry_poster{
    padding: 50px 0;
  }
   
 
  #contact hr {
   width: 30%;
  }
  #contact .contact-form p{
    margin-left: 0;
    margin-right: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
    width: 100%;
    margin: 15px 0;
  }
  #contact .wpcf7 .ajax-loader{
    display: block;
    left: 38%;
  }
  #comments textarea{
    width: 100%;
  }
  .woocommerce-page div.product div.summary{
    padding: 15px;
  } 
  .post-single .blog_share_icon .fab{
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }
  .copyright  img{
    margin: 10px 0;
  }
  .latest-post .post-title a{
    font-size: 16px;
  }
  .latest-post{
    padding: 10px;
  }
  .btn-div{
    text-align: center;
  }
  #trending_products .tab-section ul{
    width: 450px;
  }
  #trending_products .tab-section{
    overflow-x: auto;
    display: flex;
  }
  .right-border::after {
    height: 20px;
    right: -8px;
    top: 0px;
  }
  .post-content{
    text-align: center;
  }
  .footer-area h2.wp-block-heading, .footer-area .wp-block-search__label{
    text-align: center;
  }

}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){

  .header-menu .services-inner{
    flex-wrap: wrap;
  }
  .menu-div1{
    order: 1;
  }
  .menu-div2{
    order: 3;
  }
  .menu-div3{
    order: 2;
  }
  #main-menu ul{
    justify-content: center
  }

  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 31%;
    margin-right: 15px;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
    float: left;
  }
  #main-menu{
    float: left;
    width: 100%;
  }
  .header-menu .logo a{
    font-size: 24px;
    line-height: 35px;
   }
 ain-menu ul li a{
    padding: 10px 12px;
    font-size: 12px;
    padding-left: 0;
  }
  .header-menu .logo-image img{
    width:auto;
  }
  .menu-header input#search {
    font-size: 12px;
  }
  #slider .sec1{
    order: 2;
  }
  #slider .banner-cnt{
    padding: 30px 0;
  }
  #slider .sec2{
    order: 1;
    margin-bottom: 30px;
  }
  #slider h1{
    font-size: 28px;
  }
  #slider p{
    font-size: 14px;
  }
  
  .page-template-frontpage h2{
    font-size: 22px;
    text-align: center;
  }
  .page-template-frontpage h4{
    font-size: 22px;
  }

  #new-arrival .img-box-div{
    padding: 20px;
    height: 280px;
  }
  #jewelry_poster{
    padding: 50px 0;
  }
  #sponsors .img-box{
    width: 200px;
  }
   
   
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 30%;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
    width: 95%;
    margin: 15px 0;
  }
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
    width: 45%;
    margin: 10px 10px;
  }
  #contact input.wpcf7-form-control.wpcf7-text{
    width: 46%;
    margin: 20px 10px;
  }
  #contact .wpcf7 .ajax-loader{
    display: block;
  }
  .sidebar-area .post-title{
    font-size: 14px;
  }
  .woocommerce div.product div.images img{
    width: auto;
  }
  .woocommerce #content div.product div.images, .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
    width: 50%;
  }
  .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary,
  .woocommerce div.product div.images, .woocommerce div.product div.summary, 
  .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, 
  .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
    float: left;
    width: 50%;
  }
  .woocommerce button.button{
    margin: 0 10px;
    padding: 12px 20px;
  }
  #site-navigation .button1, #site-navigation .button2{
    font-size: 10px;
    padding: 0;
    border: none;
  }
  .social-links a{
    font-size: 14px;
  }
  .top-header .my_account a{
    font-size: 12px;
  }
  .delivery, .policy, .social-text{
    font-size: 12px;
  }
  p.cart-item-box {
    left: 85%;
    font-size: 11px;
    width: 17px;
    height: 17px;
  }
  .header-search .open-search-form i {
    font-size: 15px;
  }
  .latest-post .post-title a{
    font-size: 16px;
  }
  .latest-post{
    padding: 10px;
  }
  
  
 
 

}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .header-menu .logo-image img {
    width: 100%;
   }
  #main-menu ul li a{
    padding: 5px 15px;
    font-size: 15px;
  }
  .header-menu .button1, .header-menu .button2{
    font-size: 14px;
    padding: 0 3px;
  }
  .top-header .call-text{
    font-size: 14px;
  }
  p.cart-item-box{
    left: 85%;
  }
  #slider .banner-cnt{
    padding: 20px 0;
  }

  .page-template-frontpage h2{
    font-size: 26px;
  }
  #jewelry_poster {
    padding: 50px 0;
  }
  #sponsors .img-box {
  width: 160px;
  }
 
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
   width: 95%;
  }
  #trending_products h2{
    font-size: 26px;
  }
  
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
   
  .woocommerce .quantity .qty{
    max-width: 150px;
  }
  #trending_products h2{
    font-size: 26px;
  }
}

@media (max-width: 1399px) {    
  .header-menu .inner-sectrion{
    display: block;
    text-align: center;
  }
}
.copyright a {
    color: #fff !important;
}
.copyright p {
    color: #fff !important;
    margin-bottom: 0;
}
a.post-goto {
    background: #33302D;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 6px 6px;
    border-radius: 10px;
}
.post-goto:hover{
    color: #33302D !important;
    background: #B2905F !important;
}