@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes animatebottom {
    0% {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes animatebottom {
    0% {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.form-notes {
    font-size: 14px;
    margin-bottom: 10px
}

.modal-backdrop {
    z-index: 99999
}

.product-list .product-title a {
    font-size: 16px;
    line-height: 20px;
    color: #0062bd
}

.order-status {
    font-size: 14px;
    margin-bottom: 0
}

.cart-table .product-item__inner h6.font-size-12.font-size-14-lg {
    font-size: 1rem
}

.cart-data-container {
    position: relative;
    min-height: 240px
}

.cart-table table tr:not(:last-child) {
    border-bottom: 1px solid #eee
}

.with-margin-less .product-item {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px
}

.horizontal-filter {
    margin-bottom: 7px
}

.sidebar-filter {
    box-shadow: 0 0 8px 4px hsl(0deg 0% 78%/21%);
    padding: 15px;
    border-radius: .8rem
}

.cart-btn.btn-primary-dark-w {
    color: #fff !important
}

.amazon-qr .u-divider--xs::after,
.amazon-qr .u-divider--xs::before {
    width: 5.75rem;
    height: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#loader {
    z-index: 1;
    position: absolute;
    top: 135px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #1249a0;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

.address-card {
    box-shadow: 0 0 7px 0 #eee
}

.address-card p {
    margin: 0
}

.videoGallery .rsThumb .rsTmb h5 {
    font-weight: 600
}

.videoGallery .rsThumb.rsNavSelected .rsTmb h5,
.videoGallery .rsThumb.rsNavSelected::before {
    color: #f0cd0b
}

.videoGallery .rsThumbs .rsThumb {
    min-height: 60px;
    padding-left: 30px;
    max-height: 62px;
    overflow: hidden
}

.videoGallery .rsThumb {
    counter-increment: my-awesome-counter
}

.videoGallery .rsThumb::before {
    content: "0" counter(my-awesome-counter);
    font-weight: 700;
    line-height: 1;
    top: 20px;
    position: absolute;
    left: 18px;
    color: #fff;
    font-size: 18px;
    transition: .5s
}

@media (max-width:768px) {
    .product-item__title {
        min-height: 1.7rem
    }

    .slick-slider {
        touch-action: auto;
        -ms-touch-action: auto
    }

    .store-box .store-info {
        padding: 20px 20px 20px 4rem;
        text-align: left;
        font-size: 14px
    }

    .store-info .name-wrap h3 {
        font-size: 14px;
        margin-bottom: 5px
    }

    .store-btn-radio .store-radio-item.typ-default input[type=radio]:not(old)+label {
        margin-bottom: 0
    }

    .store-btn-radio .store-radio-item.typ-default input[type=radio]:not(old)+label .check {
        width: 1rem;
        height: 1rem;
        left: 15px;
        top: 1px
    }

    .gift-form .item {
        height: 30px;
        width: calc(100%/4 - 3px);
        margin-bottom: 3px
    }

    .gift-form #other_amount input {
        height: 30px;
        border-radius: 4px;
        border: 1px solid #0061e0;
        color: #0061e0;
        font-weight: 600;
        font-size: 15px;
        text-align: center;
        margin-top: 3px
    }

    .s-name.store-list-name {
        font-size: 16px;
        font-weight: 500
    }

    .s-name.store-product-list {
        font-size: 12px !IMPORTANT
    }

    .store-info .address {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 16px;
        color: #000
    }

    .testimonial-card {
        padding-left: 0
    }

    .videoGallery .rsThumb::before {
        display: none
    }

    .videoGallery .rsThumbs .rsThumb {
        min-height: 30px;
        max-height: 48px;
        overflow: hidden;
        padding-left: 0;
        height: auto
    }

    .breadcrumb-item,
    .breadcrumb-item a,
    .breadcrumb-item.active,
    .order-details,
    .product-list .product-title a {
        font-size: 12px
    }

    .nav-pills.profile-navigation .nav-link {
        display: inline-block !important;
        width: auto;
        overflow-x: scroll;
        padding: 5px 15px;
        color: #0061e0
    }

    .nav-pills.profile-navigation {
        display: inline-block;
        background: #fff;
        margin-bottom: 15px
    }

    .nav-pills.profile-navigation .nav-link.active {
        color: #fff;
        background-color: #0061e0;
        font-weight: 500
    }

    .profile-container .btn {
        padding: 4px 10px !important;
        font-size: 12px
    }

    #gift-table td,
    #gift-table th,
    .user-detail-table td,
    .user-detail-table th {
        font-size: 12px;
        padding: 6px
    }

    #add_user_address input,
    #add_user_address select,
    #billingAddress input,
    #billingAddress select,
    .edit-address-section input,
    .edit-address-section select,
    .gift-form input,
    .gift-form select,
    .user-edit-form input,
    .user-edit-form select {
        padding: .25rem .75rem;
        height: calc(1em + 1rem + 2px);
        font-size: 12px
    }

    .user-edit-form .toggle input+label {
        padding: .25rem;
        margin-top: 10px;
        font-size: 14px
    }

    .customer-order-address h6:not(first-child) {
        margin-top: 0
    }

    .user-edit-form .toggle input:checked+label i {
        opacity: 1;
        margin-right: 5px
    }

    #order-list table td,
    #order-list table th {
        padding: 4px;
        font-size: 12px;
        vertical-align: middle
    }

    #invoice {
        padding-top: 40px
    }

    .invoice-btn {
        position: absolute;
        top: 0;
        left: 10px
    }

    .customer-order-address h6 {
        font-size: 14px;
        line-height: 18px;
        margin: 4px 0
    }

    ul.order-amount-list li {
        margin-bottom: 5px;
        display: block;
        font-weight: 600
    }

    ul.order-amount-list {
        padding: 0
    }

    .cancel-label {
        font-size: 16px;
        margin: 0
    }

    #address-book p,
    .address-book p,
    .address-card p {
        font-size: 12px;
        color: #555;
        line-height: 16px
    }

    .address-book h5,
    .address-book h6 {
        font-size: 14px;
        line-height: 14px
    }

    .js-form-message.mb-2.mb-lg-5 {
        margin-bottom: 15px !important
    }

    .form-notes,
    .item {
        font-size: 12px;
        margin-bottom: 7px
    }

    .item {
        height: 30px;
        width: 70px;
        margin-bottom: 3px
    }

    .item .text {
        top: -2px
    }

    .item .background {
        border-radius: 0
    }

    .item input[type=radio]:checked+label .text:before {
        padding-right: 2px
    }

    .order-status {
        font-size: 12px;
        margin: 0;
        line-height: 15px;
        color: #000
    }

    .product-list .product-title {
        line-height: 16px;
        margin: 0
    }

    .order-product-list .col-3,
    .order-product-list .col-6 {
        padding-left: 0;
        padding-right: 7px
    }

    .promise-content {
        width: 100%
    }

    .promise-content .promise-list-box {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 25px
    }

    .promise-list-box .promise-list-icon {
        display: block;
        width: 110px;
        vertical-align: top;
        margin: 0 auto 10px
    }

    .promise-list-box .promise-list-content {
        width: 100%;
        padding: 0
    }

    .promise-list-box:nth-child(odd) {
        background: #f7f7f7
    }

    .promise-list-box:nth-child(even) {
        background: #fff
    }

    .promise-list-box .promise-list-content h5 {
        font-size: 22px
    }

    .promise-list-box .promise-list-content p {
        font-size: 14px
    }

    .photostack figure.photostack-current {
        width: calc(100% - 40px);
        transform: translate(20px, 82.5px) rotate(0deg) !important
    }

    .js .photostack {
        height: 525px;
        width: 100%;
        max-width: 100%
    }

    .static-heading {
        font-size: 1.8rem;
        font-weight: 600;
        margin: 0
    }

    .faq-navigation {
        margin-bottom: 20px
    }

    .scrollspy-indicator-container li {
        line-height: 48px;
        height: 48px
    }

    .scrollspy-indicator-container li:first-child {
        border-top: 1px solid #989898
    }

    .content-section h1,
    .content-section h3,
    .content-section h4 {
        font-size: 16px
    }

    .kohinoor-life .container {
        padding: 0
    }

    .icon_with_text {
        margin-bottom: 0;
        padding: 10px;
        min-height: 175px;
        border-radius: 5px;
        display: grid
    }

    .icon_with_text img {
        margin: auto
    }

    .icon_with_text h3 {
        font-size: 16px;
        line-height: 23px;
        font-weight: 600;
        color: #0062bd
    }

    .img-content-grid h4 {
        font-size: 2rem;
        text-align: center
    }

    .img-content-grid img {
        margin-bottom: 20px
    }

    .img-content-grid a {
        text-align: center;
        margin: auto;
        display: block;
        width: 160px;
        padding: 10px
    }

    .icon_with_text,
    .img-content-grid {
        text-align: center
    }

    .careers-search-container {
        padding: 25px
    }

    .jobs-listing .job-block h4 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500
    }

    .jobs-listing .job-block p {
        letter-spacing: 1px
    }

    .max-width-1000.px {
        padding-left: 15px;
        padding-right: 15px
    }

    .job-detail-section h1 {
        font-size: 24px;
        margin-bottom: 15px !important
    }

    .select-billing-shipping-address {
        padding: 5px;
        max-width: 100px !important;
        margin-left: auto;
        position: relative;
        bottom: 0;
        right: 0;
        font-size: 12px;
        border-radius: 20px;
        min-width: 50px;
        width: 100%
    }

    .gauge-container {
        margin-bottom: 0 !important;
        margin-top: 20px;
        margin-right: 20px !important
    }

    .gauge-container .gauge {
        width: 100% !important;
        height: 140px !important
    }

    .order-btn-group .btn {
        margin: 0;
        font-size: 12px;
        padding: 4px 5px;
        text-align: center
    }

    .order-btn-group {
        display: block;
        text-align: center
    }

    .success-trans-icon {
        display: block;
        margin-bottom: 20px
    }

    .order-success-card .order-thank-msg {
        color: #0061e0;
        margin-bottom: 15px;
        font-size: 16px
    }

    .success-order-content h5 {
        font-size: 18px;
        margin: 0
    }

    .checkmark-circle {
        transform: scale(.8)
    }

    .order-success-card {
        margin-bottom: 15px;
        padding: 20px
    }

    .cart-table .product-item__inner h6.font-size-12.font-size-14-lg {
        font-size: .75rem
    }

    .bottom--100 {
        bottom: -15px;
        width: 140px
    }

    .btn-wrap .btn {
        font-size: 12px;
        width: 100%;
        padding: 5px 10px
    }

    .btn-wrap {
        margin: auto;
        display: flex;
        text-align: center;
        justify-content: space-between
    }

    .header-store-detail-modal .kohiapp-post-profile,
    .header-store-enquiry .kohiapp-post-profile {
        padding: 1.25rem
    }

    .header-store-detail-modal .kohiapp-post-profile .img-wrap,
    .header-store-enquiry .kohiapp-post-profile .img-wrap {
        width: 90px;
        height: 90px
    }

    .kohiapp-post-profile .store-name {
        font-size: 12px;
        margin-top: 5px;
        line-height: 18px
    }

    .modal-content.p-5.mx-4 {
        padding: 20px !important
    }

    #StoreEnquiryform input,
    #StoreEnquiryform select {
        padding: 4px 15px;
        height: 36px
    }

    #StoreEnquiryform label {
        margin-bottom: 2px
    }

    #address-book h5,
    #address-book h6,
    .address-card h5,
    .address-card h6 {
        font-size: 14px;
        line-height: 14px
    }

    .rsDefault .rsPlayBtnIcon {
        background-color: rgb(254 215 0);
        border-radius: 50%
    }

    #gift-table,
    #gift-table tbody,
    #gift-table td,
    #gift-table th,
    #gift-table thead,
    #gift-table tr {
        display: block
    }

    #gift-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    #gift-table tr {
        margin-bottom: 10px;
        background: #eee;
        padding: 7px 20px
    }

    #gift-table td {
        border: 0;
        position: relative;
        padding-left: 50%;
        text-align: left !important
    }

    #gift-table td:not(last-child) {
        border-bottom: 1px solid #eee
    }

    #gift-table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }

    #gift-table td:nth-of-type(1):before {
        content: "Id"
    }

    #gift-table td:nth-of-type(2):before {
        content: "Date"
    }

    #gift-table td:nth-of-type(3):before {
        content: "Redeemed Code"
    }

    #gift-table td:nth-of-type(4):before {
        content: "From"
    }

    #gift-table td:nth-of-type(5):before {
        content: "From Email"
    }

    #gift-table td:nth-of-type(6):before {
        content: "Occasion"
    }

    #gift-table td:nth-of-type(7):before {
        content: "Amount"
    }

    #gift-table td:nth-of-type(8):before {
        content: "Expiry date"
    }

    #gift-table td:nth-of-type(9):before {
        content: "Status"
    }

    #gift-table td:nth-of-type(10):before {
        content: "Actions"
    }

    #gift-table .btn {
        padding: 4px 26px !important;
        background: #fed700
    }

    .list-top-brand a {
        padding: 0
    }

    .table-compare-list-2 h5,
    .table-compare-list-2 p {
        font-size: 12px
    }

    .table-compare-list-2 {
        font-size: 12px;
        line-height: 14px;
        width: 710px
    }

    .compare-container {
        overflow-x: scroll
    }

    .compare-product-name {
        font-size: 12px;
        margin-bottom: 10px !important
    }

    .col-1-5 {
        width: 20%;
        word-break: break-word;
        line-height: 18px;
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .product-compare-image img {
        height: 140px
    }

    .row .col-1-5:first-child {
        position: sticky;
        left: -15px;
        background: #fff;
        z-index: 3;
        width: 18%;
        line-height: 18px
    }

    .product-compare-image .empty-placeholder {
        height: 100px
    }

    .compare-toast-msg,
    .notification-msg {
        width: fit-content
    }

    #OwlsliderSyncingThumb .owl-item .js-slide img {
        margin: auto;
        display: block;
        height: auto;
        width: 100%
    }

    #OwlsliderSyncingThumb .owl-item {
        height: 65px
    }

    #OwlsliderSyncingThumb .owl-stage {
        margin: 0 auto 7px
    }

    .product-brand-logo img {
        max-height: 40px
    }

    #exampleModalCenter .modal-close {
        top: 15px;
        color: #222;
        right: 15px;
        z-index: 2;
        font-size: 24px
    }
}

@media screen and (min-width:1200px) {
    .scrollspy-indicator-container.stick {
        position: fixed;
        top: 0
    }
}

@media screen and (max-width:520px) {
    .pagination {
        display: inline-block;
        list-style: none;
        margin: 0;
        display: flex;
        justify-content: center;
        padding: 0
    }

    .pagination-shop .page-item {
        margin: 0 .25rem
    }

    .pagination-shop .page-link {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        text-align: center;
        vertical-align: middle;
        border-radius: 25px;
        border: 1px solid #e6e6e6;
        padding: 0;
        color: #7d7d7d
    }

    .pagination li {
        display: block;
        float: left;
        padding: 0
    }
}

@media screen and (min-width:1200px) and (max-width:1368px) {
    .min-height-166.product-img-mb img {
        max-height: 185px
    }
}

@media screen and (min-width:1369px) and (max-width:1599px) {
    .min-height-166.product-img-mb img {
        max-height: 240px
    }
}

@media screen and (min-width:1600px) and (max-width:1920px) {
    .min-height-166.product-img-mb img {
        max-height: 240px
    }
}