/** Shopify CDN: Minification failed

Line 60:7 Unexpected "{"
Line 60:8 Expected identifier but found "%"
Line 64:9 Unexpected "{"
Line 64:10 Expected identifier but found "%"
Line 65:11 Unexpected "{"
Line 65:12 Expected identifier but found "%"
Line 88:9 Unexpected "{"
Line 88:10 Expected identifier but found "%"
Line 226:7 Unexpected "{"
Line 226:8 Expected identifier but found "%"
... and 2 more hidden warnings

**/
.tw-discount-percentage{
  position: absolute;
    top: 0;
    border-radius: 0px 16px 0px 16px;
    padding: 5px 10px;
    right: 0;
    background: red;
}
       @media (min-width: 785px) {
               .video-bg-div{
                   position: relative;
                   margin-top: 48px !important;
                   display: grid;
                  flex-direction: column;
                  align-items: center;
                  margin: 0 auto;
                  width: 100%;
                  background-color: #FEE5B2;
               }
         #customizerVideo{
    bottom: 0;
    width: 70vw;
    border-radius: 15px 15px 15px 15px;
    margin: 65px auto;
    margin-top: 25px;
         }
         .tw-video-heading{
            margin-top: 16px;
         }
           }
        @media (min-width: 0px) and (max-width: 784px){
          .phool-video-tw{
     width:100% ;
         padding-top:8px;
       }
          .customAddtcBtn span{
            font-size:13px !important;
            font-weight:600 !important;
          }
          .tw-video-heading{
            display:none;
          }
        }

       {% if collection.url == "/collections/ayodhya-collection" %}
         .filters{
           display:none !important;
         }
         {% endif %}
           {% if template.name == "collection" %}
         .product-block{
           border-radius:16px !important;
           padding:0px !important;
         }
       .rimage__image{
         border-radius:16px !important;
       }
       .secondary-image{
          border-radius:16px !important;
       }
       .innerer{
          padding:0px !important;
       }
       /* .customAddtcBtn{
         min-width:70% !important;
       } */
       .product-form{
         padding-bottom:8px;
       }
   .collection_banner img{
         border-radius:8px;
       }
         {% endif %}

     .product-block .block-inner{
     /*     min-height:64vh !important; */
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     }
     .innerer {
     padding: initial!important /*important written to override inline css, which may be effecting layouts in other pages*/
     }
     .spr-starrating{
     display:none;
     }
     .product-block .product-info {
     margin: 5px;
     }
     .product-list {
     display : grid;
     grid-template-columns: repeat(4,1fr);
     grid-gap: 20px 12px;
     }
     .collection-listing .product-block {
     height: auto;
     margin-left: 2%;
     margin-right: 2%;
     border: 1px solid #000;
     padding: 3px;
     border-radius: 3px;
     box-shadow: 4px 4px 8px -5px;
     }
     .product-block .product-info{
     display:block !important;
     margin : 1px;
     }
     .collection-listing .primary-image > .rimage-outer-wrapper {
     width: 100% !important;
     height: auto;
     }/* written important to override previous width settings , cant locate them for certain technical issues*/

     .collection-listing .rimage-wrapper {
     padding-top : unset !important /* written important to override inline css */
     }
     .collection-listing .rimage__image {
     position  : initial;
     }
     .collection-listing .title {
     font-size: 16px;
     line-height: 22px;
     }
     .collection-listing .jdgm-widget * {
     line-height: 22px;
     font-size: 16px;

     }
     .collection-listing .customAddtcBtn {
     display: flex;
     align-items: center;
     border: 0.5px solid rgb(128 128 128 / 40%);
     min-width: 80%;
         background:#d4af35  ;
         color: #fff !important;
         border-radius: 0.2rem;
         box-shadow: 4px 4px 8px -3px #d4af35;
         margin-bottom: 0.25rem;
     }
  /* .collection-listing .customAddtcBtn:hover{
         background: #FFE000;
         color: #fff !important;
  } */
     .customAddtcBtn span {
     padding: 0.25rem;

     }
     .collection-listing form {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
       margin:0 auto;
       width:80%;
     }

     /*
     .collection-listing .theme-money {
     display:none

     } */
     .collection-listing .theme-money-inBtn {
     display : block!important;
     padding:2px
     }
     .gift_check_wrapper .label {
     display: inline-block;
     color: #2a593d;
     font-weight: bold;
     font-size: 12px;
     }
     @media (min-width : 1921px) {
     /* .collection_banner {
       width: 90vw;
       max-width : 1920px;
     } */
     }


     @media (min-width:0px) and (max-width:640px) {
        .tw-discount-percentage{
    font-size: x-small;
  }
     .product-list {
        grid-gap: 5px 0px;
     }

     .collection-listing .theme-money-inBtn {
     display : block!important;
     padding : 2px !important;
     }
     .collection-listing .rimage-outer-wrapper {
       width: 100% !important;
     }
     /* written important to override previous width settings, especially mediaQuery(max-width:767px),
     cant locate them for certain technical issues */

     .product-block.detail-mode-permanent .product-info > .inner{
       width:auto !important;
     }
     .product-block .product-info{
       display:block !important;
       margin : 2px;
     }
     .product-list {
       grid-template-columns: repeat(2,1fr);
     }

     .customAddtcBtn {
       padding :2px;
       {% if template.name != "collection" %}
       width: 95%;
       {% endif
       %}
       flex-direction: column;
     }
     .collection-listing .title ,  .collection-listing .jdgm-widget * {
       font-size: 14px;
       line-height: 22px;
     }
     }


  .container1 {
    position: relative;
    text-align: center;
    color: white;
  }


  .heading
  {
    font-size:40px;
  }
  .centered {
    position: absolute;
    top: 40%;
    left: 45%;
    transform: translate(-30%, -35%);
  }
  @media(max-width:767px){

    /*       .productht .rimage-wrapper {
    padding-top:unset !important;
    height: 200px;
    width: 200px;
  }
    .productht .product-block .image-cont{
    overflow:unset !important;
    height: 200px;
    width: 200px;
  } */
  }
