/* white you custom css code here. only css code will work */
:root {
    --main-color-three: #CDAE49;
    --main-color-four: #CDAE49;
    --hover-color-one: #CDAE49;
    --hover-color-two: #CDAE49;
  }
.image-area-wrapper span {
display: inline-block;
  border:3px solid #CDAE49 !important;
  border-radius:20px;
  padding:  10px 20px;
  margin:10px auto;
}
  .tag-new.bg-orange {
    background-color: #CDAE49;
  }
  
  .unread .notification-icon,
  .rc-anchor-error-message {
    color: var(--main-color-one);
  }
  @media only screen and (max-width: 450px) { 
 
      .new-header-area-wrapper .header-inner.style-01 .btn-wrapper {
          margin-top: 30px;
      text-align: left;
      }
      .new-header-area-wrapper .header-inner.style-01 .info {
        margin-top: 15px;
        max-width: 348px;
        padding-right: 106px;
        text-align: left;
      }
      .new-header-area-wrapper .header-inner.style-01 .main-title {
          line-height: 39px;
          font-size: 29px;
          text-align: center;
          padding-right: 148px;
      }
.image-area-wrapper span{
  border: 3px solid black;
  }
.single-new-popular-dress-item .img-box .hover .product-interaction-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: none;
    justify-content: center;
}
.list-item {
display:none;}
.contact-us-area-wrapper .col-lg-6{
width :100%!important
  
}
.single-category-new-style-01 .img-box
    {
background-image:#fff !important;   
    
    }
 .img-box img {
    max-width: 80px;
    border-radius: 50% !important;
}

    span.img-box{
   background-color:"#fff" !important; 
    }