/* The CSS For Ecommerce */

/* category header */
.product-search .search-input-md1:focus {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
/* mobile */
@media only screen and (max-width: 991px) {

  .edit-cart-mobile {
    margin-bottom: 20px;
  }
  .c-title-breadcrumbs {

  }
  .search-top-md1 {
    text-align: center;
  }
  .search-top-md1 .default-margins {
    margin-bottom: 0px;
  }

  .product-search {
    margin-bottom: 20px;
    padding: 10px;
  }
  .search-input-md1 {
    width: 100%!Important;
  }
  .product-search .btn {
    width: 100%!Important;
    margin-top: 10px;
  }

#cart-button .btn {
  width: 100%;
  margin-left: 0px!Important;
}

}
/* desktop */
@media only screen and (min-width: 991px) {

  .c-title-breadcrumbs {
    float:left;
    width:60%;
  }

  .product-search {
    float:right;
    width:40%;
    padding:10px;
  }

  }
}
/* end of category headers */

.input-group-append .btn, .input-group-prepend .btn {
    z-index: 0;
}


.c-required {
  font-size: 15px;
}

@media only screen and (min-width: 991px) {
  .checkout-row-name {
    width: 400px;
    display: inline-block;
  }
  .checkout-row-150 {
    width: 150px;
    display: inline-block;
  }
  .checkout-row-biz {
    width: 960px;
    display: inline-block;
  }
  .checkout-row-padding {
    padding-left: 15px;
  }

  .checkout-row-email {
    width: 556px;
    display: inline-block;
  }
  .checkout-row-phone {
    width: 400px;
    display: inline-block;
    padding-left: 15px;
  }

  .checkout-row-street {
    width: 400px;
    display: inline-block;
  }

  .checkout-row-city {
    width: 400px;
    display: inline-block;
    padding-left: 15px;
  }


  .checkout-row-full-select {
    width: 315px;
    display: inline-block;
  }

  .checkout-row-zip {
    width: 239px;
    display: inline-block;
    padding-left: 15px;
  }
}


/* update 6/29/2021 */
@media only screen and (min-width: 991px) {
  .coupon-code {
    width: 350px;
  }
}

@media only screen and (max-width: 991px) {
  .coupon-code .btn {
    width: 100%;
    margin-top: 8px;
  }
  .coupon-code input {
    text-align: center!Important;
  }
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* The Mobile Cart Styles */
@media only screen and (max-width: 991px) {
 .j-cart-items-md1 tr, .j-cart-items-md1 td, .j-cart-items-md1 th {
     display:block;
     width:99.9%!Important;
     clear:both;
 }
 .mobile-format tr,  .mobile-format td, .mobile-format th {
   display:block;
   width:99.9%!Important;
   clear:both;
 }


 .j-cart-items-md1 thead {
   display: none;
 }
 .j-cart-items-md1 tbody {
    width: 100%!Important;
    display: block;
 }

.sshhpp thead {
   display: none;
 }
.sshhpp tbody {
    width: 100%!Important;
    display: block;
 }


 .q__prduct {
   width: 100%!Important;
   margin-bottom: 20px!Important;
 }
 .j-cart-items-md1 .btn {
   width: 100%!Important;
 }
 .input-group-append {
   width: 100%!Important;
 }
 .mobile-product-quantity {

 }
 .pay-with-card {
   margin-bottom: 20px;
 }
}
/* cart desktop overides */
@media only screen and (min-width: 991px) {
  .product-mobile-price, .mobile-product-quantity, .u-m-q, .mobile-shipping, .product-qt, .remove-mobile-product, .coupon-code-md1, .preview-quantity, .product-shipping, .product-mobile-price, .product-mobile-subtotal {
    display: none;
  }
}


.input-group-append .btn, .input-group-prepend .btn {
    z-index: 0!Important;
}



#vdiv {
  width:100%;
  margin:auto;
  display:block;
  position: relative;
}

#vdiv_video {
  width:100%;
  height:auto;
}

#vdiv_txt {
  position: absolute; top: 0; left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}