@charset "UTF-8";
/* [2] */
/* [8] */
/*===============================================
 [SASS DIRECTORY ]
 [1] Minxin Link
 [2] Minxin Button
 [3] Minxin Triangle
 [4] Minxin LABEL PRODUCT
 [5] Minxin Scrollbars
 [6] Minxin Dev Custom
 ==============================================*/
.no-margin {
  margin: 0 !important; }
/*Dev Custom */
/*====================================================*/
.lib-list-item-product2 {
  border: none; }
  .lib-list-item-product2 .image-dev .list-button-dev {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0); }
    .lib-list-item-product2 .image-dev .list-button-dev li {
      display: inline-block;
      float: left;
      height: 40px;
      width: 40px;
      background: #fff;
      position: relative;
      border-width: 0 1px 0 0;
      border-style: solid;
      border-color: #ddd;
      opacity: 0;
      transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; }
      .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(1) {
        transform: translateX(40px);
        -moz-transform: translateX(40px);
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        z-index: 1;
        transition-delay: 0s; }
      .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(2) {
        transition-delay: 0.2s;
        z-index: 2; }
      .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(3) {
        transition-delay: 0.2s;
        z-index: 2; }
      .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(4) {
        transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        z-index: 1;
        transition-delay: 0s; }
      .lib-list-item-product2 .image-dev .list-button-dev li:first-child {
        border-left: 1px solid #ddd; }
      .lib-list-item-product2 .image-dev .list-button-dev li a, .lib-list-item-product2 .image-dev .list-button-dev li button {
        background: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        line-height: 40px;
        text-align: center;
        box-shadow: none;
        border: none;
        color: #555;
        width: 40px;
        padding: 0; }
      .lib-list-item-product2 .image-dev .list-button-dev li:hover {
        background: #f04d6a; }
        .lib-list-item-product2 .image-dev .list-button-dev li:hover a, .lib-list-item-product2 .image-dev .list-button-dev li:hover button {
          color: #fff; }
  .lib-list-item-product2 .caption-dev {
    text-align: center;
    padding: 0 15px; }
    .lib-list-item-product2 .caption-dev .rating-dev {
      margin: 5px 0; }
    .lib-list-item-product2 .caption-dev .rating-dev .fa-stack-2x {
      font-size: 11px; }
    .lib-list-item-product2 .caption-dev .title-dev {
      color: #444;
      font-size: 13px; }
    .lib-list-item-product2 .caption-dev .price-dev .price.product-price {
      font-size: 16px; }
    .lib-list-item-product2 .caption-dev .price-dev .price-new {
      font-size: 16px; }
    .lib-list-item-product2 .caption-dev .price-dev .price-old {
      font-size: 12px; }
    .lib-list-item-product2 .caption-dev .add-cart-dev {
      background: #fff;
      border: 1px solid #ddd;
      font-size: 12px;
      text-transform: uppercase;
      color: #999;
      font-weight: bold;
      box-shadow: none;
      border-radius: 0;
      padding: 6px 20px;
      margin: 0 0 30px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out; }

.lib-list-item-product-over2 .image-dev .list-button-dev li {
  opacity: 1;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; }
  .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(1) {
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transition-delay: 0.2s; }
  .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(2) {
    transition-delay: 0s; }
  .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(3) {
    transition-delay: 0s; }
  .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(4) {
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transition-delay: 0.2s; }
/*EFECT PRODUCT NUMBER*/
.lib-two-img {
  position: relative;
  display: block; }
  .lib-two-img .img-1 {
    opacity: 1;
    position: relative;
    transition: all 0.5s ease-in-out; }
  .lib-two-img .img-2 {
    position: absolute;
    z-index: 0;
    top: 0;
    opacity: 0;
    display: block;
    transition: all 0.5s ease-in-out;
    left: 50%;
    transform: translateX(-50%); }

.lib-two-img-over .img-1 {
  opacity: 0;
  transform-style: inherit;
  transition: all 0.5s ease-in-out; }
  .lib-two-img-over .img-2 {
    opacity: 1;
    transform-style: inherit;
    transition: all 0.5s ease-in-out; }
/*EFFECT SLIDERHOME*/
@keyframes myeffect-slideshow {
  0% {
    opacity: 0;
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px); }

  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0); } }

@-webkit-keyframes myeffect-slideshow {
  0% {
    opacity: 0;
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px); }

  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0); } }

@-moz-keyframes myeffect-slideshow {
  0% {
    opacity: 0;
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    -o-transform: translateY(-300px); }

  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0); } }
/* ================================================================================ */
.typefooter-24 {
  margin-top: auto;
  color: #353535;
  background: #f4f4f4; }
  .typefooter-24 .module .modtitle {
    color: #353535;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 0px;
    position: relative;
    padding-bottom: 13px;
    margin-top: 13px; }
  .typefooter-24 .module .modtitle:after {
    content: '';
    position: absolute;
    width: 54px;
    border-bottom: 4px solid #f04d6a;
    position: absolute;
    left: 0px;
    bottom: 0; }
  .typefooter-24 .footer-center {
    padding-top: 45px; }
  .typefooter-24 .box-footer .modcontent ul li a {
    border: 0 none;
    font-size: 14px;
    padding: 0;
    font-weight: 400;
    line-height: 37px;
    position: relative;
    display: inline-block;
    color: #353535; }
    .typefooter-24 .box-footer .modcontent ul li a:hover {
      color: #f04d6a; }
  .typefooter-24 .box-account .modcontent a {
    color: #f04d6a; }
  .typefooter-24 .box-account .modcontent a:hover {
    text-decoration: underline; }
  .typefooter-24 .top-content {
    text-align: center; }
  .typefooter-24 .top-content .inner {
    width: 50%;
    margin: 0 auto; }
  .typefooter-24 .top-content .inner p {
    margin: 15px 0; }
  .typefooter-24 .footer-top {
    padding: 18px 0; }
  .typefooter-24 .footer-top > .container {
    margin: 0 auto;
    float: none; }
  .typefooter-24 .footer-middle {
    padding-top: 42px; }
  .typefooter-24 .f15-section-style1 {
    background: #f04d6a; }
  .typefooter-24 .newsletter-footer15 {
    background: #f04d6a;
    margin-top: 16px;
    margin-bottom: 22px; }
  .typefooter-24 .newsletter-footer15 .newsletter {
    background-color: transparent !important;
    overflow: hidden; }
  .typefooter-24 .newsletter-footer15 .newsletter .title-block {
    position: relative;
    color: #fff;
    float: left;
    width: 50%;
    margin-top: 10px; }
  .typefooter-24 .newsletter-footer15 .newsletter .title-block .page-heading {
    /* [4] */
    /* [6] */
    /* [6] */
    /* [7] */
    font-size: 20px;
    font-size: 2rem;
    /* [8] */
    line-height: 20px;
    font-weight: 400;
    text-transform: capitalize; }
  .typefooter-24 .newsletter-footer15 .newsletter .title-block .promotext {
    font-size: 13px;
    margin-top: 5px; }
  .typefooter-24 .newsletter-footer15 .newsletter .block_content {
    float: left;
    width: 50%; }
  .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup {
    display: block;
    margin-top: 11px;
    margin-bottom: 11px;
    height: auto }
    .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group {
      position: relative; }
    .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group .input-box {
      vertical-align: top;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      height: 45px;
      line-height: 45px;
      width: calc(50% - 52px) !important;
      float: left;
      display: inline-block;
      padding: 0 5px; }
    .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group #txtname, .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group #txtemail {
      height: 44px;
      width: 100%;
      box-shadow: none;
      border: none;
      background-color: #fff;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0; }
      .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group #txtname::-moz-placeholder, .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group #txtemail::-moz-placeholder {
        color: #999;
        opacity: 1; }
      .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group #txtname:-ms-input-placeholder, .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group #txtemail:-ms-input-placeholder {
        color: #999; }
      .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group #txtname::-webkit-input-placeholder, .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group #txtemail::-webkit-input-placeholder {
        color: #999; }
      .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group #txtname:focus, .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group #txtemail:focus {
        z-index: 0; }
    .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .subcribe {
      position: absolute;
      top: 0;
      right: 0;
      padding-left: 10px; }
    .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .subcribe button {
      border: 0 none;
      color: #fff;
      font-weight: 500;
      font-size: 13px;
      height: 45px;
      line-height: 45px;
      padding: 0 17px;
      text-transform: uppercase;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      background: #111 !important; }
      .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .subcribe button:hover {
        color: #fff; }
  .typefooter-24 .logo-footer {
    margin-bottom: 25px; }
  .typefooter-24 .logo-f {
    display: inline-block;
    width: 100%;
    margin-bottom: 18px; }
  .typefooter-24 .socials {
    margin: 15px 0 15px 0; }
  .typefooter-24 .socials li {
    position: relative;
    float: none;
    display: inline-block;
    margin: 0 10px; }
  .typefooter-24 .socials li:first-child {
    margin-left: 0; }
  .typefooter-24 .socials li a {
    color: #545454;
    font-size: 17px; }
  .typefooter-24 .socials li a span {
    display: none; }
  .typefooter-24 .socials li a:hover {
    color: #f04d6a; }
  .typefooter-24 .footer-links {
    display: inline-block;
    padding: 24px 0;
    width: 100%;
    border-top: 1px solid #464646; }
  .typefooter-24 .footer-links li {
    display: inline-block;
    margin: 0 20px; }
  .typefooter-24 .footer-links li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px; }
  .typefooter-24 .footer-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center; }
  .typefooter-24 .footer-bottom .copyright {
    margin: 0px; }

    @media (max-width: 767px) {
      .typefooter-24 .newsletter-footer15 .newsletter .title-block {
      width: 100%;
      text-align: center; }
      .typefooter-24 .newsletter-footer15 .newsletter .block_content {
        width: 100%;
        text-align: center; }
        .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .form-group .input-box {
        width: 50% !important; margin-bottom: 10px;}
        .typefooter-24 .newsletter-footer15 .newsletter .block_content form.signup .subcribe {
        position: relative;
        margin-top: 10px;
        top: auto;
        right: auto;
        display: -webkit-inline-box;
        padding-left: 0; }
      footer.typefooter-24 .newsletter-footer24 .newsletter .title-block .page-heading {
        font-size: 18px; }
      }

/********cart ui css********/
.hide-left-right-cut{
    display: none;
}
.pr-name span{
/*    border: 1px solid;
    border-radius: 15px;*/
    padding: 4px 7px 4px 0px;
    font-size: 9px;
    height: auto;
}
#cart .close-btn img{width: 15px;height: 15px;}
.inner-text{
    background: #fff;
    width: 100%;
    margin: 0px !important;
}
.deliveryTd{
    padding: 5px 6px 5px 10px;
}
.deliveryTd label{
    margin-bottom: 0px;
    color: #d62a80;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
    font-family: 'Public sans', sans-serif;
}
.deliveryTd span{font-size: 12px;}
.del-amt{
    font-size: 13px;
    font-weight: 500;
    color: #d62a80;
}
.totalTd{padding: 5px 6px 0px 10px;}
.totalTd label{
    margin-bottom: 0px;
    color: #008e3a;
    font-weight: 500;
    font-size: 16px; 
    font-family: 'Public sans', sans-serif;
}
.li-border{
    border-bottom: 1px dotted silver;
    background: #fff;
}
.total-amt {
    font-size: 13px;
    font-weight: 500;
    color: #008e3a;
}
.commontxt{padding: 0px 1px 0px 10px;}
.chekBtn a{
    background: #008e3a;
    color: #fff;
    padding: 6px 16px 6px 16px;
    font-size: 15px;
    border-radius: 6px;
    border: 1px solid #008e3a;
}
.right-amt{
    text-align: right;
    padding-right: 38px;
}
.chekBtn{padding-right: 15px;}
.commontxt p{margin: 0 !important;letter-spacing: 0.5px;font-size: 12px;}
/*.chekBtn p{margin: 0 !important;}*/
.paymentDetails{
    padding: 0px 10px 30px 10px;
    text-align: justify;
    font-size: 11px;
}
.paymentDetails p{margin: 0 !important;margin-top: 0px !important;line-height: 15px;font-family: 'Public sans', sans-serif;}
.zigzag{
    width: 100%;
    margin: 0;
    padding: 0;

}
.wave{margin-top: -7px;}
.bottompadding-large{padding-bottom: 30px;}
.minusdiv:hover .minus-red{display: block;}
.minusdiv:hover .minus{display: none;}
.minus-red{display: none;}
.plus-red{display: none;}
.plusdiv:hover .plus-red{display: block;}
.plusdiv:hover .plus{display: none !important;}

.location-popup{
    position: fixed;
    z-index: 99999;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    /* z-index: 1001; */
    top: 50%;
    left: 50%;
    width: 650px;
    margin-left: -325px;
    background: #FFF;
    padding: 25px;
}
.loc{
    font-size: 15px;
    color: #000;
    font-weight: 600;
}
.loc-add{
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 20px;
}
#button_location{
    background-color: #d62a80;
    color: #fff;
    width: 110px;
    height: 50px;
    border-radius: 30px;
    padding: 0;
    margin-top: 21px;
    margin-right: 15px;
    border: 0;
    font-size: 16px;
    text-transform: capitalize;
    cursor: pointer;
    pointer-events: auto;
}
.home-modal .modal-dialog {
    width: 400px;}
.home-modal select{
    padding: 15px 15px 15px 15px;
    width: 70%;
    border-radius: 15px;
    height: 50px;
}
.loc-option1{   
    text-transform: capitalize;
    padding: 10px 10px 10px 10px;
    font-size: 14px;
}
.home-modal .btn-default{
    background: #fff;
    box-shadow: none;
    border-color: #d2d2d2;
}
.home-modal .bootstrap-select.btn-group .dropdown-menu li a{
    padding: 10px 10px 10px 18px !important;
    font-size: 16px;
}
.home-modal .dropdown-menu li > a:hover{
    background-color: rgba(0,0,0,.12);
    background-image: none;
    color: #000;
}
.home-modal .filter-option{font-size: 15px;color: #000;}
.home-modal .bootstrap-select .dropdown-toggle:focus{outline: none !important;}
.home-modal .dropdown-menu a:focus{
    outline: none !important;
}
.home-modal .modal-body{padding: 40px;}

.cart-btn i{
    font-size: 35px;
    text-shadow: none;

}
.cart-btn .fa-home{display: none;}
.cart-btn .fa-home{margin: 0px;}
#cart #cart-total{
    position: absolute;
    top: -8px;
    left: -7px;
    background: #999;
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.4;
    border-radius: 50%;
    font-size: 13px;
    font-family: 'Barlow', sans-serif;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.mbl-cart{display: block;}
.City{pointer-events: none;}
.fst-child{padding-left: 0px;padding-right: 0px;}
@media(max-width:767px)
{
    
    .cart-btn{
        top: 30px;        
        position: absolute !important;
        z-index: 999 !important;
        right: -1px;
        background: #999;
        color: #fff !important;
        background-image: none !important;
        box-shadow: none;
        width: 20%;
        float: right !important;
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%;
        height: 65px;
    }
    #cart > .cart-btn:hover{background: #999;}
    .home-modal .modal-dialog {width: 300px;margin: 0 auto;top: 15%;}
    .cartSlide .swipeLeft{margin-left: -101%;transition: margin 0.8s ease-in-out;}
    .swipeLeft{margin-left: 0%;transition: margin 0.8s ease-in-out;}
    .swipeRight .hiderightMargin{margin-left: -100% ;transition: margin 0.8s ease-in-out;}
    .hiderightMargin{margin-left: 0;}    
    .cartSliding{transition: margin 0.8s ease-in-out;}
    #common-home .left-panel .row1 .deskLogo-div {display: none;}
    .hiderightMargin #cart{padding:0px; }
    .cartSlide .mbl-cart{margin-top: 0%;}
    .cartSlide #cart {padding: 0px;}
    .cart-btn{position: fixed !important;}
    .flexRow{
        height: 100%;
        width: 100%;
        flex-direction: row;
        box-sizing: border-box;
        display: flex;
        flex: 1 1 1e-09px;
    }
    .mbl-products{
        height: 100%;
        min-height: 100%;
        min-width: 100%;
        width: 100%;
        flex-direction: column;
        box-sizing: border-box;
        display: flex;
    }
    .cartSlide .flexRow{display: flex;position: fixed;}
    .swipeLogo{width: 35%;margin: 0 auto;padding-top: 10px;padding-bottom: 10px;}
    .swipecartsize{
        height: 100%;
        min-height: 100%;
        min-width: 100%;
        width: 100%;
    }
    .cartSlide .mbl-cart{display: block !important;}
    .fst-child,.snd-child{width: 100%;}
    .cart-btn{border-radius: 0px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;border: 1px solid transparent !important;}
    .fa-shopping-cart{width: 35px;max-width: 35px;}
    .payIcon{
    background-color: #999;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    top: 30px;
    width: 20%;
    padding-left: 0px;
    }
    .payIcon img{width: 40px !important;
    margin: 0 auto !important;
    padding: 5px;
    text-align: center;
    padding-top: 17px !important;
    height: 65px;}
    .bank-transfer, .gpay-transfer{width: 70px;}
    .cart_to_button {float: right;}
    
    /*************New Cart Styles************/
    .mbl-products {float: none;}
    .mbl-cart{display: none;}
    .swipeRight .row1{display: none !important;}
}
.left-panel .row3{
    position: fixed;
    bottom: 0px;
    width: 28%;
}

@media only screen and  (min-width:1500px) and (max-width:1600px){
    #cart .dropdown-menu {height: 410px;}
}
@media only screen and  (min-width:1601px) and (max-width:1800px){
    #cart .dropdown-menu {height: 480px;}
}
@media only screen and  (min-width:1801px) and (max-width:2000px){
    #cart .dropdown-menu {height: 580px;}
}
.disableCheckout a {
    background: #cdcdcd !important;
    border: 1px solid #cdcdcd;
}
#total_array .li-border:nth-child(2){
    border-bottom: 0px dotted silver;
}
.home-pay-modal .modal-body{
   background: url(../../../default/image/new/checkout-bg.png) no-repeat bottom right 34px;
    background-position: 89% 50%;
    background-size: contain;
    padding: 35px 20px 25px 20px;
}
.home-pay-modal .modal-body p{
    margin: 0px;
    color: #213268;
    font-size: 15px;
}
.toppaddingsm{padding-top: 15px;}
#myPayModal{top: 10%;}
.row4 .swiper-pagination{display: none;}
@media only screen and  (min-width:992px) and (max-width:1200px){
    #common-home .main-cont {margin-top: 0px;}
    #common-home .top-cat .spayment-Mode a {font-size: 12px;padding: 7px 13px;}
    #common-home .top-cat .col-sm-3 h3 + p{font-size: 12px;}
    #common-home .top-cat .col-sm-3 h3{font-size: 12px;margin-top: 3px;}
    #common-home .left-panel{width: 28%;}
    #common-home #content{width: 72%;}
    #common-home .main-cont .product-layout{max-width: 30.5%;}
    #common-home .main-cont .product-thumb .price, #common-home .main-cont .product-thumb .ot-stock{font-size: 15px;}
    #common-home .main-cont .bot {padding: 0px 10px 0px 10px; margin-bottom: 10px;}
    #common-home .main-cont .bot .cart_to_button{
    float: right;
    min-width: 70px;
    min-height: 70px;
    width: 70px;
    height: 70px;}
    #common-home .main-cont .caption{min-height: 95px !important;max-height: 95px !important;}
    #common-home .top-cat #payTo{margin-left: 10px !important;}
    #common-home .top-cat .bootstrap-select.btn-group .dropdown-toggle .caret{right: 15px;}
    .layout-24.common-home #common-home #quick_shop_product .price, 
    .layout-24.common-home #common-home #quick_shop_product .price .price-new, 
    .layout-24.common-home #common-home #quick_shop_product .price span.price{
        font-size: 14px;
    }
    #cart ul.table-striped{
        overflow-x: auto;
    }
    #common-home .main-cont .caption h5{
        -webkit-line-clamp: 3;
    }
    .layout-24 #common-home .top-cat .col-sm-3{margin-left: 5px !important;}
    .layout-24 #common-home .top-cat .col-sm-3:first-child{margin-left: 15px !important;}
    .top-cat-main .grid-padd{margin-left: 10px;}
    #content_qs .col-md-12{padding: 0px;}
    .layout-24 #common-home .main-cont .product-layout{margin-left: 2% !important;}
    .layout-24 #wrapper {
        overflow-x: unset !important;
    }
    #common-home .top-cat .bootstrap-select.btn-group .bs-caret{right: 13px !important;}
}

@media only screen and  (min-width: 768px) and (max-width:991px){
    #cart ul.table-striped{
        overflow-x: auto;
    }
    #common-home .main-cont .caption h5{
        -webkit-line-clamp: 3;
    }
    #common-home .left-panel{width: 35% !important;}
    #common-home #content{width: 65% !important;}
    .layout-24 #common-home .top-cat .col-sm-3{margin-left: 5px !important;}
    .layout-24 #common-home .top-cat .col-sm-3:first-child{margin-left: 15px !important;}
    .top-cat-main .grid-padd{margin-left: 0px;}
    #content_qs .col-md-12{padding: 0px;}
    .layout-24 #common-home .main-cont .product-layout{margin-left: 3% !important;}
    #common-home .top-cat .col-sm-3 h3 + p{font-size: 10px;}
    #common-home .top-cat .col-sm-3 h3{font-size: 13px;margin-top: 3px;}
    #common-home .top-cat .col-sm-3{max-width: 23%;}
    .mbl-search-btn{margin-left: 10px;}
    #common-home .top-cat .bootstrap-select.btn-group .bs-caret{right: 13px !important;}
    #list_view_div .table-responsive{
        overflow-x: hidden !important;
        white-space: unset !important;
        overflow-y: hidden !important;
    }
    #common-home .main-cont .product-layout{max-width: 44%;width: 44%;}
    #common-home .main-cont .caption{min-height: 95px !important;max-height: 95px !important;}
    .mobgrid-padd{margin-top: 15px;}
    .layout-24 #common-home .top-cat{padding: 20px 0px 20px 0px !important;}
    #common-home .con-mob2{padding-top: 150px !important;}
    
}

@media only screen and  (min-width:768px) and (max-width:991px){
    #common-home .top-cat #payTo{margin-left: 10px !important;}
    #common-home .top-cat .spayment-Mode a{
        font-size: 16px;
        width: 35px;
        height: 35px;
        border-radius: 100%;
        padding: 8px 4px 4px 4px !important;
        text-align: center;
    } 
}
.home-modal button:focus{
    outline: none !important;
}
@media only screen and  (width:320px) and (height:480px){
    .home-modal .modal-dialog{margin: 10px !important;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .home-modal .modal-dialog{margin: 10px;}
}
.cartload{
    margin: 0 auto;
    position: fixed;
    text-align: center;
    top: 50%;
    left: 12%;
}

/******style css****/

body {
    font-family: 'Public sans', sans-serif;
    font-weight: 400;
    color: #666;
    line-height: 26px;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}

a:hover {
	text-decoration: none;
}


.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}

#top {
	background-color: #EEEEEE;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 40px;
}
#top .container {
	padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	color: #888;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}
#top-links {
	padding-top: 6px;
}
#top-links a + a {
	margin-left: 15px;
}
/* logo */
#logo {
	margin: 0 0 10px 0;
}
/* search */
#search {
	margin-bottom: 10px;
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
	margin-bottom: 10px;
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}

#cart.open > .btn:hover {
	color: #fff;
}
#cart .dropdown-menu {
	background: transparent;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
        width: 100%;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu {
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
	min-height: 40px;
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
/* content */
#common-home #content {
	min-height: 100vh;
}

/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 8px 0;
	
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}

.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}


.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}

/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}

/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
    margin: auto;
}
.product-thumb .image img[src="catalog/view/javascript/lazyload/loading.gif"]{
    margin: auto;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
}
.product-thumb .image img.img-responsive{
    object-fit: cover;
    width: 100%;
    height: 100%; 
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
    .product-list .product-thumb .image {
            float: left;
            padding: 0 15px;
    }
}

.product-thumb h4 {
	font-weight: bold;
}

@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #444;
}
.product-thumb .price-new {
	font-weight: 700;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 0px;
        font-size: 13px;
        font-weight: 600;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 767px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
        #d_quickcheckout .qc-totalnew{width: 30% !important;}
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}


/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
#d_quickcheckout .form-control{font-size: 14px !important;}
#d_quickcheckout .panel-heading{border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;}
#d_quickcheckout{margin-top: 10px;}
.Delivery-he{
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    padding-left: 60px;
    line-height: 1.55;
}
#d_quickcheckout .panel-heading .panel-title{
    color: #fff;
    text-transform: uppercase;
    
}
#d_quickcheckout .panel-heading{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
#payment_address .panel-heading {
    background: url(../image/home.png) no-repeat 5%;
}
#shipping_address .panel-heading {
    background: url(../image/home.png) no-repeat 5%;
}
#shipping_method .panel-heading {
    background: url(../image/shipping.png) no-repeat 5%;
}
#payment_method .panel-heading {
    background: url(../image/payment.png) no-repeat 5%;
}
#cart_view .panel-heading {
    background: url(../image/checking.png) no-repeat 5%;
}
#confirm_view .panel-heading {
    background: url(../image/custom.png) no-repeat 5%;
}
.confirm_order_new {
    background-color: #20a7df;
    font-size: 17px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    width: 100%;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 0 0 1px rgb(63 63 68 / 10%), 0 1px 3px 0 rgb(63 63 68 / 10%) !important;
    outline: 0;
    height: 48px;
}

.confirm_order_new:focus, .confirm_order_new:active{outline: none !important;}
.confirm_order_new:hover, .confirm_order_new:focus{
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    box-shadow: 0 6px 10px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    text-decoration: none;
}
.radio-input [type=radio] {
    position: absolute;
    opacity: 0;
}
.radio-input i:before {
    content: '';
    width: calc(1em + 4px);
    height: calc(1em + 4px);
    display: block;
    box-sizing: border-box;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0.1em;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.radio-input i:after {
    content: '';
    width: calc(1em + 4px);
    height: calc(1em + 4px);
    display: block;
    box-sizing: border-box;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0.1em;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.radio-input [type=radio]:checked + i:before {
    border-color: #666 !important;
    background-color: #fff;
}

.radio-input [type=radio]:checked + i:after {
    background-color: #666;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    transition: .4s;
}

.radio-input [type=radio]:checked + i + span{font-weight: bold;}
.radio-input [type=radio]:checked + i + span + span{font-weight: bold;}
#payment_address_customer_group_id_input{display: none;}
#payment_address_heading_heading{
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
}
#d_quickcheckout .form-horizontal .control-label{text-align: left !important;padding-top: 0px !important;}
.qc-coupon .input-group{display: flex !important; align-items: center;}
.qc-voucher .input-group{display: flex !important; align-items: center;}
.qc-coupon .input-group #coupon{margin-right: 5px;}
.qc-voucher .input-group #voucher{margin-right: 5px;}
#d_quickcheckout .input-group .form-control:first-child {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
#d_quickcheckout .form-control {
    display: block;
    position: relative;
    padding: 5px 10px;
    box-shadow: none !important;
    background-color: #fafafa !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #333333;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    vertical-align: bottom;
    height: 32px !important;
    margin: 0;
    font-family: -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
    transition: box-shadow 0.2s cubic-bezier(0.64, 0, 0.35, 1);
}
#d_quickcheckout textarea.form-control {
    height: auto !important;
}

.coupon-btn {
    outline: none !important;
    border-style: none !important;
    color: #fff !important;
    padding: 0 12px !important;
    letter-spacing: .025em !important;
    font-size: 14px !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 4px !important;
    transition: all .15s ease;
    flex: auto;
    text-align: center !important;
    margin-bottom: 0px;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgb(63 63 68 / 10%), 0 1px 3px 0 rgb(63 63 68 / 10%) !important;
}
.qc-checkout-product .qc-total{text-align: right;padding-left: 0px !important;}
.qc-checkout-product .qc-totals {
    margin-top: 30px;
}
.qc-checkout-product table thead > tr > td {
    font-size: 13px;
    text-transform: uppercase;
}
.coupon-section{padding: 15px;}
.qc-checkout-product tr td {
    vertical-align: middle !important;
}
.qc-checkout-product tr th, .qc-checkout-product tr td{padding: 10px !important;}
.qc-checkout-product {
    overflow: hidden;
}
.imgh {
    display: inline-block;
    position: relative;
    padding: 5px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #333333;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 20px;
    min-width: 70px;
    font-weight: 300;
    vertical-align: bottom;
    height: auto;
    margin: 0;
    max-width: 70px;
    font-family: -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
    transition: box-shadow 0.2s cubic-bezier(0.64, 0, 0.35, 1);
}
.imgh img{margin: 0 auto;}
#d_quickcheckout .table > tbody > tr > td{border: none !important;word-break: break-word;}
.checkoutIncDec i{
    color: #000;
}
.qc-checkout-product .qc-quantity .sqty-group {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}
#d_quickcheckout .sqty-group .qc-product-qantity{padding: 0px;}
.checkoutIncDec .btn{
    padding: 0px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.qc-name a{
    color: #000 !important;
    pointer-events: none;
}
.coupon-btn:hover{
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    box-shadow: 0 6px 10px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    text-decoration: none;
}
.checkbox-input label{
    position: relative;
    padding-left: 1.7em;
    padding-right: 5px;
    vertical-align: bottom;
    cursor: pointer;
}
.checkbox-input [type=checkbox] {
    position: absolute;
    opacity: 0;
}
.checkbox-input i:before {
    content: '';
    width: calc(1em + 3px);
    height: calc(1em + 3px);
    display: block;
    box-sizing: border-box;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0.1em;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px 0 #e6ebf1;
    border-radius: 3px;
    transition: .4s;
}
.checkbox-input i:after {
    content: '';
    width: calc(1em + 3px);
    height: calc(1em + 3px);
    display: block;
    box-sizing: border-box;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0.1em;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px 0 #e6ebf1;
    border-radius: 3px;
    transition: .4s;
}
.checkbox-input [type=checkbox]:checked + i:before {
    border: 1px solid #f7971e !important;
    background-color: #f7971e !important;
}
.checkbox-input [type=checkbox]:checked + i:after {
    display: block;
    border: solid #fff;
    border-width: 0 0.1em 0.1em 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}
.checkbox-input i:after {
    left: 0.46em;
    top: 0.2em;
    border-width: 0;
    box-shadow: none;
    width: 0.4em;
    height: 0.8em;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    background-color: transparent;
    transition: 0s;
}
@media (max-width: 767px) {
    #payment_address_firstname_input, #payment_address_lastname_input, #payment_address_postcode_input, #payment_address_city_input{
        width: auto !important;   
        padding-right: 0px !important;
        float:none !important;
    }
}

/*******new css***/
.layout-24.common-home footer{display: none !important;}
body.layout-24 {
    font-family: 'Public sans', sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 26px;
    width: 100%;
}

body #wrapper {
    font-family: 'Public sans', sans-serif;
}
body.common-home #common-home{line-height: 20px;}
body.common-home.modal-open{padding-right: 0px !important;}

@media (min-width: 768px){
    #myPayModal .modal-content {
        -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
        box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    }
}

#myPayModal .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
}

.grid-padd{
    margin-left: 5px;
}

.btn-group-sm .grid-typebtn{
    color: #fff;
    /* background-color: #e6e6e6; */
    border-color: #adadad;
    outline: none;
    line-height: 17px;
    padding: 9px 15px 9px;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    border-radius: 50px !important;
    font-weight: 600;
}

.btn.active:focus{
    outline: 0 !important;
}

.btn:focus{
    outline: 0 !important;
}
.btn{
    outline: 0 !important;
}

.btn-group-sm .grid-typebtn.active{
    color: #fff;
    background-color: #999;
    border-color: #999;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

.btn-group-sm .grid-typebtn:hover{
    color: #fff;
    background-color: #999;
    border-color: #999;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}

#common-home .top-cat .bootstrap-select.btn-group .bs-caret{
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 5;
    bottom: 0;color: #000000c7;
}

.bs-caret .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px dashed;
    border-top: 4px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.layout-24 #content .so-groups-sticky {
   display: none;
}

.layout-24 div.so-groups-sticky.right{
   display: none;
}

.mbl-search-btn{
    background: #999;
    border: none;
}

.sfauser-icon{margin-left: 5px;}
.sfauser-btn {
    background: #999;
    border: none;
    border-radius: 100%;
    width: 35px;
    height: 35px;
}

.mobfauser-icon{margin-left: 10px;}
.mobfauser-btn {
    background: #999;
    border: none;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: relative;
    top: 2px;
}

.layout-24 #common-home #cart .dropdown-menu{margin-right: 0px !important;}

.data-table.grouped-items-table {
    color: #000;
    font-family: 'Roboto', sans-serif;
    background: #fff;
}
.data-table {
    border: 1px solid #ededed;
    width: 100%;
}

.data-table.grouped-items-table thead th {
    border-right: 1px solid #fff;
    background: #999;
    color: #fff;
    font-size: 13px;
}

.data-table td {
    padding: 5px 10px;
}

.data-table td.qbask-padd {
    padding: 10px 10px;
}

.data-table td {
    border-bottom: 1px solid #ededed !important;
    border-right: 1px solid #ededed !important;
    vertical-align: middle !important;
    background: #fff;
    word-break: break-word;
    font-size: 14px;
}

#common-home .sunbasket-two button {
    background: transparent;
    color: #20a7df;
    border: none;
    padding: 5px 10px;
    text-align: center;
    margin: 0 auto;
    
}

#common-home .sunbasket-two button.quick-plusbtn:disabled {
    color: #cdcdcd !important;
}
#common-home .sunbasket-two button.active{color: #d62a80;}

#common-home .sunbasket-two .sun-new {
    width: 100%; 
    position: relative !important; 
}

#common-home .sunbasket-two .quickcount-leftbefore{
    width: 100%;
    border: 1px solid #ddd !important;
}

#common-home .sunbasket-two button img {
    margin: 0 auto;
   
}

#common-home .sunbasket-two button .im2 {
    display: none;
    margin: 0 auto;
}

#common-home .sunbasket-two button.active .im2 {
    display: block;
}

#common-home .sunbasket-two button.active .im1 {
    display: none;
}

#quick_shop_product input[type="text"]{
    background: #fff !important;
    border: none !important;
    width: 100% !important;
    height: 100%;
    padding: 0px;
}

#quick-shop .table-responsive{margin-bottom: 20px;}
#list_view_div .table-responsive{
    margin-bottom: 20px;
    overflow-x: hidden !important;
    white-space: unset !important;
    overflow-y: hidden !important;
}

#common-home #quick_shop_product .oldprice {
    color: #999;
    font-size: 13px;
    font-weight: 600;
}

#quick_shop_product .price{margin-bottom: 0px;}
.layout-24 #common-home #cart ul.table-striped .center-div .price{
    font-size: 13px;
    color: #666;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0px;
}

.layout-24 #common-home #cart ul.table-striped .count-left input{
    background: #fff;
}

.layout-24 #common-home #quick_shop_product  .price, 
.layout-24 #common-home #quick_shop_product .price .price-new, 
.layout-24 #common-home #quick_shop_product .price span.price{
    font-size: 15px;
}

@media (min-width: 992px){
    .layout-24 #common-home .col-md-3.content-aside {
        width: 100% !important;
        margin-bottom: 0px !important;
    }
}

@media only screen and  (min-width: 768px) and (max-width:991px){
    .layout-24 #common-home .col-md-3.content-aside {
        width: 100% !important;
        margin-bottom: 0px !important;
    }
    #common-home .left-panel .swiper-viewport{
        margin-bottom: 0px !important;  
    }
    #common-home .left-panel .row3{width: 35%;}
}

#common-home .left-panel .swiper-pagination {
    display: none;
}

.center-div .close-btn .btn.active.focus, 
.center-div .close-btn .btn.active:focus, 
.center-div .close-btn .btn.focus, 
.center-div .close-btn .btn:active.focus, 
.center-div .close-btn .btn:active:focus, 
.center-div .close-btn .btn:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
}

.layout-24 #common-home #cart ul.table-striped .count-left input:focus{
    border: 2px solid #000;
    transition: none;
}

/*******d_ajax.css********/
@media (min-width: 768px){
    #d_ajax_search_results {
    margin:0px;
    color: #fff;
    background-color: rgb(255, 255, 255);
    position: absolute;
    z-index: 1005;
    padding: 0px 0;
    margin-top: 70px;
}
#search-autocomplite {
        width: 100%;
    height: 50px;
    position: absolute;
    padding: 10px;
    padding-left: 10.5px;
    margin-top: 0.5px;
}
#search-autocomplite ~ input {
    position: relative!important;
}
#search .input-lg{
  border-radius: 6px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
input[name="search"]{
    background-color: transparent;
}
#d_ajax_search_results #d_ajax_search_results_body {
    color: #fff;
    position: relative;
}
#d_ajax_search_results_body > .row:hover,.selected, #d_ajax_search_results_body > .result_block > .row:hover{
  background-color: rgb(238, 238, 238);
}
.fa-spinner{
    align-self: center;
    color: black;
}
h4{
    margin-bottom: 0px;
}
.all_results:hover{
    cursor: pointer;
}
.all_results{
    padding-left: 20px;
    font-size: 13px;
    display: block;
    padding-top: 7px;
    clear: both;
    padding-bottom: 7px;
}
#d_ajax_search_results_body > .result_block > .result-link > div > img, #d_ajax_search_results_body > .result-link > div > img {
    border: 1px solid rgb(238, 238, 238);
}
.toppad .name {
    padding-right: 0px !important;
}
.block-text{
    width: 100%;
    padding-top: 24px;
    padding-left: 20px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.block-text:first-letter {
    text-transform: uppercase;
}
.where-find{
    background-color: #f5f5f5;
    color: #929292;
    margin-top: 10px;
    float: left;
}
.forkeydon{
  font-size: 13px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: left;
  height: 13px;

}
.result_block{
    overflow: hidden;
    padding-bottom: 0px;
}
hr{
    margin-bottom: 0px;
    border-top: 2px solid #eee;
}
.saggestion{
      font-size: 15px;
      padding-left: 19px;
      padding-top: 20px;
      padding-bottom: 20px;
      color: rgb(131, 131, 131);
      line-height: 1.333;
      background-color: #f5f5f5;
      border-bottom: 1px solid #e0e0e0;
      margin-top: -11px;
}
.saggestion-result{
    color: #000;
    font-weight: 600;
}
#d_ajax_search_results .row {
    font-size: 13px;
    color: rgb(0, 0, 0);
    line-height: 1.538;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: center;
    margin: 0px;
    width: 100%;
    display: table;
}
#d_ajax_search_results .row .col {
    display: table-cell;
    float: none;
    padding: 0px 0px;
}

#d_ajax_search_results .row .col .old-price {
    text-decoration:line-through;
}

.dajax_prod_popup .popup-search-icon{
    font-size: 17px;
    position: absolute;
    margin-top: 5%;
    z-index: 9999;
    left: 17px;
}
.dajax_prod_popup .input-group-width{
    width: 100% !important;
}
.dajax_prod_popup .popup-input{
    border-radius: 10px !important;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%) !important;
    margin-top: 15px !important;
}
.dajax_prod_popup .popup-close-icon{    
    z-index: 9999;
    position: absolute;    
    background: #fff;    
    padding: 6px 8px;
    border-radius: 50%;    
    font-size: 15px;
    margin-top: 4%;
    right: 2%;
    box-shadow: none;
    cursor: pointer;
}
#d_ajax_search_results{
    width: 570px !important;
    margin-left: 1px;
    box-shadow: none;
    border: none;
    border-radius: 10px;
    margin-top: 70px !important;
    overflow: hidden;   
}
#d_ajax_search_results_body{
    max-height: 400px;
    overflow-y: auto; 
}
.dajax_prod_popup .popup-left-arrow{
    margin-top: -4%;
    position: absolute;
    background: #fff;
    padding: 8px 10px;
    border-radius: 50%;
    margin-left: -5%;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

    #d_ajax_search_results::-webkit-scrollbar {
        width: 5px;
    }
    #d_ajax_search_results::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #f1f3f4; 
        border-radius: 10px;
    }   
    #searchModal .modal-body{display: none;}    
    .col.price{display: none;}
}

@media only screen and  (max-width: 767px){
    #d_ajax_search_results {
        width: auto !important;
        margin:0px;
        margin-top: 5px !important;
        position: absolute;
        list-style-type: none;
        z-index:1005;
        background-color: #ffffff;
        border-top: none;
        color: #555;
        left: 10px;
        right: 10px;
    }
    #d_ajax_search_results #d_ajax_search_results_body {
        position: relative;
        padding: 0px 5px;
    }
    #d_ajax_search_results_body > .result_block > .result-link > div > img, #d_ajax_search_results_body > .result-link > div > img {
        border: 1px solid rgb(238, 238, 238);
    }
    #search_input::-webkit-input-placeholder {color:#fff;}
    #search_input{
        background-color: transparent;
        color: #fff;
        margin-top: -9px;
        width: 72%;
        font-size: 16px;
        display: inline-block;
        box-shadow: none!important;
        border: 0;
    }
    .fa-arrow-left{
        margin-left: 0px!important;
    }
    #search-autocomplite {
        width: 100%;
        height: 50px;
        position: absolute;
        padding: 10px;
        font-size: 16px;
        padding-left: 38px;
        margin-top: -6px;
    }
    #help {
        position: absolute;
        width: 100%;
        top: 50%;
        text-align: center;
        margin-top: -20px;
        margin-left: -15px;
        font-size: 20px;
        font-weight: 600;
        color: grey;
    }
    #search_mobile{
        width: 100%;
        background-color: transparent;
    }
    .no-results{
        position: absolute;
        width: 100%;
        top: 50%;
        text-align: center;
        margin-left: -30px;
        font-size: 20px;
        font-weight: 600;
        color: grey;
    }
    .modal .fa{
        color: white;
        margin-right: 10px;
        margin-top: 8px;
        margin-left: 10px;
    }
    
    .block-text{
        width: 100%;
        margin-top: 10px;
        padding-left: 10px;
        color: #000;
        font-size: 20px;
        font-weight: 600;
    }
    .block-text:first-letter {
        text-transform: uppercase;
    }
    .where-find{
        background-color: #f5f5f5;
        color: #929292;
    }
    .saggestion{
          margin-top: -23px;
          font-size: 15px;
          padding-left: 25px;
          padding-top: 30px;
          padding-bottom: 30px;
          color: rgb(131, 131, 131);
          line-height: 1.333;
          background-color: #f5f5f5;
          margin-left: -20px;
          border-bottom: 1px solid #e0e0e0;
    }
    .saggestion-result{
        color: #000;
        font-weight: 600;
    }
    .fa-exclamation-circle, .lul{
        color: grey!important;
    }
    .modal {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: hidden;
    }

    #searchModal .modal-dialog {
      position: fixed;
      margin: 0;
      width: 100%;
      height: 100%;
      padding: 0;
    }

    #searchModal .modal-content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 0;
      box-shadow: none;
    }

    #searchModal .modal-header {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      height: 50px;
      padding: 10px;
      border: 0;
    }

    #searchModal .modal-title {
      font-weight: 300;
      font-size: 2em;
      color: #fff;
      line-height: 30px;
    }

    #searchModal .modal-body {
      position: absolute;
      top: 50px;
      bottom: 60px;
      width: 100%;
      font-weight: 300;
      overflow: auto;
      height: 91%;
      padding: 15px 10px;
    }

    .modal-open{
        position: fixed;
    }

    .btn-modal {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -20px;
      margin-left: -100px;
      width: 200px;
    }

    .fa-spinner{
        align-self: center;
    }
    .name {
        margin-left: 5px;
    }
    
    #d_ajax_search_results .row {
        font-size: 13px;
        color: rgb(0, 0, 0);
        line-height: 1.538;
        margin: 0px;
        width: 100%;
        height: 50px;
        display: table;
        margin-right: 20px!important;
        padding-bottom: 12px;
        padding-right: 33px;
    }
    #d_ajax_search_results .row .col {
        display: table-cell;
        float: none;
        padding: 0px 0px;
    }
    #d_ajax_search_results .row .col.va-center {
        vertical-align: middle;
    }
    #d_ajax_search_results .row .col .old-price {
        text-decoration:line-through;
    }
    #searchModal .price{
        margin-top: -3px ;
        font-weight: 700;
        margin-right: 0px;
    }
    .result_block p.price{font-size: 14px;}
    .result_block .forkeydon{font-size: 13px;}
    
    #header .search-header-w .search-new #d_ajax_search_results{
        left: 0px !important;
        right: 0px !important;
        width: auto !important;
    }
    
    #common-home .top-cat .col-sm-3:first-child{margin-left: 0px !important;}
    #d_ajax_search_results_body .toppad .sResult-img{width: 20%;}
    #d_ajax_search_results_body .toppad .col-sm-7{width: 63%;}
    .search-header-w .search-new #d_ajax_search_results_body .toppad .sResult-img{width: 20%;}
    .search-header-w .search-new #d_ajax_search_results_body .toppad .col-sm-7{width: 63%;}
}


.right-head-icon .combo-typebtn,
.smobile-gridChild .combo-typebtn{
    margin-left: 5px;
      border: none;
      line-height: 17px;
      padding: 9px 15px 9px;
      box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
      border-radius: 50px !important;
      font-weight: 600;
      color: #fff;
      font-size: 12px;
      text-transform: capitalize;
  }
  @media (max-width: 767px){
  .right-head-icon .combo-typebtn{
  padding: 7px 10px 7px 10px !important;
  margin-left: 5px;
  }
  .top-cat-main .payIcon{
    position: fixed;
  }
  #common-home .top-cat span.mbl-search{
    margin-left: 5px;
  }
}

@media (min-width: 300px) and (max-width: 316px){
    .right-head-icon .combo-typebtn,
    .grid-typebtn#Grid-btn{
        padding: 7px 7px 7px 7px !important;
        font-size: 11px;
        }
}
@media (max-width: 299px){
    #common-home .sfauser-icon button.sfauser-btn,
    #common-home  button.mbl-search-btn{
        width: 27px!important;
        height: 27px!important;
    }
    .right-head-icon .combo-typebtn,
    .grid-typebtn#Grid-btn{
        padding: 7px 6px 7px 6px !important;
        font-size: 10px;
        }
}
@media (min-width: 1301px) and (max-width: 1340px){
    .top-cat .combo-and-quick .right-head-icon {
        margin-right: 10px;
    }
}

@media (min-width: 1201px) and (max-width: 1300px){
    #common-home .top-cat .col-sm-3 {
      max-width: 15%;
  }
  .combo-and-quick .float-right .menu-1 {
    margin-left: 0;
  }
  .combo-and-quick .float-right span {
    margin-right: 5px;
  }
  #common-home .top-cat .combo-and-quick .col-sm-3:first-child {
    margin-left: 5px;
  }
  .top-cat .combo-and-quick .right-head-icon {
    margin-right: 15px;
  }
  }
  @media (min-width: 992px) and (max-width: 1200px){
    #common-home .top-cat .col-sm-3{
        max-width: 16%;
    }
    .layout-24 #common-home .top-cat .col-sm-3,
    .layout-24 #common-home .top-cat .col-sm-3:first-child {
      margin-left: 10px !important;
  }
  #common-home .top-cat #payTo {
    margin-left: 5px !important;
}

#common-home .top-cat .mbl-search-btn{
    margin-left: 5px;
}
#common-home .top-cat .sfauser-icon{
    margin-left: 3px;
}
#common-home  .top-cat-main .grid-padd{
    margin-left: 5px;
}
.btn-group-sm .grid-typebtn,
.right-head-icon .combo-typebtn{
    padding: 9px 10px 9px;
}
  }
  @media (max-width: 767px){
  .top-cat marquee {
    margin-top: 0px;
  }
  #myPayModal{top: 0;}
}
/* @media (min-width: 288px) and (max-width: 299px){
    .right-head-icon .combo-typebtn {
        padding: 7px 9px 7px 9px !important;
    }
} */