@font-face {
    font-family: 'RNSSanz-Normal';
    font-style: normal;
    src: url('../fonts/RNSSanz-Normal.ttf') format('truetype');
}

@font-face {
    font-family: 'RNSSanz-Bold';
    font-style: normal;
    src: url('../fonts/RNSSanz-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Cormorant-Regular';
    font-style: normal;
    src: url('../fonts/Cormorant-Regular.ttf') format('truetype');
}


:root{
    --black-p: #000;
    --black-s: #333333;
    --black-t: #292828;
    --white-p: #fff;
    --blue-p: #79e2c2;
    --grey-p: #888;
    --grey-s: #646464;
    --grey-t: rgba(41, 40, 40, 0.1);
    --grey-f: #979797;
    --grey-e: f8f9fa;
    --grey-o: #d8d8d8;
    --grey-r: #f1f1f1;
    --grey-b: #f8f9fa;
    --grey-z: #f8f8f8;
    --grey-l: #959191;
    --rouge: #c1103b;
    --green-p: #00885b;
    --green-s: #9cb9ad;
    --green-t: #dce6e2;
    --brown-p: #97907f;
    --red-p: #a52a2a;
    --red-s: #ff0000;
    --blue-p: #1b225c;
    --blue-s: #f1f3f6;
    --orange-p: #ffa430;
    --font-primary: 'RNSSanz-Normal', sans-serif;
    --font-secondary: 'Cormorant-Regular', sans-serif;
    --font-additional: 'RNSSanz-Bold', sans-serif;
    --grey-light: #f2f1ee;
    --input-color: #fcf8f7;
}

@media screen and (max-width:1500px){
    .quick-order{
        width: 75%;
    }
    .addToCartRow .select2-container--default .select2-selection--multiple .select2-selection__rendered{
        width: 14vw;
    }
}
@media screen and (max-width:1200px){
    .mega_dropdown .left{
        width:20%;
        padding-left:20px
    }
    .mega_dropdown .left ul li a{
        font-size:14px
    }
    .mega_dropdown .right{
        width:78.7%
    }
    .quick-order{
        width: 80%;
    }
    .addToCartRow .select2-container--default .select2-selection--multiple .select2-selection__rendered{
        width: 15vw;
    }
}
@media screen and (max-width:991px){
    .show-mobile {
        display: block;
    }
    footer a {
        margin: 4px 0;
    }
    .logo {
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 40px;
        height: 20px;
    }
    footer .justify-content-center{
        justify-content:center!important
    }
    .informations .d-flex{
        margin: 10px 0;
        flex-direction: row !important;
        text-align: left !important;
        width: 100%;
        gap: 10px;
    }
    .informations .h-100 {
        height: auto !important;
    }
    .social-icons {
        margin: 0;
        margin-top: 20px;
    }
    .payment-icons {
        margin: 0;
        margin-top: 40px;
        margin-bottom: 20px;
        text-align: left;
    }
    .country-select .select2 {
        margin: 15px 0;
    }
    .change-lang-mobile {
        display: block;
    }
    .informations p {
        font-size: 13px;
    }
    .input-group{
        height:100%;
        gap: 10px;
    }
    .input-group-text{
        width:100%;
        height:54px;
        margin-top:10px;
        border-radius:4px!important;
        text-align:center;
        display:block
    }
    .input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){
        width:100%;
        height:54px;
        border-radius:4px
    }
    .input-group-append{
        width:100%;
        order: 2;
    }
    .general-conditions {
        order: 1;
    }
    .icons-box img {
        height: 20px;
        width: 25px;
    }
    .product-quantity div{
        white-space:nowrap
    }
    .mobile-slider-categories{
        display:block
    }
    .top-nav-mobile{
        display:block;
        text-align:center;
        background-color:#fafafa;
        padding:6px;
        font-size:12px;
        font-weight:500
    }
    .content{
        padding:16px
    }
    #navbar{
        transition: all .2s ease-in-out;
    }
    #cd-cart-package{
        height:50%;
        top:50%;
        width:100%;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .product-tag{
        padding:5px;
        font-size:10px;
        white-space:nowrap;
    }
    .product_page label{
        letter-spacing:normal
    }
    .product-category{
        font-size:10px
    }
    .bg-product-image{
        height:140px;
        background-size:contain;
        background-position:center;
        background-repeat:no-repeat;
        margin-top:10px
    }
    .navigation .item-right .hide-profile{
        display:none
    }
    .navigation .item-right .hide-cart{
        display:none
    }
    .first_nav{
        display:none
    }
    .top_nav{
        display:none
    }
    .main_nav .nav_brand img{
        max-width:130px
    }
    .mobile_nav_btn{
        display:block;
        position:absolute;
        margin-left:10px;
        margin-top:9px;
        z-index:1
    }
    .mobile_nav_btn img{
        width:30px
    }
    .mobile_nav_btn:hover{
        cursor:pointer;
        opacity:.8
    }
    #mobile-nav-sidebar{
        position:fixed;
        top:0;
        height:100%;
        width:90%;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        z-index:3
    }
    #mobile-nav-sidebar{
        left:-100%;
        background:#fff;
        -webkit-transition:right .3s;
        -moz-transition:right .3s;
        transition:right .3s;
        z-index:1060
    }
    #mobile-nav-shadow-layer{
        position:fixed;
        min-height:100%;
        width:100%;
        top:0;
        left:0;
        background:rgba(67,87,121,.6);
        cursor:pointer;
        z-index:1000;
        display:none
    }
    #mobile-nav-shadow-layer.is-visible{
        display:block;
        -webkit-animation:cd-fade-in .3s;
        -moz-animation:cd-fade-in .3s;
        animation:cd-fade-in .3s
    }
    .mobile_nav_content ul{
        list-style:none;
        padding:0;
        margin:0;
        border-bottom:solid 1px rgba(41,40,40,.1);
        padding-bottom:13px;
        margin-bottom:10px
    }
    .mobile_nav_content ul li a{
        color:#292828
    }
    .mobile_nav_content label{
        font-size:10px;
        font-family:TT_Norms_Pro_Bold;
        text-transform:uppercase;
        margin-bottom:10px
    }
    #mobile-nav-sidebar .close{
        opacity:1;
        margin-top:20px;
        margin-right:20px;
        width:16px
    }
    .mobile_nav_content .list2{
        font-family:TT_Norms_Pro_Bold
    }
    .mobile_nav_content .list3{
        margin-bottom:10px;
        padding-bottom:0
    }
    .mobile_nav_content .list3 li{
        display:inline-block;
        border-right:1px solid rgba(41,40,40,.1);
        width:49%;
        text-align:center;
        margin-bottom:10px
    }
    .mobile_nav_content .list3 li img{
        width:20px;
        vertical-align:top;
        margin-right:5px;
        margin-top:2px
    }
    .mobile_nav_content .list3 li:nth-child(2){
        border:none
    }
    .mobile_nav_content .list5{
        font-family:TT_Norms_Pro_Bold;
        text-transform:uppercase
    }
    .mobile_nav_content .list7 li{
        display:inline-block;
        margin-right:40px
    }
    .mobile_nav_content .list7 img{
        filter:invert(1)
    }
    .mobile_nav_content .list1 img{
        margin-right:5px;
        vertical-align:top;
        margin-top:4px
    }
    .mobile_nav_content .list6 img{
        max-width:16px;
        vertical-align:top;
        margin-top:3px;
        margin-right:10px;
        text-align:center
    }
    .main_nav{
        padding:10px
    }
    .main_nav .cart_box{
        margin-top:0;
        float:right;
        background:0 0
    }
    .main_nav .nav_brand{
        margin-top:10px
    }
    .main_nav .nav_brand img{
        max-width:150px
    }
    header h1{
        font-size:30px
    }
    header h2{
        font-size:14px
    }
    header .left{
        height:575px;
        width:45%;
        float:left
    }
    header .right{
        height:575px;
        width:53%
    }
    header a.cta{
        font-size:10px;
        width:100%;
        padding-right:50px;
        overflow:hidden
    }
    #mobile-nav-sidebar{
        display:block
    }
    .mobile_nav_content{
        display:block;
        padding:25px
    }
    .filter_content .close{
        top:30px
    }
    .filter_content button{
        width:100%
    }
    .profile_subpage .user_data{
        margin-bottom: 15px;
        padding: 12px;
    }
    .profile_subpage .back-to-shop {
        margin: 0;
    }
}
@media screen and (max-width:768px){
    /* START OF NEW MOBILE STYLES */

    /* LANDING PAGE AND NAVIGATION */

    .product-card.mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0;
        margin-bottom: 20px;
    }

    .product-card .img-btn-cart-wrapper {
        display: none !important;
    }

    .product-card .btn-cart.mobile {
        display: none;
    }

    .money-return {
        height: 50px;
    }
    .body-7 {
        padding: 10px;
    }

    .questions-body {
        padding: 10px;
    }

    .margin-t-b-40 {
        margin: 15px 0;
    }

    .best-blogs-wrapper {
        margin-bottom: 15px;
    }

    .single-blog .breadcrumb {
        margin-bottom: 10px;
    }

    .margin-t-b-90 {
        margin: 25px 0;
        gap: 20px;
    }

    .m-15 {
        margin: 0;
    }

    .custom-padding {
        padding: 0;
    }

    .opinion-slider-wrapper {
        padding: 0;
        min-height: 350px;
    }

    .discount-percentage {
        background-color: var(--grey-r);
        font-size: 10px;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        display: none;
    }

    .product-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
    }

    .img-btn-cart-wrapper {
        margin: 0 12px;
        white-space: nowrap;
    }

    .single-blog .img-btn-cart-wrapper {
        margin: 0 8px;
    }

    .btn-cart img {
        margin-right: 0;
        display: none;
    }
    .add_in_cart_wrapper .text {
        margin-top: 0;
    }
    #cd-cart .bottom {
        width: 100%;
        margin: 0;
        background-color: var(--green-t);
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .add_in_cart_wrapper .header .top p {
        position: absolute;
        left: 50%;
        text-transform: uppercase;
        transform: translate(50%, 0%);
    }

    .header-mobile {
        display: block;
    }
    .header {
        display: none;
    }

    .btn-cart.mobile {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        padding: 0;
        width: 100%;
        margin-top: 12px;
    }

    .news-box {
        padding: 30px;
    }

    .product-card.mobile .grades {
        font-size: 10px;
        display: none;
    }

    .product-card.mobile .ratings {
        margin: 0;
        bottom: 0;
        font-size: 9px;
    }

    .ratings-wrapper {
        display: flex;
        gap: 4px;
    }

    .font-weight-bold {
        font-family: var(--font-additional);
    }

    .discount-mobile-wrapper .discount_mobile {
        margin-right: 5px;
    }

    .profile {
        display: none;
    }

    .product-card.mobile .product-title {
        font-size: 13px;
        text-align: left;
        margin-top: 5px;
    }

    .product-subtitle {
        font-size: 10px;
    }

    .input-group .btn-primary {
        width: 100%;
    }

    .news-sign-up {
        background-position: center;
        padding: 20px 0;
    }

    .input-group input {
        height: 45px !important;
        border-radius: 0 !important;
    }

    h1 {
        font-size: 20px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 20px;
    }
    .categories-wrapper {
        margin-top: 0;
        padding-top: 0;
    }
    .categories-container {
        height: 370px;
        margin: 8px 0;
    }

    .special-collection .mt-5 {
        margin-top: 20px !important;
    }

    .special-collection {
        padding: 0;
    }

    #headers {
        display: none;
    }

    .header-mobile .btn-link {
        margin: 7px 0 !important;
    }

    .header-mobile .slick-dotted.slick-slider {
        margin-bottom: 15px;
    }

    .header-mobile .slick-dots li button:before {
        background-color: var(--black-p);
        width: 10px;
        height: 10px;
        border-bottom: 0;
    }

    .header-mobile .slick-dots {
        width: auto;
        right: 15px;
        bottom: 39px;
    }

    .header-mobile .slick-dots li button {
        height: 10px;
        width: 10px;
    }

    .header-mobile .slick-dots li {
        height: 10px;
        width: 10px;
        margin: 0 5px;
    }

    .background-image-header {
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .grid-container {
        grid-template-columns: 1fr;
        height: 100%;
        margin-top: 30px;
        grid-gap: 0;
    }

    .grid-item-1 {
        height: 170px;
        grid-row: 1;
    }

    .grid-item-2 {
        height: 170px;
        grid-row: 2;
    }

    .grid-item-3 {
        height: 170px;
        grid-row: 3;
    }

    .blogs-section {
        padding: 0;
        margin-bottom: 40px;
    }

    .special-landing-text {
        font-size: 13px;
        margin-bottom: 30px;
    }

    .informations {
        padding: 20px 0;
    }
    .informations .m-3 {
        margin: 0 !important;
    }

    .informations .icons-box {
    }

    .logout-wrapper {
        display: none;
    }

    .slider-background .next-arrow {
        display: none !important;
    }

    .slider-background .prev-arrow {
        display: none !important;
    }

    .slider-background {
        font-family: var(--font-additional);
        min-height: 24px;
        height: auto;
    }
    

    .header-discounts.slick-initialized {
        line-height: 24px;
    }
    .navbar-icons {
        position: absolute;
        right: 0;
        height: 46px;
    }
    .search-menu-img {
        position: absolute;
        left: 0;
        transform: translate(0, 51%);
        top: 50%;
    }
    .categories-images-box {
        display: none;
    }
    .category-layout {
        display: flex;
        gap: 9px;
        align-items: center;
    }
    .category-layout .categories-image-wrapper-mobile {
        position: relative;
        left: 0;
        margin-bottom: 0;
        transform: translate(0,0);
    }
    .product-count-category {
        display: block;
        font-size: 10px;
    }

    .subcategories-wrapper .subcategories-box {
        display: block;
        padding: 0 5px;
        background-color: var(--grey-light);
        text-align: center;
        font-size: 14px;
        height: 45px;
        line-height: 45px;
        min-width: 116px;
        margin: 0 6px;
        margin-top: 20px;
    }
    .products-section h3 {
        margin: 0;
    }
    .category-layout {
        margin: 10px 0;
    }
    .navigation.sticky {
        background-color: var(--white-p);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transition: transform 0.3s;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
    }
    #navbar {
        height: 55px;
        padding: 0;
    }
    .navbar-logo img {
        margin: 0;
        position: absolute;
        left: 50%;
        top: 55%;
        transform: translate(-50%, 80%);
    }

    .blogs-box .blog-date {
        margin-top: 0 !important;
    }

    .blogs-box p {
        font-size: 13px;
    }

    .blogs-box img {
        height: 195px;
    }

    .show-content-mobile label {
        margin: 0;
        font-size: 14px;
    }

    .show-content-mobile {
        display: flex;
        justify-content: space-around;
        border-top: 1px solid var(--grey-o);
        border-bottom: 1px solid var(--grey-o);
        padding: 12px 0;
        margin: 0 20px;
        margin-top: 25px;
        position: relative;
    }

    .vertical-line-mobile {
        position: absolute;
        width: 1px;
        height: 70%;
        background-color: var(--grey-o);
        top: 14%;
        left: 46%;
        transform: translate(-50%, 0%);
    }

    .show-profile img {
        filter: brightness(0);
        height: 16px;
    }

    .login_page h1 {
        margin-bottom: 30px;
    }

    #mobile-slider {
        display: block;
        padding: 15px;
    }

    #gdpr-cookie-message h4, #gdpr-cookie-message p {
        padding-bottom: 10px;
    }

    .single-blog .product-card {
        width: 100%;
    }

    .gifts-wrapper {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        font-size: 11px;
    }

    .gifts-box {
        display: flex;
        align-items: center;
        width: calc(25% - 5px);
        padding: 0 5px;
        justify-content: center;
        height: 50px;
        border: 1px solid var(--grey-o);
    }

    .menu-item-has-children-arrow img {
        margin-right: 15px;
        opacity: 0.5;
    }

    .categories-image-wrapper-mobile {
        position: absolute;
        left: 15px;
        height: 42px;
        width: 42px;
        border-radius: 50%;
        margin-bottom: 10px;
        transform: translate(0%, 15%);
        background-color: var(--grey-light);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .navigation .menu>ul>li.menu-item-has-children {
        margin-left: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    .navbar-search {
        background-color: var(--grey-light);
        position: relative;
        left: 0;
        width: 300px;
        padding: 4.5px 10px;
        border-radius: 13px;
    }

    .brand-slider-box {
        height: 67px;
        width: 67px;
        border: 1px solid var(--grey-o);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 54px;
        border-radius: 50%;
        margin: 0 3px;
    }

    .brands-text {
        padding: 10px 15px;
    }

    .brands-slider {
        padding: 0 6px;
    }

    .menu-item-has-children-arrow {
        display: block;
        width: 60%;
        text-align: right;
    }

    .menu-item-has-children-arrow img {
        transform: rotate(-90deg);
    }

    .list-item-sub-menu {
        display: none;
        background-color: var(--grey-light);
        padding: 12px 15px;
        margin: 10px 15px;
    }

    .menu-item-has-children-arrow.active-arrow img {
        transform: rotate(0deg);
    }

    .list-item-sub-menu h4 {
        font-family: var(--font-primary);
        font-size: 16px;
        margin: 10px 0;
    }

/*    #cd-cart .btn-cart.btn-upsell {
        display: none;
    }*/

    #ItemsInCartDeliveryFreePrice {
        font-family: var(--font-additional);
    }

    #mobile-slider p span {
        color: var(--black-p) !important;
    }

    .top-content-wrapper.top-fixed .navigation.sticky {
        top: 24px;
    }

    /* END OF LANDING PAGE AND NAVIGATION */

    .filtration-mobile-wrapper {
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .filtration-mobile {
        font-size: 13px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .filter-products-form .select2-container--default .select2-selection--single .select2-selection__rendered {
        border: none;
        font-size: 13px;
    }

    .filter-products-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top: 2px;
    }

    .select2-results__option[aria-selected] {
        font-size: 13px;
    }



    .products-details-mobile {
        display: flex;
    }

    .btn-secondary-wrapper {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .subpage .mb-3 {
        margin-bottom: 5px !important;
    }

    .product_page {
        margin-top: 12px;
    }

    .product_page .vertical_list li{
        text-transform: uppercase;
        margin-bottom: 5px;
        font-size: 10px;
    }

    .mobile {
        display: block;
    }

    .product-price-wrapper h3 {
        font-size: 16px;
    }

    #product-discount {
        font-size: 13px;
        margin: 0;
    }

    .product_page .similar_taste .single_product .bg.active {
        border-radius: 0;
        border: 2px solid var(--black-p);
    }
    .product_page .similar_taste .single_product .bg {
        border: 1px solid var(--grey-o);
        border-radius: 0;
    }

    .mb-mobile {
        margin-bottom: 20px;
    }
    #country-select .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 20px;
    }
    .package-box {
        margin: 8px;
        outline: 0.5px solid var(--grey-o);
    }

    .package-wrapper {
        gap: 0;
        margin-bottom: 10px;
    }

    .pages-with-products header .left {
        width: 100%;
        height: 300px;
    }

    .pages-with-products header .right .content {
        display: block;
        padding-right: 15px;
        padding-left: 15px;
    }

    .pages-with-products header .right {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        height: auto;
    }

    .package-box:first-of-type {
        margin-left: 8px;
    }

    .product_page .similar_taste .single_product h4 {
        text-align: center;
        text-transform: none;
    }

    .product_page .similar_taste label {
        margin-bottom: 5px;
        font-size: 13px;
        margin-top: 0;
    }

    .product_page .similar_taste {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .package-text {
        margin: 0;
        margin-bottom: 5px;
    }

    #InStockForm {
        flex-direction: column;
        gap: 5px;
    }

    #InStockFormEmail {
        height: 45px;
        font-size: 13px;
    }

    .product_page .quantity-wrapper.q-products {
        display: none;
    }

    .product_page .btn-cart {
        width: 100%;
    }

    .product_page .product-card .btn-cart img {
        display: block;
    }

    .product_page .btn-cart img {
        display: none;
    }

    .product_page p {
        font-size: 13px;
    }

    .description {
        font-size: 13px;
    }

    .accordion .card .card-header .btn-header-link {
        font-size: 13px;
    }

    .card-body.editor_text {
        font-size: 13px;
    }

    .mobile-img {
        display: block;
        margin: 0 auto;
    }

    .brands {
        padding-left: 0;
        padding-right: 0;
    }

    .blog-product-wrapper {
        padding: 10px;
    }

    .single_opinion .text {
        overflow: hidden;
    }

    .opinions h3 {
        font-size: 30px;
        text-align: center;
    }

    .single_opinion h3 {
        text-align: left;
        margin-top: 0;
    }

    .opinions-wrapper {
        padding: 8px;
        margin-bottom: 10px;
    }

    .brands-box {
        margin-top: 66px;
        position: relative;
        padding: 18px;
        padding-top: 50px;
    }

    .background-image-mobile {
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        transform: translate(-50%, 0%);
        top: -70px;
        left: 50%;
        height: 107px;
        width: 107px;
        border-radius: 50%;
        background-color: var(--white-p);
    }

    .font-size-mobile {
        font-size: 13px;
    }

    .delivery-wrapper {
        gap: 8px;
    }

    .product_page .price-with-discount {
        font-family: var(--font-primary);
        font-size: 16px;
        color: var(--red-p);
        font-weight: bold;
    }

    .product-section-1 {
        padding: 35px 15px;
    }

    .pages-with-products .product-wrapper {
        display: flex;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;

    }

    .sidebar .header {
        height: auto;
        display: block;
    }

    #cd-cart .other_products .product_card {
        margin: 0;
        margin-bottom: 10px;
    }

    #SearchContentResults {
        background-color: var(--grey-e);
        padding: 20px;
    }

    .add_to_cart_mobile button {
        width: 100%;
    }

    .flex-child-1 {
        height: 100%;
        width: 35%;
        border: 1px solid var(--grey-f);
    }

    .flex-child-2 {
        height: 100%;
        width: 100%;
        border: 1px solid var(--green-s);
    }
    .add_to_cart_mobile .product-price-mobile-wrapper {
        flex-direction: row;
        gap: 5px;
        color: var(--black-p);
    }
    .add_to_cart_mobile .product-discount-mobile {
        font-size: 12px;
        text-decoration: line-through;
    }
    .add_to_cart_mobile .btn-cart.mobile {
        margin: 0;
        height: 55px;
        line-height: 55px;
        font-size: 14px;
        background-color: var(--green-p);
        border: 1px solid var(--green-p);
    }
    .total-price-wrapper {
        margin-bottom: 15px;
    }
    .delivery-wrapper .align-items-center {
        font-size: 10px;
    }
    #skeleton {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        gap: 10px;
    }
    .ph-item {
        padding: 0;
    }
    .ph-item-left {
        width: 50%;
    }
    .ph-item-right {
        width: 50%;
    }
    .ph-item-wrapper {
        display: flex;
        gap: 10px;
        width: 100%;
    }
    .ph-title {
        background-color: var(--grey-light);
        margin-top: 3px;
        padding: 0 10px;
        height: 18px;
    }
    .ph-stars {
        width: 50%;
        margin-top: 6px;
    }
    .ph-price {
        background-color: var(--grey-light);
        margin-top: 17px;
        margin-left: 0;
        margin-right: 40px;
        padding: 0 10px;
        height: 20px;
        margin-bottom: 10px;
        width: 50%;
        float: left;
    }
    .ph-add-to-cart {
        background-color: var(--grey-light);
        margin-top: 11px;
        margin-left: 0;
        padding: 0 10px;
        height: 30px;
        margin-bottom: 10px;
        margin-top: 54px;
    }
    .add_to_cart_mobile h3 {
        font-family: var(--font-primary);
        font-size: 18px;
    }

    .add_to_cart_mobile{
        width:100%;
        position:fixed;
        bottom:0;
        height: 55px;
        z-index:1060;
        background:#fff;
        color: var(--black-p);
        display:none;
    }

    #cd-cart .quantity .pro-qty {
        width: 83px;
        height: 32px;
        padding: 0;
    }

    .add_in_cart_wrapper .products .product_card .remove_item {
        margin-left: 10px;
    }

    #cd-cart .quantity .pro-qty .qtybtn {
        font-size: 20px;
        width: 31px;
        line-height: 28px;
    }

    #cd-cart .quantity .pro-qty input {
        width: 20px;
        height: 32px;
        line-height: 20px;
    }

    #cd-cart .content p {
        margin-bottom: 10px;
    }

    #cd-cart .whole_price {
        margin-bottom: 10px;
    }

    .add_in_cart_wrapper .products .product_card .img_box {
        height: 115px;
        background-color: var(--grey-light);
    }

    .opinion_box {
        width: 100%;
    }
    #TermsRegister_wrapper {
        padding: 0;
    }

    .opinion_box .content {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .opinion_box .img_box img {
        max-height: 100%;
    }

    .discount-mobile-wrapper {
        display: flex;
        align-items: center;
    }

    /* END OF NEW MOBILE STYLES */
    .product_page .package .single_product .content h4{
        margin-top:0
    }
    .ph-picture{
        height:130px
    }
    .profile_subpage{
        margin-top:20px
    }
    .product-price-wrapper{
        display:block
    }
    .number-in-cart{
        position:absolute;
        left:44.5px;
        top:9px;
        color:#fff;
        z-index:1;
        font-size:10px
    }
    .number-mobile .numberInCart{
        position:absolute;
        left:40px;
        top:25px;
        transform:translate(0,0)
    }
    .numberInCart {
        left: 88%;
        top: 33%;
    }
    .pagination-wrapper{
        text-align:center!important;
        margin-top:20px!important
    }
    .all-selected-filters{
        height:auto
    }
    .single-blog .breadcrumb .breadcrumb-item a{
        font-size:11px
    }
    .single-blog .breadcrumb .breadcrumb-item{
        font-size:11px
    }
    .single-blog-text{
        margin-top:5px
    }
    .mb-5{
        margin-bottom:1rem!important
    }
    .mobile-blog-img{
        float:none!important;
        margin-left:0!important;
        max-width:100%;
        margin-bottom:10px
    }
    .single-blog h4{
        text-align:left!important
    }
    .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
        background-image:url(../images/check.svg);
        height:18px;
        width:18px;
        background-size:13px
    }
    .custom-checkbox .custom-control-label::before{
        border-radius:0;
        height:18px;
        width:18px
    }
    .custom-control-label{
        font-size:14px;
        margin:0 3px;
        padding-top:2px
    }
    .category-title{
        font-size:15px
    }
    .blog-text{
        padding:10px
    }
    .custom-checkbox{
        margin:14px 0
    }
    .header_arrows{
        display:none
    }
    .slider-count{
        display:none
    }
    .header{
        height:300px
    }
    .header .middle{
        height:300px
    }
    .header .left{
        height:300px
    }
    .header .right{
        height:300px
    }
    .header-link{
        margin-bottom:50px;
        padding:10px 20px
    }
    .desktop{
        display:none
    }
    .mega_dropdown .left.desktop{
        display:none
    }
    .filters-section:nth-of-type(2){
        border-top:none
    }
    .filters-section.filters label {
        padding: 15px 27px;
    }
    .mega_dropdown {
        top: 0;
    }
    .filters-wrapper {
        border-top: none;
    }
    .remove-filters {
        position: absolute;
        right: 20px;
    }
    .filters-section.filters-selected {
        padding: 0;
    }
    .product-card.active-product:before,
    .product-card:hover:before {
        box-shadow: none;
    }
    .product-card:before {
        background: none;
    }
    .delete-filters{
        background: none;
        display: block;
        margin: 0 auto;
        margin-top: 25px;
        margin-bottom: 15px;
        color: var(--black-p);
        text-transform:uppercase;
        text-decoration: underline;
        font-size:13px;
        border: none;
    }
    .filter-buttons-wrapper {
        display: flex;
        justify-content: space-around;
        border-top: 1px solid rgba(41,40,40, 0.1);
        padding: 14px 0;
        position: sticky;
        background-color: white;
        bottom: 0;
    }
    .filters-open ul li {
        list-style: none;
        padding: 10px 0;
        font-size: 13px;
    }
    .active-category {
        text-decoration: underline;
    }
    .filter-buttons-wrapper .btn-primary {
        width: 122px;
        height: 41px;
        line-height: 41px;
        letter-spacing:1.17px;
    }
    #filters{
        display:none
    }
    #filters-mobile{
        display:block
    }
    #product-count-mobile{
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        display:block;
        font-size:13px;
        z-index: 1;
        display: none;
    }
    .sort-wrapper-mobile {
        position: absolute;
        right: 10px;
    }
    .filter-mobile-wrapper {
        display: flex;
        align-items: center;
        gap: 7px;
    }
    .top-filters {
        font-size: 13px;
    }
    #cd-filters .top {
        margin: 0;
    }
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 13px;
    }
    .product-count{
        display:none
    }
    .product-card{
        margin-top:10px
    }
    .product-count-mobile{
        display:block
    }
    .products-section img{
        float:right;
        position:relative;
        max-height:150px;
        right:0
    }
    .products-section{
        padding-top: 0;
        padding-bottom:20px;
    }
    .subcategories-section {
        padding-left: 15px;
    }
    #cd-cart{
        width:100%
    }
    .add_in_cart_wrapper a.close_cta{
        font-size:12px
    }
    .add_in_cart_wrapper .header .close_cta{
        margin-top:0
    }
    .add_in_cart_wrapper .header .top{
        padding:15px;
    }
    .menu.active .number-mobile .numberInCart {
        left: 212px;
        top: 9px;
    }
    .user-login-wrapper button {
        margin-top: 20px !important;
    }
    .login_page {
        margin-top: 1rem;
    }
    .btn-primary.order {
        width: 100%;
        margin-top: 10px;
    }

    .btn-primary-wrapper {
        width: 100%;
    }

    .order-box {
        flex-direction: column;
        padding: 10px;
        align-items: flex-start;
    }
    .flex-mobile {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .menu.active .number-in-cart {
        left: 217px;
        top: 10px;
    }
    header .left{
        height:300px;
        width:100%;
        float:none
    }
    header .right{
        float:none;
        width:100%;
        height:auto
    }
    header .right .content{
        position:relative;
        width:100%;
        top:unset;
        left:unset;
        transform:unset;
        padding:20px;
        padding-top:30px
    }
    header h1{
        font-size:20px
    }
    header h2{
        font-size:14px
    }
    header .product{
        margin-bottom:20px
    }
    header .product img{
        max-height:170px
    }
    h2.main{
        font-size:26px;
        margin-bottom:60px
    }
    h2.main span{
        margin-top:0
    }
    .products{
        padding:55px 0
    }
    .product_card .top{
        width:40%;
        display:inline-block;
        height:190px
    }
    .product_card .top .img_box{
        max-height:130px;
        margin-top:50px
    }
    .product_card .top .img_box img{
        max-height:100%
    }
    .product_card{
        margin:7px;
        margin-bottom:40px;
        margin-right:0
    }
    .product_card .content{
        width:55%;
        display:inline-block;
        position:relative;
        vertical-align:top;
        margin:5px;
        margin-top:15px;
        margin-right:4px
    }
    #product-properties-sidebar.product-quantity{
        display:block
    }
    .quantity-wrapper.q-products label{
        margin:0
    }
    .product_card .content h2{
        font-size:12px
    }
    .product_card button{
        display:block;
        position:relative;
        width:100%;
        opacity:1;
        visibility:visible;
        height:34px;
        background-color:#cab180;
        margin-top:40px
    }
    .product_card .content .price_box{
        text-align:left
    }
    .product_card .content .price{
        color:#1b225c;
        font-size:16px
    }
    .product_card button img{
        float:right;
        width:14px;
        margin-top:1px;
        margin-right:13px
    }
    .product_card .top .discount{
        display:none
    }
    .product_card .discount_mobile{
        display:block;
        height:31px;
        background-color:#cab180;
        font-family:TT_Norms_Pro_Bold;
        font-size:12px;
        text-align:center;
        line-height:31px;
        padding:0 7px;
        border-radius:6px;
        color:#292828;
        width:fit-content;
        margin-right:22px;
        margin-top:10px
    }
    .news{
        padding-top:46px;
        padding-bottom:50px
    }
    footer .top{
        padding:30px 40px
    }
    footer .top .content{
        margin-bottom:25px
    }
    footer .main{
        padding-left:45px;
        padding-right:45px;
        padding-top:40px;
        padding-bottom:100px
    }
    footer .main .footer_logo{
        text-align:center
    }
    footer .main h3{
        margin-top:30px;
        font-size:16px
    }
    footer .main h5{
        margin-top:20px
    }
    .news_card .bg{
        height:370px
    }
    .news_card .bg_wrapper{
        height:370px
    }
    .news_card.news_center{
        margin-top:0
    }
    .add_in_cart_wrapper .products .product_card .content{
        width:70%
    }
    .news_arrows{
        display:block;
        list-style:none;
        padding:0;
        margin:0
    }
    .news_arrows .prev_gallery{
        width:45px;
        height:45px;
        background-color:#292828;
        border-radius:50%;
        position:absolute;
        left:20px;
        margin-top:-300px
    }
    .news_arrows .next_gallery{
        width:45px;
        height:45px;
        background-color:#292828;
        border-radius:50%;
        position:absolute;
        right:20px;
        margin-top:-300px
    }
    .news_arrows img{
        filter:invert(1);
        width:16px;
        margin:0 auto;
        display:block;
        margin-top:15px
    }
    .news_arrows .prev_gallery img{
        transform:rotate(-180deg)
    }
    .product_page label{
        margin:0
    }
    .q-products .quantity_box{
        height:43px
    }
    .card-tags-single-page{
        position:absolute;
        right:35px;
        z-index:1
    }
    .card-tags-single-page .product-tag{
        margin-top:10px
    }
    .product-card .add-to-cart-hover .add_to_cart{
        display:none
    }
    .product_page .main_img{
        max-height:320px
    }
    .product_page .main_bg{
        overflow:hidden;
        height:270px;
        position:relative;
        margin-top:0;
    }
    .product_page .products_gallery .slick-dots li {
        height: 9px;
    }
    .product_page .products_gallery .slick-dots li.slick-active button {
        background-color: var(--black-p);
    }
    .product_page .products_gallery .slick-dots li button {
        width: 9px;
        height: 9px;
        background-color: var(--grey-t);
        border-radius: 50%;
    }
    .product_page .products_gallery .slick-dots li button:before {
        width: 9px;
        border-bottom: none;
    }
    .product_page .products_gallery .slick-dots {
        width: 100%;
        left: 0;
        margin-left: 0;
        bottom: -20px;
    }
    .header-discounts a {
        text-decoration: underline;
    }
    .pages-with-products .slick-dots li {
        height: 9px;
    }
    .pages-with-products .slick-dots li.slick-active button {
        background-color: var(--black-p);
    }
    .pages-with-products .slick-dots li button {
        width: 9px;
        height: 9px;
        background-color: var(--grey-t);
        border-radius: 50%;
    }
    .pages-with-products .slick-dots li button:before {
        width: 9px;
        border-bottom: none;
    }
    .pages-with-products .slick-dots {
        margin-left: 0;
        bottom: -20px;
    }
    .pages-with-products ul.slick-dots li:before {
        content: '';
        background: none;
    }
    .product-discount{
        left:5px;
        top:26px;
        background-color:#fafafa;
        width:fit-content;
        padding:1px
    }
    .price-wrapper{
        justify-content:space-between
    }
    .product_page h1{
        font-size:18px
    }
    .product_page .right_price_box{
        margin-top: 30px;
        text-align:center;
    }
    .product_page .right_price_box .selected_buy {
        font-size: 13px;
        border-radius: 0;
    }
    .product_page .right_price_btn{
        width:32%;
        font-size:13px;
        padding:0 10px;
        border-radius: 0;
    }
    .quantity-wrapper{
        position:relative;
        bottom:7px
    }
    .package-wrapper{
        flex-wrap:wrap;
    }

    .add_to_cart{
        width:100%;
        padding:0 10px;
        height:43px;
        white-space:nowrap
    }
    .products_gallery{
        display:block
    }
    .product_page .second_mobile_img {
        height: 100%;
        margin: 0 auto;
    }
    .product_page .main_bg .main_mobile_img{
        height:100%;
        margin:0 auto;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%)
    }
    .slick-dots li button:before{
        font-size:12px;
        border-radius:50%;
        color:#1b225c
    }
    .slick-dots li{
        margin:0
    }
    .slick-dots{
        text-align:center;
        margin-left:14px;
        bottom:15px
    }
    .subpage h3.main{
        width:100%;
        padding:0 20px;
        margin-top: 15px;
        text-align: center;
    }
    .mega_dropdown .left{
        width:100%;
        padding:20px
    }
    .mega_dropdown .right{
        width:100%;
        padding:10px
    }
    .search .close_img{
        right:15px;
        bottom:15px
    }
    .mega_dropdown .right h3{
        font-size: 10px;
        text-transform: uppercase;
        margin-bottom:16px;
        margin-top:11px;
    }
    .mega_dropdown .left h3 {
        margin: 10px 0;
    }
    .mega_dropdown .left ul li a{
        font-size:13px
    }
    .filter{
        padding:0 10px
    }
    .login_page .data_box{
        display:block;
        min-height:auto
    }
    .login_page{
        padding-top:60px
    }
    .subpage .page-breadcrump{
        padding:0
    }
    .subpage h2.main{
        padding: 10px 0;
        margin:0;
        padding-bottom: 20px;
    }
    .back-to-shop {
        margin: 0;
    }
    .subpage.profile_subpage h4 {
        margin-top: 10px !important;
    }
    .products_subpage{
        padding-top:50px
    }
    .single_news_card .bg{
        height:100%;
        width:44%;
        display:inline-block
    }
    .single_news_card .content{
        display:inline-block;
        width:55%;
        vertical-align:top
    }
    .no-filter{
        margin-top:30px
    }
    .mega_dropdown{
        top:0;
    }
    .current-menu-title {
        display: none
    }
    .subpage{
        padding-top:10px;
    }
    .input_phone label {
        font-size: 13px;
    }
    .profile_subpage .user_profile {
        padding: 0;
    }
    .subpage .main_text{
        padding:0 20px;
        font-size:14px
    }
    .about_us_page img.main{
        max-width:100%
    }
    .order-top-wrapper {
        flex-direction: column;
    }
    .profile_subpage h1 {
        margin: 0;
        margin-bottom: 20px;
    }
    .profile_subpage .btn-primary {
        margin-bottom: 20px;
    }
    .profile_cta.profile_user {
        margin-bottom: 20px;
    }
    .about_us_page{
        padding:0 15px
    }
    .profile_subpage .btn_primary{
        margin-top:30px;
        margin-bottom:30px;
        width:100%
    }
    .image-item{
        margin:5px!important;
        min-height:100px!important
    }
    .pagination_box #Pagination{
        padding:0;
        margin:0
    }
    .pagination{
        margin:0 auto;
        margin-top:15px;
        margin-bottom:50px
    }
    .single_news_card h3{
        font-size:14px;
        margin-top:20px
    }
    header a.cta{
        font-size:10px
    }
    .search input{
        font-size:14px
    }
    .main_nav .cart_box{
        margin-top:-35px;
        float:right;
        background:0 0
    }
    .profile_subpage .payment_title{
        text-align:left;
        margin-top:10px
    }
    .product_page .package .single_product .content{
        width:80%
    }
    .btn-cart{
        padding: 0 45px;
    }
    .product-img-wrapper{
        height: 180px;
    }
    .addToCartRow .select2-container--default .select2-selection--multiple .select2-selection__rendered{
        width: 60vw;
    }
    .quick-order{
        width: 100%;
    }
    .quickOrderLabel:first-of-type{
        width: 80%;
    }
    .quickOrderLabel:last-of-type {
        width: 20%;
    }
    .addToCartRow .select2{
        width: 76% !important;
        margin-right: 4%;
    }
    input.quantitySelect{
        width: 20%;
    }
    .multiple_addtocart_btn_wrapper{
        text-align: center;
        margin-top: 15px;
    }
    .addRowWrapper{
        width: 100%;
    }
    .b2b_products_table{
        width: auto;
    }
    .b2b_products_table_wrapper{
        overflow-x: auto;
    }
    #product-properties-sidebar .custom-control span.disabled-box{
        text-decoration: line-through;
    }
}
@media screen and (max-width:768px){
    .product_card .top{
        width:40%;
        display:inline-block;
        height:220px
    }
    .product_card .top .img_box img{
        max-width:100%;
        max-height:130px;
        position:absolute;
        left:50%;
        top:65%;
        transform:translate(-50%,-50%)
    }
    .product_card .top{
        height:210px
    }
    .product_card .top .img_box img{
        top:60%
    }
    .input_wrapper label{
        font-size:12px
    }
    footer .main input{
        width:100%;
        border-top-right-radius:4px;
        border-bottom-right-radius:4px
    }
    footer .main button{
        border-top-left-radius:4px;
        border-bottom-left-radius:4px
    }
    .label-wrapper{
        padding:0
    }
    .single_news_card .content .tag{
        font-size:10px;
        text-transform:uppercase
    }
    .single_news_card .content .tag img{
        vertical-align:top;
        margin-top:-1px;
        margin-right:5px
    }
    .single_news_card{
        background-color:#fff
    }
    .product-price-mobile-wrapper{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        height:100%
    }
    .price-sidebar-wrapper{
        padding:0;
        display:flex;
        align-items: center;
        gap: 5px;
    }
    .add_in_cart_wrapper .products .product_card {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .product-discount-mobile {
        text-decoration: line-through;
    }
    .add_to_cart_mobile h2{
        font-size:18px;
        color:var(--blue);
        text-align:center;
        white-space:nowrap
    }
    .price-sidebar {
        font-family: var(--font-additional);
        font-weight: bold;
        font-size: 16px;
        margin-left: auto;
    }
    #cd-cart-package .multiple-properties-wrapper {
        display: flex;
        align-items: center;
        border-bottom: 1px solid var(--grey-f);
        padding: 5px 15px;
        justify-content: space-between;
        margin: 0 20px;
    }
    #product-properties-sidebar .custom-checkbox .custom-control-label::before{
        border-radius:50%
    }
    #cd-cart-package .quantity-wrapper.q-products {
        display: none;
    }
    #cd-cart-package .top{
        align-items: center;
        border:none;
    }
    #product-properties-sidebar.product-quantity{
        height:auto;
        justify-content:flex-start
    }
    #product-properties-sidebar .custom-control-label::before{
        top: 0;
    }
    #product-properties-sidebar .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
        top: 0;
        border-radius:50%;
    }
    #product-properties-sidebar .custom-control span{
        margin-left:18px;
        font-size:13px;
    }
    .choose-size{
        font-size:13px;
    }
    .quantity-wrapper.q-products{
        text-align:center
    }
    #product-properties-sidebar .quantity-wrapper div{
        padding:0
    }
    #product-properties-sidebar .add_to_cart{
        display:block;
        margin:0 auto;
        width:auto;
        padding:0 20px
    }
    #cd-cart{
        z-index:1061
    }
    .quantity-wrapper.q-products{
        padding:0!important
    }
    #cd-cart-package .btn-cart {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        margin: 40px 0;
    }

    #update-add-to-cart-mobile {
        padding: 0 30px;
    }
    #product-properties-sidebar.product-quantity div:hover{
        background:0 0;
        color:var(--black)
    }
    .add_to_cart_mobile a{
        font-size:12px;
        text-transform:uppercase;
        color:#292828;
        display:block;
        text-align:center
    }

}
@media screen and (max-width:400px){
    #filter-sidebar{
        width:375px
    }
    .single_news_card .bg .tag{
        padding:0;
        display:block;
        margin:7px
    }
    .single_news_card .bg .tag img{
        margin-left:5px
    }
    header a.cta{
        padding:0 10px;
        font-size:10px;
        padding-right:50px
    }
}