@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');





:root {

    --primary-color: #0069B2;

    --secondary-color: #EFF4FA;

    --textcolor: #131313;

    --normalcolor: #000000;

    --greycolor: #636363;

    --whitecolor: #FFFFFF;

    --padding: 10px;

    --section: 83px;

    --font-size-default: 16px;

    --bannertitlesize: 65px;

    --h1size: 36px;

    --h2size: 34px;

    --h3size: 30px;

    --h4size: 24px;

    --h20size: 20px;

    --h5size: 18px;

    --h6size: 15px;

    --fontsize: 16px;

    --font-14: 14px;

    --bodyfont: "Inter", sans-serif;

    --containerwidth: 1430px;

    --innerdivgap: 90px;

    --innerdivgap: 90px;

}



@media (max-width: 640px) {

    :root {



        --h1size: 24px;

        --h2size: 21px;

        --h3size: 20px;

        --h4size: 19px;

        --h5size: 14px;

        --h6size: 14px;

        --fontsize: 14px;



    }

}



@media (max-width: 768px) {

    :root {



        --font-size-default: 14px;

        --bannertitlesize: 65px;

        --h1size: 28px;

        --h2size: 27px;

        --h3size: 23px;

        --h4size: 22px;

        --h5size: 16px;

        --h6size: 16px;

        --fontsize: 14px;



    }

}



@media (max-width: 1024px) {

    :root {



        --font-size-default: 16px;

        --bannertitlesize: 65px;

        --h1size: 32px;

        --h2size: 30px;

        --h3size: 28px;

        --h20size: 18px;

        --h4size: 21px;

        --h5size: 16px;

        --h6size: 16px;

        --fontsize: 16px;



    }

}



@media (max-width: 1224px) {

    :root {



        --font-size-default: 16px;

        --bannertitlesize: 65px;

        --h1size: 32px;

        --h2size: 29px;

        --h3size: 26px;

        --h4size: 21px;

        --h5size: 16px;

        --h6size: 16px;

        --fontsize: 16px;



    }

}



@media (max-width: 1440px) {

    :root {



        --font-size-default: 16px;

        --bannertitlesize: 65px;

        --h1size: 36px;

        --h2size: 34px;

        --h3size: 30px;

        --h4size: 24px;

        --h5size: 16px;

        --h6size: 16px;

        --fontsize: 16px;



    }

}



@media (max-width: 1600px) {

    :root {



        --font-size-default: 16px;

        --bannertitlesize: 65px;

        --h1size: 36px;

        --h2size: 34px;

        --h3size: 30px;

        --h4size: 24px;

        --h5size: 16px;

        --h6size: 16px;

        --fontsize: 16px;



    }

}



* {

    font-family: var(--bodyfont);

}



body {

    margin: 0;

    font-family: var(--bodyfont);

    color: var(--textcolor);

    letter-spacing: normal !important;

}



html a {

    text-transform: none !important;

    outline: none !important;

}



h1,

.h1 {

    font-size: var(--h1size);

}



h2,

.h2 {



    font-family: var(--bodyfont);

    font-size: var(--h4size);

    font-weight: 600;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

    position: relative;

}



h3,

.h3 {

    font-size: var(--h3size);

}



h4,

.h4 {

    font-size: var(--h4size);

}



h5,

.h5 {

    font-size: var(--h5size);

}



h6,

.h6 {

    font-size: var(--h6size);

}



.elementor-widget-button .elementor-button {

    font-weight: 600;

    font-size: var(--fontsize);

    line-height: 1.5;

    padding: 15px 24px;

    border: 1px solid #0069B2;

    color: var(--whitecolor);

    border-radius: 25px;

}



/* html .container {

    max-width: 100% !important;

    width: 1430px !important;

} */



.footer-container .row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex !important;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify !important;

    justify-content: space-between !important;

    -ms-flex-wrap: wrap !important;

    /* flex-wrap: wrap !important; */

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



/* header Design */

#header .logo {

    /* max-width: 317px !important; */

    mix-blend-mode: multiply;

}



#search_widget {

    margin-left: auto;

}



.header-contact {

    margin-right: 280px;

}



#header a:hover {

    color: var(--primary-color) !important;

}



.header-contact i {

    display: none !important;

}



.header-contact a::before {

    content: "\f879";

    font-family: 'Font Awesome 5 Free';

    top: 50%;

    color: var(--primary-color);

    font-size: var(--h5size);

    position: relative;

    z-index: 1;

}





.header-top-right ul {

    display: flex !important;

    gap: 60px !important;

}



#header .header-top {

    padding: 10px 0 !important;

}



#header .header-nav .cart-preview .shopping-cart {

    color: var(--textcolor) !important;

}



#header .header-nav {

    padding: 15px 0 !important;

    max-height: 120px !important;

    /* background: #0069B250; */

    background-color: transparent !important;

    border: none;

}



#header .header-nav .blockcart {

    background-color: var(--whitecolor) !important;



}



#header .header-nav .blockcart span {

    font-family: var(--bodyfont) !important;

    font-size: var(--font-size-default) !important;

    font-weight: 600 !important;

    line-height: 19.36px !important;

    text-align: left !important;

    color: var(--normalcolor) !important;



}



.header-nav .col-md-12 {

    display: flex;

    align-items: center;

    gap: 30px;

    padding: 0;



}



#_desktop_user_info span {

    font-family: var(--bodyfont) !important;

    font-size: var(--font-size-default) !important;

    font-weight: 600 !important;

    line-height: 19.36px !important;

    text-align: left !important;

    color: var(--normalcolor) !important;

}



#header .header-top .position-static ul li a {

    font-family: var(--bodyfont);

    font-size: 15px !important;

    font-weight: 400;

    line-height: 18.15px;

    text-align: left;

    color: var(--normalcolor) !important;

}



#header .header-top .position-static>ul>li>a {

    color: #FFF !important;

}



html .header-contact a {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 700;

    line-height: 1;

    text-align: left;

    color: var(--normalcolor) !important;

    display: flex;

    align-items: center;

    gap: 10px;

}



.header-nav .col-md-2,

.col-md-3 {

    width: 25.66667%;

}



.inner_row_sec table.table.table-bordered {

    position: relative;

}



body:has(.header-wholesale-btn) .header-contact {

    margin-right: 341px;

}



body:has(.header-wholesale-btn) .user-info {

    margin-inline: 9px !important;

}



body:has(.header-wholesale-btn) #search_widget form input {

    border-radius: 25px;

    width: 320px;

    height: 50px;

}



body:has(.header-wholesale-btn) .product-additional-info.js-product-additional-info {

    display: flex;

    gap: 10px;

    align-items: center;

    margin-bottom: 10px;

}



body:has(.header-wholesale-btn) .product-additional-info.js-product-additional-info div#stripe-express-checkout-element {

    display: none;

}



body:has(.header-wholesale-btn) .product-comments-additional-info {

    margin: 0 !important;

}



body:has(.header-wholesale-btn) div#addify_raq_button_main button {

    padding: 15px 20px;

}



.header-wholesale-btn a {

    padding: 15px 15px 13px 20px !important;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    border-radius: 25px !important;

    border: 1px solid var(--primary-color) !important;

    font-weight: 600;

    width: max-content;

    display: block;

}



#search_widget form i {

    top: 0 !important;

    right: 30px;

}



#search_widget form input {

    background-color: #F5F5F5 !important;

}





.header-nav .col-md-7 {

    width: 84% !important;

    display: flex !important;

    align-items: center;

    gap: 30px;

}



.header-nav .col-md-5 {

    width: 15.66667%;

}



/* footer Design */

.footer-container {

    background-color: var(--textcolor) !important;

    color: var(--whitecolor);

    padding: var(--innerdivgap) 0 !important;

    padding-bottom: 30px !important;

}



.header-wholesale-btn a:hover {

    background: transparent !important;

    border: 1px solid var(--primary-color) !important;

    color: var(--primary-color) !important;

}



.foo-address {

    position: relative;

}



.foo-timing {

    position: relative;

}



.footer-container .foo-sec-one {

    width: 60%;

}



.footer-container .col-md-6 {

    width: 100%;

}



.foo-timing::before {

    content: "\f017" !important;

    font-family: 'Font Awesome 5 Free' !important;

    font-weight: 900 !important;

    position: absolute !important;

    left: -10px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    color: var(--primary-color) !important;

    font-size: var(--h4size);

}



.footer-social-links {

    display: flex;

    justify-content: end;

}



.footer-social-links ul {

    display: flex;

}



.foo-email {

    margin-bottom: 20px;

    position: relative;

    padding-left: 50px;

}



.foo-email a::before {

    content: "\f0e0" !important;

    font-family: 'Font Awesome 5 Free' !important;

    font-weight: 900 !important;

    position: absolute !important;

    left: -10px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    color: var(--primary-color) !important;

    font-size: var(--h4size) !important;

}



.foo-mobile {

    margin-bottom: 20px;

    padding-left: 50px;

}



#products .up .btn-secondary,

#products .up .btn-tertiary {

    background: transparent;

    border: 1px solid var(--primary-color);

    color: var(--primary-color);

    margin: 0 15px;

}



.foo-mobile a {

    position: relative;

}



.foo-mobile a::before {

    content: "\f095" !important;

    font-family: 'Font Awesome 5 Free' !important;

    font-weight: 900 !important;

    position: absolute !important;

    left: -58px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    color: var(--primary-color) !important;

    font-size: var(--h4size);

}



.foo-address::before {

    content: "\f3c5" !important;

    font-family: 'Font Awesome 5 Free' !important;

    font-weight: 900 !important;

    position: absolute !important;

    left: 0 !important;

    top: 20% !important;

    transform: translateY(-50%) !important;

    color: var(--primary-color) !important;

    font-size: var(--h4size);

}



.shop-products img {

    border-right: 1px solid #C7C7C7;

}



.right-nav i {

    line-height: normal !important;

}



#search_widget form i {

    padding: .8rem !important;

}



#search_widget form input {

    border-radius: 25px;

    width: 340px;

    height: 50px;

}



html #search_widget form .material-icons {

    line-height: 1.5 !important;

}



.search-widgets .material-icons {

    line-height: 1.5 !important;

}



#header,

#header .header-top {

    background-color: white;

    padding: 0;

    position: unset;

    top: 0px;

    z-index: 30;

}



#header .header-nav .material-icons {

    line-height: 1 !important;

}



#header .header-nav .right-nav {

    align-items: center;

    position: relative;

    z-index: 1;

}



.page-search #wrapper {

    padding-bottom: 50px !important;

}



html .header-contact a:hover {

    color: var(--primary-color) !important;

}



#header .header-nav .blockcart .header {

    margin-top: 12px !important;

}



.table-bordered thead td, .table-bordered thead th {

    border-bottom-width: 0 !important;

}



.addify_raq_icon_content a {

    display: flex;

    align-items: center;

    gap: 5px;

    margin-top: 32px;

}



.addify_raq_icon_content {

    margin: 0 5px !important;

}



#header .header-nav .blockcart {

    margin-left: 0;

}



.addify_raq_icon_content a img {

    filter: brightness(0) saturate(100%) invert(0%) sepia(59%) saturate(5197%) hue-rotate(287deg) brightness(114%) contrast(109%);

}



.addify_raq_icon_content a {

    color: var(--normalcolor) !important;

}



#_desktop_cart {

    margin-top: 15px;

}



.foo-sec-one h2 {

    font-family: var(--bodyfont) !important;

    font-size: var(--h6size) !important;

    font-weight: 700 !important;

    line-height: 21.78px !important;

    text-align: left;

    color: var(--whitecolor) !important;

    margin-bottom: 23px;



}



.foo-about-title {

    position: relative;

    display: inline-block;

}



.foo-about-title::after {

    content: '';

    position: absolute;

    right: -136px;

    top: 50%;

    transform: translateY(-50%);

    width: 123px;

    height: 1px;

    background-color: #303030;



}



.wrapper p {

    font-family: var(--bodyfont) !important;

    font-size: var(--h6size) !important;

    font-weight: 700 !important;

    line-height: 21.78px !important;

    text-align: left;

    color: var(--whitecolor) !important;

    position: relative;

    display: inline-block;

}



/* .wrapper p::after {

    content: '';

    position: absolute;

    right: -136px;

    top: 50%;

    transform: translateY(-50%);

    width: 123px;

    height: 1px;

    background-color: #303030;

} */



.foo-about-title {

    font-size: 18px !important;

}



.foo-sec-one p {

    font-family: var(--bodyfont) !important;

    font-size: var(--h6size) !important;

    font-weight: 400 !important;

    line-height: 22px !important;

    text-align: left !important;

    color: var(--whitecolor) !important;

    max-width: 427px !important;

    margin-bottom: 30px;

}



.foo-address {

    font-family: var(--bodyfont) !important;

    font-size: var(--fontsize) !important;

    font-weight: 400 !important;

    line-height: 30px !important;

    text-align: left;

    color: var(--whitecolor) !important;

    margin-bottom: 20px;

    padding-left: 50px;



}



.foo-mobile a {

    font-family: var(--bodyfont) !important;

    font-size: var(--fontsize) !important;

    font-weight: 400 !important;

    line-height: 30px !important;

    text-align: left;

    color: var(--whitecolor) !important;

    margin-bottom: 20px !important;

}



.foo-email a {

    font-family: var(--bodyfont) !important;

    font-size: var(--fontsize) !important;

    font-weight: 400 !important;

    line-height: 30px !important;

    text-align: left;

    color: var(--whitecolor) !important;

    margin-bottom: 20px !important;

    font-size: var(--h4size);

}



.foo-timing {

    font-family: var(--bodyfont) !important;

    font-size: var(--fontsize) !important;

    font-weight: 400 !important;

    line-height: 30px !important;

    text-align: left;

    color: var(--whitecolor) !important;

    position: relative;

    padding-left: 50px;

}



.foo-timing a::before {

    content: "\f095" !important;

    font-family: 'Font Awesome 5 Free' !important;

    font-weight: 900 !important;

    position: absolute !important;

    left: -25px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    color: var(--primary-color) !important;



}



.footer-container li a {

    font-family: var(--bodyfont) !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 16.94px !important;

    text-align: left;

    color: white !important;



}



.copy_right .footer-bottom {

    background-color: var(--primary-color) !important;

}



.footer-bottom {

    background: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    padding: 15px 0 !important;

}



.copyright_text {

    color: var(--whitecolor) !important;

    font-family: var(--bodyfont) !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 16.94px !important;

    text-align: left;



}



.footer_web {

    display: flex !important;

    justify-content: end !important;

}



input::placeholder {

    color: #131313 !important;

    font-size: var(--fontsize) !important;

    padding-left: 10px;

}



input {

    padding-left: 10px;

}



.footer_web a {

    color: var(--whitecolor) !important;

    font-family: var(--bodyfont) !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 16.94px !important;

    text-align: left;

    padding: 2px 5px;

}



.footer-cta .signup p {

    font-family: var(--bodyfont) !important;

    font-size: var(--h1size) !important;

    font-weight: 700 !important;

    line-height: 43.57px !important;

    text-align: left;

    color: var(--whitecolor) !important;

    max-width: 957px !important;



}



.register-btn {

    align-items: center;

    display: flex;

    justify-content: center;

}



.register-btn a {

    background-color: var(--whitecolor) !important;

    padding: 21.08px 48.9px 27.52px 56.48px !important;

    border-radius: 50px !important;

    color: var(--primary-color) !important;

    text-decoration: none !important;

    font-family: var(--bodyfont) !important;

    font-size: 29px !important;

    font-weight: 700 !important;

    border: 1px solid var(--whitecolor) !important;

}



.foo-address i {

    font-family: "Font Awesome 6 Brands" !important;

}



.footer-container li {

    margin-bottom: 20px !important;

}



.footer-cta {

    background: var(--primary-color) !important;

    padding: var(--innerdivgap) 0 !important;

    display: flex !important;

    margin: 0 !important;

    justify-content: space-between !important;

}



.pro-static-data {

    display: flex;

    gap: 10px;

}





/* home Design */

.double-wall-cup {

    width: 627px !important;

    background: #F1EFE0 !important;

    display: flex;

    height: 392px;

}



.double-wall-cup img {

    height: 300px;

    width: 300px;

}



.paper-chip-cup {

    width: 627px !important;

    background: #EFF4FA !important;

    display: flex;

    position: relative;



}



.big-save .shop-save-sec-two {

    position: relative;

}



.paper-chip-cup::before {

    content: '';

    background-image: url(http://45.77.237.175/~erinapackagingco/themes/erinapackaging/assets/images/Group-352.png);

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    left: 0;

    top: 0;

    transform: translateY(-50%);

}



.paper-chip-cup img {

    height: 300px;

    width: 300px;

}



.noodle-bowl {

    width: 627px !important;

    background: #F7EFEF !important;

    display: flex;

    height: 392px;

}



.noodle-bowl img {

    height: 300px;

    width: 300px;

}



.newsletter-main-section {

    display: flex;

    gap: 30px;

    padding-bottom: var(--innerdivgap);

}



.double-wall-cup h2 {

    font-family: var(--bodyfont) !important;

    font-size: var(--h2size) !important;

    font-weight: 600 !important;

    line-height: 41.15px !important;

    text-align: left;

    max-width: 263px !important;

    text-transform: uppercase !important;



}



.home-shop-now {

    margin-top: auto;

}



.pro-main-sec {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    padding-top: 59px;

    padding-bottom: 45px;



}



.newsletter-shop-now {

    text-decoration: underline;

}



.newsletter-products-sec h2 {

    font-family: var(--bodyfont);

    font-size: 20px !important;

    font-weight: 700 !important;

    line-height: 30px !important;

    text-align: left;

    color: var(--primary-color) !important;

    max-width: 210px !important;

    text-transform: uppercase;

}



.suscribe-sec form .col-xs-12 {

    display: flex;

    flex-direction: column-reverse;

    justify-content: space-between;

    gap: 20px;

    padding: 0;

}



.newsletter-shop-now {

    font-family: var(--bodyfont);

    font-size: var(--fontsize) !important;

    font-weight: 600 !important;

    line-height: 19.36px !important;

    text-align: left;

    color: var(--textcolor) !important;

}



.block_newsletter form input[type=email] {

    border-radius: 25px;

    width: 310px !important;

}



#block-newsletter-label {

    font-family: var(--bodyfont);

    font-size: 32px !important;

    font-weight: 700 !important;

    line-height: 38.73px !important;

    text-align: left;

    color: var(--normalcolor);

    max-width: 263px !important;

}



#header .header-top .menu {

    margin-left: 0 !important;

}



#header .header-nav .language-selector,

#header .header-nav .user-info {

    margin-top: 20px;

}



/* .hidden-sm-down{

    display: flex !important;

} */

#header .header-top .menu {

    padding-left: 0;

}



.page-authentication #content,

.page-registration #content {

    padding: 0;

}



#wrapper .breadcrumb {

    text-align: left;

}



.login-form {

    margin-top: 0;

}



.page-customer-account #wrapper {

    padding: var(--innerdivgap) 0;

    max-width: 640px;

    margin: 0 auto;

}



.page-title-bar {

    text-align: center;

}



#_desktop_user_info {

    margin-top: 12px !important;

}



.page-title-bar h1 {

    text-align: left !important;

    margin-bottom: 20px;

}



a.float-md-right.all_best_sellers:not(:hover) {

    font-family: var(--bodyfont) !important;

    font-size: var(--fontsize) !important;

    font-weight: 600 !important;

    line-height: 19.36px !important;

    text-align: left;

    color: var(--primary-color) !important;

    text-transform: uppercase !important;

}



#_desktop_cart {

    margin-top: 12px;

}



.bestselling_product_list_section h2 {

    text-align: center;

}



/* .featured-products {

    padding-top: 70px !important;

} */



.bestselling_product_list_section {

    padding-bottom: 50px;

    background: #EEEEEE;



}



.bestselling_product_list_section {

    padding: var(--innerdivgap) 0 !important;

}



.suscribe-sec {

    position: relative;

    padding-left: 50px;



}



.bestsellers-products-list {

    max-width: 1430px;

    width: 100%;

    margin: 0 auto;

}



.noodle-bowl {

    position: relative;

    z-index: 1;

}



.new-arrivals-products {

    background: #EEEEEE;



}



.new-arrivals-product-list {

    max-width: 1430px;

    width: 100%;

    margin: 0 auto;

    margin-top: -70px;

}



.noodle-bowl::before {

    content: "";

    position: absolute;

    top: 17%;

    left: 14%;

    width: 213px;

    height: 173px;

    background: url(http://45.77.237.175/~erinapackagingco/themes/erinapackaging/assets/images/Group-394.png) no-repeat center center;

    background-size: cover;

    /* opacity: 0.5; */

    z-index: -1;

}



.suscribe-sec::before {

    content: url(http://45.77.237.175/~erinapackagingco/themes/erinapackaging/assets/images/Group.png);

    position: absolute;

    left: -32%;

    top: 70%;

    transform: translateY(-50%);

    z-index: -1;

}



.paper-chip-cup h2 {

    font-family: var(--bodyfont) !important;

    font-size: var(--h2size) !important;

    font-weight: 600 !important;

    line-height: 41.15px !important;

    text-align: left;

    max-width: 255px !important;

    text-transform: uppercase !important;

}



#products .products-section-title,

.featured-products .products-section-title,

.product-accessories .products-section-title {



    font-family: var(--bodyfont);

    font-size: var(--h4size);

    font-weight: 600;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

    text-transform: capitalize;

    position: relative;



}



.products-section-title::before {

    content: '';

    position: absolute;

    border-bottom: 1px solid #C7C7C7;

    width: 100% !important;

    top: 40px !important;

}



.products-section-title {

    position: relative;



}



.products-section-title::after {

    content: '';

    position: absolute;

    border-bottom: 2px solid var(--primary-color);

    width: 328px;

    top: 40px;

    left: 0;

}



.product-miniature .highlighted-informations .quick-view {

    color: var(--primary-color);

    outline: none !important;

}



.noodle-bowl h2 {

    font-family: var(--bodyfont) !important;

    font-size: var(--h2size) !important;

    font-weight: 600 !important;

    line-height: 41.15px !important;

    text-align: left;

    max-width: 263px !important;

    text-transform: uppercase !important;

}



.product-quantity #quantity_wanted {

    color: var(--normalcolor);

}



.product-miniature .product-description {

    padding: .25rem 0 !important;

}



.wholesale-price {

    display: none !important;

}



.product-price-and-shipping button {

    position: relative;

    top: -10px;

    right: 0;

    left: 20px;

    background-color: var(--whitecolor);

    color: var(--primary-color);

}



#blockcart-modal .cart-content .cart-content-btn .btn {

    background-color: var(--primary-color);

    color: var(--whitecolor) !important;

    text-transform: capitalize;

    border-radius: 25px;

}



#wrapper .container {

    width: 100%;

    /* padding: 0; */



}



html .page-index #wrapper .container {

    padding: 0 !important;

}



#products .products,

.featured-products .products,

.product-accessories .products {

    gap: 20px;

}



.slick-track {

    margin-top: 20px;

}



.product-actions .add-to-cart {

    background-color: var(--primary-color);

    color: var(--whitecolor);

    font-family: var(--bodyfont) !important;

    border-radius: 48px;

    font-size: 15px;

    font-weight: 400;

    text-transform: capitalize !important;

}





/* #add-to-cart-or-refresh .add-to-cart {

    background-color: white !important;

    color: var(--primary-color) !important;

} */



.modal-header .close {

    color: var(--greycolor);

}



.product-miniature .thumbnail-container .product-thumbnail img {

    min-height: 234px;

    max-height: 234px;

}



#products .all-product-link,

.featured-products .all-product-link,

.product-accessories .all-product-link {

    font-family: var(--bodyfont) !important;

    font-size: var(--fontsize) !important;

    font-weight: 600 !important;

    cursor: pointer !important;

    line-height: 19.36px !important;

    text-align: left;

    position: relative;

    z-index: 1 !important;

    color: var(--primary-color) !important;

    text-transform: uppercase !important;

}



#add-to-cart-or-refresh .btn .btn-primary {

    background: white;

}



.card-block.checkout .btn-primary {

    background-color: var(--primary-color);

}



a:focus,

a:hover {

    color: var(--primary-color);

}



.form-control:focus {

    outline: none;

}



#checkout section.checkout-step.-current .step-title {

    font-family: var(--bodyfont) !important;

    font-size: var(--h4size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

}



.custom-checkbox label,

body#checkout #delivery>label,

body#checkout section.checkout-step #customer-form .form-control-label,

body#checkout section.checkout-step #delivery-address .form-control-label,

body#checkout section.checkout-step #invoice-address .form-control-label,

body#checkout section.checkout-step #login-form .form-control-label {

    text-align: center;

}



.custom-radio input[type=radio]:checked+span {

    background-color: var(--primary-color);

}



a {

    color: var(--primary-color);

}



form .form-control-label {

    color: var(--normalcolor);

    text-align: left;

    font-size: 16px;

}



.input-group .input-group-btn>.btn[data-action=show-password] {

    background: var(--primary-color);

}



body#checkout section.checkout-step .step-number {

    border: 1px solid var(--primary-color);

}



body#checkout section.checkout-step .step-number {

    background-color: var(--primary-color);

    color: var(--whitecolor);

}



#checkout section.checkout-step .not-allowed,

body#checkout section.checkout-step.-unreachable .step-title {

    font-family: var(--bodyfont) !important;

    font-size: var(--h4size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

}



.btn-primary,

.btn-primary:hover {

    background-color: var(--primary-color);

}



body#checkout section.checkout-step.-reachable.-current .step-number {

    background-color: var(--primary-color);

}



.form-control {

    border: 1px solid #C7C7C7;

    border-radius: 5px;

}



.form-control-comment {

    color: var(--primary-color);

    font-weight: 600;

    font-size: 16px;

}



/* slider css*/

.slick-dots {

    position: absolute;

    top: 100%;

    right: 0;

    left: 0;

    list-style: none;

    margin: 0 !important;

    transform: translateY(-50%);

    display: flex;

    flex-direction: row;

    gap: 5px;

    justify-content: center;



}



/* 

.slick-list {

    margin-top: 20px !important;

} */

.bestselling_product_list_section .slick-track {

    margin-top: 20px;

}



ul.slick-dots li button {

    font-size: 0;

    padding: 0;

    width: 7px;

    height: 7px;

    background: var(--whitecolor);

    border: 2px solid var(--primary-color);

    border-radius: 5px;

    outline: 0;

}



ul.slick-dots li {

    /* width: 10px;

    height: 10px; */

    margin-top: 50px;

}



ul.slick-dots .slick-active button {

    background: var(--primary-color);

    width: 29.4px;

    height: 7px;

    border-radius: 3.5px;

    padding: 0 10px;

    border: 1.5px solid var(--primary-color);

}



/* slider css end*/

.btn-primary.focus,

.btn-primary:focus {

    background-color: var(--whitecolor) !important;

    color: var(--primary-color) !important;

    outline: 0 !important;

}



.home-cat-title::after {

    content: '';

    position: absolute;

    border-bottom: 2px solid var(--primary-color);

    width: 328px;

    top: 40px;

    left: 0;

}



.product-prices .tax-shipping-delivery-label {

    font-family: var(--bodyfont);

    font-size: 14px !important;

    font-weight: 400;

    line-height: 22px;

    text-align: left;

    color: var(--textcolor);

}



#wrapper {

    background-color: var(--whitecolor);

}



#blockcart-modal,

#product-description-short p {

    font-family: var(--bodyfont);

    font-size: 14px !important;

    font-weight: 400;

    line-height: 22px;

    text-align: left;

    color: var(--textcolor);

}



.products article .wishlist-button-add {

    right: 0;

    /* left: 12px; */

}



.product-images>li.thumb-container .thumb.selected,

.product-images>li.thumb-container .thumb:hover {

    border: var(--primary-color) 3px solid;

}



.product-price {

    color: var(--primary-color) !important;

}



.page-product .product-container .product-information .product-actions .product-add-to-cart .control-label {

    font-family: var(--bodyfont);

    font-weight: 400;

    font-size: var(--h6size);

    line-height: 22px;

    color: #636363;

    width: max-content;

    margin-bottom: 20px;

    letter-spacing: 0%;



}



.page-product .product-container .qty {

    display: flex;

    align-items: center;

    gap: 10px;

}



.bootstrap-touchspin-up {

    right: auto !important;

    left: 0 !important;

}



.bootstrap-touchspin-down {

    right: 20px !important;

}



.page-product .product-container .bootstrap-touchspin {

    border: 1px solid #ccc;

    border-radius: 999px;

    padding: 6px 10px;

    background-color: #fff;

    position: relative;

    float: left;

    width: auto;

    display: flex;

    align-items: center;

}



.page-product .product-container .product-quantity #quantity_wanted {

    color: #636363 !important;

    position: relative;

    width: 100px !important;

    height: auto;

    z-index: 1;

    padding: 5px 5px;

}



.page-product .product-container .bootstrap-touchspin input[type="number"] {

    border: none;

    outline: none;

    background: transparent;

    width: 40px;

    text-align: center;

    font-size: 16px;

    appearance: none;

}



.page-product .product-container .block-social ul,

.product-quantity {

    row-gap: 10px !important;

}



.product-quantity .input-group-btn-vertical .btn {

    margin-left: 0 !important;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    border-radius: 5px !important;

    right: auto;

    z-index: 1;

    width: auto;

}



.page-product .product-container .bootstrap-touchspin .input-group-btn-vertical {

    display: block !important;

    z-index: 2;

    width: 100%;

    position: absolute;

}



.page-product .product-container .bootstrap-touchspin .input-group-addon {

    display: none !important;

}



.page-product .product-container .add {

    display: flex !important;

    align-items: center !important;

}



.page-product .product-container .product-cover {

    position: relative;

}



/* Base rotated ribbon style */

.page-product .product-container .product-flag.new {

    position: absolute;

    top: 5px;

    left: 0px;

    background-color: #008000;

    color: #fff;

    padding: 5px 10px;

    font-size: 13px;

    font-weight: bold;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

    z-index: 10;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 1px;

    white-space: nowrap;

}



.page-product .product-container .wishlist-button-add.wishlist-button-product {

    position: absolute;

    top: 7px;

    right: 15px;

    /* ⬅️ Changed from right to left */

    z-index: 10;

    background: #fff;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    transition: all 0.3s ease;

}



.page-product .product-container .product-cover {

    position: relative;

}



.page-product .product-container .product-information .product-quantity .qty {

    margin-right: 20px !important;

}



body.page-product .product-container .add {

    margin: 0;

}



body.page-product .product-container .product-information .product-quantity .qty {

    margin: 0 !important;

}



body.page-product .product-container .block-social ul, .product-quantity {

    gap: 15px;

}



.page-product .product-container .product-information {

    border: 1px solid #C7C7C7 !important;

    padding: 30px;

    border-radius: 20px;

    margin-top: 30px !important;

    min-width: 467px;

    height: max-content !important;

    width: 100%;

    box-sizing: border-box;

}



.wholesale-login a {

    padding: 15px 15px 13px 20px !important;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    border-radius: 25px !important;

    border: 1px solid var(--primary-color) !important;

    font-weight: 600;

    margin-top: 30px;

}



.wholesale-login a:hover {

    background: transparent !important;

    border: 1px solid var(--primary-color) !important;

    color: var(--primary-color) !important;

}



.modal-body .h1 {

    font-family: var(--bodyfont) !important;

    font-size: var(--h4size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

}



.wishlist-button-add i {

    color: #AAAAAA;

}



.wishlist-button-add {

    background-color: none !important;

    box-shadow: none !important;

}



.product-miniature .regular-price {

    color: var(--textcolor);

}



.product-miniature .product-price-and-shipping {

    font-family: var(--bodyfont);

    font-size: 20px !important;

    font-weight: 700 !important;

    line-height: 22px;

    text-align: left;

    color: var(--primary-color) !important;

    display: flex;

    justify-content: space-between;

}



#blockcart-modal .modal-title {

    font-family: var(--bodyfont);

    font-size: 14px !important;

    font-weight: 400;

    line-height: 22px;

    text-align: left;

    color: var(--textcolor);

}



#blockcart-modal .modal-title i.material-icons {

    color: var(--primary-color);

}



#blockcart-modal .product-name {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 600 !important;

    line-height: 19.36px !important;

    text-align: left;

    color: var(--primary-color) !important;

}



#blockcart-modal .cart-content .page-content.page-cms ul.cart-products-count,

#blockcart-modal .cart-content p.cart-products-count,

.page-content.page-cms #blockcart-modal .cart-content ul.cart-products-count {

    color: var(--greycolor);

}



.product-price {

    font-family: var(--bodyfont);

    font-size: 20px !important;

    font-weight: 700 !important;

    line-height: 22px;

    text-align: left;

    color: var(--primary-color) !important;

}



#wrapper .breadcrumb li::after {

    margin: .3125rem;

    color: #7a7a7a;

    content: ">";

}



.page-content.page-cms ul,

p {

    font-family: var(--bodyfont);

    font-size: 20px;

    font-weight: 400;

    line-height: 24.2px;

    text-align: left;

    color: #636363 !important;

}



.tab-content {

    background-color: #EFF4FA;

    border-radius: 0px 20px 20px 20px;

    padding: 40px;

    font-size: 20px;

    color: #636363;

}



.tab-content .product-description ul {

    margin-bottom: 0 !important;

    margin-left: 20px !important;

}



.tab-content .product-description ul li {

    font-family: var(--bodyfont);

    font-weight: 400;

    font-size: var(--fontsize);

    list-style-type: disc;

    line-height: normal;

    letter-spacing: 0%;

    margin-bottom: 20px;



}



.product-quantities span {

    font-family: var(--bodyfont) !important;

    font-weight: 500;

    font-size: var(--font-14) !important;

    color: #636363 !important;

}



.product-reference span {

    font-family: var(--bodyfont);

    font-weight: 400;

    font-size: var(--fontsize);

    color: #636363 !important;

}



html #wrapper .breadcrumb li,

.product-images>li.thumb-container li a {

    font-family: var(--bodyfont) !important;

    font-weight: 400;

    font-size: var(--fontsize);

    line-height: normal;

    color: #636363 !important;

    letter-spacing: 0%;



}



.data-sheet {

    display: grid;

    grid-template-columns: 1fr 1fr;

    max-width: 100%;

    border-collapse: collapse;

    background: #f9f9f9;

    border-radius: 8px;

    overflow: hidden;

}



.product-features>dl.data-sheet {

    margin-top: 30px !important;

    border: 1px solid #ccc !important;

    background: transparent !important;

    width: max-content !important;

}





.product-features>dl.data-sheet dd.value,

.product-features>dl.data-sheet dt.name {

    font-family: var(--bodyfont) !important;

    font-weight: 500;

    color: var(--normalcolor) !important;

    margin-right: 0 !important;

    font-size: var(--fontsize) !important;

    min-height: auto !important;

    padding: 10px !important;

    margin-bottom: 0 !important;

}



.data-sheet dt,

.data-sheet dd {

    padding: 10px;

    border: 1px solid #ccc;

    box-sizing: border-box;

}



.product-features .h5 {

    margin-bottom: 20px !important;

}



.data-sheet dt {

    background-color: var(--whitecolor);

    font-weight: bold;

}



.data-sheet dd {

    background-color: var(--whitecolor);

    margin: 0;

}



#product-details .label {

    font-family: var(--bodyfont);

    font-weight: 400;

    font-size: var(--fontsize);

    color: var(--normalcolor) !important;

}



.tab-content .product-description h3 {

    font-family: var(--bodyfont);

    font-size: var(--h5size);

    text-transform: uppercase;

    font-weight: 600;

    line-height: 29.05px;

    margin-bottom: 20px;

    text-align: left;

    color: var(--normalcolor);

}



.product-miniature .thumbnail-container {

    border: 1px solid #C7C7C7 !important;

    border-radius: 5px !important;

    width: 100% !important;

    height: auto !important;

    padding: 13px !important;

    margin-bottom: 0 !important;

}



article.product-miniature.js-product-miniature.reviews-loading:hover .pro-list-view-sec {

    opacity: 1;



}



.pro-short-desc {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    max-height: 3em;

    /* 2 lines with line-height 1.5em */

    line-height: 1.5em;

    /* Adjust based on your design */

    min-height: 42px;

}



.wishlist-button-add {

    background: transparent !important;

    padding: 0 !important;

    justify-content: space-between !important;

}



.product-features>dl.data-sheet dd.value,

.product-features>dl.data-sheet dt.name {

    background-color: white;

}



.definition-list dl dd:nth-of-type(even),

.definition-list dl dt:nth-of-type(even),

.product-features>dl.data-sheet dd.value:nth-of-type(even),

.product-features>dl.data-sheet dt.name:nth-of-type(even) {

    background-color: white;

}



.tabs .nav-tabs .nav-link.active {

    background-color: var(--primary-color);

    border: 1px solid var(--primary-color);



    color: var(--whitecolor);

}



.tabs .nav-tabs .nav-item:first-child .nav-link {

    border-radius: 20px 0 0 0;

}



.tabs .nav-tabs .nav-item:last-child .nav-link {

    border-radius: 0 20px 0 0;

}



.js-product-nav-active {

    background-color: var(--primary-color);

    border-radius: 15px, 0px, 0px, 0px;

}



.product-comments-additional-info {

    align-items: center !important;

}



.product-comments-additional-info .link-comment.post-product-comment {

    font-family: var(--bodyfont) !important;

    font-weight: 400;

    border: none !important;

    padding-left: 0 !important;

    font-size: var(--fontsize) !important;

    line-height: normal !important;

    color: var(--primary-color) !important;

    letter-spacing: 0%;

    text-align: center;



}



.product-cover {

    border: 1px solid #C7C7C7;

    border-radius: 10px;

    padding: 0px;

}



.product-comments-additional-info .comments-note {

    margin-bottom: 0 !important;

    margin-right: 0 !important;

}



html .page-product .product-container .current-price-value {

    margin-bottom: 30px !important;

}



html .page-product .product-container .product-availability {

    margin-bottom: 30px !important;

}



html .page-product .product-container .product-reference span {

    font-family: var(--bodyfont) !important;

    font-weight: 400;

    font-size: var(--h6size) !important;

    line-height: 22px;

    color: #636363 !important;

    letter-spacing: 0%;



}



html .page-product .product-container .product-reference {

    font-family: var(--bodyfont) !important;

    font-weight: 400;

    font-size: var(--h6size) !important;

    line-height: 22px;

    color: #636363 !important;

    letter-spacing: 0%;

}



.page-title-bar ol li:last-child span {

    color: var(--primary-color);

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    cursor: pointer;

    font-weight: 600;

    line-height: 19.36px;

    text-align: left;



}



.h1 {

    font-family: var(--bodyfont);

    font-size: var(--h3size);

    font-weight: 600;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

}



.label,

label {

    color: var(--normalcolor);

}



.product-line-actions {

    margin-top: 10px;

}



.product-line-info {

    margin-bottom: 5px !important;

}



.product-flags li.product-flag.discount,

.product-flags li.product-flag.discount-amount,

.product-flags li.product-flag.discount-percentage {

    display: none

}



.cart-grid-body .card-block h1 {

    font-family: var(--bodyfont) !important;

    font-size: var(--h4size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

}



.product-card-section .slick-dots {

    margin-top: 30px !important;

}



.product-miniature .product-title a {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 600 !important;

    line-height: 1.4 !important;

    text-align: left;

    color: var(--primary-color) !important;

    text-transform: uppercase !important;

    display: block;

    min-height: 44.78px !important;

    display: -webkit-box;

    /* for line clamp */

    -webkit-line-clamp: 2;

    /* show only 2 lines */

    -webkit-box-orient: vertical;

    /* required for line clamp */

    overflow: hidden;

    /* hide the rest */

    text-overflow: ellipsis;

    /* show "..." */

}



.product-description .pro-short-desc {

    font-family: var(--bodyfont);

    font-size: 14px !important;

    font-weight: 400;

    line-height: 22px;

    text-align: left;

    color: var(--textcolor);



}



.product-miniature .product-title {

    text-align: left;

    max-width: 220px;

}



/* about section*/

.about-section ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



#custom-text {

    padding: 0;

}



.abt-sec-one {

    width: 70%;

    text-align: start;

    padding: var(--innerdivgap);

}



.abt-title {

    font-family: var(--bodyfont);

    font-size: var(--h3size);

    font-weight: 700;

    line-height: 36.31px;

    text-align: left;

    color: var(--whitecolor);



}



#custom-text h2 {

    font-family: var(--bodyfont);

    font-size: var(--h3size);

    font-weight: 700;

    line-height: 36.31px;

    text-align: left;

    color: var(--whitecolor);

    height: 50px;

    position: relative;

    text-transform: capitalize;

}



#custom-text h2::before {

    content: '';

    position: absolute;

    top: 100%;

    transform: translateY(-50%);

    width: 418px;

    height: 2px;

    background-color: var(--whitecolor);

}



.about-section {

    background-color: var(--primary-color);

    height: 493px;

}



.abt-button {

    padding: 15px 15px 13px 20px !important;

    background-color: var(--whitecolor) !important;

    color: var(--primary-color) !important;

    border-radius: 25px !important;

    border: 1px solid var(--whitecolor) !important;

    font-weight: 600;

}



/* .page-title-bar ol span:last-child {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 600 !important;

    line-height: 19.36px;

    text-align: left;

    color: var(--primary-color) !important;



} */





.abt-sec-two {

    width: 30%;

}



.home-cat-title {

    position: relative;

}



.home-cat-title::before {

    content: '';

    position: absolute;

    border-bottom: 1px solid #C7C7C7;

    width: 100% !important;

    top: 40px !important;

}



.home-shop-now {

    padding: 15px 15px 13px 20px !important;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    border-radius: 25px !important;

    border: 1px solid var(--primary-color) !important;

    font-weight: 600;

}



.abt-para {

    font-family: var(--bodyfont);

    font-size: var(--fontsize) !important;

    font-weight: 400;

    line-height: 26px;

    text-align: left;

    color: var(--whitecolor) !important;

    margin: 27px 0;

    margin-bottom: 60px;

    max-width: 891px;



}



.shop-save-sec-two {

    width: 50%;

}



.shop-save-section {

    margin: var(--innerdivgap) auto !important;

    background-image: url(http://45.77.237.175/~erinapackagingco/themes/erinapackaging/assets/images/shop-background.png);

    background-repeat: no-repeat;

    background-size: cover;

    max-width: 1430px;

    margin: 0 auto;

    border-radius: 5px;

}



.shop-save-sec-one {

    width: 50%;

    padding: var(--innerdivgap) 0;

}



.shop-now {

    padding: 15px 15px 15px 20px !important;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    border-radius: 25px !important;

    border: 1px solid var(--primary-color) !important;

    font-weight: 600;

}



.shop-save-sec-one p {



    font-family: var(--bodyfont) !important;

    font-size: var(--h2size) !important;

    font-weight: 600 !important;

    line-height: 41.15px;

    text-align: left;

    color: var(--primary-color) !important;

    margin: 0 auto !important;



}



.shop-save-section p {

    max-width: 305px;

    margin: 0 auto;

    font-family: var(--bodyfont);

    font-size: 34px;

    font-weight: 600;

    line-height: 41.15px;

    text-align: left;

    margin-bottom: 40px !important;

    max-width: 310px;

}



.big-save {

    display: flex;

    flex-wrap: wrap;

}



.cat-name {

    font-family: var(--bodyfont);

    font-size: 20px !important;

    font-weight: 600 !important;

    line-height: 24.2px;

    text-align: center;

    display: flex;

    justify-content: center;

    margin-top: 27px;



}



.suscribe-sec h2 {

    font-family: var(--bodyfont);

    font-size: 32px;

    font-weight: 700 !important;

    line-height: 38.73px;

    text-align: left;

    color: var(--whitecolor);

    max-width: 263px;

    text-transform: uppercase;

    margin-bottom: 30px;

}



.suscribe-se p {

    margin: 0;

}



.link-comment {

    color: var(--primary-color);

}



.suscribe-sec p {

    font-family: var(--bodyfont);

    font-size: 20px;

    font-weight: 400 !important;

    line-height: 24.2px;

    text-align: left;

    color: var(--whitecolor) !important;

    max-width: 350px;



}



.suscribe-sec form p {

    display: none;

}



.page-product .product-container .product-information .product-variants-item {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin: 0 !important;

    gap: 20px;

}



.page-product .product-container .product-information .product-actions .product-add-to-cart {

    display: flex;

    gap: 20px;

    flex-wrap: wrap;

    align-items: center;

}



.page-product .product-container .product-information select.form-control:not([size]):not([multiple]) {

    border: 1px solid #ccc;

    border-radius: 999px;

    padding: 12px 18px 14px 15px;

    background-color: #fff;

    display: flex;

    align-items: center;

    font-family: var(--bodyfont) !important;

    font-weight: 400;

    font-size: var(--h5size) !important;

    line-height: 22px;

    color: #636363 !important;

    letter-spacing: 0%;

    width: auto;

    min-width: 100px;

    max-width: 100%;

    padding-right: 30px;

    box-sizing: content-box;

    display: inline-block;

    height: auto;

}



/* #footer {

    padding: var(--innerdivgap) 0 0 !important;

} */

.page-product .product-container .product-actions .control-label {

    font-family: var(--bodyfont) !important;

    font-weight: 400;

    font-size: var(--h5size) !important;

    line-height: 22px;

    margin-bottom: 0px !important;

    color: #636363 !important;

    letter-spacing: 0%;



}



.product-comments-additional-info {

    justify-content: flex-start;

    margin-bottom: 30px !important;

}



.wholesale-login {

    margin-bottom: 0 !important;

    width: 100%;

}



.product-miniature .thumbnail-container .product-thumbnail img {

    height: auto;

    /* width: 100%; */

}



.cat-img img {

    border: 1px solid #C7C7C7 !important;

    border-radius: 5px !important;

    width: 263px !important;

    height: 242px !important;

    margin-top: 20px !important;

}



.category-list-info {

    padding-bottom: var(--innerdivgap);

}



/* product list design */

#search_filters,

#search_filters_brands,

#search_filters_suppliers {

    background-color: #EFF4FA;

    width: 100%;

    border-radius: 5px;

}



.brands-sort .select-title,

.products-sort-order .select-title,

.suppliers-sort .select-title {

    border: none;

    box-shadow: 0px 4px 10px 0px #80808040;

}





#products .products,

.featured-products .products,

.product-accessories .products {

    gap: 0;

}





/* .products-selection .col-xl-4,

.col-xl-5 {

    width: 100% !important;

}



#products .products,

.featured-products .products,

.product-accessories .products {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr !important;

} */



.total-products p {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 400;

    line-height: 19.36px;

    text-align: left;

    color: var(--primary-color) !important;



}



.active_filters {

    background-color: #EFF4FA;

}



.btn-secondary.focus,

.btn-secondary:focus,

.btn-tertiary:focus,

.focus.btn-tertiary {

    color: var(--normalcolor);

    background-color: var(--greycolor);

}



.select-title {

    width: max-content !important;

    height: 42px !important;

    border-radius: 0 50px 50px 0px !important;

}



.sort-by {

    color: var(--primary-color) !important;

    background-color: #EFF4FA;

    width: 160px;

    height: 42px;

    align-items: center;

    display: flex;

    border-radius: 50px 0px 0px 50px;

    z-index: 1;

}



#products .product-miniature .thumbnail-container {

    height: auto !important;

}



#search_filters .facet .facet-title {

    font-family: var(--bodyfont);

    font-size: 20px !important;

    font-weight: 500 !important;

    line-height: 24.2px;

    text-align: left;

    color: var(--normalcolor) !important;



}



.star-content {

    margin: 0 !important;

}



.product-container .h1 {

    margin-bottom: 30px !important;

}



.product-manufacturer {

    margin-bottom: 20px !important;

}



.brands-sort .select-list:hover,

.products-sort-order .select-list:hover,

.suppliers-sort .select-list:hover {

    background-color: var(--primary-color);

}



.brands-sort .dropdown-menu,

.products-sort-order .dropdown-menu,

.suppliers-sort .dropdown-menu {

    background-color: #EFF4FA;

}



#search_filters .ui-widget-header {

    background: var(--primary-color);

}



.page-content.page-cms ul,

p {

    font-family: var(--bodyfont);

    font-size: var(--bodyfont);

    font-weight: 400;

    line-height: 30px;

    text-align: left;

    color: var(--normalcolor) !important;



}





/* product detail page design */

.product-reference {

    color: #636363;

    font-size: var(--h5size);

    font-family: var(--bodyfont);

    line-height: 22px;

}



.product-availability {

    color: #636363;

    font-size: var(--h5size);

    font-family: var(--bodyfont);

    line-height: 22px;

}



.current-price-value {

    font-family: var(--bodyfont);

    font-size: var(--h1size);

    font-weight: 700;

    line-height: 22px;

    text-align: left;



}



/* responsive*/

@media (min-width: 767px) and (max-width: 1440px) {



    /* .page-product .product-container {

        padding: 0 0 !important;

    } */

    .slider-static-sec .food-container::before {

        left: 0 !important;

    }



    .new-arrivals-product-list {

        margin-top: -35px;

    }



    HTML #footer .container {

        padding: 0 15PX !important;

    }

}







@media (min-width: 1440px) and (max-width: 1700px) {

    html #header .logo {

        max-width: 250px !important;

    }



    #_desktop_user_info {

        margin-top: 0 !important;

    }



    .header-nav .col-md-12 {

        gap: 60px !important;

    }



    #_desktop_cart {

        margin-top: 0 !important;

    }

}



@media (min-width: 1224px) and (max-width: 1440px) {

    html .header-nav .col-md-12 {

        gap: 10px !important;

        padding: 0 !important;

    }



    #view .wishlist-products-list {



        grid-template-columns: 1fr 1fr 1fr 1fr !important;

        gap: 20px;

    }



    /* .page-index .slick-slide {

        width: 280px !important;

    } */

}





@media (max-width: 1440px) {



    /* .double-wall-cup {

        width: auto !important;

    } */

    /* html .row{

        padding:  0 !important;

     } */

    .page-index .carousel {

        padding: 0 15px !important;

    }

html .product-details .brand-image-wrap:has(.img-wrap){

    margin-bottom: 25px !important;

    padding-bottom: 25px !important;

}

    .slider-static-sec .category-item:first-child {

        width: 100% !important;

    }

    .product-details .brand-image-wrap:has(.img-wrap) .img-wrap img{

        width: 100% !important;

    }

    html .product-details .brand-image-wrap:has(.img-wrap) .content-box{

        width: 100% !important;

    }

.product-details .brand-image-wrap:has(.img-wrap) .img-wrap{

    width: 100% !important;

}

html .product-details .brand-image-wrap:has(.img-wrap) .img-wrap{

    width: 100% !important;

}

    .products-section-title {

        padding-left: 20px !important;

        padding-right: 20px !important;

    }

.product-details .brand-image-wrap:has(.img-wrap) .content-box,

.product-details .brand-image-wrap:has(.img-wrap) .content-box *{

    text-align:left !important;

}

    .slider-static-sec .category-item:nth-child(2) {

        width: 100% !important;

    }



    .shop-save-section p {

        text-align: center !important;

    }



    .page-product .product-container {

        padding: 0 15px !important;

    }



    .cat-img img {

        width: 93% !important;

    }



    /* #header .header-nav {

        padding-left: 15px !important;

        padding-right: 15px !important;

    } */



    html .page-product .container {

        max-width: 100% !important;

    }



    html .header-nav .col-md-12 {



        padding: 0 !important;

    }



    html .page-category .container {

        max-width: 100% !important;

    }



    /* .home-products-sec {

        padding: 0 15px !important;

    } */



    #products .products,

    .featured-products .products,

    .product-accessories .products {

        gap: 0;

    }



    #header .logo {

        max-width: 250px !important;

    }



    #search_widget form input {

        width: 350px !important;

    }



    .header-nav .col-md-12 {

        gap: 20px !important;

    }



    .footer-container {

        padding: var(--innerdivgap) 0 !important;

    }



    #_desktop_user_info {

        margin-top: 0 !important;

    }



    #_desktop_cart {

        margin-top: 0 !important;

    }







    /* .pro-static-data {

        display: block !important;

    } */

}



@media (min-width: 991px) and (max-width: 1224px) {

    html .category-list .slick-initialized .cat-img img {

        width: 90% !important;

    }

.carousel .carousel-item img{

    height: 350px !important;

    width: 350px !important;

}

    .products-selection .sort-by {

        width: 100px !important;

        min-width: 100px !important;

    }

.carousel-item::after{

    right: 70px !important;

}

    #view .wishlist-products-list {

        grid-template-columns: 1fr 1fr 1fr !important;

    }



    .foo-sec-one p {

        max-width: 310px !important;

    }



    /* 

    html .page-prices-drop .products .col-xs-12,

    .col-sm-6,

    .col-xl-4 {

        width: 33% !important;

    } */



    html .page-index #wrapper .container {

        padding: 0 0px !important;

    }



}



@media (min-width: 1024px) and (max-width: 1224px) {

    #search_widget form input {

        width: 265px !important;

    }



    .page-category #products .products .js-product {

        width: 100% !important;

    }



    .products.row:has(.product_show_list) {

        display: grid !important;

        grid-template-columns: repeat(2, 1fr) !important;



    }



    .page-category #products .products {

        display: grid !important;

        grid-template-columns: 1fr 1fr 1fr;

    }



    #search_widget {

        margin-left: inherit !important;

    }



    .page-contact .contact-form form .form-control-label {

        width: 42% !important;

    }



    html .page-content.page-cms {

        padding-top: 20px !important;

    }



    .header-nav .col-md-12 {

        gap: 15px !important;

    }



    #header .logo {

        max-width: 180px !important;

    }



    #_desktop_user_info {

        margin-top: 0 !important;

    }





    #header .header-nav .blockcart {

        padding-top: 1px !important;

    }



    #header .header-nav .language-selector,

    #header .header-nav .user-info {

        margin-top: 0 !important;

    }



    #_desktop_cart {

        margin-top: 0 !important;

    }

}



@media (min-width: 768px) and (max-width: 770px) {

    html #search_widget form input {

        width: 195px !important;

    }

}



@media (min-width: 768px) and (max-width: 768px) {

    .sort-by-row form.products-per-page-form select {

        margin-top: 10px !important;

    }

}



@media (min-width: 768px) and (max-width: 885px) {

    /* html .header-contact a {

        display: none !important;

    } */



    .footer-cta .signup p {

        max-width: 565px !important;

    }

}



@media (min-width: 768px) and (max-width: 900px) {

    .slider-static-sec .hot-cup-slider {

        display: block !important;

    }



    .slider-static-sec .food-container {

        display: block !important;

    }

}



@media (min-width: 1024px) and (max-width: 1600px) {

    html .page-order-confirmation .js-product.product {

        width: calc(23% - -6px) !important;

    }

}



@media (min-width: 768px) and (max-width: 1024px) {

    html #header .logo {

        max-width: 165px !important;

    }



    html #header .layout_layout1.ets_mm_megamenu .mm_columns_ul,

    .layout_layout1.ybc_vertical_menu .mm_menus_ul {

        width: 30% !important;

    }



    #search_widget {

        margin-left: inherit !important;

    }



    html #search_filters,

    #search_filters_brands,

    #search_filters_suppliers {

        width: auto !important;

    }



    /* html .product-miniature .product-flags li.product-flag {

        left: 65% !important;

    } */



    .page-contact .contact-form form .form-control-label {

        width: 35% !important;

    }



    html .page-content.page-cms {

        padding-top: 20px !important;

    }



    #search_filters,

    #search_filters_brands,

    #search_filters_suppliers {

        width: 230px !important;

    }



    #header .header-nav .language-selector,

    #header .header-nav .user-info #header .header-nav .language-selector,

    #header .header-nav .user-info {

        margin-top: 0 !important;

    }



    #search_widget {

        min-width: 11.5rem !important;

    }





    #header .header-nav .blockcart {

        padding: 1px !important;

    }



    #search_widget form i {

        left: 0 !important;

        right: 0 !important;

    }



    .header-nav .col-md-12 {

        gap: 10px !important;

    }



    .header-wholesale-btn a {

        padding: 12px 18px !important;

    }



    html #search_widget form input {

        width: 195px !important;

    }

}



@media (min-width: 991px) and (max-width:1440px) {

    /* .product-miniature .product-flags li.product-flag {

        left: 46% !important;

    } */

}



@media (min-width: 1024px) and (max-width:1440px) {

    html .block_newsletter .shop-products>li {

        width: calc(48% - 0px) !important;

    }



    html #header .layout_layout1.ets_mm_megamenu .mm_columns_ul,

    .layout_layout1.ybc_vertical_menu .mm_menus_ul {

        width: 30% !important;

    }

}



@media (min-width: 991px) and (max-width:1400px) {



    #products .products-selection .total-products,

    .products-selection h1 {

        max-width: 193px !important;



    }



    #products .products-selection .sort-by {

        word-break: auto-phrase !important;

    }

}



@media (min-width: 660px) and (max-width:767px) {

    html #header .logo {

        max-width: 200px !important;

    }



    .page-cms .page-content .col-xs-12,

    .col-sm-4 {

        padding: 0 !important;

    }



    .page-contact .contact-rich {

        padding: 0 15px !important;

    }



    .page-stores .divide-left {

        padding: 0 15px !important;

    }



    html .products-selection .sort-by-row {

        display: grid;

        column-gap: 20px !important;

        grid-template-columns: 1fr 1fr 1fr 1fr !important;

    }



    .pro-static-data {

        gap: 20px !important;

    }



    html .contact-rich,

    .contact-rich h4 {

        padding: 0 0px !important;

    }



    html .page-cms .page-content {

        padding-left: 0 !important;

    }



    .page-category .products .col-xl-4,

    .col-xl-5 {

        width: 50% !important;

    }



    /* .product-miniature .product-flags li.product-flag {

    

        left: 62% !important;

    } */



    .page-cms .row {

        display: grid;



    }



    .page-cms .row .col-sm-4,

    .col-sm-5 {

        width: 100%;

    }



    .pro-main-sec {

        padding: 0 15px 25px 15px !important;

    }



    .paper-chip-cup::before {

        left: 0 !important;

        width: 237px !important;

        height: 237px !important;

    }



    .noodle-bowl::before {

        left: 0 !important;

        width: 185px;

    }



    .paper-chip-cup img {

        width: 200px !important;

    }



    .double-wall-cup img {

        width: 200px !important;

    }



    .noodle-bowl img {

        width: 200px !important;

    }



    .pro-static-data {

        display: flex !important;

    }



    html .footer-cta .signup p {

        max-width: 440px !important;

        font-size: 21px !important;

    }



    html #search_widget form input {

        width: 239px !important;

    }



    #search_widget form i {

        top: 0 !important;

        right: 0 !important;

        left: 0 !important;

    }

}



@media (min-width: 991px) and (max-width:1024px) {

    html #header .header-nav .right-nav {

        justify-content: flex-start !important;

    }



    html .page-order-confirmation .js-product.product {

        width: calc(31% - -6px) !important;

    }



    .page-category .products .col-xl-4,

    .col-xl-5 {

        width: 33% !important;

    }



    html #header .header-nav .right-nav {

        justify-content: flex-end !important;

    }

}



@media (min-width: 900px) and (max-width:1024px) {

    html .header-nav .col-md-12 {

        gap: 20px !important;

    }



    .header-wholesale-btn a {

        padding: 12px 8px !important;

        font-size: 14px !important;

    }

}



@media (min-width: 768px) and (max-width:991px) {

    .pro-static-data {

        display: grid;

        gap: 10px;

        grid-template-columns: 1fr 1fr 1fr;

    }



    html .products-section-title {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    #view .wishlist-products-list {

        grid-template-columns: 1fr 1fr !important;

    }



    #view .wishlist-product {

        max-width: 100% !important;

    }



    #view .wishlist-products-item {

        margin: 0 10px;

    }



    #view .wishlist-product-image {

        width: 100%;

    }



    #view .wishlist-product-image img {

        width: 100%;

    }



    .page-index .featured-products:first-of-type {

        padding-left: 0px !important;

        padding-right: 0px !important;

        padding-top: 20px !important;

        margin: 0 10px 0 22px !important;

    }



    .page-my-account #content .links {

        padding: 0 15px !important;

    }



    /* html .header-nav .col-md-12{

        justify-content: space-between  !important;

    } */

    .page-order .row {

        margin-right: 0px;

        margin-left: 0px;

    }



    .page-stores .store-picture {

        width: 100% !important;

    }



    .page-order .cart-grid-body {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    .page-stores .store-description {

        width: 100% !important;

    }



    .page-stores .divide-left {

        width: auto !important;

    }



    .page-best-sales .row {

        margin-right: 0px;

        margin-left: 0px;

    }



    html .page-search .products .col-xl-4,

    .col-xl-5 {

        width: calc(50% - 20px) !important;

    }



    .page-new-products .row {

        margin-right: 0px;

        margin-left: 0px;

    }



    html.page-index #wrapper .home-products-sec .container {

        padding: 0 !important;

    }



    html.page-index #wrapper .home-products-sec .container {

        padding: 0 !important;

    }



    html .page-index .home-products-sec .container {

        padding: 0 !important;

    }



    .block_newsletter form input[type=email] {

        max-width: fit-content !important;

    }



    .foo-sec-one p {

        max-width: 250px !important;

    }



    html body .home-products-sec {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    .page-order-detail .form-fields .col-md-5,

    .col-md-9 {

        padding: 0 !important;

    }



    html .suscribe-sec {

        margin-left: 25px !important;

        height: auto !important;

    }



    .block_newsletter .shop-products {

        display: block !important;

    }



    .footer-bottom {

        padding-left: 15px !important;

        padding-right: 15px;

    }



    /* .product-miniature .product-flags li.product-flag {

        left: 76% !important;

    } */



    .page-index .carousel {

        padding-right: 0 !important;

    }



    .wishlist-container-header {

        padding: 0 15px !important;

    }



    .page-order-confirmation .wishlist-container-header {

        padding: 0 15px !important;

    }



    .page-order-confirmation #wrapper {

        padding: 0 15px !important;

    }



    .page-order-confirmation #order-items .row h3 {

        padding: 0 15px !important;

    }



    html .page-order-confirmation .js-product.product {

        width: calc(31% - -6px) !important;

    }



    .page .wishlist-products-container {

        padding: 0 15px !important;

    }



    html .page-category .product_show_list {

        padding-left: 25px !important;

    }



    .page-product .contact-main {

        padding: 0 15px !important;

    }



    .page-sitemap .sitemap {

        padding: 0 15px !important;

    }



    .footer-container {

        padding: var(--innerdivgap) 15px !important;

    }



    html .page-index #wrapper .container {

        padding: 0 15px !important;

    }



    html .page-cart .js-content-wrapper {

        padding: 0 15px !important;

    }





    html #header .container {

        padding: 0 15px !important;

    }



    html #header .container {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    #header .header-nav {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    html #footer .container {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    .page-category .products .col-xl-4,

    .col-xl-5 {

        width: calc(50% - 20px) !important;

    }



    #products .sort-by-row {

        display: flex !important;

        /* grid-template-columns: 1fr 1fr 1fr; */

    }



    .sort-by-row .col-md-9 {

        width: auto !important;

    }



    /* .select-title {

        width: auto !important;

    } */



    .sort-by {

        width: auto !important;

    }



    .block_newsletter .shop-products {

        justify-content: center !important;

    }



    .page-cms .row {

        display: grid;

        gap: 10px;



    }



    html .products .slick-list.draggable {

        margin: 0 0px !important;

    }



    .header-nav .row {

        display: block !important;

    }



    .page-cms .row .col-sm-4,

    .col-sm-5 {

        width: 100%;

    }



    .page-order-detail .order-message-form .form-group {

        padding-left: 15px;

    }



    html .footer-cta .signup p {

        max-width: 550px !important;

    }



    html .paper-chip-cup {

        width: calc(100% - 10px) !important;



    }



    /* 

    html .page-index .product-miniature .product-flags li.product-flag {



        left: 30% !important;

    } */



    html .block_newsletter .shop-products {

        display: flex !important;

        gap: 20px !important;

    }



    .footer-cta .signup p {

        max-width: 600px !important;

    }



    html .double-wall-cup {

        width: calc(100% - 10px) !important;

    }



    .block_newsletter .shop-products>li {

        width: calc(100% - 0px) !important;

        gap: 20px !important;

    }



    .newsletter-products-sec .subs-pro-title {

        padding-left: 0 !important;

    }



    html .noodle-bowl {

        width: calc(100% - 10px) !important;

    }

}



@media (max-width: 1224px) {

    .top-menu .sub-menu {

        width: calc(50% - 30px) !important;

        min-width: calc(50% - 30px) !important;

    }

}



@media (max-width: 767px) {

    .page .sort-by {

        display: flex !important;

    }



    .products-section-title::before {

        width: calc(100% - 20px) !important;

    }



    .page-order #header .header-nav .blockcart .header {

        display: none !important;

    }



    html .products-section-title::after {

        width: calc(100% - 20px) !important;

    }



    #category #left-column #search_filter_controls button {

        margin: 0;

        border-radius: 5px;

        padding: 15px 15px 15px 20px !important;

        background-color: var(--primary-color) !important;

        color: var(--whitecolor) !important;

        border-radius: 25px !important;

        font-size: 16px !important;

        border: 1px solid var(--primary-color) !important;

        font-weight: 600;

    }



    .ph-recommend-products .products.only_mobile {

        width: 100% !important;

    }



    .page-order-confirmation #order-items .row h3:not(:first-child) {

        display: none !important;

    }



    .page-cms .mobile {

        margin-top: 10px !important;

    }



    .page-order-confirmation #order-items .row {

        width: 100%;

        justify-content: space-between;

        flex-wrap: wrap;

    }



    .copyright_text {

        display: flex !important;

        justify-content: center !important;

    }



    .page-cart .product-line-grid-body {

        padding-left: 30px !important;

    }



    .page .wishlist-products-container .sort-by-row .sort-by {

        display: flex !important;

        align-items: center;

        justify-content: center !important;

    }



    .page-cart .cart-item .product-line-grid-right .col-md-10.col-xs-6>.row {

        display: flex;

        flex-wrap: wrap;

        gap: 15px;

    }



    html .page .sort-by {

        display: flex !important;

    }



    .page .sort-by-row .hidden-sm-down {

        display: block !important;

    }



    .page .sort-by-row>div,

    .sort-by-row>span,

    .sort-by-row>form {

        justify-content: start !important;

    }



    .page-contact .contact-main {

        padding: var(--innerdivgap) 0 !important;

    }



    .page-order-detail .order-message-form form .col-md-5,

    .col-md-9 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    html .page-cart .product-line-grid-body {

        width: 70% !important;

        /* padding-left: 30px !important; */

    }



    html #footer {

        padding-top: 0 !important;

    }



    #mobile_top_menu_wrapper {

        padding: 0 !important;

    }



    .new-arrivals-product-list {

        margin-top: -10px !important;

    }



    #history .orders .order:first-child,

    .page-order-detail .messages .message:first-child {

        padding: 10px 0 !important;

    }



    .page-new-products .js-product.product {

        padding: 0 10px !important;

    }



    .page-order .cart-grid-body {

        padding: 0 !important;

    }



    .page-order-detail .order-items .order-item .desc,

    .page-order-detail .order-items .order-item .qty {

        padding: 0 !important;

    }



    /* .page-history .orders .col-xs-10{

        padding-right: 0px !important;

    padding-left: 0px !important;

    } */

    html .page-order-confirmation .js-product.product {

        width: calc(48% - -6px) !important;

    }



    .page-history .orders {

        background: #EFF4FA !important;

    }



    .page-order-detail .addresses {

        margin: 0 !important;

    }



    .page .wishlist-products-item {

        padding: 15px !important;

    }



    html #header .container {

        padding: 0 15px !important;

    }



    #_mobile_top_menu .top-menu[data-depth="1"]>li>a {

        padding-left: 20px;

    }



    .page-my-account .contact-main {

        padding: 0 15px;

    }



    .page #wrapper .contact-main {

        padding: 0 15px;

    }



    .page-history #wrapper .contact-main {

        padding: 0 15px;

    }



    html .psgdprinfo17 {

        padding-left: 20px !important;

        padding-right: 20px !important;

    }



    #header .float-xs-right {

        padding: 0 !important;

    }



    .page-order-slip #wrapper .contact-main {

        padding: 0 15px;

    }



    #_mobile_top_menu .top-menu[data-depth="2"]>li>a {

        padding-left: 40px;

    }



    #footer .float-xs-right {

        padding: 0 !important;

    }



    #_mobile_top_menu .top-menu[data-depth="3"]>li>a {

        padding-left: 60px;

    }





    .links {

        padding: 0 !important;

    }



    html .product-miniature,

    .product-miniature .product {

        padding-left: 0 !important;

    }



    html .page-order body#checkout #header .header-nav {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    #blockcart-modal .cart-content .cart-content-btn .btn {

        margin-bottom: 30px !important;

    }



    .quick-view {

        padding: 10px !important;

    }



    .pro-list-view-sec {

        padding: 0 !important;

    }



    .payment-options {

        margin: 20px 0;

    }



    html .page-category .page-not-found {

        padding: 0 15px !important;

    }



    html .page-category .page-not-found #search_widget form input {

        width: 100% !important;

    }



    #blockcart-modal .cart-content .cart-content-btn {

        display: flex;

        flex-direction: column;

    }



    .footer-social-links {

        justify-content: flex-start !important;



    }



    #blockcart-modal .modal-body {

        padding: 0;

    }



    .float-xs-right {

        padding: 0 15px !important;

    }



    .page-order .tab-content {

        padding: 5px 0 !important;

    }



    .header-wholesale-btn {

        position: fixed !important;

        right: 0 !important;

        z-index: 1000 !important;

        bottom: 0 !important;

        left: 0 !important;

        /* padding: 15px !important; */

        border-radius: 0 !important;

        text-align: center !important;

        background-color: var(--primary-color) !important;

        color: #fff !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center;

    }



    .footer-container .wrapper p {

        display: none !important;

    }



    .hidden-sm-down {

        display: none !important;

    }



    .mobile .hidden-sm-down {

        display: contents !important;

    }



    #footer .links {

        margin: 20px 0 !important;

    }



    .footer-container .links ul {

        background-color: transparent !important;

        color: white !important;

        max-width: 90% !important;

    }



    .footer-container .links ul>li {

        border-bottom: none !important;

    }



    .footer-container li {

        margin-bottom: 0 !important;

    }



    .footer-container .row {

        display: grid !important;

        grid-template-columns: 1fr;

    }



    .footer-container .links ul>li {

        padding: 8PX !important;

    }



    .header-nav .col-md-12 {

        gap: 30px !important;

        justify-content: space-between !important;

    }



    #header .header-nav .blockcart .header {

        margin-top: 0 !important;

    }



    .footer-container .links .h3 {

        font-size: 15px !important;

        color: var(--whitecolor) !important;

        text-transform: capitalize;

    }



    #header .header-nav .blockcart {

        padding: 0 !important;

    }



    /* .hidden-sm-down {

        display: contents !important;

    } */



    #header .header-nav #menu-icon {

        margin-top: 10px !important;

    }



    .links .title {

        padding: 0 !important;

        margin-bottom: 10px !important;

    }



    #header .header-nav .language-selector,

    #header .header-nav .user-info {

        margin-top: 0 !important;

    }



    html .header-wholesale-btn a {

        text-align: center !important;

        color: var(--whitecolor) !important;

    }

}



@media (max-width: 460px) {}



@media (max-width: 660px) {

    :root {

        --innerdivgap: 10px;

        --font-size-default: 16px;

        --bannertitlesize: 65px;

        --h1size: 24px;

        --h2size: 22px;

        --h3size: 21px;

        --h4size: 18px;

        --h5size: 15px;

        --h6size: 15px;

        --fontsize: 14px;



    }



    #view .wishlist-products-list {

        grid-template-columns: 1fr !important;

    }

html .caption-description{

    width: 100% !important;

}

    html #wrapper {

        padding-top: 20px !important;

    }

   

    html body .product-comment-modal .modal-body .col-sm-8 {

        width: 100% !important;

    }

    .carousel .carousel-item figure{

        align-items: start !important;

    }

    

    html .carousel-item::after{

        height: 200px !important;

        bottom: 30px !important;

       right: 10px !important;

      width: 200px !important;

    }

.carousel .carousel-item img{

    position: unset !important;

}



html body .carousel .carousel-item img{

height: 175px !important;

width: 175px !important;

}

html .carousel .carousel-item .caption{

    margin-bottom: 0 !important;

}

    #stores .store-item-container .col-md-5 {

        padding-left: 10px !important;

        padding-right: 10px !important;

    }



    html body .product-comment-modal .modal-body .col-sm-4 {

        width: 100% !important;

    }



    #my-account .page-footer {

        text-align: center;

    }



    body:has(.hide-title) .contact-form .form-fields {

        display: unset !important;

    }



    html #stores .page-stores .store-item-container {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }



    .page-product .modal-body form .col-sm-2 {

        width: 100% !important;

    }



    .page-product .modal-body form .col-sm-4 {

        width: 50% !important;

    }



    .page-stores .page-content {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    .order-totals .col-xs-8 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    html .page-search .products .col-xl-4,

    .col-xl-5 {

        width: 50% !important;

    }



    .page-order-detail .messages .col-sm-4,

    .col-sm-8 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    /* 

    .product-miniature .product-flags li.product-flag {

        display: none;

    } */



    .bestselling_product_list_section .js-product.product {

        padding: 0 10px !important;

    }



    html .page-order-confirmation .js-product.product {

        width: calc(100% - -6px) !important;

    }



    .page-my-account #content .links a span.link-item {

        margin-left: 0 !important;

    }



    html .register-btn a {

        padding: 14px !important;

    }



    .sort-by-row>div,

    .sort-by-row>span,

    .sort-by-row>form {

        justify-content: start !important;

    }



    #exportDataToCsv {

        margin-bottom: 10px !important;

    }



    .page-category .products .col-xl-4,

    .col-xl-5 {

        width: 50% !important;

    }



    .block_newsletter form input {

        border: 1px solid var(--whitecolor);

        margin-bottom: 20px;

        width: 33%;

        gap: 10px;

    }



    .col-xs-12 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    .forgotten-password .form-fields label.required {

        padding: 0 10px !important;

    }



    html .send-renew-password-link {

        padding-left: 15px;

    }



    body#checkout #footer {

        padding: 0 15px !important;

    }



    html .forgotten-password .form-fields .center-email-fields {

        padding: 0 5px;

    }



    /* #footer {

        padding: 0 !important;

    } */



    body#checkout section.checkout-step .content {

        padding: 0 !important;

    }



    .suscribe-sec {

        padding: 0 25px !important;

    }



    .page-cms .row {

        display: grid;



    }



    #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper .language-selector,

    .active_filters ul,

    .pagination .page-list li,

    body#checkout section.checkout-step .radio-field label {

        padding-left: 15px !important;

    }



    .page-cms .row .col-sm-4,

    .col-sm-5 {

        width: 100%;

    }



    html .page-registration .register-form {

        padding: 0 15px !important;

    }



    .form-group {

        margin-bottom: 5px !important;

    }



    .page-contact .contact-main {

        padding: 0 !important;

    }



    html .col-sm-4:nth-child(3) .page-subheading {

        transform: translate(-130%) !important;

        top: -9% !important;

    }



    html .col-sm-4:nth-child(2) .page-subheading {

        transform: translate(-186%) !important;

        top: -12% !important;

    }



    /* .page-category .product-miniature,

    .product-miniature .product {

        padding: 0 15px !important;

    } */



    .page-cms .page-cms-4 h3 {

        top: -8% !important;

        right: 0;

        transform: translate(-80%) !important;

    }



    .page-cms .cms-block {

        max-width: 80% !important;

        margin: 0 auto !important;

    }



    .page-cms .cms-box {

        max-width: 80% !important;

        margin: 20px auto !important;

        height: auto !important;

    }



    .page-title-bar h1 {

        margin: 20px 0 !important;

    }



    .page-customer-account #content .no-account {

        margin-bottom: 0 !important;

    }



    .page-customer-account #wrapper {

        padding: 0 !important;

    }



    html .page-content.page-cms {

        padding: 0 !important;

    }



    .page-cms p {

        max-width: 90% !important;

    }



    /* .sort-by-row {

        flex-direction: column !important;

    } */



    .pro-main-sec {

        flex-direction: column !important;

        padding: 20px !important;

    }



    .big-save {

        display: flex;

        flex-wrap: wrap;

        flex-direction: column;

        margin: 0 auto;

        align-items: center;

    }







    html .paper-chip-cup {

        width: calc(100% - 0px) !important;

        flex-direction: column !important;

        height: auto !important;

        margin: 0 auto !important;

    }



    html .noodle-bowl {

        width: calc(100% - 0px) !important;

        flex-direction: column !important;

        height: auto !important;

        margin: 0 auto !important;

    }



    html .double-wall-cup {

        width: calc(100% - 0px) !important;

        flex-direction: column !important;

        height: auto !important;

        margin: 0 auto !important;

    }



    #header .logo {

        max-width: 200px !important;

    }



    .register-btn {

        align-items: center;

        display: flex !important;

        justify-content: start !important;

    }



    .footer-cta .row {

        display: block !important;

    }



    #header .header-nav {

        padding: 10px 0 !important;

        /* padding-left: 15px !important;

        padding-right: 15px !important; */

    }



    #search_widget form i {

        top: 0 !important;

        right: 0 !important;

        left: 0 !important;

    }



    #search_widget form input {

        width: 230px !important;

        /* border-radius: 0 !important; */

    }



    .footer-cta {

        display: block !important;

    }



    .header-nav .col-md-12 {

        gap: 10px !important;

    }



    #search_widget {

        overflow: hidden !important;

    }



    /* .header-contact {

        display: none !important;

    } */

}



@media (max-width: 475px) {

    #search_widget form input {

        width: 170px !important;

    }



    html .page-product .modal-body form .col-sm-4 {

        width: 100% !important;

    }



    .shop-save-sec-one {

        width: 100% !important;

    }



    html .carousel .carousel-item .caption {

        left: 0 !important;

    }



    html .page-search .js-product.product {

        width: calc(100% - 0px) !important;

    }



    .slider-static-sec .category-item:first-child {

        flex-direction: column !important;

    }



    .slider-static-sec .category-item:nth-child(2) {

        flex-direction: column !important;

    }



    .page-index .product-tab {

        padding: 0 25px !important;

    }



    .page-category .products .col-xl-4,

    .col-xl-5 {

        width: 100% !important;

    }



    html .slider-static-sec .food-container::before {

        display: none !important;

    }



    html .slider-static-sec .hot-cup-slider::before {

        display: none !important;

    }



    html .slider-static-sec .hot-cup-slider::before {

        left: 0 !important;

    }



    #header .header-nav #menu-icon {

        margin-top: 0 !important;

    }



    html .slider-static-sec .hot-cup-slider::before {

        left: 0 !important;

    }



    #header .logo {

        max-width: 160px !important;

    }



    .header-nav .col-md-12 {

        gap: 10px !important;

    }





    #search_widget form i {

        top: 0 !important;

        right: 0 !important;

        left: 0 !important;

    }

}





/* PRODUCT LIST PAGE 30/07/24 */

.page-category #wrapper .container>.row {

    /* display: flex; */

    gap: 20px;

    flex-wrap: wrap;





    margin: 0;

}



.page-category #wrapper .container>.row>#left-column {

    width: 263px;

    padding: 0;

}



.page-category #wrapper .container>.row>.left-column {

    width: calc(100% - 283px);

    padding: 0;

}



.page-category #wrapper .container>.row>.left-column #js-product-list .products {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    margin: 0;

}



.page-category #wrapper .container>.row>.left-column #js-product-list .products .product {

    padding: 0;

    width: calc(25% - 15px);

}



.page-category #wrapper .container>.row>.left-column #js-product-list .products .product .thumbnail-container {

    margin: 0;

}



@media(max-width: 1700px) {

    .carousel .carousel-control .icon-prev {

        left: -1rem !important;

    }





    /* .product-miniature, .product-miniature .product {

        padding: 0 15px !important;

    } */

    /* html .suscribe-sec{

        padding-left: 25px !important;

    } */

    /* .col-xs-12{

        padding-left: 0 !important;

        padding-right: 0 !important;

    } */



    html .carousel .carousel-control .icon-next {

        right: -1rem !important;

    }



}



@media(max-width: 1600px) {

    .featured-products {

        padding-left: 15px;

        padding-right: 15px;

        padding-top: 20px !important;

    }



    .page-cms .container {

        padding: 0 15px !important;

    }



    .category-list-info {

        padding-left: 15px;

        padding-right: 15px;

    }

}



@media(max-width: 1440px) {

    :root {

        --innerdivgap: 70px;

        --font-size-default: 16px;

        --bannertitlesize: 65px;

        --h1size: 34px;

        --h2size: 30px;

        --h3size: 30px;

        --h4size: 24px;

        --h5size: 16px;

        --h6size: 16px;

        --fontsize: 16px;

    }



    .page-order-confirmation .js-product.product {

        padding: 0 !important;

    }



    .page-order-confirmation .featured-products {

        padding-left: 0px;

        padding-right: 0px;

    }



    html #header .container {

        padding: 0 15px !important;

    }



    html #footer .container {

        max-width: 100% !important;

        /* padding: 0 15px !important; */

    }



    .carousel .carousel-control .icon-prev {

        display: none !important;

    }



    .carousel .carousel-control .icon-next {

        display: none !important;

    }



    .abt-sec-one {

        width: 50% !important;

    }



    .carousel .carousel-inner {

        width: 100% !important;

    }



    .about-section ul {

        padding: 0 15px !important;

    }



    .page-index .carousel {

        gap: 10px;

    }



    .carousel {

        background-color: var(--whitecolor);

    }



    .footer_web {

        justify-content: center !important;

    }



    /* .about-section {

        height: 453px !important;

    } */



    .newsletter-main-section {

        /* padding-left: 15px; */

        /* padding-right: 15px; */

    }



    /* .block_newsletter .shop-products>li {

        margin-left: 15px !important;

        margin-right: 15px !important;

    } */



    .footer-cta {

        padding: var(--innerdivgap) 15px !important;

    }



    /* .newsletter-main-section {

        padding-left: 0 !important;

    } */

    .block_newsletter .shop-products {

        justify-content: flex-start !important;

    }



    .footer-cta .signup p {

        max-width: 830px !important;

        font-size: 24px !important;

    }



    .suscribe-sec h2 {

        font-size: 27px;

    }



    .footer-cta .signup p {

        font-size: 30px !important;

    }



    .foo-address::before {

        left: 5px !important;

    }



    .foo-mobile a::before {

        left: -50px !important;

    }



    .foo-email a::before {

        left: 0 !important;

    }



    .foo-timing::before {

        left: 0 !important;

    }



    .double-wall-cup img {

        height: 250px;

        width: 250px;

    }



    .paper-chip-cup img {

        height: 250px;

        width: 250px;

    }



    .noodle-bowl img {

        height: 250px;

        width: 250px;

    }

}



@media(max-width: 1200px) {

    :root {

        --innerdivgap: 70px;

        --font-size-default: 16px;

        --bannertitlesize: 65px;

        --h1size: 32px;

        --h2size: 29px;

        --h3size: 26px;

        --h4size: 21px;

        --h5size: 16px;

        --h6size: 16px;

        --fontsize: 16px;



    }



    .header-contact {

        position: fixed;

        right: 0;

        z-index: 1000;

        bottom: 0;

        left: 0;

        padding: 15px !important;

        border-radius: 0 !important;

        border: 1px solid var(--whitecolor);

        color: var(--secondary-color);

        padding: 15px 18px 14px 17px;

        background-color: var(--primary-color);

        font-family: var(--bodyfont);

        font-weight: 500;

        font-size: var(--h6size);

        width: 100%;

    }



    html .header-contact a {

        justify-content: center;

        color: var(--whitecolor) !important;

    }



    .page-addresses .addresses-footer a {

        top: -20px !important;

    }



    .pro-main-sec {

        padding: 0 15px 25px 15px !important;

    }



    .paper-chip-cup {

        flex-direction: column;

        height: auto;

    }



    .noodle-bowl {

        flex-direction: column;

        height: auto;

    }



    .double-wall-cup {



        flex-direction: column;

        height: auto;

    }



    .register-btn a {

        font-size: 16px !important;

        padding: 21px !important;

    }



    .double-wall-cup h2 {

        max-width: 1005 !important;

    }



    .block_newsletter form input[type=email] {

        max-width: 265px;

    }



    .page-category #wrapper .container>.row>.left-column #js-product-list .products .product {

        width: calc(33.33% - 13.33px);

    }



    .newsletter-products-sec h2 {

        font-size: 16px !important;

    }



    .page-product .product-container {

        gap: 45px !important;

    }

}



@media(max-width: 1024px) {

    :root {

        --font-size-default: 16px;

        --bannertitlesize: 65px;

        --h1size: 29px;

        --h2size: 26px;

        --h3size: 24px;

        --h4size: 19px;

        --h5size: 15px;

        --h6size: 15px;

        --fontsize: 14px;



    }



    .double-wall-cup {

        width: calc(33% - 10px) !important;

        flex-direction: column;

        height: auto;

    }



    .paper-chip-cup {

        width: calc(33% - 10px) !important;

        flex-direction: column;

        height: auto;

    }



    .noodle-bowl {

        width: calc(33% - 10px) !important;

        flex-direction: column;

        height: auto;

    }



    .suscribe-sec h2 {

        font-size: 24px;

    }



    .suscribe-sec {

        padding-left: 25px;

    }



    .newsletter-products-sec h2 {

        font-size: 14px !important;

    }



    .register-btn a {

        font-size: 24px;

    }



    .footer-cta .signup p {

        max-width: 660px !important;

        font-size: 24px !important;

    }

}



@media(max-width: 545px) {

    html .food-container {

        display: block !important;

    }



    html .hot-cup-slider {

        display: block !important;

    }

}



@media(max-width: 767px) {

    :root {

        --innerdivgap: 45px;

        --font-size-default: 16px;

        --bannertitlesize: 65px;

        --h1size: 24px;

        --h2size: 22px;

        --h3size: 21px;

        --h4size: 18px;

        --h5size: 15px;

        --h6size: 15px;

        --fontsize: 14px;



    }



    .footer-cta .signup p {

        line-height: 1.5 !important;

    }



    /*header account user */

    .header-nav .logout {

        display: none !important;

    }



    .header-nav .account span {

        margin-top: 0 !important;

    }

.carousel .carousel-item .caption{

    top: 0 !important;

    left: 0 !important;

}

    /*header account user end */

    html .page-addresses .page-content .col-lg-4,

    .col-md-6,

    .col-sm-6 {

        padding-left: 0px !important;

        padding-right: 0px !important;

    }

html .carousel .carousel-item img{

    height: 250px !important;

    width: 250px !important;

}

    html .page-product .modal-body .page-addresses .page-content .col-lg-4,

    .col-md-6,

    .col-sm-6 {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    html .page-not-found {

        padding-bottom: 0px !important;

    }



    .product-card-section .slick-dots {

        top: 98% !important;

    }



    html .page-category #products .products-selection {

        padding-left: 15px !important;

    }



    .page-category #products .products-selection .col-lg-7 {

        width: 100% !important;

        padding-right: 0 !important;

    }



    html .header-contact {

        border: none !important;

    }



    .page-order #header .header-nav {

        padding: 20px 0 !important;

    }



    .page-new-products #js-product-list {

        padding-left: 10px !important;

        /* padding-right: 15px !important; */

    }



    html .page-index #wrapper .container {

        padding: 0 !important;

    }



    .page-new-products #js-product-list #search_widget form input {

        width: auto !important;

    }



    .btn-primary,

    .btn-primary:hover {

        padding: 10px 25px !important;

    }



    .footer-container .foo-sec-one {

        width: 100% !important;

    }



    .page-order #checkout-guest-form {

        padding: 0 15px;

        margin-bottom: 30px;

    }



    .page-cms #header .header-nav {

        padding: 10px 0 !important;

    }



    .contact-rich data br {

        display: none !important;

    }



    .page-product .product-container {

        padding: 0 15px !important;

    }



    form .form-control-label {

        padding: 5px 0 !important;

    }



    .login-customer #login-form {

        padding: var(--innerdivgap) 15px !important;

    }



    .page-registration .register-form .col-md-3,

    .col-md-6 {

        padding: 0 !important;

    }



    .page-cms .cms-block {

        margin: 0 !important;

        max-width: 96% !important;

        margin-bottom: 10px !important;

    }



    .page-content.page-cms {

        padding: 10px 0 0 0 !important;

    }



    .sort-by-row form.products-per-page-form select {

        margin-top: 10px !important;

    }



    html .products-selection .sort-by-row .products-per-page-form {

        width: max-content !important;

    }



    html .products-selection .sort-by-row .category-layout-view {

        width: max-content !important;

    }



    .suscribe-sec h2 {

        margin-bottom: 15px;

    }



    .sort-by-row form.products-per-page-form {

        width: max-content !important;

    }



    html .page-cms .cms-box {

        margin: 0 !important;

        max-width: 96% !important;

        margin-bottom: 10px !important;

    }



    html .products-selection .sort-by-row .products-sort-order {

        width: max-content !important;

    }



    html .products-selection .sort-by-row {

        display: flex !important;

        width: 100% !important;

        column-gap: 20px !important;

        grid-template-columns: 1fr 1fr;

        flex-wrap: wrap;

    }



    .page-product .cart-content-btn .btn-primary,

    .btn-secondary {

        padding: 11px !important;

    }



    .page-product #products .products,

    .featured-products .products,

    .product-accessories .products {

        gap: 20px !important;

    }



    html .slider-static-sec .food-container::before {

        left: 30% !important;

        width: 238px !important;

        height: 257px !important;



    }



    .page-contact .contact-main .contact-form .form-footer {

        padding: 0 15px !important;

    }



    .pagination>div:first-child {

        padding-left: 15px !important;

    }



    html .slider-static-sec .hot-cup-slider::before {

        left: 35% !important;

    }



    .footer-cta .signup p {

        font-size: 21px !important;

    }



    .page-order .form-fields .col-md-6 {

        padding: 0 0 !important;

    }



    .page-order .form-fields .col-md-3 {

        padding: 5px 0 !important;

    }



    .custom-checkbox label,

    body#checkout #delivery>label,

    body#checkout section.checkout-step #customer-form .form-control-label,

    body#checkout section.checkout-step #delivery-address .form-control-label,

    body#checkout section.checkout-step #invoice-address .form-control-label,

    body#checkout section.checkout-step #login-form .form-control-label {

        text-align: start !important;

    }



    .page-order #js-checkout-summary {

        padding: 0 25px !important;

    }



    .suscribe-sec form .col-xs-12 {

        padding: 0;

    }



    .food-container {

        width: 100% !important;

    }



    .hot-cup-slider {

        width: 100% !important;

    }



    #category #search_filter_toggler {

        color: var(--primary-color);

    }



    .page-title-bar {

        padding: 0 15px !important;

    }



    .page-cms .page-title-bar {

        padding: 0 !important;

    }



    .container,

    .container-fluid {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    #header .row {

        margin-right: 0px !important;

        margin-left: 0px !important;

    }



    .row {

        margin-right: 0px !important;

        margin-left: 0px !important;

    }



    .register-btn a {

        padding: 19px !important;

        font-size: 16px !important;

    }







    form .form-control-label {

        font-size: 14px !important;

    }



    .brands-sort .dropdown-menu,

    .products-sort-order .dropdown-menu,

    .suppliers-sort .dropdown-menu {

        width: 100% !important;

    }



    .contact-rich,

    .contact-rich h4 {

        padding: 0 15px !important;

    }



    .sitemap {

        display: grid;

        grid-template-columns: 1fr;

        /* padding: 0 15px !important; */

        padding-left: 15px !important;

    }



    .sitemap .col-md-3 {

        width: 100% !important;

    }



    .page-stores .store-description {

        width: 100% !important;

    }



    #stores .page-stores .store-item-container {

        display: flex;

        flex-direction: column;

    }



    .home-products-sec {

        padding: 0 !important;

    }



    html .suscribe-sec {

        padding-left: 25px !important;

    }



    /* .col-xs-12{

        padding-left: 0 !important;

        padding-right: 0 !important;

    } */

    .about-section {

        height: auto !important;

    }



    .about-section ul {

        flex-direction: column !important;

    }



    .abt-sec-two {

        position: relative !important;

        top: 0 !important;

        right: 0 !important;

        width: 100% !important;

        margin-top: 15px !important;

    }



    html .abt-sec-one {

        width: 100% !important;

    }



    html #products .products-section-title,

    .featured-products .products-section-title,

    .product-accessories .products-section-title {

        margin: 10px 0 !important;

    }



    .abt-para {

        margin-bottom: 35px !important;

    }



    .block_newsletter .shop-products>li {

        margin: 20px 0;

    }



    .suscribe-sec {

        margin-bottom: 20px;

    }



    html .mt-3 {

        margin-top: 0rem !important;

    }



    .slick-dots {

        top: 98%;

    }



    html .featured-products .mt-3 {

        margin-top: 0 !important;

    }



    a.float-md-right.all_best_sellers:not(:hover) {

        margin-top: 30px;

    }



    .suscribe-sec {

        width: calc(100% - 0px) !important;

        height: auto !important;

    }



    .block_newsletter .shop-products>li {

        width: calc(100% - 0px) !important;

    }



    .mobile .clearfix {

        margin-top: 10px !important;

    }



    .newsletter-main-section {

        display: block !important;

    }



    .newsletter-products-sec {

        display: block !important;

    }



    .slider-static-sec {

        justify-content: start !important;

    }



    .page-index .carousel {

        display: block !important;

    }



    .carousel .carousel-item .caption {

        bottom: 0 !important;

    }



    .footer-container .h3::before,

    .footer-container .h4::before {

        display: none !important;

    }



    .food-container {}



    #search_filters .facet .facet-title {

        font-size: 16px !important;



    }



    .block_newsletter .shop-products {

        display: block !important;

    }



    #search_filters>.h6,

    #search_filters_brands>.h6,

    #search_filters_suppliers>.h6 {

        font-size: var(--fontsize) !important;

    }



    .page-authentication #content,

    .page-registration .card {

        background-color: #fff !important;



    }



    .products-selection .filter-button .btn-secondary,

    .products-selection .filter-button .btn-tertiary {

        padding: 10px !important;

    }



    .login-customer #login-form {

        padding: var(--innerdivgap);

    }



    .pro-static-data {

        display: block;

    }



    .page-category #wrapper .container>.row>#left-column,

    .page-category #wrapper .container>.row>.left-column {

        width: 100%;

    }



    .products-selection .col-lg-7 {

        padding-left: 0 !important;

    }



    #category #left-column #search_filters .facet ul li {

        padding: 10px !important;

        border-bottom: 1px solid var(--primary-color) !important;

    }



    .products-selection {

        padding: 0 15px !important;

    }



    .sort-by-row .col-xs-8,

    .col-xs-9 {

        width: auto !important;

        padding-left: 0;

        padding-right: 0;

    }



    .products-selection .sort-by-row {

        gap: 5px !important;

    }



    #search_filters,

    #search_filters_brands,

    #search_filters_suppliers {

        width: 100% !important;

    }



    #category #left-column #search_filters .facet {

        padding-top: 10px !important;

    }



    #category #left-column #search_filters {

        padding: 20px 40px !important;



    }



    #category #left-column #search_filters .facet .h6 {

        padding: 15px !important;

        font-size: 14px !important;

    }



    .product-cover {

        padding: 10px !important;

    }



    .page-category #wrapper .container>.row>.left-column #js-product-list .products .product {

        width: calc(33.33% - 10px);

    }



}



@media(max-width: 991px) {

    .page-category #wrapper .container>.row>.left-column #js-product-list .products {

        gap: 15px;

    }



    html .product-comment-modal .modal-body .col-sm-4 {

        padding-right: 15px !important;

    }



    .product-comment-modal .required {

        margin-left: 15px !important;

    }

.carousel-item::after{

    right: 50px !important;

    bottom: 30px !important;

}

    html .product-comment-modal .modal-body .col-sm-8 {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }

.carousel .carousel-item img{

    height: 320px !important;

    width: 320px !important;

}

    html .product-comment-modal .modal-body .col-sm-2 {

        padding-left: 15px !important;

    }



    #stores .page-stores .store-item-container {

        margin-left: 15px !important;

        margin-right: 15px !important;

    }



    .header-contact a::before {

        color: var(--whitecolor) !important;

    }



    .page-product .js-content-wrapper .tabs {

        margin-top: 30px !important;

    }



    #blockcart-modal .cart-content .btn,

    #stores .page-stores .store-item-footer li button {

        padding: 8px !important;

    }



    #wrapper {

        padding-top: 30px !important;

    }



    /* .page-order-confirmation .featured-products{

        padding: 0 15px !important;

    } */

    .header-wholesale-btn a {

        font-size: 14px !important;

    }



    html body .page-password .js-content-wrapper {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    .page-search #products .products,

    .featured-products .products {

        justify-content: start !important;

    }



    .page-prices-drop #products .products,

    .featured-products .products {

        justify-content: start !important;

    }





    .page-search .row {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }



    html .page-cart .cart-grid-body {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    html #footer .container {

        padding: 0 15PX !important;

    }



    .form-control-comment {

        font-size: 14px !important;

    }



    .page-product .tabs {

        padding: 0 15px !important;

    }



    .page-search .page-content {

        padding: 0 15px !important;

    }



    .page-order-detail .modal-body .page-addresses .page-content .col-lg-4,

    .col-md-6,

    .col-sm-6 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    .page-order #delivery-address {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }



    .page-cart .cart-grid-body .card-block,

    .cart-grid-body .cart-overview {

        padding: 0 !important;

    }



    html .page-order-confirmation .js-content-wrapper {

        padding: 0 15px !important;

    }



    .page-history #content-wrapper {

        padding: 0 15PX !important;

    }



    .page-cms .page-content {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    .page-address form {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    .page-order-confirmation #order-details {

        padding-left: 0 !important;

    }



    #order-items .details,

    #order-items .qty {

        padding: 0 10px !important;

    }



    body#checkout .cart-grid-right .card {

        padding-top: 15px !important;

        padding-bottom: 15px !important;

    }



    /* .page-order-detail .addresses {

        padding-left: 15px !important;

        padding-right: 15px !important;

    } */

    .page-order-detail .form-footer {

        margin-top: 15px;

    }



    .page-identity .page-content form {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    html .page-addresses .page-content .col-lg-4,

    .col-md-6,

    .col-sm-6 {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    .page-my-account .contact-main {

        padding: 0 15px;

    }



    .page-search .products {

        padding: 0 15px !important;

    }



    .page-category #products .products-selection {

        padding-left: 35px !important;

        /* padding-right: 35px !important; */

    }



    .products-selection .showing {

        color: var(--primary-color);

    }



    .tab-content {

        border-radius: 0 !important;

    }



    .about-section {

        height: auto !important;

    }



    body#checkout section.checkout-step #customer-form,

    body#checkout section.checkout-step #delivery-address,

    body#checkout section.checkout-step #invoice-address,

    body#checkout section.checkout-step #login-form {

        margin-top: 1.563rem;

        margin-left: 15px;

        margin-bottom: 30px;

        margin-right: 15px;

    }



    #products .products-selection .sort-by {

        word-break: auto-phrase !important;

    }



    .slider-static-sec .food-container::before {

        display: none !important;

    }



    .slider-static-sec .hot-cup-slider::before {

        display: none !important;

    }



    .pro-main-sec {

        padding: 0 15px 25px 15px !important;

    }



    html .product .col-xs-12 .slick-initialized .slick-slide {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    .abt-sec-one {

        padding: 15px 0 !important;

    }



    .register-btn a {

        padding: 18px !important;

        font-size: 16px !important;

    }



    .newsletter-main-section {

        gap: 15px;

    }



    .tab-content {

        padding: 20px !important;

    }



    .carousel .direction .carousel-control .icon-prev {

        display: none;

    }



    .carousel-indicators li {

        font-size: 0;

        padding: 0;

        width: 7px;

        height: 7px;

        background: var(--whitecolor);

        border: 2px solid var(--primary-color);

        border-radius: 5px;

        outline: 0;

    }



    .carousel-indicators {

        bottom: -50px;

    }



    .page-category #wrapper .container>.row>.left-column #js-product-list .products .product {

        width: calc(50% - 7.5px);

    }



    .carousel .direction .carousel-control .icon-next {

        display: none;

    }



    .page-product .product-container {

        gap: 30px !important;

    }

}



@media (min-width: 1100px) and (max-width: 1224px) {

    .header-nav .col-md-12 {

        gap: 20px !important;

    }

}



html .block_newsletter .shop-products {

    justify-content: end !important;

}



@media (min-width: 767px) and (max-width: 1100px) {

    html .suscribe-sec {

        width: auto !important;

    }

}



@media (min-width: 991px) and (max-width: 1024px) {

    .block_newsletter .shop-products>li {

        width: calc(45% - 10px) !important;

    }



    /* html .page-best-sales .products .col-xs-12,

    .col-sm-6,

    .col-xl-4 {

        width: 33% !important;

    } */

    .pro-static-data {

        gap: 20px !important;

    }



    html .header-nav .col-md-12 {

        gap: 20px !important;

    }



    html .page-search .products .col-xl-4,

    .col-xl-5 {

        width: 33% !important;

    }



}



@media (min-width: 1024px) and (max-width: 1200px) {

    .suscribe-sec {

        padding-left: 30px !important;

    }



}



@media (min-width: 991px) and (max-width: 1024px) {

    html .header-nav .col-md-12 {

        gap: 28px !important;

    }



    html .page-prices-drop .products .col-xl-4,

    .col-xl-5 {

        width: 33% !important;

    }



}



@media(max-width: 630px) {

    .cat-img img {

        width: 100% !important;

        height: auto !important;

        margin: 0 auto !important;

    }



    .cat-name {

        margin: 20PX 0 !important;

    }

}



@media(max-width: 640px) {

    .page-category #wrapper .container>.row>.left-column #js-product-list .products .product {

        width: calc(50% - 7.5px);

    }



    .pro-static-data {

        display: flex;

        gap: 10px;

        flex-direction: column !important;

    }



    .tabs .nav-tabs {

        display: block !important;

        width: 100% !important;

    }



    .tabs {

        margin-top: 0 !important;

        padding: 0 !important;

    }



    .page-product .product-container {

        display: block !important;

    }



    .product-cover {

        padding: 10px !important;

    }



    .page-product .row .product-container .col-md-6 {

        width: calc(100% - 0px) !important;

    }

}



@media(max-width: 475px) {

    .header-nav .col-md-12 {

        flex-wrap: nowrap !important;

    }



    .products-section-title::after {

        width: 100% !important;

    }



    .home-cat-title::after {

        width: 100% !important;

    }

}



/* PRODUCT DETAIL PAGE 30/07/24 */

.tabs .nav-tabs {

    border: 1px solid #EFF4FA;

    border-radius: 15px 15px 0px 0px;

    width: fit-content;

}



#header .header-top {

    padding: 10px;

    background: var(--primary-color);



}



.tabs .nav-tabs .nav-link {

    color: #636363;

    font-family: var(--bodyfont);

    font-size: var(--h5size);

    font-weight: 400;

    line-height: 1;

    text-align: left;

    padding: 20px 30px;



}



#product #content {

    max-width: 100%;

    margin: 0 auto;

    width: 654px;

}



.page-product #wrapper .container>.row>.product-container .product-cover {

    padding: 40px !important;

}



#product-modal .modal-content .modal-body .product-cover-modal,

.product-cover img {

    height: 100%;

    border-radius: 10px;

}



#product-modal .modal-content .modal-body .image-caption {





    max-width: 100%;

}



.page-product .row .product-container .col-md-6 {

    width: calc(50% - 30px);

}



.page-product .product-container {

    display: flex;

    gap: 80px;

}



/* home  newslater section Design */

.block_newsletter {

    max-width: 100% !important;

}



/* .block_newsletter .row {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

} */



.newsletter-products-sec {

    display: flex;

    flex-direction: column;

    width: 100%;

}



.block_newsletter .row {}



/* #content-wrapper {

    padding: 0;

} */



.block_newsletter .shop-products {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    gap: 20px;

}



#footer .block_newsletter .page-content.page-cms ul,

#footer .block_newsletter p,

.page-content.page-cms #footer .block_newsletter ul {

    padding: 0;

}



.suscribe-sec .col-xs-12 {

    max-width: 340px;

}



.suscribe-sec p:nth-of-type(3) {

    display: none;

}



.suscribe-sec {

    display: flex;

    width: calc(70% - 10px);

    background-color: var(--primary-color);

    border-radius: 5px;

    height: 460px;

    flex-direction: column;

    justify-content: center;

}



.tabs {

    padding: 0 !important;

}



.block_newsletter form .row .col-xs-12:first-of-type .btn-primary:first-of-type {

    margin-left: 0;

    background-color: var(--whitecolor) !important;

    color: var(--primary-color) !important;

    border-radius: 25px !important;

    border: 1px solid var(--whitecolor) !important;

    font-weight: 600;

    width: 125px !important;

    margin-top: 20px;

    text-transform: capitalize !important;

    margin-bottom: 30px !important;

}



.pro-list-view-sec form .btn i {

    margin-right: 0 !important;

}



.page-category #left-column {

    /* padding: 0; */

    /* width: auto; */

    position: sticky;

    top: 50px;

    align-self: start;

}



.newsletter form .input-wrapper input::placeholder {

    color: #131313 !important;

}



.block_newsletter form input {

    height: 50px;

}



.block_newsletter .shop-products>li {

    width: calc(50% - 10px);

    border: 1px solid #C7C7C7;

    border-radius: 5px;

    display: flex;

    align-items: center;

    background-color: #F8F8F8;

}



.block_newsletter form input[type=email]:focus {

    padding: 8px 8px 9px;

    border: 3px var(--primary-color) solid;

    outline: 0;

    width: 310px !important;

}





/* new css 30/07/24 */

#header .container {

    /* max-width: 90% !important; */

    max-width: 1430px !important;

    width: 100%;

    padding: 0 !important;

}



#header .header-top>.container {

    max-width: 1430px !important;

}



.newsletter-products-sec .subs-pro-title {

    padding-left: 25px;

}



.featured-products .container {

    max-width: 1430px !important;

}



.carousel .carousel-item figure {

    width: 100%;

    display: flex;

    align-items: center;

    flex-direction: row-reverse;

    justify-content: space-between;

    

}



.page-category .container {

    max-width: 1430px !important;

}



.page-product .container {

    max-width: 1430px !important;

}



.page-cms .container {

    max-width: 1430px;

}



#footer .container {

    max-width: 100%;

    width: 1430px !important;

    padding: 0 !important;

}



.page-sitemap .container {

    max-width: 1430px;

}



.footer-cta .container {}



.page-contact .container {

    max-width: 1430px;

}



.page-prices-drop .container {

    max-width: 1430px;

}



.page-new-products .container {

    max-width: 1430px;

}



/* .page-new-products .contact-main .col-lg-3 {

    width: auto;

} */



.page-stores .container {

    max-width: 1430px;

}



.page-best-sales .container {

    max-width: 1430px;

}



html .featured-products .container {

    max-width: 100%;

    width: 1430px;

}



.category-list-info .container {

    max-width: 1430px;

}



html .featured-products .container {

    max-width: 1430px;

}



#products .products-section-title,

.featured-products .products-section-title,

.product-accessories .products-section-title {

    margin: 30px 0;

}



.footer-cta .row {

    display: flex;

    justify-content: space-between;

}



.paper-chip-cup {

    position: relative;

    z-index: 1;

}



.paper-chip-cup::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 12%;

    width: 315px;

    /* Adjust as needed */

    height: 340px;

    /* Adjust as needed */

    background: url('http://45.77.237.175/~erinapackagingco/themes/erinapackaging/assets/images/Group-352.png') no-repeat center center;

    background-size: cover;

    /* opacity: 0.5; */

    z-index: -1;

}



.show_list,

.show_grid {

    cursor: pointer;

    opacity: 1.0;

}



.show_list:hover,

.show_grid:hover {

    opacity: 0.7;

}



/* html .product_show_list {

    width: 100% !important;

} */



html #products .products .product_show_list {

    width: 100% !important;

}



.product_show_list .highlighted-informations,

.product_show_list .product-description,

.product_show_list .thumbnail-container {

    width: 100% !important;

}



.product_show_list .product-thumbnail {

    text-align: center;

}



/* home Delivery page Design */

.page-content.page-cms {

    padding: 30px 0 0 0;

}



.cms-box h3 {

    position: absolute;

    transform: translate(-70%) !important;

}



.page-cms h3 {

    margin: 20px 0;

    font-family: var(--bodyfont) !important;

    font-size: var(--h3size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);



}



.page-cms .page-cms-4 h3 {

    margin: 20px 0;

    font-family: var(--bodyfont) !important;

    font-size: var(--h3size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

    position: absolute;

    top: -7%;

    right: 0;

    transform: translate(-56%);

    background: white;

    padding: 0 10px;

}



.page-cms a {

    font-weight: 600;

}



#stores .page-stores {

    width: 100%;

}



.page-stores .store-item-container .h3 {

    margin: 20px 0;

    font-family: var(--bodyfont) !important;

    font-size: var(--h3size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

    position: relative;

}



.page-stores address {

    font-family: var(--bodyfont);

    font-size: 14px !important;

    font-weight: 400;

    line-height: 22px;

    text-align: left;

}



.page-cms h1 {

    font-family: var(--bodyfont) !important;

    font-size: var(--h4size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

    position: relative;

    margin-bottom: 30px;

}



.page-stores .store-picture {

    width: 33%;

}



.page-stores .store-description {

    width: 33%;

}



#stores .page-stores .store-item-footer i.material-icons {

    color: var(--primary-color);

}



#blockcart-modal .cart-content .btn,

#stores .page-stores .store-item-footer li {

    font-family: var(--bodyfont);

    font-size: 14px !important;

    font-weight: 400;

    line-height: 22px;

    text-align: left;

}



.page-sitemap .sitemap ul {

    background-color: #EFF4FA;

    padding: 10px 0;

    border-radius: 5px;

    padding-left: 20px;

}



.sitemap ul.nested {

    margin-left: -5px;

}



.page-sitemap .sitemap ul li a {

    font-weight: 600;

    font-family: var(--bodyfont) !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 16.94px !important;

    text-align: left;

    color: var(--primary-color) !important;

}



.sitemap .col-md-3 {

    width: 33.33%;

}



#stores .page-stores .store-item-container {

    padding: 10px 0;

}



.sitemap h2 {

    position: relative;

    display: inline-block;

    padding-bottom: 10px;

}



.sitemap h2::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 150px;

    height: 2px;

    background-color: #7a7a7a;

}



.sitemap h2 {

    border: none;

}



.category-layout-view .show_grid_column3 {



    background-color: var(--whitecolor);

    border: 1px solid var(--whitecolor);

    border-radius: 50px 0px 0px 50px;

    width: 57px;

    color: var(--textcolor);

    height: 48px !important;

    box-shadow: 0px 4px 10px 0px #80808040;

    display: flex;

    justify-content: center;



}



.category-layout-view i {

    display: flex;

    align-items: center;

    justify-content: center;

}



.category-layout-view .show_list {

    background-color: var(--primary-color);

    border: 1px solid var(--primary-color);

    border-radius: 0px 50px 50px 0px;

    width: 57px;

    color: var(--whitecolor);

    height: 48px !important;



}



.product-views {

    display: flex;

}



/* about Design */

.page-cms .cms-block {

    border: 2px solid var(--primary-color);

    padding: 25px;

    border-radius: 5px;

    position: relative;

}



.page-cms .about-us-wrapper .about-main-info-wrap {

    width: 60% !important;

}



.page-cms .about-us-wrapper .about-us-img {

    width: 40% !important;

    position: sticky !important;

    top: 50px;

    align-self: start;

}



.page-cms .about-us-wrapper .about-us-img img {

    width: 100%;

}



.page-cms .about-us-wrapper .about-main-info-wrap .about-us-btn {

    margin-top: 50px !important;

}

.page-cms .about-us-wrapper .about-main-info-wrap .about-us-btn a:hover{

        background: transparent !important;

    border: 1px solid var(--primary-color) !important;

    color: var(--primary-color) !important;

}

.page-cms .about-us-wrapper .about-main-info-wrap .about-us-btn a {

    padding: 15px 15px 15px 20px !important;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    border-radius: 25px !important;

    border: 1px solid var(--primary-color) !important;

    font-weight: 600;

}



.page-cms .about-us-wrapper {

    display: flex;

    align-items: center;

    align-items: start;

    padding: 0 !important;

    border: none !important;

    gap: 30px;

}



.page-cms .cms-box {

    border: 2px solid var(--primary-color);

    padding: 25px;

    border-radius: 5px;

    height: 401px;

}



.col-sm-4:nth-child(2) .page-subheading {

    transform: translate(-110%) !important;

}



/* contact us Design */

.page-contact .inner_row_sec {

    padding-top: var(--innerdivgap);

}



.contact-form h3,

.contact-rich h4 {

    font-family: var(--bodyfont) !important;

    font-size: var(--h4size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

    position: relative;

}



.contact-rich .block .icon i {

    color: var(--primary-color);

}



.contact-rich .block .data {

    font-family: var(--bodyfont);

    font-size: var(--fontsize) !important;

    font-weight: 400 !important;

    line-height: 30px !important;

}



.page-contact .contact-main {

    padding: var(--innerdivgap);

}



.contact-rich .block a[href^="mailto:"] {

    font-family: var(--bodyfont) !important;

    font-size: var(--fontsize) !important;

    font-weight: 400 !important;

    line-height: 30px !important;

    text-align: left;

}



.bootstrap-touchspin .group-span-filestyle .btn-touchspin,

.group-span-filestyle .bootstrap-touchspin .btn-touchspin,

.group-span-filestyle .btn-default {

    background-color: var(--primary-color);

}





.page-contact .contact-main {

    background-color: #EFF4FA !important;

    border-radius: 5px !important;

}



.page-contact .contact-main .card {

    background-color: #EFF4FA !important;

}



.page-contact .contact-main .contact-form {



    background-color: #EFF4FA;

}



.page-contact .contact-main .contact-form .form-footer {

    text-align: left !important;

}



.page-contact .contact-rich .block .icon {

    width: 40px;

}



.category-layout-view {

    display: flex;

}



/* regester page Design */

.page-registration .container {

    max-width: 1430px;

}



.page-authentication #content,

.page-registration #content {

    background-color: #EFF4FA;

    max-width: 100%;

    border-radius: 5px;

}



.page-customer-account #wrapper {

    max-width: 100%;

}



.page-registration .register-form {

    padding: var(--innerdivgap);

}



.form-group {

    margin-bottom: 15px;

}



.page-registration .form-footer {

    text-align: center;

    align-items: center;

    justify-content: center;

    display: flex;

}



.footer-container .h3,

.footer-container .h4 {

    margin-bottom: 1rem;

    font-size: 1rem;

    font-family: var(--bodyfont) !important;

    font-size: var(--h6size) !important;

    font-weight: 700 !important;

    line-height: 21.78px !important;

    text-align: left;

    color: var(--whitecolor) !important;

    position: relative;

    display: inline-block;

    text-transform: capitalize !important;



}



.footer-container .h3::before,

.footer-container .h4::before {

    content: '';

    position: absolute;

    right: -136px;

    top: 50%;

    transform: translateY(-50%);

    width: 123px;

    height: 1px;

    background-color: #303030;

}



.page-authentication .page-customer-account #wrapper {

    max-width: auto !important;

}



.page-index .carousel {

    display: flex;

}

section#wrapper {

    display: block !important;

}

.carousel .carousel-item img {

 position: absolute;

    right: 37px;

    width: 450px;

    height: 450px;

    bottom: 15px;



}



.slider-static-sec {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    justify-content: end;

}



.food-container {

    background: #FAF6EF;

    max-width: 100%;

    display: flex;

    flex-direction: row;

    flex-direction: row-reverse;

    padding: 40px;

    border-radius: 5px;

}



.food-container .food-desc-sec p {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 400;

    line-height: 24px;

    text-align: left;

    color: var(--normalcolor);

    width: 300px;

    margin-bottom: 30px;



}



.food-container .food-desc-sec h2 {

    font-family: var(--bodyfont);

    font-size: var(--h1size);

    font-weight: 600;

    line-height: 41.15px;

    text-align: left;

    color: var(--normalcolor);

    max-width: 302px;

    text-transform: uppercase;

}



.food-container .food-desc-sec .food-shop {

    padding: 15px 15px 13px 20px !important;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    border-radius: 25px !important;

    border: 1px solid var(--primary-color) !important;

    font-weight: 600;

}



.hot-cup-slider {

    background: #F0FAEF;

    max-width: 100%;

    display: flex;

    flex-direction: row;

    flex-direction: row-reverse;

    padding: 40px;

    border-radius: 5px;

}



.carousel .carousel-inner {

    width: 120%;

}



.hot-cup-slider .cup-desc-sec h2 {

    font-family: var(--bodyfont);

    font-size: var(--h1size);

    font-weight: 600;

    line-height: 41.15px;

    text-align: left;

    color: var(--normalcolor);

    max-width: 302px;

    text-transform: uppercase;

}



.hot-cup-slider .cup-desc-sec p {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 400;

    line-height: 24px;

    text-align: left;

    color: var(--normalcolor);

    width: 300px;

    margin-bottom: 30px;

}



.hot-cup-slider .cup-desc-sec .cup-shop {

    padding: 15px 15px 13px 20px !important;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    border-radius: 25px !important;

    border: 1px solid var(--primary-color) !important;

    font-weight: 600;

}





.carousel .carousel-control .icon-prev {

    left: 1rem;

    position: absolute;

    top: 50%;

    height: 48px;

    width: 48px;

    color: #131313;

    border: 1px solid #D6D6D6;

    background: #E1E1E1;

    outline: none;

    font-size: 0;

    cursor: pointer;

    border-radius: 50%;

    transform: translateY(-50%);

    display: flex;

    justify-content: center;

    align-items: center;

}



.carousel .carousel-control .icon-next {



    position: absolute;

    top: 50%;

    height: 48px;

    width: 48px;

    color: #131313;

    border: 1px solid #D6D6D6;

    background: #E1E1E1;

    outline: none;

    font-size: 0;

    cursor: pointer;

    border-radius: 50%;

    transform: translateY(-50%);

    display: flex;

    justify-content: center;

    align-items: center;

}



.carousel .carousel-control .icon-next i,

.carousel .carousel-control .icon-prev i {

    color: var(--textcolor);

    font-size: 34px;

}



.home-slider-sec .container {

    max-width: 1430px;

}



.carousel .carousel-control .icon-next {

    right: -5rem;

}



.carousel .carousel-control .icon-prev {

    left: -5rem;

}



.carousel .carousel-item .caption .display-1 {

    font-family: var(--bodyfont);

    font-size: var(--h1size);

    font-weight: 600;

    line-height: 41.15px;

    text-align: left;

    color: var(--normalcolor);

    max-width: 302px;

    text-transform: uppercase;

}



.caption-description {

    font-family: var(--bodyfont);

    font-size: var(--h1size);

    font-weight: 600;

    line-height: 41.15px;

    text-align: left;

    color: var(--normalcolor);

    max-width: 302px;

    text-transform: uppercase;

}



.caption-description p {

    font-family: var(--bodyfont);

    font-size: var(--fontsize) !important;

    font-weight: 400;

    line-height: 24px;

    text-align: left;

    color: var(--normalcolor) !important;

    width: 300px;

    margin-bottom: 30px;

}



/* home page slider desin */

.carousel .carousel-inner {

    height: auto;

    background-color: #EFF4FA;

    border-radius: 5px;

}



.carousel .carousel-item img {

    display:block !important;

}



.page-authentication .container {

    max-width: 1430px;

}



.carousel-item.active:nth-of-type(1) {

    background-color: #EFF4FA;/

}





.carousel-item.active:nth-of-type(2) {

    background-color: #FAF6EF;

}



.carousel-item.active:nth-of-type(3) {

    background-color: #F0FAEF;

}



.food-shop {

    padding: 15px 15px 13px 20px !important;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    border-radius: 25px !important;

    border: 1px solid var(--primary-color) !important;

    font-weight: 600;

}



.carousel .carousel-item .caption {

    position: relative;

    width: 100%;

    max-width: 100%;

    bottom: unset;

    top: 60px;

    left: 40px;

}



.login-customer #login-form {

    padding: 40px;

}



hr {

    margin-top: 0 !important;

}



.page-customer-account #content .no-account {

    margin-bottom: 30px;

}





.page-category .product_show_list .thumbnail-container {

    display: flex;

}



.page-category .product_show_list .product-description {

    padding-left: 30px !important;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

}



.page-category .product_show_list .product-price-and-shipping {

    justify-content: flex-start;

}



.page-cart .container {

    max-width: 1430px;

}







.about-section .container {

    max-width: 1430px !important;

}









.about-section {

    position: relative;

    overflow: hidden;

}



.abt-sec {

    position: relative;

    z-index: 1;

}



.abt-sec-two {

    position: absolute;

    top: 0;

    right: -18%;

    width: 50%;

    height: 100%;

    z-index: 0;

}



.abt-sec-two img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}







.abt-sec-one {



    padding: var(--innerdivgap) 0;

    /* Adjust as necessary */

    position: relative;

    z-index: 2;

    width: 70%;

    /* Ensure the text takes up half the width */

}



.sort-by-row form {

    display: flex;

    flex-direction: row;

    gap: 0;

}



.sort-by-row form label {

    color: var(--primary-color) !important;

    background-color: #EFF4FA;

    width: 100%;

    height: 42px;

    align-items: center;

    display: flex;

    border-radius: 50px 0px 0px 50px;

    z-index: 1;

    padding-left: 15px;

    margin-top: 10px !important;

}



.products-selection .sort-by {

    margin-left: 0;

}



.sort-by-row form select {

    width: 80px !important;

    height: 42px !important;

    border-radius: 0 50px 50px 0px !important;

    box-shadow: 0px 4px 10px 0px #80808040;

    background-color: var(--whitecolor);

    display: inline-block;

    width: 100%;

    padding: .625rem;

    color: #232323;

    cursor: pointer;

    background: #fff;

    border: 1px solid var(--whitecolor);



}



.pagination .col-md-4 {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 400;

    line-height: 19.36px;

    text-align: left;

    color: var(--primary-color) !important;

}



.pagination a {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 400;

    line-height: 19.36px;

    text-align: left;

    color: var(--primary-color) !important;

}



.pagination .page-list {

    padding: 18px;

    margin-bottom: 0;

    background: #EFF4FA;

    border-radius: 30px;

    width: 355px;

    height: 54px;

}



.pagination .current a {

    font-family: var(--bodyfont) !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    line-height: 18.15px;

    text-align: left;

    color: #868686 !important;



}



.product-customization .h4 {

    font-family: var(--bodyfont);

    font-size: var(--h4size) !important;

    font-weight: 600;

    line-height: 29.05px;

    text-align: left;

}



.product-customization .product-message {

    padding: 15px 25px;

    resize: none;

    background: #f6f6f6;

    border: 0;

    border-radius: 25px;

    outline: none !important;

}



.product-customization {

    margin: 0;

}



.product-customization form .clearfix {

    display: flex;

    align-items: flex-start;

}









.slider-static-sec .food-container {

    position: relative;

    z-index: 1;

}



.slider-static-sec .food-container::before {

    content: "";

    position: absolute;

    top: -9%;

    left: 45%;

    width: 315px;

    height: 340px;

    background: url(http://45.77.237.175/~erinapackagingco/themes/erinapackaging/assets/images/Group-352.png) no-repeat center center;

    background-size: cover;

    /* opacity: 0.5; */

    z-index: -1;

}







.slider-static-sec .hot-cup-slider {

    position: relative;

    z-index: 1;

}



.slider-static-sec .hot-cup-slider::before {

    content: "";

    position: absolute;

    top: 4%;

    left: 55%;

    width: 208px;

    height: 208px;

    background: url(http://45.77.237.175/~erinapackagingco/themes/erinapackaging/assets/images/new-slide.png) no-repeat center center;

    background-size: cover;

    /* opacity: 0.5; */

    z-index: -1;

}





.page-content.page-cms .products-selection ul,

.page-content.page-cms .products-selection ul .select-title,

.page-content.page-cms .products-selection ul .sort-by,

.products-selection .page-content.page-cms ul,

.products-selection .page-content.page-cms ul .select-title,

.products-selection .page-content.page-cms ul .sort-by,

.products-selection .sort-by-row,

.products-selection .sort-by-row .select-title,

.products-selection .sort-by-row .sort-by,

.products-selection p,

.products-selection p .select-title,

.products-selection p .sort-by {

    font-size: 13px !important;

}



/* Basic form styling */

form.products-per-page-form {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding: 10px 0;

}



form.products-per-page-form label {

    margin-right: 10px;

    font-size: 14px;

    color: #333;

}



form.products-per-page-form select {

    border: 1px solid #dcdcdc;

    border-radius: 5px;

    padding: 5px;

    font-size: 16px;

    color: #333;

    background-color: #fff;

    cursor: pointer;

    outline: none;

}



/* Add specific styles for the form container */

.products-per-page {

    display: flex;

    align-items: center;

    border: 1px solid #dcdcdc;

    border-radius: 50px;

    padding: 5px 10px;

    background: #f9f9f9;

    margin-left: 10px;

    /* Adjust margin as needed */

}



.products-per-page select {

    border: none;

    background: none;

    font-size: 16px;

    cursor: pointer;

}



/* Responsive design */

@media (max-width: 768px) {

    form.products-per-page-form {

        flex-direction: column;

        align-items: flex-start;

    }



    html .ets_mm_categories .has-sub>ul.ets_mm_categories {

        left: 0 !important;

    }



    .header-wholesale-btn {

        border-top: 1px solid white !important;

    }



    .transition_floating .mm_menus_ul {

        max-width: 50% !important;

    }



    .copyright_text {

        text-align: center !important;

    }



    html #header .layout_layout1.ets_mm_megamenu .mm_columns_ul,

    .layout_layout1.ybc_vertical_menu .mm_menus_ul {

        width: 100% !important;

    }



    html body .product-comment-modal .modal-body .col-sm-8 {

        width: 100% !important;

    }



    #header .transition_floating .mm_menus_ul .close_menu .pull-right {

        font-size: 14px !important;

    }



    #header .transition_floating .mm_menus_ul .close_menu .pull-left {

        font-size: 14px !important;

    }



    #header .transition_floating .mm_menus_ul .close_menu .pull-left .mm_menus_back {

        height: 14px !important;

    }



    #header,

    #header .header-top {

        position: sticky !important;

    }



    .carousel-inner .carousel-item {

        padding: 15px !important;

    }



    #header .header-nav #menu-icon {

        display: none !important;

    }



    .ets_mm_megamenu.hook-default {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    html #blockcart-modal .product-image {

        margin-bottom: 30px !important;

    }



    html body .product-comment-modal .modal-body .col-sm-4 {

        width: 100% !important;

    }



    #post-product-comment-form .row:nth-of-type(2) {

        display: flex;

        gap: 20px;

        flex-wrap: wrap;

    }



    html body #post-product-comment-modal .criterion-rating {

        justify-content: start !important;

    }



    html body .product-comment-modal .modal-body .col-sm-2 {

        padding-left: 0 !important;

    }



    html body .product-comment-modal .modal-body .col-sm-4 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    .footer-bottom {

        padding-bottom: 60px !important;

    }



    html body .product-comment-modal .modal-body .col-sm-8 {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    .foo-sec-one p {

        max-width: 100% !important;

    }



    .page-identity .page-content form {

        padding: 30px 15px !important;

    }



    #view .wishlist-product-image {

        width: auto;

    }



    form .form-control-label {

        width: 100% !important;

    }



    #view .wishlist-product-link {

        flex-direction: column !important;

    }



    #view .wishlist-product-image {

        height: 100%;

    }



    #view .wishlist-product-image {

        margin-bottom: 15px !important;

    }



    .header-contact a::before {

        color: var(--whitecolor);

    }



    html .header-contact a {

        justify-content: center;

        color: var(--whitecolor) !important;

    }



    .sort-by-row form.products-per-page-form {

        flex-direction: row !important;

    }



    #stores .store-item-container .col-md-5 {

        border-right: none !important;

    }



    .noodle-bowl::before {

        display: none !important;

    }



    #stores .store-item-container .col-md-4 {

        padding: 20px 10px !important;

    }



    .paper-chip-cup::before {

        display: none !important;

    }



    form.products-per-page-form label,

    form.products-per-page-form select {

        width: 100%;

        margin-bottom: 10px;

    }



    .products-per-page {

        width: 100%;

    }

}



.sort-by-row form.products-per-page-form label {

    margin-right: 0 !important;

    box-shadow: 0px 4px 10px 0px #80808040;

}



.sort-by-row form.products-per-page-form select {

    border: none !important;

}



#featured-category-products-block-center #products .products,

.featured-products .products,

.product-accessories .products {

    gap: 10px !important;

}



body pre {

    display: none !important;

}





.carousel-item {

    position: relative;

    z-index: 1;

}



/* .carousel-item::before {

    content: "";

    position: absolute;

    top: 36%;

    left: 50%;

    width: 315px;

    height: 340px;

    background: url(http://45.77.237.175/~erinapackagingco/themes/erinapackaging/assets/images/Every-coffee-counts.png) no-repeat center center;

    background-size: cover;

    z-index: -1;

} */



.carousel-item::after {

    content: "";

    position: absolute;

    width: 308px;

    right: 140px;

left: unset;

bottom:45px;

top: unset;

    height: 308px;

    background: url(http://45.77.237.175/~erinapackagingco/themes/erinapackaging/assets/images/cup-2.png) no-repeat center center;

    background-size: cover;

    /* opacity: 0.5; */

    z-index: -2;

}



#header .header-nav #menu-icon {

    margin: 0 5px !important;

}























/* Ensure the filter button appears on a new line in mobile view */

@media (max-width: 767px) {



    .sort-by-row>div,

    .sort-by-row>span,

    .sort-by-row>form {

        width: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

        /* margin-bottom: 10px; */



    }



    .page-history .date {

        margin-bottom: 10px;

        color: var(--primary-color);

    }



    #history .orders .order .label,

    .page-order-detail #order-history .history-lines .history-line .label {

        background-color: var(--primary-color) !important;

    }



    .page-history #content-wrapper {

        padding: 0 0 !important;

    }



    #history .orders .order:last-child,

    .page-order-detail .messages .message:last-child {

        padding: 10PX 0 !important;

    }



    #history .orders .order a h3,

    body#checkout #order-summary-content a .step-edit {

        color: var(--primary-color);

    }



    html .login-form {

        background: #EFF4FA;

    }



    html .page-registration .register-form {

        background: #EFF4FA;

        padding-top: 20px !important;

        padding-bottom: 20px !important;

    }



    .inner_row_sec {

        display: block !important;

    }



    .contact-form .col-md-9 {

        padding: 0 !important;

    }



    html .sort-by-row .col-xs-8,

    .col-xs-9 {

        width: 100% !important;

    }



    form.products-per-page-form label,

    form.products-per-page-form select {

        width: 100% !important;

    }



    .sort-by-row>.filter-button {

        width: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

        /* margin-bottom: 10px; */

    }

}





.products-selection .sort-by {

    word-break: auto-phrase;

    align-items: center;

    display: flex;

    justify-content: center;

    box-shadow: 0px 4px 10px 0px #80808040;

}



.products-selection .sort-by-row {

    gap: 15px;

}





.page-password .container {

    max-width: 1430px;

}



.forgotten-password .form-fields .center-email-fields {

    justify-content: start !important;

}



.forgotten-password {

    padding: 0 !important;

}



.page-customer-account #content {

    margin: 0;

    padding: 0;

}



.forgotten-password .form-fields label.required {

    width: auto;

    padding: 0 10px 0 0px;

    align-items: center;

    display: flex;

    align-items: center;

}



.send-renew-password-link {

    padding-left: 0;

}



html .btn-primary.focus,

.btn-primary:focus {

    background-color: transparent !important;

    border: 1px solid var(--primary-color) !important;

    color: var(--primary-color) !important;

}



.custom-checkbox label,

body#checkout #delivery>label,

body#checkout section.checkout-step #customer-form .form-control-label,

body#checkout section.checkout-step #delivery-address .form-control-label,

body#checkout section.checkout-step #invoice-address .form-control-label,

body#checkout section.checkout-step #login-form .form-control-label {

    text-align: start;

}



.btn-primary,

.btn-primary:hover {

    border-radius: 25px;

}



#main .page-content,

#main .page-footer,

#main .page-header {

    margin-right: 0 !important;

}



.form-footer .form-control-submit {

    padding: 10px 25px !important;

}



/* .brands-sort .dropdown-menu,

.products-sort-order .dropdown-menu,

.suppliers-sort .dropdown-menu {

    z-index: 1 !important;

} */



.page-order .container {

    max-width: 1430px;

}



.block-promo .promo-code form,

.page-order table thead th,

.page-order-detail #order-products.return td.qty .select select,

body#checkout #order-summary-content .summary-selected-carrier .logo-container,

body#checkout section.checkout-step .form-footer {

    text-align: start;

    align-items: flex-start;

    display: flex;

}



.page-home .row {

    padding-right: 0 !important;

    margin-right: 0 !important;

    /* margin-left: 0 !important; */



}



.js-content-wrapper {

    padding: 0 !important;

}



.product-price-and-shipping button:hover {

    background-color: transparent !important;

    color: var(--primary-color) !important;

    border: none !important;

}



.products-sort-order .dropdown-menu .wishlist-button-add i {

    display: none !important;

}



.products-sort-order {

    padding-left: 0 !important;

    padding-right: 0 !important;

}



.product-miniature,

.product-miniature .product {

    flex-wrap: wrap;

    /* border: 1px solid #C7C7C7; */

}



.js-product .product .pro-list-view-sec {

    display: flex;

}



.pro-list-view-sec .btn-primary.focus,

.btn-primary:focus {

    border: none !important;

}



.quick-view {

    color: #AAAAAA !important;

}



.pro-list-view-sec {

    display: flex;

    width: 100%;

    /* border-width: 0 1px 1px 1px;

    border-style: solid;

    border-radius: 0 0 5px 5px;

    border-color: #c7c7c7;

    opacity: 0;

    margin-bottom: 20px;

    background: #fff;

    padding: 13px; */

    justify-content: space-between;

}



.pro-list-view-sec form .btn {

    background: transparent;

    border: none;

    color: var(--primary-color);

    display: flex;

    align-items: flex-start;

    justify-content: start;

    text-align: start;

    padding: 0;

}



.page-category .products .col-xl-4,

.col-xl-5 {

    width: 25%;

    /* width: calc(25% - 0px) !important; */

}







@media (min-width: 992px) {

    .row {

        margin-right: 0;

        margin-left: 0;

    }

}









/* General Styles for the Social Links */

.foo-social-links li {

    display: inline-block !important;

    margin-right: 15px !important;

    background: #0069B2;

    width: 40px;

    height: 40px;

    border-radius: 25px;

}



.foo-social-links li i::before {

    display: block !important;

    height: 15px;

    width: 15px;

}



.foo-social-links li i {

    font-family: "Font Awesome 5 Brands";

    height: 10px;

    width: 10px;

    min-width: 10px;

    min-height: 10px;

    object-fit: cover;

}





.page-order body#checkout .container {

    padding: 0 !important;

}



.page-new-products .page-not-found {

    margin: 0;

    padding: 0;

}



.page-not-found {

    padding: 0 !important;

    margin: 0 !important;

}



.page-new-products .col-lg-9 {

    width: 100% !important;

}



.page-category .col-lg-9 {

    width: 100% !important;

}



.page-category .contact-main .search-widgets {

    float: left !important;

}



html .page-category .contact-main .search-widgets i {

    padding: 8px !important;

}



.page-search .container {

    max-width: 1430px;

}



.inner_row_sec {

    display: flex;

}



.page-category .product .product_show_list .product-miniature {

    padding-left: 15px !important;

}



/* .product-miniature,

.product-miniature .product {

    padding-left: 15px !important;

} */



.text-success {

    color: var(--primary-color) !important;

}



body#checkout section.checkout-step .delivery-options .delivery-option,

body#checkout section.checkout-step .delivery-options .delivery-option .carrier,

body#checkout section.checkout-step .delivery-options .delivery-option label>.row {

    flex-wrap: nowrap !important;

}



.page-order .modal-content h1 {

    font-family: var(--bodyfont) !important;

    font-size: var(--h4size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

    position: relative;

    margin-bottom: 30px;

    max-width: 80% !important;

}





.page-order .modal-content h3 {

    margin: 20px 0;

    font-family: var(--bodyfont) !important;

    font-size: var(--h3size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

}



.page-order-confirmation .container {

    max-width: 1430px;

}



.page-order-confirmation .card-block .form-control {

    width: auto !important;

}



.page-my-account .container {

    max-width: 1430px;

}



.done {

    color: var(--primary-color);

}





















.page-sitemap .sitemap>ul {

    background-color: #EFF4FA;

    padding: 15px 0;

    border-radius: 5px;

    padding-left: 20px;

}



.page-sitemap .sitemap ul ul {

    background-color: transparent;

    padding: 0;

    border-radius: 0;

    padding-left: 25px;

}



.register-btn .register-now:hover {

    background-color: transparent !important;

    color: #fff !important;

    border: 1px solid #fff !important;

}



.caption-description .food-shop:hover {

    background: transparent !important;

    border: 1px solid var(--primary-color) !important;

    color: var(--primary-color) !important;

}



.food-desc-sec .food-shop:hover {

    background: transparent !important;

    border: 1px solid var(--primary-color) !important;

    color: var(--primary-color) !important;

}



.cup-desc-sec .cup-shop:hover {

    background: transparent !important;

    border: 1px solid var(--primary-color) !important;

    color: var(--primary-color) !important;

}



.abt-sec-one .abt-button:hover {

    background-color: transparent !important;

    color: #fff !important;

    border: 1px solid #fff !important;

}



.shop-save-sec-one .shop-now:hover {

    background: transparent !important;

    border: 1px solid var(--primary-color) !important;

    color: var(--primary-color) !important;

}



.pro-main-sec .home-shop-now:hover {

    background: transparent !important;

    border: 1px solid var(--primary-color) !important;

    color: var(--primary-color) !important;

}



.pagination .offset-md-2 {

    display: flex;

    justify-content: end;

}





/* Styles for the pagination links */

.pagination .page-list li a {

    color: #868686;

    /* Default color for inactive links */

    display: inline-block;

    text-align: center;

    line-height: 10px;

    /* Centers the text vertically */

    width: unset;

    height: unset;

    padding: 10px;

    border-radius: 50%;

    /* Makes the link circular */

    text-decoration: none;

    transition: all 0.3s ease;

    color: #C7C7C7 !important;

}



.pagination .page-list li a i {

    color: var(--primary-color) !important;





}



.pagination .page-list {

    width: fit-content !important;

}



/* Styles for the active (current) link */

.pagination .page-list li.current a {

    background-color: var(--primary-color);

    /* Background color for the active link */

    color: #fff !important;

    /* Ensures the text color is white */

}



/* Additional hover effect for inactive links */

.pagination .page-list li a:hover {

    background-color: #f0f0f0;

    /* Optional: light background color on hover */

    color: var(--primary-color);

    /* Optional: primary color on hover */

}



.product-miniature .product-description {

    padding: .25rem 0 !important;

}



.product-list-wrap {

    display: flex;

    padding-top: 10px;

    width: 100%;

    gap: 20px;

    justify-content: space-between;

}



.pro-list-view-sec {

    display: flex;

    width: max-content;

    /* border-width: 0 1px 1px 1px;

    border-style: solid;

    border-radius: 0 0 5px 5px;

    border-color: #c7c7c7;

    opacity: 0; */

}



.product-miniature .thumbnail-container {

    border: 1px solid #C7C7C7 !important;

    border-radius: 5px 5px 0 0 !important;

    width: 100% !important;

    height: auto !important;

    padding: 13px !important;

    margin-bottom: 0 !important;

}



article.product-miniature.js-product-miniature.reviews-loading:hover .pro-list-view-sec {

    opacity: 1;

}



.products .slick-list.draggable {

    margin: 0 -15px !important;

}



.js-product.product {

    padding: 0 10px !important;

}



.foo-social-links .li a {

    display: flex !important;

    align-content: center !important;

    justify-content: center !important;

    position: relative !important;

    top: 30% !important;

}







/* cart button*/

.page-cart .product-line-grid-body {

    width: 30% !important;

}



.page-my-account #content .links a span.link-item {

    border: 1px solid var(--primary-color);

    border-radius: 5px;

    color: var(--textcolor);

    margin-right: 15px;

}



.page-my-account #content .links a i {

    color: var(--primary-color);

}



.page-my-account #content .links a i:hover {

    color: var(--textcolor);

}



.page-my-account .page-footer a {

    padding: 15px 15px 13px 20px !important;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    border-radius: 25px !important;

    border: 1px solid var(--primary-color) !important;

    font-weight: 600;

    margin-bottom: var(--innerdivgap) !important;

}



.page-identity .container {

    max-width: 1430px !important;

}



.page-identity .form-footer {

    display: flex;

    justify-content: center;

}



.page-identity .page-content form {

    background: #EFF4FA !important;

    padding: 50px 0;

    border-radius: 5px;

}



.page-identity .page-footer {

    background: #EFF4FA !important;

    padding: 20px;

}



/* address page*/

.page-address .container {

    max-width: 1430px !important;

}



.page-address .form-footer {

    display: flex;

    justify-content: center;

}



.page-address .page-content form {

    background: #EFF4FA !important;

    padding: 50px 0;

    border-radius: 5px;

}



.page-address .page-footer {

    background: #EFF4FA !important;

    padding: 20px;

}



/* order history*/

.page-history .container {

    max-width: 1430px;

}



/* page-order-slip*/

.page-order-slip .container {

    max-width: 1430px;

}



/* page-order-slip*/

.page .container {

    max-width: 1430px;

}



.psgdprinfo17 {

    background: #EFF4FA;

}



.wishlist-product-title {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 600 !important;

    line-height: 19.36px !important;

    text-align: left;

    color: var(--primary-color) !important;

    text-transform: uppercase !important;

    display: block;

    min-height: 42px;

}



.psgdprgetdatabtn17 {

    float: left;

}



.wishlist-product-price {

    font-size: 20px !important;

    font-weight: 700 !important;

    line-height: 22px;

    text-align: left;

    color: var(--primary-color) !important;

}



.page .wishlist-product-bottom .btn.wishlist-product-addtocart {

    border: 1px solid var(--primary-color);

    color: var(--primary-color);

    background: transparent;

    outline: none;

}



/* .wishlist-add-to-new*/

.wishlist-add-to-new {

    color: var(--primary-color) !important;

}



html .wishlist-footer-links {

    color: var(--primary-color) !important;

}



.wishlist-products-list {

    padding: 0 !important;

}



.wishlist-product-combinations-text {

    font-family: var(--bodyfont);

    font-size: 14px !important;

    font-weight: 400;

    line-height: 22px;

    text-align: left;

}



.text-primary {

    color: var(--primary-color) !important;

}



.product-comment-modal .modal-dialog .h3 {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 600 !important;

    line-height: 19.36px !important;

    text-align: left;

    color: var(--primary-color) !important;

    text-transform: uppercase !important;

    display: block;

    min-height: 42px;

}



.product-comment-list-item .comment-content .h4 {

    color: var(--primary-color);

}



.foo-social-links li a {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    top: 35%;

}



.foo-social-links li {

    margin-bottom: 0 !important;

}



.foo-social-links li:hover {

    background-color: transparent;

    border: 1px solid var(--whitecolor);

    color: var(--whitecolor);

}



.post-product-comment-form .product-cover {

    padding: 0 !important;

}



.modal-content .product-cover {

    padding: 0 !important;

}



.product-comment-modal .modal-dialog .product-cover,

.product-comment-modal .modal-dialog .product-cover img {

    height: 100% !important;

    width: 100% !important;

}



.btn-comment,

.btn-comment-inverse {

    background-color: transparent;

    border: 1px solid var(--primary-color);

    color: var(--primary-color);

}



.btn-comment,

.btn-comment-inverse:hover {

    border: 1px solid var(--primary-color);



}



.modal-header .material-icons {

    color: var(--primary-color);

}



.btn-comment:hover {

    background-color: transparent;

    color: var(--primary-color);

}



.page-cart .cart-item {

    border: 1px solid var(--primary-color);

    margin-bottom: 20px;

    border-radius: 5px;

}



.product-line-grid-body>.product-line-info>.label {

    color: var(--primary-color);

}



.page-cart .product-line-info {

    margin-bottom: 15px !important;

}



.page-order .checkout-addresses-step {

    background: #EFF4FA;

    border-radius: 5px;

}



body#checkout section.checkout-step {

    background: #EFF4FA;

    border-radius: 5px;

    padding-bottom: 30px !important;

}



body#checkout .cart-grid-right .card {

    background: #EFF4FA;

    border-radius: 5px;

}



body#checkout #delivery textarea,

body#checkout #gift_message textarea {

    outline: none;

}





/* .wishlist-add-to-new*/

.page-order-confirmation .card-block,

.col-md-12 {

    padding: 0;

}



.order-confirmation-table {

    border: 1px solid var(--primary-color);

    border-radius: 5px;

}



.order-confirmation-table .order-line {

    border-bottom: 1px solid var(--primary-color);

}



.order-confirmation-table .details span {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 600 !important;

    line-height: 19.36px !important;

    text-align: left;

    color: var(--primary-color) !important;

    text-transform: uppercase !important;

    display: block;

    min-height: 42px;

}



.order-confirmation-table .details .text-xs-left {

    font-family: var(--bodyfont);

    font-size: 20px !important;

    font-weight: 700 !important;

    line-height: 22px;

    color: var(--primary-color) !important;



}



.wishlist-list-item-right>button i {

    color: var(--primary-color) !important;

}



.page-addresses .container {

    max-width: 1430px;

}



.page-addresses .address .address-body {

    padding: 0 !important;

}



.page-addresses .page-content .col-lg-4,

.col-md-6,

.col-sm-6 {

    padding-left: 0 !important;

    padding-right: 0 !important;

}



.page-history .table-labeled .label {

    background-color: var(--primary-color) !important;

}



.page-order-detail .container {

    max-width: 1430px;

}



.page-history .table-bordered,

.table-bordered td,

.table-bordered th {

    background-color: #EFF4FA;

    color: var(--primary-color);

}



.page-order-detail .table-labeled .label {

    background-color: var(--primary-color) !important;

}



.page-order-detail select.form-control:not([size]):not([multiple]) {

    border: 1px solid var(--primary-color);

}



.page-order-detail .form-control {

    border: 1px solid var(--primary-color) !important;

}



.page-order-detail .form-footer {

    align-items: center;

    display: flex;

}



.page .sort-by {

    width: 90px !important;

    display: flex;

    align-items: center;

    justify-content: center;

}



.wishlist-toast.success {

    background-color: transparent !important;

    border-color: var(--normalcolor) !important;

    color: var(--normalcolor) !important;

    border-radius: 5px !important;

}



.product-comment-modal input {

    border: 1px solid var(--primary-color) !important;

    outline: none !important;

    border-radius: 5px;

}



/* .page-product .modal-body .page-addresses .page-content .col-lg-4,

.col-md-6,

.col-sm-6 {

    padding-left: 15px !important;

    padding-right: 15px !important;

} */



.page-cart .cart-grid-body .card-block,

.cart-grid-body .cart-overview {

    padding: 15px 0 !important;

}



body#checkout section.checkout-step .delivery-options .delivery-option {

    background-color: var(--whitecolor);

}



body#checkout section.checkout-step .address-item.selected {

    border: 2px solid var(--primary-color);

}



.page-order-detail .box {

    background: #EFF4FA;

}



select.form-control:not([size]):not([multiple]) {

    border: 1px solid var(--primary-color);

    color: var(--textcolor);

    background-color: #fff;

}



.form-control {

    border: 1px solid var(--primary-color);

    color: var(--textcolor);

    background-color: #fff;

}



.input-group .form-control:not(:last-child),

.input-group-addon:not(:last-child),

.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,

.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),

.input-group-btn:not(:last-child)>.btn,

.input-group-btn:not(:last-child)>.btn-group>.btn,

.input-group-btn:not(:last-child)>.dropdown-toggle {

    background-color: #fff;

}



.page-cms .js-content-wrapper p strong {

    font-family: var(--bodyfont);

    font-size: var(--h4size);

    font-weight: 700;

    line-height: 36.31px;

    text-align: left;

    color: var(--primary-color);

    height: 50px;

    position: relative;

    text-transform: capitalize;

}



.pagination .page-list {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

}



.pagination .next {

    float: none !important;

}



.pagination .previous {

    float: none !important;

}



.pagination .page-list li.current a {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

}



.pagination .page-list li.current a {

    width: 34px;

    height: 24px;

    border-radius: 30px;

}



html #header .header-top .position-static {

    padding: 0 !important;

}



.block_newsletter .row {

    width: 100% !important;

}



.page-search .js-product.product {

    width: calc(25% - 0px) !important;

}



/* .footer-container .col-md-6:last-child{

    padding-left: 100px !important;

} */



.page-order .cart-grid-body {

    margin-bottom: 30PX !important;

}



.page-order-confirmation #order-items .order-confirmation-table .text-xs-left {

    font-size: 20px !important;

    font-weight: 700 !important;

    line-height: 22px;

    text-align: left;

    color: var(--primary-color) !important;

}



.page-order-confirmation #order-items .order-confirmation-table .text-xs-right {

    font-size: 20px !important;

    font-weight: 700 !important;

    line-height: 22px;

    text-align: left;

    color: var(--primary-color) !important;

}



.page-order-confirmation .js-product.product {

    width: calc(24% - -6px) !important;

}



.page-product .divide-right .col-md-6 {

    padding-left: 15px !important;

}



.page-order .js-address-form .clearfix {

    display: flex !important;

}



.page-order-confirmation .featured-products {

    padding-top: 0 !important;

}



h6 {

    font-family: var(--bodyfont);

    font-size: var(--h6size);

    font-weight: 400;

    line-height: 24px;

    text-align: left;

    color: var(--normalcolor);

    margin-bottom: 30px;

}



.page-order-detail .addresses {

    margin: 0 !important;

}



.page .wishlist-footer-links {

    color: var(--primary-color) !important;

}



/* #footer {

    padding-top: 50PX !important;

} */



#stores .page-stores .store-item {

    padding: 0 !important;

}



.page-history .orders .order {

    border-bottom: 1px solid #C7C7C7 !important;

}



.page-addresses .page-content {

    background: #EFF4FA !important;

}



.page-addresses .address {

    background: #fff;

    margin: var(--innerdivgap) 15px;

    padding: 20px;

    border-radius: 5px;

}



.page-index .product-tab {

    text-align: center;

}



.page-addresses .addresses-footer a {

    margin-bottom: 20px !important;

    position: relative;

    top: -45px;



}



/* .logout{

    display: none !important;

}

.user-info .material-icons {

    display: block !important;

} */



.bestsellers-title {

    font-family: var(--bodyfont) !important;

    font-size: var(--h4size) !important;

    font-weight: 600 !important;

    line-height: 29.05px;

    text-align: left;

    color: var(--normalcolor);

    position: relative;

}



.page-index .product-tab {

    display: flex;

    margin: 0 auto;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

}



.bestsellers-products-title {

    display: flex;

    justify-content: center;

    align-items: center;

    background: #0069B2;

    width: 180px;

    height: 50px;

    border-radius: 25px;

    color: var(--whitecolor);

    font-family: var(--bodyfont);

    font-size: 20px;

    font-weight: 400;

    line-height: 24.2px;

    text-align: left;

    z-index: 2;



}



.bestselling_product_list_section h2 {

    margin-bottom: 35px;

}



.new-arrivals-products-title {

    display: flex;

    justify-content: center;

    align-items: center;

    background: white;

    width: 230px;

    height: 50px;

    border-radius: 0 32px 32px 0px !important;

    font-family: var(--bodyfont);

    font-size: 20px;

    font-weight: 400;

    line-height: 24.2px;

    text-align: left;

    color: #0069B2;

    box-shadow: 0px 4px 10px 0px #67676726;

    z-index: 1;

    position: relative;

    left: -20px !important;

}



.product-tab span {

    display: flex;

    justify-content: center;

    align-items: center;

    font-family: var(--bodyfont);

    font-size: 20px;

    font-weight: 400;

    line-height: 24.2px;

    text-align: left;

    height: 50px;

}



.product-tab .active {

    background: #0069B2;

    width: 180px;

    border-radius: 25px;

    color: var(--whitecolor);

    z-index: 2;

}



.product-tab span:not(.active) {

    background: white;

    width: 230px;

    color: #0069B2;

    box-shadow: 0px 4px 10px 0px #67676726;

    z-index: 1;

    position: relative;

    /* left: -20px !important; */

}



/*header account user */

.account .hidden-md-up {

    display: block !important;

}



.header-nav .account {

    display: flex;

}



.header-nav .logout {

    display: none;

}



.header-nav .account span {

    margin-top: 3px;

}



.page-index #wrapper {

    padding-top: 25px;

}



#wrapper {

    padding-top: 50px;

}



.product-flags li.product-flag {

    background-color: #008000;

}



.product-miniature .product-flags li.product-flag {

    position: relative;

    /* left: 47%; */

    /* left: 80%; */

    top: 7px;

    font-size: var(--font-14) !important;

}



.page-cart .cart-grid-body {

    padding-left: 0 !important;

    padding-right: 0 !important;

}



/*sub menu */

.top-menu .sub-menu {

    width: inherit;

    min-width: inherit;

    margin: 0;

}



.bestsellers-products-list .wishlist-button-add {

    position: relative;

    top: -92%;

}



#header .header-nav .blockcart {

    background-color: transparent !important;

}



.product-comment-modal .modal-header {

    padding: 20px

}



.product-comment-modal .modal-body {

    padding: 15px 15px;

}



.product-comment-modal .modal-body .col-sm-4 {

    padding-right: 0 !important;

}



.product-comment-modal .modal-body .col-sm-2,

.col-sm-8 {

    padding-left: 0 !important;

    padding-right: 0 !important;

}



.order-message-form form .form-control-label {

    padding: 0 !important;

}





/*slider*/





.slider-static-sec .category-item:first-child {

    background-color: #FAF6EF;

    padding: 50px;

    border-radius: 10px;

    display: flex;

    flex-direction: row-reverse;

    width: 500px;

    justify-content: space-between;



}



.slider-static-sec .category-item:nth-child(2) {

    background-color: #F0FAEF;

    padding: 50px;

    border-radius: 10px;

    display: flex;

    flex-direction: row-reverse;

    width: 500px;

    justify-content: space-between;

}



.slider-static-sec .category-item:nth-child(2) .category-title {

    font-family: var(--bodyfont);

    font-size: var(--h2size);

    font-weight: 600;

    line-height: 41.15px;

    text-align: left;

    color: var(--textcolor);

    text-transform: uppercase !important;

    max-width: 302px;

}



.slider-static-sec .category-item:first-child .category-title {

    font-family: var(--bodyfont);

    font-size: var(--h2size);

    font-weight: 600;

    line-height: 41.15px;

    text-align: left;

    color: var(--textcolor);

    text-transform: uppercase !important;

    max-width: 302px;



}



.slider-static-sec .category-item:nth-child(2) .category-desc {

    font-family: var(--bodyfont);

    font-size: var(--font-size-default);

    font-weight: 400;

    line-height: 24px;

    text-align: left;

    color: var(--textcolor) !important;

    max-width: 300px;

    margin-bottom: 35px;

}



.slider-static-sec .category-item:first-child .category-desc {

    font-family: var(--bodyfont);

    font-size: var(--font-size-default);

    font-weight: 400;

    line-height: 24px;

    text-align: left;

    color: var(--textcolor) !important;

    max-width: 300px;

    margin-bottom: 35px;



}



.slider-static-sec .category-item:nth-child(2) .category-shop {

    padding: 15px 15px 13px 20px !important;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    border-radius: 25px !important;

    border: 1px solid var(--primary-color) !important;

    font-weight: 600;

}



.slider-static-sec .category-item:first-child .category-shop {

    padding: 15px 15px 13px 20px !important;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    border-radius: 25px !important;

    border: 1px solid var(--primary-color) !important;

    font-weight: 600;



}



.slider-static-sec .category-item:first-child .category-shop:hover {

    background: transparent !important;

    border: 1px solid var(--primary-color) !important;

    color: var(--primary-color) !important;

}



.slider-static-sec .category-item:nth-child(2) .category-shop:hover {

    background: transparent !important;

    border: 1px solid var(--primary-color) !important;

    color: var(--primary-color) !important;

}





.page-list .next.js-search-link {

    font-size: 0 !important;

}





.page-list .previous.js-search-link {

    font-size: 0 !important;

}







/*header nav menu*/



#header .header-top-right .hidden-md-up {

    display: block !important;

    padding: 0 !important;

}



.navbar-toggler .remove {

    display: none !important;

}



.carousel .carousel-control .icon-next:hover i,

.carousel .carousel-control .icon-prev:hover i,

.dropdown:hover .expand-more,

.page-my-account #content .links a:hover i,

.search-widget form button[type=submit] .search:hover,

.top-menu .sub-menu a:hover {

    color: var(--primary-color) !important;

}



#header .header-top-right .navbar-toggler {

    padding: 5px;

    position: relative;

    top: -2px;

}



.navbar-toggler:hover .add {

    display: none !important;

}



.navbar-toggler:hover .remove {

    display: inline-block !important;

}



.product-comment-modal .post-comment-buttons {

    justify-content: center !important;

}



html .page-new-products .product_show_list .thumbnail-container {

    display: flex !important;

}



/* .page-new-products .contact-main .col-xs-12,

.col-md-4,

.col-lg-3 {

    padding-left: 0 !important;

} */



.page .brands-sort .select-list:hover,

.products-sort-order .select-list:hover,

.suppliers-sort .select-list:hover {

    color: white !important;

}



.page-order .cart-grid-body {

    padding-left: 0 !important;

    padding-right: 0 !important;

}



/*about page*/

.page-cms .cms-box {

    height: 480px !important;

}



.page-cms .cms-block {

    height: 480px !important;

}



@media (min-width: 1440px) and (max-width: 1500px) {

    html .carousel .carousel-control .icon-next {

        right: 0rem !important;

    }

}



@media (min-width: 991px) and (max-width: 1280px) {

    .page-cms .cms-box {

        height: 580px !important;

    }



    .page-cms .cms-block {

        height: 580px !important;

    }



    .page-cms .page-cms-4 h3 {

        top: -6%;

    }

}



@media (max-width: 991px) {

    .page-cms .cms-box {

        height: auto !important;

    }



    .page-cms .page-cms-4 h3 {

        top: -18%;

    }



    .header-top-right ul {

        gap: 30px !important;

    }



    /* 

    html .product_show_list .product-miniature .product-flags li.product-flag {

        left: 90% !important;

    } */



    .page-cms .page-cms-4 .cms-block h3 {

        top: -10%;

    }



    .page-cms .cms-block {

        height: auto !important;

    }

}



@media (min-width: 767px) and (max-width: 1440px) {

    .page .wishlist-products-list {

        margin: 0 !important;

    }

}



@media (min-width: 475px) and (max-width: 660px) {

    html .double-wall-cup {

        flex-direction: row !important;

    }



    html .paper-chip-cup {

        flex-direction: row !important;

    }



    html .noodle-bowl {

        flex-direction: row !important;

    }

}



/* .page-new-products .product-miniature .product-description {

    padding-left: 30px !important;

} */



#blockcart-modal .product-image {

    margin: auto !important;

}



/* .product_show_list .product-miniature .product-flags li.product-flag {

    left: 95% !important;

} */



html .product_show_list .product-miniature .thumbnail-container {

    display: flex !important;

}



html .product_show_list .product-miniature .product-description {

    padding-left: 30px !important;

}



.page-new-products .products .col-xs-12,

.col-md-4,

.col-lg-3 {

    padding-left: 0 !important;

    /* padding-right: 0 !important; */

}



html .page-order .js-footer {

    padding-bottom: 20px !important;

}



html .page-new-products .js-product .product {

    width: 25% !important;

}



html .page-order-confirmation .featured-products .container {

    padding-left: 0 !important;

    padding-right: 0 !important;

}



#post-product-comment-modal .criterion-rating {

    justify-content: center !important;

}









/* products css */



#products .products .js-product {

    width: 25% !important;

}





@media (min-width: 991px) and (max-width: 1024px) {

    #products .products .js-product {

        width: 33% !important;

    }

}



@media (min-width: 768px) and (max-width:991px) {

    #products .products .js-product {

        width: calc(50% - 0px) !important;

    }



    .page-prices-drop .row {

        padding: 0 15px !important;

    }

html .carousel-item::after{

    height: 230px !important;

    width: 230px !important;

}

    html .page-index #wrapper .featured-products .container {

        padding: 0 0 0px 15px !important;

    }



    html .page-order-confirmation .featured-products {

        padding: 0 15px !important;

    }



    html .page-order-confirmation .featured-products {

        justify-content: center !important;

    }

}



@media (min-width: 660px) and (max-width:767px) {

    #products .products .js-product {

        width: 50% !important;

    }



}



@media (max-width: 660px) {

    #products .products .js-product {

        width: 50% !important;

    }

}



@media (max-width: 475px) {

    #products .products .js-product {

        width: 100% !important;

    }

}



@media (min-width: 1440px) {

    .page-category .container {

        padding: 0 !important;

    }



    .page-new-products .container {

        padding: 0 !important;

    }



    #wrapper .container {

        padding: 0 !important;

    }

}



@media (min-width: 660px) and (max-width:768px) {

    #view .wishlist-products-list {

        grid-template-columns: 1fr 1fr !important;

    }



    .product-comment-modal .modal-dialog .h3 {

        padding-left: 10px !important;

    }

}



@media (min-width: 1224px) and (max-width:1440px) {

    .foo-sec-one p {

        max-width: 400px !important;

    }

    .carousel .carousel-item img

    {

        width: 400px !important;

        height: 400px !important;

    }

}



#categorySlider .category-item:first-child {

    position: relative;

    z-index: 1;

}



#categorySlider .category-item:first-child .category-img::before {

    content: "";

    position: absolute;

    top: 36%;

    left: 50%;

    width: 315px;

    height: 340px;

    background: url(http://45.77.237.175/~erinapackagingco/themes/erinapackaging/assets/images/crane-slider-img.png) no-repeat center center;

    background-size: cover;

    /* opacity: 0.5; */

    z-index: -1;

}



#categorySlider .category-item:first-child .category-img {

    position: relative;



}





/*********** CSS UPDATE ON 24.08.2024 ***********/

/* Product Detail Page */

.page-product .featured-products {

    display: flex;

    flex-direction: column;

    gap: 40px;

    margin-top: 50px;

}



.page-product .featured-products:after {

    display: none;

}



.page-product .featured-products .products-section-title {

    font-size: var(--h2size);

    text-transform: uppercase;

    line-height: 1;

    margin: 0;

}



.page-product .featured-products .products-section-title::before,

.page-product .featured-products .products-section-title::after {

    display: none;

}



.page-product .featured-products .categoryfeatured {

    margin: 0;

}



.page-product .js-content-wrapper .tabs {

    margin: 0;

    padding: 0;

}



.page-product .js-content-wrapper .tabs .nav-tabs {

    margin: 0 !important;

    padding: 0 !important;

}



/* Product List Page */

.products-selection {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

}



.products-selection .total-products {

    margin: 0;

    padding: 0;

    font-size: 16px;

}



.products-selection .total-products * {

    font-size: inherit;

}



/* css 19/11/2024 */



/* .country-au #wrapper {

    max-width: 1430px;

    margin: 0 auto;

    padding: var(--innerdivgap) 0;

} */





.country-au #footer {

    padding-top: 0;

}



.btn-comment,

.btn-comment-inverse:hover {

    outline: none !important;

}



.product-comment-modal textarea {

    outline: none !important;

    border: 1px solid var(--primary-color);

    border-radius: 5px;

}



.product-code {

    color: #636363;

    font-size: var(--h5size);

    font-family: var(--bodyfont);

    line-height: 22px;

}



.availability-status {

    color: #636363;

    font-size: var(--h5size);

    font-family: var(--bodyfont);

    line-height: 22px;

}



#order-detail .table-bordered,

.table-bordered td,

.table-bordered th {

    border: 1px solid var(--textcolor);

    vertical-align: middle;

}



.col-lg-6:has(button) {

    padding: 0;

    width: 100%;

    display: flex;

    justify-content: flex-end;

    order: -1;

    position: relative;

    margin-bottom: 30px;

}



.inner_row_sec form {

    display: block;

    position: relative;

    display: flex;

    flex-direction: column;

}



fieldset.form-group p {

    margin: 0;

}



/*.row.contact-main form br {*/

/*    display: none;*/

/*}*/



.row.contact-main {

    padding-bottom: 80px;

}



button#bulk_action_quote_menu_addifyrequestaquote {

    background: var(--primary-color);

    margin: 0;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    font-family: var(--bodyfont) !important;

    border-radius: 48px;

    font-size: 15px;

    font-weight: 400;

    text-transform: capitalize !important;

    padding: 15px 30px;

}



.col-lg-6:has(button) .dropup .dropdown-toggle::after {

    display: none;

}



.inner_row_sec button {

    width: fit-content;

}



.col-lg-6:has(button) .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {

    bottom: -90px;

    top: unset;

}





.table-bordered td:has(img),

.table-bordered td:has(input){

    text-align: center;

}



#order-detail .table thead th {

    border: 1px solid var(--textcolor);

}



.page-content.page-cms {

    padding-top: 0 !important;

}



address {

    color: #131313;

}



#stores .page-stores .store-item-container .divide-left {

    border-left: none !important;

}



.page-stores .store-item-container {

    border: 1px solid var(--primary-color);

    padding: 0 !important;

}



#stores .store-item-container {

    border: 1px solid var(--primary-color);

    border-radius: 5px;

    padding: 15px;

    margin-bottom: 20px;

}



#stores .store-item-container .col-md-3 {

    border-right: 1px solid var(--primary-color);

    padding-right: 10px;

}



#stores .store-item-container .col-md-5 {

    border-right: 1px solid var(--primary-color);

    padding-right: 10px;

    padding-left: 10px;

}





#stores .store-item-container .col-md-4 {

    padding-left: 10px !important;

    padding-right: 10px;



}



#stores .page-stores .store-item-container .divide-left tbody {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

}



#my-account .page-footer {

    margin-bottom: 50px !important;

}



#category .page-content {

    margin-bottom: 50px !important;

}



#view .wishlist-products-list {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    gap: 20px;

}



#view .wishlist-products-list .wishlist-products-item {

    margin: 0px;

    border: 1px solid #c7c7c7;

    padding: 10px;

    border-radius: 5px 5px 0 0 !important;

}



#view .wishlist-product {

    max-width: 100% !important;

}



#view .wishlist-product-image {

    width: 100%;

}



#view .wishlist-product-image img {

    width: 100%;

}



.product-flags li.product-flag {

    font-size: var(--fontsize) !important;

}



#product-modal .modal-content .modal-body .image-caption {

    padding: 0 !important;

}



.page-product .product-container .block-social ul,

.product-quantity {

    flex-wrap: wrap !important;

    align-items: center !important;

}



/*.page-product .product-container .add .add-to-cart::before {*/

/*    content: "";*/

/*    display: inline-block;*/

/*    background-image: url(http://45.77.237.175/~erinapackagingco/themes/erinapackaging/assets/images/renj.svg);*/

    /* 🔁 Replace with your image URL */

/*    background-size: contain;*/

/*    background-repeat: no-repeat;*/

/*    width: 16px;*/

/*    height: 16px;*/

/*    vertical-align: middle;*/

/*}*/



.tab-content .product-features {

    margin-left: 0 !important;

}



p.product-minimal-quantity.js-product-minimal-quantity {

    display: none;

}



html .page-product .product-container .product-availability .availability-status {

    font-family: var(--bodyfont) !important;

    font-weight: 400;

    font-size: var(--h6size) !important;

    line-height: 22px;

    color: #636363 !important;

    letter-spacing: 0%;

}



div#addify_raq_button_main button {

    margin: 0;

    background-color: var(--primary-color) !important;

    color: var(--whitecolor) !important;

    font-family: var(--bodyfont) !important;

    border-radius: 48px;

    font-size: 15px;

    font-weight: 400;

    text-transform: capitalize !important;

}



.product-quantity.clearfix {

    margin-top: 10px;

}



/*.product-actions .add-to-cart .material-icons {*/

/*    font-size: 0 !important;*/

/*    margin-right: 0 !important;*/

/*}*/



/* .page-product .product-container .product-discounts{

margin-bottom: 0 !important;

} */



#header .layout_layout1.ets_mm_megamenu .mm_columns_ul,

.layout_layout1.ybc_vertical_menu .mm_menus_ul {

    width: 20% !important;

}



#header .ets_mm_categories li {

    width: 100% !important;





}





#header .mm_columns_li {

    width: 100% !important;

}





.mm_columns_ul {

    width: 80% !important;

    /* previously 100% */

    left: 0;

    /* ensure it starts from parent */

    box-sizing: border-box;

}



#header .ets_mm_block_content ul li:not(.item_has_img) {

    border-bottom: 1px solid #ccc !important;

    width: 100% !important;

}





#header .layout_layout1 li:hover>a,

.layout_layout1 li>a:hover,

.layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title,

.layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title a,

.layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title,

.layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title a,

#header .layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title,

#header .layout_layout1 .mm_tabs_li.open .mm_tab_toggle_title a,

#header .layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title,

#header .layout_layout1 .mm_tabs_li:hover .mm_tab_toggle_title a,

.layout_layout1.ybc_vertical_menu .mm_menus_li>a,

#header .layout_layout1 li:hover>a,

.layout_layout1.ybc_vertical_menu:not(.click_open_submenu) .mm_menus_li:hover>a,

.layout_layout1.ybc_vertical_menu.click_open_submenu .mm_menus_li.open_li>a,

#header .layout_layout1.ybc_vertical_menu:not(.click_open_submenu) .mm_menus_li:hover>a,

#header .layout_layout1.ybc_vertical_menu.click_open_submenu .mm_menus_li.open_li>a,

#header .layout_layout1 .mm_columns_ul .mm_block_type_product .product-title>a:hover,

#header .layout_layout1 li>a:hover {

    color: var(--primary-color) !important;

}



.layout_layout1 .ets_mm_block_content ul li a::before {

    display: none !important;

}



.ets_mm_categories .has-sub>ul.ets_mm_categories {

    left: 98% !important;

}



.ets_mm_categories .has-sub>ul.ets_mm_categories {

    position: absolute;

    left: 100%;

    top: 0;

    width: 100%;

    /* or adjust as needed */

    z-index: 24;

}



#header .mm_blocks_li {

    margin-bottom: 0 !important;

}



.ets_mm_block_content ul li:not(.item_has_img) {

    padding: 10px 0 !important;

}



.ets_mm_categories .has-sub {

    position: relative;

}



#header .ets_mm_block_content a {

    font-family: var(--bodyfont);

    font-size: var(--fontsize);

    font-weight: 400;

    color: var(--normalcolor);

    line-height: 18.75px;

    display: flex;

    text-align: left;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    justify-content: space-between !important;

}



.arrow.closed {

    transform: rotate(0deg);

    transition: transform 0.3s ease;

}



.mm_columns_ul {

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

    /* border: 1px solid #eee; */

    border-radius: 6px;

    background: #fff;

}



.arrow.opened {

    transform: rotate(90deg);

    transition: transform 0.3s ease;

}



.ets_mm_categories .has-sub {

    position: relative;

}



.arrow.closed {

    transform: rotate(0deg);

    transition: transform 0.3s ease;

}



.layout_layout1 .mm_menus_li:hover a {

    color: var(--normalcolor) !important;

}



.arrow.opened {

    transform: rotate(90deg);

    transition: transform 0.3s ease;

}



/* Highlight main menu item when submenu is open */





.layout_layout1 .mm_menus_li:hover {

    color: var(--normalcolor) !important;

}



/* #header .ets_mm_megamenu_content .mm_menu_content_title:hover{

    color: var(--normalcolor) !important;

} */

/* #header .ets_mm_megamenu_content .mm_menu_content_title{

    color: var(--whitecolor) !important;

} */

.product-flags .new {

    display: none !important;

}



body.page-my-account #order-slips-link {

    display: none !important;

}



#field-alias,

label[for="field-alias"],

.form-group.row:has(#field-alias) {

    display: none !important;

}



@media (max-width: 480px) {

    .slider-static-sec .category-item:first-child {

        padding: 20px 15px !important;

        padding-bottom: 40px !important;

    }



    .slider-static-sec .category-item:nth-child(2) {

        padding: 20px 15px !important;

        padding-bottom: 40px !important;



    }

}



@media (min-width: 660px) and (max-width: 660px) {

    .home-products-sec .pro-static-data {

        display: block !important;

    }

}



@media (min-width: 768px) and (max-width: 1200px) {

    .footer-bottom {

        padding-bottom: 60px !important;

    }



    .header-contact {

        border-top: 1px solid white !important;

    }



    .header-wholesale-btn {

        border-top: 1px solid white !important;

    }

}





.ptbc-tab-buttons {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 20px;

}



.product-card-section {

    padding: var(--innerdivgap) 0 !important;

    background: #EEEEEE;

    margin: 0 !important;

}



html .product-card-section .slick-list {

    margin: unset !important;

}



.product-card-section .category-link-btn {

    display: none !important;

}



.ptbc-tab-buttons .ptbc-tab-btn:focus {

    outline: none !important;

    box-shadow: none !important;

}



.product-card-section .container {

    max-width: var(--containerwidth);

    margin: 0 auto;

}



.ptbc-tab-btn {

    display: flex;

    justify-content: center;

    align-items: center;

    font-family: var(--bodyfont);

    font-size: 20px;

    font-weight: 400;

    line-height: 24.2px;

    height: 50px;

    border: none;

    cursor: pointer;

    background: white;

    color: #0069B2;

    box-shadow: 0px 4px 10px 0px #67676726;

    position: relative;

    transition: all 0.3s ease;

    z-index: 1;

}



.product-card-section .products-section-title::before {

    display: none !important;

}



.product-card-section .products-section-title::after {

    display: none !important;

}



.ptbc-tab-btn:first-child {

    width: 230px;

    border-radius: 32px 0 0 32px;

}



.ptbc-tab-btn:last-child {

    width: 230px;

    border-radius: 0 32px 32px 0 !important;

    margin-left: -20px;

    position: relative;

    left: -20px;

}



.ptbc-tab-btn {

    margin: 0 !important;

}



.product-card-section ul.slick-dots li {

    margin-top: 20px !important;

}



.ptbc-tab-btn.active {

    background: #0069B2;

    color: var(--whitecolor);

    width: 180px;

    border-radius: 25px;

    margin: 0 !important;

    z-index: 2;

    box-shadow: none;

    margin-left: 0 !important;

}



#customer-form>div {

    display: flex;

    flex-direction: column;

}



section.register-form .form-group.row:has(label[for="field-id_country"]) {

    order: 9;

}













/* design fixes 12-9-25 */

/* about-us */

.page-cms .page-cms-4>.row:has(.cms-block) {

    display: flex;

    flex-wrap: wrap;

    padding-top: 30px;

    margin-inline: -15px;

    margin-bottom: 50px;



}



.page-cms .page-cms-4>.row:has(.cms-block) .cms-box p:last-child {

    margin-bottom: 0;

}



.page-cms .page-cms-4 h3 {

    position: unset;

    transform: unset;

}



.page-cms .page-cms-4 h3,

.col-sm-4:nth-child(2) .page-subheading {

    transform: unset !important;

    margin-top: 0;

}



.page-cms .cms-block,

.page-cms .cms-box {

    height: 100% !important;

}



.page-cms .page-cms-4 h3,

.col-sm-4:nth-child(2) .page-subheading {

    line-height: 1.25;

    padding: 0;

}



/* main-wrap */

.page-content.page-cms .main-wrap {

    margin-block: 15px 50px;

}



.page-content.page-cms .main-wrap p:has(+ p) {

    margin-bottom: 8px;

}



.page-content.page-cms .main-wrap ul li::marker {

    margin-right: 10px;

}



.page-content.page-cms .main-wrap ul {

    list-style: none;

    /* Remove default bullets */

    padding-left: 0;

    /* Optional: remove indentation */

}



.page-content.page-cms .main-wrap ul li {

    position: relative;

    padding-left: 1.2em;

    /* Space for the custom bullet */

}



.page-content.page-cms .main-wrap ul li::before {

    content: "•";

    /* Custom bullet */

    position: absolute;

    left: 0;

    /* Position it to the left */

    top: 6px;

    color: black;

    /* Customize color */

    font-size: 1em;

    /* Customize size */

    line-height: 1;

    /* Align vertically */

}





.products article .wishlist-button-add {

    width: fit-content;

    height: fit-content;

    min-width: fit-content;

    top: 0;

}



.brand-image-wrap {

    display: flex;

    align-content: center;

    align-items: center;

    gap: 50px 50px;

}



.product-details {

    display: flex;

    flex-direction: row;

    gap: 30px;

    flex-wrap: wrap;

}



.hide-title {

    margin-top: 50px;

    margin-bottom: -25px;

}



body:has(.hide-title) .contact-form {

    padding: 0;

}



body:has(.hide-title) .contact-form .form-group.row:has(h3) {

    display: none;

}



.brand-image-wrap:has(.img-wrap) {

    width: calc(50% - 15px);

}



body:has(.hide-title) .contact-form {

    /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); */



    border-radius: 30px;

}



body:has(.hide-title) .contact-form .form-control-label,

body:has(.hide-title) .contact-form .form-group>div {

    padding-inline: 0;

}



body:has(.hide-title) .contact-form .form-fields {

    display: grid;

    grid-template-columns: repeat(6, 1fr);

    gap: 15px 30px;

    margin: 0;

    row-gap: 0;

    /* padding: 30px; */

}



body:has(.hide-title) .contact-form .form-group {

    grid-column: span 3;

    display: flex;

    flex-direction: column;

}



body:has(.hide-title) .contact-form .form-fields .form-group:has(input[type="email"], label[for="file-upload"]) {

    grid-column: span 3;

}



body:has(.hide-title) .contact-form .form-fields .form-group:has(textarea) {

    grid-column: span 6;

}



body:has(.hide-title) .contact-form .form-group .form-control-label,

body:has(.hide-title) .contact-form .form-group>div {

    width: 100%;

}



body:has(.hide-title) .contact-form .form-group .form-control-comment {

    position: absolute;

    top: 0;

    left: 90px;

}



body:has(.hide-title) .contact-form .form-fields .form-group:has(label[for="file-upload"]) {

    position: relative;

}



body:has(.hide-title) .contact-form .form-footer {

    text-align: left !important;

}



body:has(.hide-title) .contact-form .form-footer .btn {

    width: 100%;

    max-width: 200px;

    margin-left: auto;

}



.quickview .modal-body .wholesale-login a {

    margin-top: 0;

}



.quickview .product-quantity .input-group-btn-vertical .btn {

    position: relative;

    transform: none;

    border-radius: 0 !important;

    margin-left: -1px !important;

}





.quickview .product-quantity .input-group-btn-vertical .btn:has(.touchspin-down) {

    transform: translateX(20px);

}



.quickview .product-quantity {

    gap: 15px;

}



.quickview .col-md-6:not(:has(img)) {

    padding-left: 15px !important;

}





#products .products {

    row-gap: 20px;

}



.hook-default.layout_layout1 .mm_menus_li:where(.sale-menu) {

    background-color: #e53935;

    transition: background-color 0.3s ease;

}



.hook-default.layout_layout1 .mm_menus_li:where(.sale-menu) .mm_menu_content_title {

    color: white;



}



#header .mm_menus_ul .mm_menus_li .mm_columns_ul>li>ul>li:has(+ li[data-id-block="18"]) ul li {

    border-bottom: 0 !important;

}



.hook-default.layout_layout1 .mm_menus_li:where(.sale-menu):hover a {

    background-color: #8f0e0e !important;

}



.mm_menus_ul .mm_menus_li .mm_columns_ul>li>ul>li[data-id-block="18"] ul {

    border: 0 !important;

}



#header .mm_menus_ul .mm_menus_li .mm_columns_ul>li>ul>li[data-id-block="18"] ul li {

    border-bottom: 0 !important;

}



#header .mm_menus_ul .mm_menus_li .mm_columns_ul>li>ul>li[data-id-block="18"] a,

#header .mm_menus_ul .mm_menus_li .mm_columns_ul>li>ul>li[data-id-block="18"] .ets_mm_block_content {

    color: white !important;

}



#products .products .js-product:not(:where(.product_show_grid_column3)) .product-miniature .product-title {

    max-width: 100%;

    min-height: unset;

    width: 100%;

}



#products .products .js-product:not(:where(.product_show_grid_column3)) .product-description {

    justify-content: center;

    align-items: flex-end;

    gap: 15px;

}



#products .products .js-product:not(:where(.product_show_grid_column3)) .wholesale-login a {

    margin-top: 5px;

}



#products .products .js-product:not(:where(.product_show_grid_column3)) .product-miniature .thumbnail-top {

    position: unset;

}



#products .products .js-product:not(:where(.product_show_grid_column3)) .wishlist-button-add {

    top: 10px;

    right: 10px;

}



#products .products .js-product:not(:where(.product_show_grid_column3)) .product-miniature .thumbnail-container:hover .product-description::after {

    display: none;

}



#products .products .js-product:not(:where(.product_show_grid_column3)) .product-miniature .product-title a {

    min-height: unset;

}



body:has(#products .products .js-product:not(:where(.product_show_grid_column3))) .category-layout-view .show_list,

body:has(#products .products .js-product:where(.product_show_grid_column3)) .category-layout-view .show_grid_column3 {

    background-color: white;

    border: 0;

    color: black;

    box-shadow: 0px 4px 10px 0px #80808040;

}



body:has(#products .products .js-product:not(:where(.product_show_grid_column3))) .category-layout-view .show_grid_column3,

body:has(#products .products .js-product:where(.product_show_grid_column3)) .category-layout-view .show_list {

    background-color: var(--primary-color);

    border: 0;

    color: white;

    box-shadow: 0px 4px 10px 0px #80808040;

}



.transition_floating .mm_menus_ul {

    min-width: 300px;

}



body.page-pagenotfound #main {

    margin: 0 auto !important;

    max-width: 1430px;

}



.pro-static-data {

    justify-content: center;

}



body.page-prices-drop #wrapper {

    padding-bottom: 50px;

}



.wishlist-toast.success {

    background-color: #69b92d !important;

}



.wishlist-toast.success .wishlist-toast-text {

    color: white !important;

}



.cart-grid .bootstrap-touchspin-down {

    right: 0px !important;

}



.page-product .product-container .wishlist-button-add.wishlist-button-product {

    width: fit-content;

    height: fit-content;

    top: 0;

    right: 0;

}



.wishlist-modal .modal-footer .btn-secondary {

    border-radius: 25px;

}



.forgotten-password .form-fields .center-email-fields {

    gap: 10px;

}



.products.slick-slider .product-miniature .product-title {

    max-width: 100%;

}



@media (max-width : 1440px) {



    .brand-image-wrap:has(.img-wrap) h2,

    .brand-image-wrap:has(.img-wrap) p {

        text-align: center;

    }



    .brand-image-wrap:has(.img-wrap) {

        flex-direction: column;

    }
    .brand-image-wrap:has(.img-wrap):has(.img-wrap:last-child) {
    flex-direction: column-reverse;
}

}





@media (max-width : 1200px) {

    .main-wrap {

        margin-top: -10px;

    }



    .main-wrap h2:has(+ p) {

        margin-bottom: 5px;

    }



    .brand-image-wrap:has(.img-wrap) {

        gap: 30px;

    }



}



@media (max-width : 991px) {



    .page-cms .cms-block,

    .page-cms .cms-box {

        padding: 15px;

    }



    .page-cms .page-cms-4 h3 {

        padding: 0;

    }



    .page-cms .page-cms-4 h3 {

        margin-bottom: 5px;

    }

.carousel .carousel-item .caption{

    top: 20px !important;

}

    body:has(.hide-title) .contact-form .form-group.row {

        margin: 0;

    }



    body:has(.hide-title) .contact-form .form-fields,

    body:has(.hide-title) .contact-form .form-footer {

        padding-inline: 15px;

    }

.page-cms .about-us-wrapper{

    flex-direction: column !important;

}

html .page-cms .about-us-wrapper .about-us-img{

    width: 100% !important;

    position: unset !important;

    margin-top: 20px !important;

}

    .page-cms .page-cms-4>.row:has(.cms-block) {

        gap: 25px;

        margin-bottom: 30px;

        padding-top: 0;

    }

html .page-cms .about-us-wrapper .about-main-info-wrap{

    width: 100% !important;

}

    body.page-pagenotfound .row.contact-main {

        margin: 0 auto !important;

        max-width: 1430px;



    }



    #_desktop_user_info span,

    #header .header-nav .blockcart span {

        font-size: 12px !important;

    }



    #header .header-nav .blockcart {

        margin-left: 1vw;

    }



    body.page-prices-drop #wrapper {

        padding-bottom: 30px;

    }



    .card-block,

    body:has(.card-block) .page-footer {

        padding-inline: 15px !important;

    }



    html .send-renew-password-link {

        padding: 0 !important;

    }





}



@media (min-width : 768px) and (max-width:1200px) {

    .page-cms .page-cms-4>.row:has(.cms-block) {

        gap: 15px;

    }



    .footer-container .row:has(> .wrapper) {

        gap: 15px;

        justify-content: space-between;

        margin-inline: 7.5px;

    }



    .footer-container .row:has(> .wrapper)::after {

        content: none;



    }



    .footer-container .row:has(> .wrapper) * {

        width: fit-content;

    }



    .footer-container .h3::before,

    .footer-container .h4::before {

        content: none;

    }



    html #header .layout_layout1.ets_mm_megamenu .mm_columns_ul,

    .layout_layout1.ybc_vertical_menu .mm_menus_ul {

        width: 100% !important;

    }



    .products.slick-slider .btn {

        font-size: 14px;

    }



    #order-items .h3._desktop-title {

        display: unset !important;

    }



    .login-form .form-group {

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    .login-form .form-group label {

        text-align: center;

    }





}





@media (max-width : 767px) {

    .brand-image-wrap:has(.img-wrap) {

        width: 100%;

    }



    .main-wrap {

        margin-block: 5px 30px;

    }



    .main-wrap p:has(+ h2) {

        margin-bottom: 15px;

    }

.carousel-item::after{

    height: 210px !important;

    width: 210px !important;

}

    body .page-content.page-cms .main-wrap ul {

        list-style: none;

        padding-left: 0;

        line-height: 26px;

        /* Optional: remove indentation */

    }



    .page-content.page-cms .main-wrap ul li::before {

        top: 4px;

    }

.carousel .carousel-item .caption{

    top: 0 !important;

}

    html .page-cms .page-content {

        padding-right: 0 !important;

    }



    .page-cms .cms-block,

    html .page-cms .cms-box {

        max-width: 100% !important;



    }



    html .col-sm-4:nth-child(2) .page-subheading,

    html .col-sm-4:nth-child(3) .page-subheading {

        transform: none !important;

    }



    body .page-cms p {

        max-width: 100% !important;

        margin: 0;

    }



    .page-cms .page-cms-4>.row:has(.cms-block) {

        padding-top: 15px;

    }



    body:has(.hide-title) .contact-form .form-group {

        grid-column: span 3;

    }



    body:has(.hide-title) .contact-form .form-fields,

    body:has(.hide-title) .contact-form .form-footer {

        padding: 0;

    }



    body:has(.hide-title) .contact-form .form-fields .form-group:has(label[for="file-upload"]) {

        grid-column: span 6;

    }



    body:has(.hide-title) .contact-form .form-group .form-control-comment {

        padding: 5px;

        left: 80px;

    }



    body:has(.hide-title) .contact-form .form-footer {

        margin-top: 15px;

    }



    .page-cms .page-cms-4>.row:has(.cms-block) {

        gap: 20px;

        margin-bottom: 30px;

        padding-top: 15px;



    }



    body {

        overflow-x: hidden;

    }



    .links .title[aria-expanded="true"] .navbar-toggler .remove {

        display: unset !important;

    }



    .links .title[aria-expanded="false"] .navbar-toggler .remove {

        display: none !important;

    }



    .links .title[aria-expanded="false"] .navbar-toggler .add {

        display: unset !important;

    }



    body.page-pagenotfound .row.contact-main {

        margin: 15px !important;

        max-width: 1430px;



    }



    #pagenotfound .page-not-found,

    #products .page-not-found {

        max-width: 100%;

    }



    header #search_widget form input {

        padding-inline: 40px 30px;

    }



    #header .header-nav .material-icons.clear {

        right: 15px !important;

        left: unset !important;

    }



    #products .page-not-found {

        padding-inline: 15px !important;

    }



    #products .products-selection .sort-by {

        display: flex !important;

        width: fit-content;

        margin-right: -20px;

    }



    html .products-selection .sort-by-row {

        grid-template-columns: fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) !important;

        gap: 15px;



    }



    .tabs .nav-tabs .nav-link {

        padding: 15px 2vw;

    }



    .tabs .nav-tabs .nav-item:last-child .nav-link {

        border-radius: 0;

    }



    #order-items .h3._desktop-title {

        display: unset !important;

    }



    #order-items .row:has(._desktop-title) {

        display: flex;

    }



    .login-form .form-footer {

        display: flex;

        justify-content: center;

    }



}



/* @media (max-width : 576px) {



} */



@media (max-width : 480px) {



    body:has(.hide-title) .contact-form .form-group,

    body:has(.hide-title) .contact-form .form-fields .form-group:has(input[type="email"], label[for="file-upload"]) {

        grid-column: span 6;

    }



    body:has(.hide-title) .contact-form .form-fields {

        gap: 5px 0px;

    }



    .brand-image-wrap:has(.img-wrap) {

        gap: 15px;

    }



    #products .products:not(:has(.pro-list-view-sec)) {

        row-gap: 15px;

    }



    html .products-selection .sort-by-row {

        display: flex;

        flex-wrap: wrap;

    }



    .sort-by-row>div,

    .sort-by-row form.products-per-page-form label,

    .sort-by-row form.products-per-page-form select,

    .sort-by-row form.products-per-page-form {

        width: fit-content !important;

    }



    .cart-grid .bootstrap-touchspin {

        display: flex !important;

        margin-right: 5px !important;

    }



    .product-container .h1 {

        max-width: calc(100% - 45px);

    }



    #order-items .row h3 {

        font-size: 14px;

    }

}



.pro-list-view-sec .btn.add-to-cart:active {

    color: var(--primary-color) !important;

    background-color: unset !important;

    border-color: unset !important;

}



@media (min-width : 1225px) and (max-width:1250px) {

    .header-nav .col-md-12 #search_widget {

        margin-left: unset !important;

    }

}



@media (min-width : 1201px) and (max-width:1250px) {

    .header-contact {

        position: fixed;

        right: 0;

        z-index: 1000;

        bottom: 0;

        left: 0;

        padding: 15px !important;

        border-radius: 0 !important;

        border: 1px solid var(--whitecolor);

        color: var(--secondary-color);

        padding: 15px 18px 14px 17px;

        background-color: var(--primary-color);

        font-family: var(--bodyfont);

        font-weight: 500;

        font-size: var(--h6size);

        width: 100%;

    }



    html .header-contact a {

        justify-content: center;

        color: var(--whitecolor) !important;

    }

}



.product-description ul li:empty {

    display: none !important;

}



.product-container .h1 {

    width: calc(100% - 60px);

    line-height: 1.4;

}



@media (max-width : 385px) {

    #header .logo {

        max-width: 135px !important;

    }

}



#category #left-column #search_filter_controls button:focus {

    outline: unset !important;

}



#products #search_widget input {

    width: 100% !important;

}



#products #search_widget {

    min-width: 100% !important;

}



html #products #search_widget .search {

    top: -5px !important;

}



html .page-not-found #search_widget form input {

    width: 100% !important;

}



html .page-not-found #search_widget form i {

    top: -5px !important;

}



.page-not-found {

    padding-bottom: 30px !important;

}



.ets_mm_megamenu .mm_columns_ul {

    left: auto !important;

}



/* jo categories ul ke andar hote hain */

#header .ets_mm_block_content ul li,

#header .ets_mm_categories li {

    border-bottom: 1px solid #ccc !important;

    width: 100% !important;

    padding: 10px 0 !important;

}



/* About Us jaise blocks jisme direct anchor hai */

#header .ets_mm_block_content>a {

    display: block;

    /* pura width clickable */

    border-bottom: 1px solid #ccc !important;

    width: 100% !important;

    padding: 10px 0 !important;

}





.product-details .brand-image-wrap:first-of-type h2 {

 

    font-size: var(--h2size);

 

    text-transform: capitalize;

 

    margin-bottom: 20px;

 

}



.product-details .brand-image-wrap p,.product-details .brand-image-wrap p strong {font-size: var(--h5size);margin: 0;}



.product-details .brand-image-wrap h2.hide-title {

 

    margin-bottom: 0;

 

}



.page-content.page-cms .main-wrap h2.hide-title {

 

    margin: 30px 0 0 0;

 

}



 

.page-cms .about-us-wrapper .about-main-info-wrap h2 {



    margin: 0;



    font-size: var(--h2size);



}



.page-cms .about-us-wrapper .about-main-info-wrap h3 {



    margin: 20px 0 15px 0;



    line-height: 1;



    font-size: var(--h4size) !important;



}



.page-cms .about-us-wrapper .about-main-info-wrap p {



    margin: 0 0 15px 0;



    line-height: 1.5;



}

 

/**/



/* Table Container */

#quotehistory_list {

  width: 100%;

  border-collapse: collapse;

  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

  border-radius: 8px;

  overflow: hidden;

}



/* Table Header */

#quotehistory_list thead {

  background: var(--primary-color);

  color: white;

  font-weight: 600;

  text-transform: uppercase;

  font-size: 0.85rem;

  letter-spacing: 0.5px;

}



#quotehistory_list thead tr {

  border: none;

}



#quotehistory_list thead th {

  padding: 18px 16px;

  text-align: center;

  font-weight: 600;

}



/* Table Body */

#quotehistory_list tbody tr {

  border-bottom: 1px solid #e8ecf1;

  transition: background-color 0.3s ease, box-shadow 0.3s ease;

  background-color: #fff;

}



#quotehistory_list tbody tr:hover {

  background-color: #f8fafb;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

}



#quotehistory_list tbody tr:last-child {

  border-bottom: none;

}



/* Table Data */

#quotehistory_list td {

  padding: 16px;

  color: #333;

  font-size: 0.95rem;

  text-align: center;

}



/* Status Column */

#quotehistory_list td:nth-child(2) {

  font-weight: 600;

}



/* Status Badge */

#quotehistory_list tbody tr td:nth-child(2) {

  padding: 8px 12px;

}



#quotehistory_list tbody tr td:nth-child(2)::before {

  content: '';

  display: inline-block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: #ffc107;

  margin-right: 8px;

  vertical-align: middle;

}



/* Links Styling */

#quotehistory_list a {

  color: var(--primary-color);

  text-decoration: none;

  font-weight: 500;

  transition: all 0.3s ease;

  display: inline-block;

  padding: 6px 10px;

  border-radius: 4px;

}



#quotehistory_list a:hover {

  color: #764ba2;

  background-color: #f0f2f7;

  text-decoration: underline;

}



/* Action Columns */

.quote-view,

.quote-actions,

.quote-actions-message {

  text-align: center;

}



/* Responsive Design */

@media (max-width: 768px) {

  #quotehistory_list {

    font-size: 0.85rem;

  }

  

  #quotehistory_list thead th,

  #quotehistory_list td {

    padding: 12px 8px;

  }

  

  #quotehistory_list a {

    padding: 4px 8px;

    font-size: 0.85rem;

  }

}



@media (max-width: 576px) {

  #quotehistory_list {

    display: block;

    overflow-x: auto;

  }

  

  #quotehistory_list thead,

  #quotehistory_list tbody,

  #quotehistory_list tr,

  #quotehistory_list td,

  #quotehistory_list th {

    display: block;

  }

}



/* Page Content Container */

.page-content {

  max-width: 100%;

  margin: 20px auto;

  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}



/* Card Styling */

.card {

  background: white;

  border: none;

  border-radius: 10px;

  overflow: hidden;

  transition: box-shadow 0.3s ease;

}



.inner_row_sec table.table.table-bordered tr:first-of-type td:last-of-type:has(img) {

    position: relative;

}



.inner_row_sec table.table.table-bordered tr:first-of-type td:last-of-type:has(img)::before {

    position: absolute;

    content: "";

    width: 101%;

    height: 45px;

    background: #eff4fa;

    right: -1px;

    top: -46px;

    border-top: 1px solid black;

    border-right: 1px solid black;

}



.card-block {

  padding: 0;

}



/* Table Wrapper */

.parent-div-quote-table {

  overflow-x: auto;

  padding: 20px;

}



/* Table Styling */

.table {

  width: 100%;

  margin-bottom: 0;

  border-collapse: collapse;

  font-size: 14px;

  color: #333;

}



.table thead {

  background: var(--primary-color);

  color: white;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 0.5px;

}



.table thead tr {

  border: none;

}



.table thead td {

  padding: 18px 15px;

  text-align: left;

  border: none;

  font-size: 13px;

  font-weight: 700;

}



/* Table Body */

.table tbody tr {

  border-bottom: 1px solid #e8ecf1;

  transition: all 0.3s ease;

}



.table tbody tr:hover {

  background-color: #f9fafc;

  box-shadow: inset 0 0 10px rgba(102, 126, 234, 0.05);

}



.table tbody tr:last-child {

  border-bottom: none;

}



.table tbody td {

  padding: 16px 15px;

  vertical-align: middle;

  color: #555;

}



/* Product Image */

.news-cat-main-img {

  border-radius: 8px;

  border: 2px solid #e8ecf1;

  transition: transform 0.3s ease, filter 0.3s ease;

  object-fit: cover;

}



.news-cat-main-img:hover {

  transform: scale(1.1);

  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));

}



/* Product Name */

.adq-product-name {

  font-weight: 600;

  color: #2c3e50;

  line-height: 1.4;

  max-width: 250px;

}



/* Customer Info Container */

.container-client-info {

  background: #f8f9fb;

  padding: 30px;

  border-top: 2px solid #e8ecf1;

  margin-top: 20px;

}



.cuctomer-info-titles {

  margin-bottom: 14px;

  font-size: 14px;

  color: #555;

  display: flex;

  align-items: center;

  gap: 10px;

}



.cuctomer-info-titles label {

  font-weight: 600;

  color: #2c3e50;

  min-width: 100px;

  margin: 0;

  text-align: left;

}



.cuctomer-info-titles strong {

  font-weight: 700;

  color: var(--primary-color);

}



/* Footer Links */

.footer_links {

  list-style: none;

  padding: 20px 30px;

  margin: 0;

  background: #f8f9fb;

  border-top: 1px solid #e8ecf1;

  display: flex;

  gap: 15px;

}



.footer_links li {

  margin: 0;

}



/* Button Styling */

.button {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 12px 24px;

    background: var(--primary-color);

    color: white;

    border: none;

    border-radius: 8px;

    font-weight: 600;

    font-size: 14px;

    cursor: pointer;

    transition: all 0.3s 

ease;

    text-decoration: none;

    margin-bottom: 30px;

}



.button:hover {

  transform: translateY(-2px);

  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);

  color: white;

  text-decoration: none;

}



.button:active {

  transform: translateY(0);

  box-shadow: 0 3px 10px rgba(102, 126, 234, 0.3);

}



.button-info {

  background: var(--primary-color);

}



.icon-chevron-left::before {

  content: "←";

  font-size: 16px;

}



/* Responsive Design */

@media (max-width: 768px) {

  .page-content {

    padding: 15px;

    margin: 10px;

  }



  .parent-div-quote-table {

    padding: 15px;

  }



  .table {

    font-size: 12px;

  }



  .table thead td {

    padding: 12px 10px;

    font-size: 11px;

  }



  .table tbody td {

    padding: 12px 10px;

  }



  .adq-product-name {

    max-width: 150px;

    font-size: 13px;

  }



  .container-client-info {

    padding: 20px;

  }



  .cuctomer-info-titles {

    flex-direction: column;

    align-items: flex-start;

    gap: 5px;

  }



  .cuctomer-info-titles label {

    min-width: unset;

  }



  .footer_links {

    flex-direction: column;

    padding: 15px;

  }



  .button {

    width: 100%;

    justify-content: center;

  }

}



@media (max-width: 480px) {

  .table {

    font-size: 11px;

  }



  .table thead td {

    padding: 10px 8px;

    font-size: 10px;

  }



  .table tbody td {

    padding: 10px 8px;

  }



  .news-cat-main-img {

    width: 40px !important;

    height: 40px !important;

  }



  .adq-product-name {

    max-width: 120px;

    font-size: 12px;

  }

}



section.page-content.card.card-block {

    margin: 0;

}



.button-info i {

    margin-right: 6px;

}





.product-additional-info.js-product-additional-info {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 10px;

}



.product-additional-info.js-product-additional-info .product-comments-additional-info {

    margin: 0 !important;

}



div#addify_raq_button_main button {

    padding: 15px;

    display: flex;

    justify-content: center;

    align-items: center;

}



body#category form.products-per-page-form {

    flex-direction: row;

}



.page-product .product-container .product-add-to-cart.js-product-add-to-cart {

    display: inline-block !important;

}

@media (max-width: 540px){

.carousel .carousel-item figure{

    flex-direction: column-reverse !important;

}

 .carousel-item::after{

        display: none !important;

    }

}





.product-details .brand-image-wrap:has(.img-wrap) {

    width: 100% !important;

    margin-bottom: 40px;

    border-bottom: 1px solid var(--greycolor);

    padding-bottom: 40px;

    align-items: start !important;

}



.product-details .brand-image-wrap:has(.img-wrap) .img-wrap img{

    width: 100% !important;

}

.product-details .brand-image-wrap:has(.img-wrap) .content-box h2{

        font-size: var(--h2size);

    text-transform: capitalize;

    line-height: 1.3 !important;

    margin-bottom: 20px;

}

.product-details .brand-image-wrap:has(.img-wrap) .img-wrap{

    width: 50% !important;

}

.product-details .brand-image-wrap:has(.img-wrap) .content-box{

    width: 50% !important;

}

.product-details > .brand-image-wrap{

    border-bottom:1px solid var(--greycolor);

    padding-bottom:25px;

    margin-bottom:25px;

}




/* design fixes 1-4-26 */
body .ets_mm_megamenu::before {
    content: none;
}

.top-store-info {
    background-color: var(--primary-color);
    padding: 8px 15px;color: white;
    margin-inline: auto;
    display: flex;
    text-align: center;
    justify-content: center;
}

.product-details .brand-image-wrap:has(.img-wrap) .content-box .custom-btns-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top:15px;
}

.product-details .brand-image-wrap:has(.img-wrap) .content-box .custom-btns-wrap > a {
    padding: 15px 30px 15px 30px !important;
    background-color: var(--primary-color) !important;
    color: var(--whitecolor) !important;
    border-radius: 25px !important;
    border: 1px solid var(--primary-color) !important;
    font-weight: 600;
}

.product-details .brand-image-wrap:has(.img-wrap) .content-box .custom-btns-wrap > a:hover {
    background: transparent !important;
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.product-details .brand-image-wrap:has(.img-wrap) {
    align-items: center !important;
}

#header .layout_layout1 .ets_mm_block_content a {
    text-wrap: auto;
}


.slider-static-sec .category-item .category-img {
    aspect-ratio: 1;
    min-width: 190px;
}
@media (max-width:576px) {
    .product-details .brand-image-wrap:has(.img-wrap) .content-box .custom-btns-wrap > a{
        padding: 10px 25px 10px 25px !important;
    }
    .top-store-info{
        font-size: clamp(12px, 3.3vw, 16px);
            padding: 5px 15px;
    }
}