/* ===============================
   80% SCREEN (~1920px)
=================================*/
@media (max-width: 1920px) {
    .container {
        max-width: 90%;
    }
}

/* ===============================
   90% SCREEN (~1707px)
=================================*/

@media (max-width: 1710px) {

    /*============== Privacy policy ============*/
    .privacy-card {
        background: #fff;
        padding: 40px;
    }

    .privacy-card p {
        font-family: var(--Secondary-font);
        font-size: 17px;
    }

    .effective-date {
        margin-bottom: 15px;
    }

    .privacy-item h2 {
        font-family: var(--primary-font);
        font-size: 22px;
        margin-bottom: 16px;
    }

    .privacy-item h2::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0px;
        width: 6px;
        height: 22px;
    }

    .privacy-item ul li {
        font-family: var(--Secondary-font);
        font-size: 17px;
        color: #555;
        list-style: auto;
        line-height: 2;
    }

    .privacy-item {
        margin-top: 27px;
    }

    .privacy-contact {
        margin-top: 47px;
        padding: 25px;
    }

    .privacy-contact h2 {
        font-family: var(--primary-font);
        font-size: 26px;
        margin-bottom: 7px;
    }

    .privacy-contact p {
        margin-bottom: 15px;
    }

    .privacy-contact ul li {
        font-size: 16px;
        font-family: 'Urbanist';
        padding: 2px 0;
    }

    /*========== Thankyou-page==============*/
    .thankyou-section {
        padding: 60px 0;
        background: #fff;
    }

    .emoji {
        font-size: 50px;
    }

    .thankyou-left {
        padding: 28px 170px;
    }

    .emoji-wrapper {
        margin-bottom: 35px;
    }

    .sub-title {
        font-size: 37px;
    }

    .description {
        font-family: 'Inter';
        font-size: 22px;
        margin-top: 24px;
    }

    .back-home {
        margin-top: 28px;
        padding: 10px 20px;
        font-weight: 600;
        font-size: 19px;
    }
        /*============== cart-page ==============*/
    /*============== cart-page ==============*/

    .layout-checkout-form {
        margin: 50px 70px;
    }

    .layout-region-checkout-main .fieldset-legend {
        padding: 19px 21px;
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 4px 20px 20px
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 4px 20px 20px;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 306px;
        height: 36px;
        padding: 0 18px;
        border: 1px solid #dcdcdc;
        border-radius: 10px;
    }

    .form-item label {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .layout-region-checkout-main fieldset {
        margin: 20px 0 30px;
    }

    .layout-region-checkout-main .fieldset-legend {
        font-size: 19px;
    }

    .form-text {
        width: 202px;
    }

    .form-item label {
        margin-top: 10px;
    }

    input#edit-actions-next {
        padding: 10px 16px;
    }

    a.link--previous {
        padding: 8px 20px;
        font-size: 12px;

    }

    #edit-sidebar-coupon-redemption-form-apply {
        width: 100%;
        height: 38px;
        ;
        font-size: 14px;
    }

    .form-item-sidebar-coupon-redemption-form-code label {
        display: block;
        font-size: 13px;
    }

    .checkout-pane-coupon-redemption {
        margin-top: 18px;
    }

    .layout-region-checkout-secondary {
        padding: 13px;
    }

    .layout-region-checkout-secondary h3 {
        font-size: 20px;
        margin-bottom: 0px;
        padding-bottom: 16px;
    }

    .cols-0 td {
        padding: 13px 11px;
    }

    .views-field-purchased-entity>div>div:first-child {
        font-size: 16px;
    }

    .views-field-total-price__number {
        width: auto;
        text-align: right;
        font-size: 14px;
    }

    .order-total-line {
        padding: 11px 9px;
    }

    .order-total-line-label {
        font-size: 15px;
        padding: 0;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 400px;
        height:48px;
    }
    .form-email
    {
        width:410px;
    }
    

    .order-total-line {
        margin: 10px 0;
    }

    .views-field-quantity {
        width: 60px;
        text-align: center;
        font-size: 15px;
    }

/*================ User-Form ==================*/
.user-form {
    max-width: 555px;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
    margin: 40px auto;
    padding: 23px;
}
.js-form-item.form-item.js-form-type-password.form-item-current-pass.js-form-item-current-pass .form-text {
                width: 100% !important;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
    }
    .description {
        font-family: 'Urbanist';
        font-size: 12px;
        margin-bottom: 12px;
        margin-top: 12px;
    }
.js-form-item.form-item.js-form-type-email.form-item-mail.js-form-item-mail .form-email
    {
        width:100%;
        font-size: 14px;
        padding: 15px;
        border-radius: 0px;
    }
    input#edit-pass-pass1 {
    width: 100%;
        font-size: 14px;
        padding: 15px;
        border-radius: 0px;
}
input#edit-pass-pass2 {
           width: 100% !important;
        font-size: 14px;
        padding: 15px;
        border-radius: 0px;
}
.user-form .form-submit
{
    min-width: 103px;
    height: 32px;
    margin-top:20px;
}
input#edit-pass-pass2 {
    width: 100%;
}
.password-strength__title {
    display: inline;
    font-weight: 500;
    font-size: 11px;
    font-family: 'Bai Jamjuree';
}
.password-suggestions {
    font-size: 14px;
    margin: 0;
    font-family: 'Bai Jamjuree';
}
.password-suggestions ul {
    list-style: outside;
    margin-left: 12px;
    margin-top: 9px;
}
.password-confirm-message {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 8px;
    font-family: 'Bai Jamjuree';
    font-weight: 500;

}
}

/* ===============================
   100% SCREEN (~1536px)
=================================*/

@media (max-width: 1536px) {


    /*====== Banner-Section =============*/

    .top-header {
        font-size: 16px;
        padding: 12px 0;
    }

    .logo img {
        width: 95px !important;
        height: auto;
    }

    .menus ul li a {
        font-size: 18px;
    }

    .login i {
        font-size: 18px;
    }

    .login p {
        font-size: 19px;
    }

    .headers {
        padding: 15px 0 !important;
    }

    .menus ul {
        display: flex;
        gap: 42px;
    }

    .banner-content {
        padding: 120px 0;
    }

    .pre-quality {
        font-size: 28px;
    }

    .banner-content h1 {
        font-size: 67px !important;
    }

    .banner-content p {
        font-size: 20px !important;
        max-width: 50%;
    }

    .banner-btn {
        padding: 10px 28px;
        font-size: 20px;
    }

    .banner-btns {
        padding: 10px 23px;
        font-size: 20px;
    }

    .Banner-Section {
        height: auto !important;
    }

    /*====== Second-Banner-Section========*/

    .product-section {
        padding: 60px 0;
    }

    .product-heading {
        font-size: 35px !important;
        max-width: 70%;
        line-height: 40px;
    }

    .heading-p p {
        font-size: 18px !important;
        max-width: 75%;
    }

    .products h3 {
        margin-top: 20px;
        font-size: 24px;
        margin: 0 !important;
    }

    .products a {
        font-size: 15px;
        margin-top: 10px;
    }

    .products {
        text-align: center;
        padding: 0px !important;
    }

    /*========== Product-Section ==========*/
    .arival-products {
        background: rgb(239, 239, 239);
        padding: 39px 0 6px;
    }

    .arival-card-img {
        height: 246px;
    }

    .arrival-detail h3 {
        font-family: var(--Secondary-font);
        font-size: 17px;
    }

    .arrival-detail h3 span {
        margin-top: 5px;
    }

    .arival-products {
        background: rgb(239, 239, 239);
        padding: 39px 0 29px;
    }

    /*========== Slider-Section =============*/

    .review-slider {
        padding: 60px 0
    }

    .slider-card p {
        padding-top: 30px;
        font-size: 13px;

    }

    .owner-name img {
        height: 55px;
        width: 55px;
    }

    .slider-card {
        padding: 18px;
    }

    .review-rating i {
        color: #fff200e0;
        font-size: 8px;
    }

    span.reviewer-role {
        font-size: 16px;

    }

    .owner-position {
        margin-left: 5px;
        flex-direction: column-reverse;
        display: flex;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 26px;
    }

    /*============ Dry-fruit-Section ==============*/

    .dryfruit-section {
        position: relative;
        height: 385px;
    }

    a.dryfruit-a {
        font-size: 14px;
    }

    .dryfruit-detail {
        padding: 36px 0 0 0;
    }

    .dryfruit-detail h2 {
        font-size: 54px !important;
        max-width: 38%;
    }

    .dryfruit-detail p {
        font-size: 17px !important;
        max-width: 35%;
    }

    /*============== Accordian ===========*/

    .faq-accordians {
        padding: 50px 0;
        background: rgb(233, 233, 233);
    }

    .accordion {
        padding: 0px 89px;
        margin-top: 50px;
    }

    .accordion-button {
        font-size: 18px;
        padding-top: 22px;
        padding-bottom: 17px;
    }

    .accordion-body {
        font-size: 15px;
        padding: 0 20px 20px
    }

    /*========= Product-Quality ============*/
    .faq-txt-banner {
        position: relative;
        background: url(../images/faq-second-banner.jpeg);
        padding: 42px 0;
    }

    .faq-txt h3 {
        font-size: 34px;
        font-family: var(--primary-font);
        font-weight: 700;
        line-height: 52px;
        margin-bottom: 15px;
    }

    .faq-txt p {
        font-size: 15px;
    }

    /*========== Blog-Section ============*/

    .blog-card-section {
        padding-top: 45px;
    }

    .blog-cards {
        padding: 12px;
    }

    .blog-cards h3 {
        font-family: var(--Secondary-font);
        font-size: 16px;
        line-height: 24px;
        line-height: 18px;
        font-weight: 500;
        padding: 15px 3px;
    }

    .blog-date button {
        padding: 9px 15px;
        font-size: 14px;
    }

    .blog-date time {
        font-weight: 500;
        font-size: 12px;
    }

    .blog-cards img {
        height: 142px !important;
    }

    .blog-cards h3 {
        font-family: var(--Secondary-font);
        font-size: 16px;
    }

    /*========= Blog-Section ============*/

    footer {
        padding: 39px 0;
    }

    .logo-section img {
        width: 129px;
        height: 112px;
    }

    .fa-brands {
        font-size: 17px;
        object-fit: cover;
        padding: 3px 3px;

    }

    .footer-explore h2 {
        font-size: 20px;
    }

    .footer-explore ul li {
        font-size: 12px;
    }

    .copy-right {
        font-size: 12px !important;
    }

    /*============== Privacy policy ============*/
    .privacy-card {
        background: #fff;
        padding: 40px;
    }

    .privacy-card p {
        font-family: var(--Secondary-font);
        font-size: 17px;
    }

    .effective-date {
        margin-bottom: 15px;
    }

    .privacy-item h2 {
        font-family: var(--primary-font);
        font-size: 22px;
        margin-bottom: 16px;
    }

    .privacy-item h2::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0px;
        width: 6px;
        height: 22px;
    }

    .privacy-item ul li {
        font-family: var(--Secondary-font);
        font-size: 17px;
        color: #555;
        list-style: auto;
        line-height: 2;
    }

    .privacy-item {
        margin-top: 27px;
    }

    .privacy-contact {
        margin-top: 47px;
        padding: 25px;
    }

    .privacy-contact h2 {
        font-family: var(--primary-font);
        font-size: 26px;
        margin-bottom: 7px;
    }

    .privacy-contact p {
        margin-bottom: 15px;
    }

    .privacy-contact ul li {
        font-size: 16px;
        font-family: 'Urbanist';
        padding: 2px 0;
    }

    /*========== Thankyou-page==============*/
    .thankyou-section {
        padding: 60px 0;
        background: #fff;
    }

    .emoji {
        font-size: 47px;
    }

    .thankyou-left {
        padding: 25px 170px;
    }

    .emoji-wrapper {
        margin-bottom: 30px;
    }

    .sub-title {
        font-size: 33px;
    }

    .description {
        font-family: 'Inter';
        font-size: 19px;
        margin-top: 24px;
    }

    .back-home {
        margin-top: 28px;
        padding: 10px 20px;
        font-weight: 600;
        font-size: 19px;
    }

    /*============ Cart-Page ===============*/
    /*============ Cart-Page ===============*/

    .cart {
        margin: 60px 140px;
    }

    .cart .views-form {
        padding: 28px;
    }

    .cart table thead th {
        padding: 16px;
        font-size: 17px;
    }

    .cart table tbody td {
        padding: 28px 25px;
    }

    .views-field-purchased-entity a {
        margin: 0;
        font-size: 18px;
    }

    .cart table tbody td {
        padding: 26px 26px;
        border-bottom: 1px solid #ececec;
        text-align: center;
        vertical-align: middle;
        font-size: 16px;
    }

    .form-item {
        margin-bottom: 0px !important;
    }

    .cart input[type="number"],
    .cart input[type="text"] {
        border: 2px solid #ececec;
        border-radius: 10px;
        height: 30px;
        padding: 0 15px;
        transition: .3s;
    }

    .quantity-edit-input {
        width: 65px !important;
        font-size: 17px;

    }

    .delete-order-item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 30px;
    }

    .order-total-line {
        padding: 15px 25px;
    }

    .order-total-line-value {
        font-size: 22px;
    }

    .order-total-line-label {
        font-size: 22px;
    }

    .order-total-line__total .order-total-line-label,
    .order-total-line__total .order-total-line-value {
        color: #BE5504;
        font-size: 19px;
    }

    .cart .form-actions {
        margin-top: 30px;
    }

    .cart input[value="Update cart"] {
        padding: 15px 10px;
    }

    input[id^="edit-submit"] {
        max-width: 175px;
    }

    .order-total-line__total .order-total-line-label,
    .order-total-line__total .order-total-line-value {
        color: #BE5504;
        font-size: 18px;
        font-weight: 700;
    }

    #edit-checkout {
        padding: 9px 24px;
        font-size: 18px;
    }

    input#edit-submit {
        width: 148px;
        border-radius: 0;
        font-size: 18px;
    }
               /*============== cart-page ==============*/
    /*============== cart-page ==============*/

    .layout-checkout-form {
        margin: 50px 70px;
    }

    .layout-region-checkout-main .fieldset-legend {
        padding: 19px 21px;
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 4px 20px 20px
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 4px 20px 20px;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 306px;
        height: 36px;
        padding: 0 18px;
        border: 1px solid #dcdcdc;
        border-radius: 10px;
    }

    .form-item label {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .layout-region-checkout-main fieldset {
        margin: 20px 0 30px;
    }

    .layout-region-checkout-main .fieldset-legend {
        font-size: 19px;
    }

    .form-text {
        width: 202px;
    }

    .form-item label {
        margin-top: 10px;
    }

    input#edit-actions-next {
        padding: 10px 16px;
    }

    a.link--previous {
        padding: 8px 20px;
        font-size: 12px;

    }

    #edit-sidebar-coupon-redemption-form-apply {
        width: 100%;
        height: 38px;
        ;
        font-size: 14px;
    }

    .form-item-sidebar-coupon-redemption-form-code label {
        display: block;
        font-size: 13px;
    }

    .checkout-pane-coupon-redemption {
        margin-top: 18px;
    }

    .layout-region-checkout-secondary {
        padding: 13px;
    }

    .layout-region-checkout-secondary h3 {
        font-size: 20px;
        margin-bottom: 0px;
        padding-bottom: 16px;
    }

    .cols-0 td {
        padding: 13px 11px;
    }

    .views-field-purchased-entity>div>div:first-child {
        font-size: 16px;
    }

    .views-field-total-price__number {
        width: auto;
        text-align: right;
        font-size: 14px;
    }

    .order-total-line {
        padding: 11px 9px;
    }

    .order-total-line-label {
        font-size: 15px;
        padding: 0;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 400px;
        height:48px;
    }
    .form-email
    {
        width:410px;
    }
    

    .order-total-line {
        margin: 10px 0;
    }

    .views-field-quantity {
        width: 60px;
        text-align: center;
        font-size: 15px;
    }
            #block-shreejbr-primary-local-tasks ul
    {
            margin: 13px 80px;
    }
    #block-shreejbr-primary-local-tasks li a {
    font-size: 13px;
    }
    #block-shreejbr-primary-local-tasks li:not(:last-child)::after {
    content: "|";
    margin: 0 6px;
    color: #999;
    font-size: 9px;
    font-weight: 600;
}
.js-form-item.form-item.js-form-type-item.form-item-.js-form-item-.form-no-label {
    margin: 50px auto;
    margin-bottom: 50px !important;
    max-width: 400px;
    box-shadow: 0px 0px 20px #80808026;
    padding: 25px;
    font-size: 11px;
    font-family: 'Bai Jamjuree';
    border-radius: 10px;
}
.cart-icon svg {
    width: 22px;
    height: 23px;
    fill: #BE5504;
}
/*========= Payment ===========*/
table.responsive-enabled {
    width: 100%;
    max-width: 590px;
}
table.responsive-enabled thead th {
    padding: 18px 16px;
    font-size: 14px;
}
table.responsive-enabled tbody td[colspan] {
    padding: 24px 18px;
    font-size: 17px;
}
table.responsive-enabled tbody td[colspan]::before 
{
    margin-bottom:2px;
}
table.responsive-enabled tbody td[colspan]::after {
    margin-top: 6px;
    font-size: 13px;
}
/*================ User-Form ==================*/
.user-form {
    max-width: 555px;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
    margin: 40px auto;
    padding: 23px;
}
.js-form-item.form-item.js-form-type-password.form-item-current-pass.js-form-item-current-pass .form-text {
                width: 100% !important;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
    }
    .description {
        font-family: 'Urbanist';
        font-size: 12px;
        margin-bottom: 12px;
        margin-top: 12px;
    }
.js-form-item.form-item.js-form-type-email.form-item-mail.js-form-item-mail .form-email
    {
        width:100%;
        font-size: 14px;
        padding: 15px;
        border-radius: 0px;
    }
    input#edit-pass-pass1 {
    width: 100%;
        font-size: 14px;
        padding: 15px;
        border-radius: 0px;
}
input#edit-pass-pass2 {
           width: 100% !important;
        font-size: 14px;
        padding: 15px;
        border-radius: 0px;
}
.user-form .form-submit
{
    min-width: 103px;
    height: 32px;
    margin-top:20px;
}
input#edit-pass-pass2 {
    width: 100%;
}
.password-strength__title {
    display: inline;
    font-weight: 500;
    font-size: 11px;
    font-family: 'Bai Jamjuree';
}
.password-suggestions {
    font-size: 14px;
    margin: 0;
    font-family: 'Bai Jamjuree';
}
.password-suggestions ul {
    list-style: outside;
    margin-left: 12px;
    margin-top: 9px;
}
.password-confirm-message {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 8px;
    font-family: 'Bai Jamjuree';
    font-weight: 500;

}
}

/* ===============================
   110% SCREEN (~1396px)
=================================*/

@media (max-width: 1400px) {

    /*====== Banner-Section =============*/

    .top-header {
        font-size: 14px;
        padding: 10px 0;
    }

    .logo img {
        width: 95px !important;
        height: auto;
    }

    .menus ul li a {
        font-size: 15px;
    }

    .login i {
        font-size: 17px;
    }

    .login p {
        font-size: 18px;
    }

    .headers {
        padding: 13px 0 !important;
    }

    .menus ul {
        display: flex;
        gap: 42px;
    }

    .banner-content {
        padding: 110px 0;
    }

    .pre-quality {
        font-size: 25px;
    }

    .banner-content h1 {
        font-size: 57px !important;
    }

    .banner-content p {
        font-size: 18px !important;
        max-width: 50%;
    }

    .banner-btn {
        padding: 7px 25px;
        font-size: 18px;
    }

    .banner-btns {
        padding: 8px 23px;
        font-size: 18px;
    }

    .Banner-Section {
        height: auto !important;
    }

    /*====== Second-Banner-Section========*/

    .product-section {
        padding: 60px 0;
    }

    .product-heading {
        font-size: 30px !important;
        max-width: 60%;
        line-height: 38px;
    }

    .heading-p p {
        font-size: 15px !important;
        max-width: 75%;
    }

    .products h3 {
        margin-top: 20px;
        font-size: 21px;
        margin: 0 !important;
    }

    .products a {
        font-size: 15px;
        margin-top: 10px;
    }

    .products {
        text-align: center;
        padding: 0px !important;
    }

    /*========== Product-Section ==========*/
    .arival-products {
        background: rgb(239, 239, 239);
        padding: 39px 0 6px;
    }

    .arival-card-img {
        height: 246px;
    }

    .arrival-detail h3 {
        font-family: var(--Secondary-font);
        font-size: 17px;
    }

    .arrival-detail h3 span {
        margin-top: 5px;
    }

    .arival-products {
        background: rgb(239, 239, 239);
        padding: 39px 0 29px;
    }

    /*========== Slider-Section =============*/

    .review-slider {
        padding: 60px 0
    }

    .slider-card p {
        padding-top: 30px;
        font-size: 13px;

    }

    .owner-name img {
        height: 55px;
        width: 55px;
    }

    .slider-card {
        padding: 18px;
    }

    .review-rating i {
        color: #fff200e0;
        font-size: 8px;
    }

    span.reviewer-role {
        font-size: 16px;

    }

    .owner-position {
        margin-left: 5px;
        flex-direction: column-reverse;
        display: flex;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 26px;
    }

    /*============ Dry-fruit-Section ==============*/

    .dryfruit-section {
        position: relative;
        height: 385px;
    }

    a.dryfruit-a {
        font-size: 14px;
    }

    .dryfruit-detail {
        padding: 36px 0 0 0;
    }

    .dryfruit-detail h2 {
        font-size: 54px !important;
        max-width: 38%;
    }

    .dryfruit-detail p {
        font-size: 17px !important;
        max-width: 35%;
    }

    /*============== Accordian ===========*/

    .faq-accordians {
        padding: 50px 0;
        background: rgb(233, 233, 233);
    }

    .accordion {
        padding: 0px 89px;
        margin-top: 50px;
    }

    .accordion-button {
        font-size: 18px;
        padding-top: 22px;
        padding-bottom: 17px;
    }

    .accordion-body {
        font-size: 15px;
        padding: 0 20px 20px
    }

    /*========= Product-Quality ============*/
    .faq-txt-banner {
        position: relative;
        background: url(../images/faq-second-banner.jpeg);
        padding: 42px 0;
    }

    .faq-txt h3 {
        font-size: 34px;
        font-family: var(--primary-font);
        font-weight: 700;
        line-height: 52px;
        margin-bottom: 15px;
    }

    .faq-txt p {
        font-size: 15px;
    }

    /*========== Blog-Section ============*/

    .blog-card-section {
        padding-top: 45px;
    }

    .blog-cards {
        padding: 12px;
    }

    .blog-cards h3 {
        font-family: var(--Secondary-font);
        font-size: 16px;
        line-height: 24px;
        line-height: 18px;
        font-weight: 500;
        padding: 15px 3px;
    }

    .blog-date button {
        padding: 9px 15px;
        font-size: 14px;
    }

    .blog-date time {
        font-weight: 500;
        font-size: 12px;
    }

    .blog-cards img {
        height: 142px !important;
    }

    .blog-cards h3 {
        font-family: var(--Secondary-font);
        font-size: 13px;
    }

    /*========= Blog-Section ============*/

    footer {
        padding: 39px 0;
    }

    .logo-section img {
        width: 129px;
        height: 112px;
    }

    .fa-brands {
        font-size: 17px;
        object-fit: cover;
        padding: 3px 3px;

    }

    .footer-explore h2 {
        font-size: 20px;
    }

    .footer-explore ul li {
        font-size: 12px;
    }

    .copy-right {
        font-size: 12px !important;
    }

    /*============== Privacy policy ============*/
    .privacy-card {
        background: #fff;
        padding: 40px;
    }

    .privacy-card p {
        font-family: var(--Secondary-font);
        font-size: 17px;
    }

    .effective-date {
        margin-bottom: 15px;
    }

    .privacy-item h2 {
        font-family: var(--primary-font);
        font-size: 22px;
        margin-bottom: 16px;
    }

    .privacy-item h2::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0px;
        width: 6px;
        height: 22px;
    }

    .privacy-item ul li {
        font-family: var(--Secondary-font);
        font-size: 17px;
        color: #555;
        list-style: auto;
        line-height: 2;
    }

    .privacy-item {
        margin-top: 27px;
    }

    .privacy-contact {
        margin-top: 47px;
        padding: 25px;
    }

    .privacy-contact h2 {
        font-family: var(--primary-font);
        font-size: 26px;
        margin-bottom: 7px;
    }

    .privacy-contact p {
        margin-bottom: 15px;
    }

    .privacy-contact ul li {
        font-size: 16px;
        font-family: 'Urbanist';
        padding: 2px 0;
    }

    /*========== Thankyou-page==============*/
    .thankyou-section {
        padding: 60px 0;
        background: #fff;
    }

    .emoji {
        font-size: 42px;
    }

    .thankyou-left {
        padding: 20px 170px;
    }

    .emoji-wrapper {
        margin-bottom: 30px;
    }

    .sub-title {
        font-size: 29px;
    }

    .description {
        font-family: 'Inter';
        font-size: 17px;
        margin-top: 24px;
    }

    .back-home {
        margin-top: 28px;
        padding: 10px 20px;
        font-weight: 600;
        font-size: 15px;
    }

    /*============ Cart-Page ===============*/
    /*============ Cart-Page ===============*/

    .cart {
        margin: 60px 80px;
    }

    .cart .views-form {
        padding: 28px;
    }

    .cart table thead th {
        padding: 16px;
        font-size: 15px;
    }

    .cart table tbody td {
        padding: 25px 23px;
    }

    .views-field-purchased-entity a {
        margin: 0;
        font-size: 15px;
    }

    .cart table tbody td {
        padding: 22px 23px;
        border-bottom: 1px solid #ececec;
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
    }

    .form-item {
        margin-bottom: 0px !important;
    }

    .cart input[type="number"],
    .cart input[type="text"] {
        border: 2px solid #ececec;
        border-radius: 10px;
        height: 30px;
        padding: 0 15px;
        transition: .3s;
    }

    .quantity-edit-input {
        width: 65px !important;
        font-size: 14px;

    }

    .delete-order-item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 30px;
    }

    .order-total-line {
        padding: 11px 20px;
    }

    .order-total-line-value {
        font-size: 18px;
    }

    .order-total-line-label {
        font-size: 18px;
    }

    .order-total-line__total .order-total-line-label,
    .order-total-line__total .order-total-line-value {
        color: #BE5504;
        font-size: 19px;
    }

    .cart .form-actions {
        margin-top: 30px;
    }

    .cart input[value="Update cart"] {
        padding: 15px 10px;
    }

    input[id^="edit-submit"] {
        max-width: 175px;
    }

    .order-total-line__total .order-total-line-label,
    .order-total-line__total .order-total-line-value {
        color: #BE5504;
        font-size: 18px;
        font-weight: 700;
    }

    #edit-checkout {
        padding: 9px 24px;
        font-size: 14px;
    }

    input#edit-submit {
        width: 118px;
        border-radius: 0;
        font-size: 15px;
    }

    /*============== cart-page ==============*/
    /*============== cart-page ==============*/

    .layout-checkout-form {
        margin: 50px 70px;
    }

    .layout-region-checkout-main .fieldset-legend {
        padding: 14px 21px;
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 4px 20px 20px
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 4px 20px 20px;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 306px;
        height: 36px;
        padding: 0 18px;
        border: 1px solid #dcdcdc;
        border-radius: 10px;
    }

    .form-item label {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .layout-region-checkout-main fieldset {
        margin: 20px 0 30px;
    }

    .layout-region-checkout-main .fieldset-legend {
        font-size: 17px;
    }

    .form-text {
        width: 202px;
    }

    .form-item label {
        margin-top: 10px;
    }

    input#edit-actions-next {
        padding: 10px 16px;
    }

    a.link--previous {
        padding: 8px 20px;
        font-size: 12px;

    }

    #edit-sidebar-coupon-redemption-form-apply {
        width: 100%;
        height: 38px;
        ;
        font-size: 14px;
    }

    .form-item-sidebar-coupon-redemption-form-code label {
        display: block;
        font-size: 13px;
    }

    .checkout-pane-coupon-redemption {
        margin-top: 18px;
    }

    .layout-region-checkout-secondary {
        padding: 13px;
    }

    .layout-region-checkout-secondary h3 {
        font-size: 16px;
        margin-bottom: 0px;
        padding-bottom: 13px;
    }

    .cols-0 td {
        padding: 13px 11px;
    }

    .views-field-purchased-entity>div>div:first-child {
        font-size: 14px;
    }

    .views-field-total-price__number {
        width: auto;
        text-align: right;
        font-size: 14px;
    }

    .order-total-line {
        padding: 11px 9px;
    }

    .order-total-line-label {
        font-size: 15px;
        padding: 0;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 260px;
    }

    .order-total-line {
        margin: 10px 0;
    }

    .views-field-quantity {
        width: 60px;
        text-align: center;
        font-size: 15px;
    }
            #block-shreejbr-primary-local-tasks ul
    {
            margin: 13px 75px;
    }
    #block-shreejbr-primary-local-tasks li a {
    font-size: 12px;
    }
    #block-shreejbr-primary-local-tasks li:not(:last-child)::after {
    content: "|";
    margin: 0 6px;
    color: #999;
    font-size: 9px;
    font-weight: 600;
}
.js-form-item.form-item.js-form-type-item.form-item-.js-form-item-.form-no-label {
    margin: 50px auto;
    margin-bottom: 50px !important;
    max-width: 400px;
    box-shadow: 0px 0px 20px #80808026;
    padding: 25px;
    font-size: 11px;
    font-family: 'Bai Jamjuree';
    border-radius: 10px;
}
.cart-icon svg {
    width: 20px;
    height: 20px;
    fill: #BE5504;
}
/*========= Payment ===========*/
table.responsive-enabled {
    width: 100%;
    max-width: 490px;
}
table.responsive-enabled thead th {
    padding: 11px 16px;
    font-size: 14px;
}
table.responsive-enabled tbody td[colspan] {
    padding: 20px 18px;
    font-size: 16px;
}
table.responsive-enabled tbody td[colspan]::before 
{
    margin-bottom:2px;
}
table.responsive-enabled tbody td[colspan]::after {
    margin-top: 6px;
    font-size: 13px;
}
/*================ User-Form ==================*/
.user-form {
    max-width: 455px;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
    margin: 40px auto;
    padding: 23px;
}
.js-form-item.form-item.js-form-type-password.form-item-current-pass.js-form-item-current-pass .form-text {
                width: 100% !important;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
    }
    .description {
        font-family: 'Urbanist';
        font-size: 9px;
        margin-bottom: 12px;
        margin-top: 12px;
    }
.js-form-item.form-item.js-form-type-email.form-item-mail.js-form-item-mail .form-email
    {
        width:100%;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
    }
    input#edit-pass-pass1 {
    width: 100%;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
}
input#edit-pass-pass2 {
           width: 100% !important;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
}
.user-form .form-submit
{
    min-width: 103px;
    height: 32px;
    margin-top:20px;
}
input#edit-pass-pass2 {
    width: 100%;
}
.password-strength__title {
    display: inline;
    font-weight: 500;
    font-size: 11px;
    font-family: 'Bai Jamjuree';
}
.password-suggestions {
    font-size: 10px;
    margin: 0;
    font-family: 'Bai Jamjuree';
}
.password-suggestions ul {
    list-style: outside;
    margin-left: 12px;
    margin-top: 9px;
}
.password-confirm-message {
    font-size: 11px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: 'Bai Jamjuree';
    font-weight: 500;

}
/*=========== Order==================*/

table.cols-4 {
    width: 56%;
    max-width: 1021px;
    margin: 40px auto;
}
table.cols-4 thead th a {
    color: #222;
    font-family: 'Bai Jamjuree';
    font-size: 11px;
    text-decoration: none;
}
table.cols-4 thead th
{
    text-align:center;
}
.tablesort {
    display: inline-block;
    width: 11px;
    height: 13px;

}
table.cols-4 tr:last-child td {
    border-bottom: none;
        font-size: 13px;
    text-align: center;
}
.views-field-order-number a {
    color: #BE5504;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    font-family: 'Bai Jamjuree';
}
.views-field-placed time {
    color: #666;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Urbanist';
}
table.cols-4 th:not(:last-child), table.cols-4 td:not(:last-child) {
    border-right: 1px solid #efefef;
    font-size: 10px;
}
table.cols-4 thead th {
    padding: 14px 19px;
}
}

/* ===============================
   125% SCREEN (~1229px)
=================================*/
@media (max-width: 1230px) {

    /*====== Banner-Section =============*/

    .top-header {
        font-size: 11px;
        padding: 7px 0;
    }

    .logo img {
        width: 75px !important;
        height: auto;
    }

    .menus ul li a {
        font-size: 13px;
    }

    .login i {
        font-size: 15px;
    }

    .login p {
        font-size: 16px;
    }

    .headers {
        padding: 11px 0 !important;
    }

    .menus ul {
        display: flex;
        gap: 42px;
    }

    .banner-content {
        padding: 65px 0;
    }

    .pre-quality {
        font-size: 22px;
    }

    .banner-content h1 {
        font-size: 47px !important;
    }

    .banner-content p {
        font-size: 15px !important;
        max-width: 50%;
    }

    .banner-btn {
        padding: 7px 25px;
        font-size: 16px;
    }

    .banner-btns {
        padding: 8px 23px;
        font-size: 16px;
    }

    .Banner-Section {
        height: auto !important;
    }

    /*====== Second-Banner-Section========*/

    .product-section {
        padding: 40px 0;
    }

    .product-heading {
        font-size: 30px !important;
        max-width: 60%;
        line-height: 35px;
    }

    .heading-p p {
        font-size: 13px !important;
        max-width: 75%;
    }

    .products h3 {
        margin-top: 20px;
        font-size: 18px;
        margin: 0 !important;
    }

    .products a {
        font-size: 13px;
        margin-top: 10px;
    }

    .products {
        text-align: center;
        padding: 0px !important;
    }

    /*========== Product-Section ==========*/
    .arival-products {
        background: rgb(239, 239, 239);
        padding: 39px 0 6px;
    }

    .arival-card-img {
        height: 276px;
    }

    .arrival-detail h3 {
        font-family: var(--Secondary-font);
        font-size: 15px;
    }

    .arrival-detail h3 span {
        margin-top: 5px;
    }

    .arival-products {
        background: rgb(239, 239, 239);
        padding: 39px 0 29px;
    }

    /*========== Slider-Section =============*/

    .review-slider {
        padding: 60px 0
    }

    .slider-card p {
        padding-top: 30px;
        font-size: 12px;

    }

    .owner-name img {
        height: 50px;
        width: 50px;
    }

    .slider-card {
        padding: 18px;
    }

    .review-rating i {
        color: #fff200e0;
        font-size: 8px;
    }

    span.reviewer-role {
        font-size: 14px;

    }

    .owner-position {
        margin-left: 5px;
        flex-direction: column-reverse;
        display: flex;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 26px;
    }

    /*============ Dry-fruit-Section ==============*/

    .dryfruit-section {
        position: relative;
        height: 363px;
    }

    a.dryfruit-a {
        font-size: 14px;
    }

    .dryfruit-detail {
        padding: 36px 0 0 0;
    }

    .dryfruit-detail h2 {
        font-size: 53px !important;
        max-width: 38%;
    }

    .dryfruit-detail p {
        font-size: 14px !important;
        max-width: 35%;
    }

    /*============== Accordian ===========*/

    .faq-accordians {
        padding: 40px 0;
        background: rgb(233, 233, 233);
    }

    .accordion {
        padding: 0px 59px;
        margin-top: 50px;
    }

    .accordion-button {
        font-size: 15px;
        padding-top: 19px;
        padding-bottom: 17px;
    }

    .accordion-body {
        font-size: 12px;
        padding: 0 20px 20px
    }

    /*========= Product-Quality ============*/
    .faq-txt-banner {
        position: relative;
        background: url(../images/faq-second-banner.jpeg);
        padding: 42px 0;
    }

    .faq-txt h3 {
        font-size: 34px;
        font-family: var(--primary-font);
        font-weight: 700;
        line-height: 52px;
        margin-bottom: 15px;
    }

    .faq-txt p {
        font-size: 15px;
    }

    /*========== Blog-Section ============*/

    .blog-card-section {
        padding-top: 45px;
    }

    .blog-cards {
        padding: 12px;
    }

    .blog-cards h3 {
        font-family: var(--Secondary-font);
        font-size: 11px;
        line-height: 18px;
        font-weight: 500;
        padding: 15px 3px;
    }

    .blog-date button {
        padding: 6px 9px;
        font-size: 9px;
    }

    .blog-date time {
        font-weight: 500;
        font-size: 10px;
    }

    .blog-cards img {
        height: 142px !important;
    }

    .blog-cards h3 {
        font-family: var(--Secondary-font);
        font-size: 13px;
    }

    /*========= Blog-Section ============*/

    footer {
        padding: 39px 0;
    }

    .logo-section img {
        width: 129px;
        height: 112px;
    }

    .fa-brands {
        font-size: 17px;
        object-fit: cover;
        padding: 3px 3px;

    }

    .footer-explore h2 {
        font-size: 20px;
    }

    .footer-explore ul li {
        font-size: 12px;
    }

    .copy-right {
        font-size: 12px !important;
    }

    /*============== Privacy policy ============*/
    .privacy-card {
        background: #fff;
        padding: 40px;
    }

    .privacy-card p {
        font-family: var(--Secondary-font);
        font-size: 14px;
    }

    .effective-date {
        margin-bottom: 15px;
    }

    .privacy-item h2 {
        font-family: var(--primary-font);
        font-size: 18px;
        margin-bottom: 16px;
    }

    .privacy-item h2::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0px;
        width: 6px;
        height: 22px;
    }

    .privacy-item ul li {
        font-family: var(--Secondary-font);
        font-size: 14px;
        color: #555;
        list-style: auto;
        line-height: 2;
    }

    .privacy-item {
        margin-top: 28px;
    }

    .privacy-contact {
        margin-top: 44px;
        padding: 22px;
    }

    .privacy-contact h2 {
        font-family: var(--primary-font);
        font-size: 23px;
        margin-bottom: 4px;
    }

    .privacy-contact p {
        margin-bottom: 10px;
    }

    .privacy-contact ul li {
        font-size: 14px;
        font-family: 'Urbanist';
        padding: 2px 0;
    }

    /*========== Thankyou-page==============*/
    .thankyou-section {
        padding: 50px 0;
        background: #fff;
    }

    .emoji {
        font-size: 39px;
    }

    .thankyou-left {
        padding: 20px 170px;
    }

    .emoji-wrapper {
        margin-bottom: 30px;
    }

    .sub-title {
        font-size: 26px;
    }

    .description {
        font-family: 'Inter';
        font-size: 16px;
        margin-top: 24px;
    }

    .back-home {
        margin-top: 28px;
        padding: 10px 20px;
        font-weight: 600;
        font-size: 15px;
    }

    /*============ Cart-Page ===============*/
    /*============ Cart-Page ===============*/

    .cart {
        margin: 40px 70px;
    }

    .cart .views-form {
        padding: 21px;
    }

    .cart table thead th {
        padding: 12px;
        font-size: 12px;
    }

    .cart table tbody td {
        padding: 21px 18px;
    }

    .views-field-purchased-entity a {
        margin: 0;
        font-size: 12px;
    }

    .cart table tbody td {
        padding: 17px 18px;
        border-bottom: 1px solid #ececec;
        text-align: center;
        vertical-align: middle;
        font-size: 11px;
    }

    .form-item {
        margin-bottom: 0px !important;
    }

    .cart input[type="number"],
    .cart input[type="text"] {
        border: 2px solid #ececec;
        border-radius: 10px;
        height: 30px;
        padding: 0 15px;
        transition: .3s;
    }

    .quantity-edit-input {
        width: 65px !important;
        font-size: 13px;

    }

    .delete-order-item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 30px;
    }

    .order-total-line {
        padding: 11px 20px;
    }

    .order-total-line-value {
        font-size: 16px;
    }

    .order-total-line-label {
        font-size: 16px;
    }

    .order-total-line__total .order-total-line-label,
    .order-total-line__total .order-total-line-value {
        color: #BE5504;
        font-size: 19px;
    }

    .cart .form-actions {
        margin-top: 30px;
    }

    .cart input[value="Update cart"] {
        padding: 12px 10px;
    }

    input[id^="edit-submit"] {
        max-width: 175px;
    }

    .order-total-line__total .order-total-line-label,
    .order-total-line__total .order-total-line-value {
        color: #BE5504;
        font-size: 16px;
        font-weight: 700;
    }

    #edit-checkout {
        padding: 9px 24px;
        font-size: 11px;
    }

    input#edit-submit {
        width: 118px;
        border-radius: 0;
        font-size: 12px;
    }

    /*============== cart-page ==============*/
    /*============== cart-page ==============*/

    .layout-checkout-form {
        margin: 50px 70px;
    }

    .layout-region-checkout-main .fieldset-legend {
        padding: 14px 21px;
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 4px 20px 20px
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 4px 20px 20px;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 215px;
        height: 36px;
        padding: 0 18px;
        border: 1px solid #dcdcdc;
        border-radius: 10px;
    }

    .form-item label {
        font-size: 10px;
        margin-bottom: 4px;
    }

    .layout-region-checkout-main fieldset {
        margin: 20px 0 30px;
    }

    .layout-region-checkout-main .fieldset-legend {
        font-size: 17px;
    }

    .form-text {
        width: 202px;
    }

    .form-item label {
        margin-top: 10px;
    }

    input#edit-actions-next {
        padding: 10px 16px;
    }

    a.link--previous {
        padding: 8px 20px;
        font-size: 12px;

    }

    #edit-sidebar-coupon-redemption-form-apply {
        width: 100%;
        height: 38px;
        ;
        font-size: 14px;
    }

    .form-item-sidebar-coupon-redemption-form-code label {
        display: block;
        font-size: 13px;
    }

    .checkout-pane-coupon-redemption {
        margin-top: 18px;
    }

    .layout-region-checkout-secondary {
        padding: 13px;
    }

    .layout-region-checkout-secondary h3 {
        font-size: 16px;
        margin-bottom: 0px;
        padding-bottom: 13px;
    }

    .cols-0 td {
        padding: 13px 11px;
    }

    .views-field-purchased-entity>div>div:first-child {
        font-size: 12px;
    }

    .views-field-total-price__number {
        width: auto;
        text-align: right;
        font-size: 14px;
    }

    .order-total-line {
        padding: 11px 9px;
    }

    .order-total-line-label {
        font-size: 15px;
        padding: 0;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 260px;
    }

    .order-total-line {
        margin: 10px 0;
    }
    
    
        #block-shreejbr-primary-local-tasks ul
    {
            margin: 13px 65px;
    }
    #block-shreejbr-primary-local-tasks li a {
    font-size: 11px;
    }
    #block-shreejbr-primary-local-tasks li:not(:last-child)::after {
    content: "|";
    margin: 0 6px;
    color: #999;
    font-size: 9px;
    font-weight: 600;
}
.js-form-item.form-item.js-form-type-item.form-item-.js-form-item-.form-no-label {
    margin: 50px auto;
    margin-bottom: 50px !important;
    max-width: 400px;
    box-shadow: 0px 0px 20px #80808026;
    padding: 25px;
    font-size: 11px;
    font-family: 'Bai Jamjuree';
    border-radius: 10px;
}
.cart-icon svg {
    width: 20px;
    height: 20px;
    fill: #BE5504;
}
/*========= Payment ===========*/
table.responsive-enabled {
    width: 100%;
    max-width: 460px;
}
table.responsive-enabled thead th {
    padding: 11px 16px;
    font-size: 11px;
}
table.responsive-enabled tbody td[colspan] {
    padding: 20px 18px;
    font-size: 14px;
}
table.responsive-enabled tbody td[colspan]::before 
{
    margin-bottom:2px;
}
table.responsive-enabled tbody td[colspan]::after {
    margin-top: 6px;
    font-size: 10px;
}
/*================ User-Form ==================*/
.user-form {
    max-width: 455px;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
    margin: 40px auto;
    padding: 23px;
}
.js-form-item.form-item.js-form-type-password.form-item-current-pass.js-form-item-current-pass .form-text {
                width: 100% !important;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
    }
    .description {
        font-family: 'Urbanist';
        font-size: 9px;
        margin-bottom: 12px;
        margin-top: 12px;
    }
.js-form-item.form-item.js-form-type-email.form-item-mail.js-form-item-mail .form-email
    {
        width:100%;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
    }
    input#edit-pass-pass1 {
    width: 100%;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
}
input#edit-pass-pass2 {
           width: 100% !important;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
}
.user-form .form-submit
{
    min-width: 103px;
    height: 32px;
    margin-top:20px;
}
input#edit-pass-pass2 {
    width: 100%;
}
.password-strength__title {
    display: inline;
    font-weight: 500;
    font-size: 11px;
    font-family: 'Bai Jamjuree';
}
.password-suggestions {
    font-size: 10px;
    margin: 0;
    font-family: 'Bai Jamjuree';
}
.password-suggestions ul {
    list-style: outside;
    margin-left: 12px;
    margin-top: 9px;
}
.password-confirm-message {
    font-size: 11px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: 'Bai Jamjuree';
    font-weight: 500;

}
/*=========== Order==================*/

table.cols-4 {
    width: 56%;
    max-width: 1021px;
    margin: 40px auto;
}
table.cols-4 thead th a {
    color: #222;
    font-family: 'Bai Jamjuree';
    font-size: 8px;
    text-decoration: none;
}
table.cols-4 thead th
{
    text-align:center;
}
.tablesort {
    display: inline-block;
    width: 11px;
    height: 13px;

}
table.cols-4 tr:last-child td {
    border-bottom: none;
        font-size: 11px;
    text-align: center;
}
.views-field-order-number a {
    color: #BE5504;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    font-family: 'Bai Jamjuree';
}
.views-field-placed time {
    color: #666;
    font-size: 10px;
    font-weight: 600;
    font-family: 'Urbanist';
}
table.cols-4 th:not(:last-child), table.cols-4 td:not(:last-child) {
    border-right: 1px solid #efefef;
    font-size: 10px;
}
table.cols-4 thead th {
    padding: 14px 19px;
}
}

/* ===============================
   150% SCREEN (~1024px)
=================================*/
@media (max-width: 1024px) {
    .top-header {
        font-size: 9px;
        padding: 7px 0;
    }

    .logo img {
        width: 65px !important;
        height: auto;
    }

    .menus ul li a {
        font-size: 11px;
    }

    .login i {
        font-size: 13px;
    }

    .login p {
        font-size: 16px;
    }

    .headers {
        padding: 9px 0 !important;
    }

    .menus ul {
        display: flex;
        gap: 42px;
    }

    .banner-content {
        padding: 60px 0;
    }

    .pre-quality {
        font-size: 19px;
    }

    .banner-content h1 {
        font-size: 42px !important;
    }

    .banner-content p {
        font-size: 13px !important;
        max-width: 50%;
    }

    .banner-btn {
        padding: 7px 25px;
        font-size: 14px;
    }

    .banner-btns {
        padding: 8px 23px;
        font-size: 14px;
    }

    .Banner-Section {
        height: auto;
    }

    /*====== Second-Banner-Section========*/

    .product-section {
        padding: 33px 0;
    }

    .product-heading {
        font-size: 27px !important;
        max-width: 60%;
        line-height: 35px;
    }

    .heading-p p {
        font-size: 11px !important;
        max-width: 75%;
    }

    .products h3 {
        margin-top: 20px;
        font-size: 14px;
        margin: 0 !important;
    }

    .products a {
        font-size: 10px;
    }

    .products {
        text-align: center;
        padding: 0px !important;
    }

    /*========== Product-Section ==========*/
    .arival-products {
        background: rgb(239, 239, 239);
        padding: 39px 0 26px;
    }

    .arival-card-img {
        height: 146px;
    }

    .arrival-detail h3 {
        font-family: var(--Secondary-font);
        font-size: 11px;
    }

    .arrival-detail h3 span {
        margin-top: 5px;
    }

    /*========= Dryfruit-Section ================*/
    .dryfruit-detail {
        padding: 55px 0 0 0;
    }

    .dryfruit-detail h2 {
        font-size: 35px !important;
        max-width: 38%;
    }

    .dryfruit-detail p {

        font-size: 13px !important;
    }

    /*========== Slider-Section =============*/

    .review-slider {
        padding: 56px 0
    }

    .slider-card p {
        padding-top: 30px;
        font-size: 10px;

    }

    .owner-name img {
        height: 47px;
        width: 47px;
    }

    .slider-card {
        padding: 15px;
    }

    .review-rating i {
        color: #fff200e0;
        font-size: 6px;
    }

    span.reviewer-role {
        font-size: 11px;

    }

    .owner-position {
        margin-left: 5px;
        flex-direction: column-reverse;
        display: flex;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 26px;
    }

    .dryfruit-section {
        position: relative;
        height: 363px;
    }

    a.dryfruit-a {
        font-size: 14px;
    }

    .faq-accordians {
        padding: 40px 0;
        background: rgb(233, 233, 233);
    }

    .accordion {
        padding: 0px 59px;
        margin-top: 50px;
    }

    .accordion-button {
        font-size: 15px;
        padding-top: 19px;
        padding-bottom: 17px;
    }

    .accordion-body {
        font-size: 12px;
        padding: 0 20px 20px
    }

    /*========= Product-Quality ============*/
    .faq-txt-banner {
        position: relative;
        background: url(../images/faq-second-banner.jpeg);
        padding: 42px 0;
    }

    .faq-txt h3 {
        font-size: 34px;
        font-family: var(--primary-font);
        font-weight: 700;
        line-height: 52px;
        margin-bottom: 15px;
    }

    .faq-txt p {
        font-size: 15px;
    }

    /*========== Blog-Section ============*/

    .blog-card-section {
        padding-top: 45px;
    }

    .blog-cards {
        padding: 12px;
    }

    .blog-cards h3 {
        font-family: var(--Secondary-font);
        font-size: 11px;
        line-height: 18px;
        font-weight: 500;
        padding: 15px 3px;
    }

    .blog-date button {
        padding: 6px 9px;
        font-size: 9px;
    }

    .blog-date time {
        font-weight: 500;
        font-size: 10px;
    }

    .blog-cards img {
        height: 142px !important;
    }

    footer {
        padding: 39px 0;
    }

    .logo-section img {
        width: 129px;
        height: 112px;
    }

    .fa-brands {
        font-size: 17px;
        object-fit: cover;
        padding: 3px 3px;

    }

    .footer-explore h2 {
        font-size: 20px;
    }

    .footer-explore ul li {
        font-size: 12px;
    }

    .copy-right {
        font-size: 12px !important;
    }

    /*============== Privacy policy ============*/
    .privacy-card {
        background: #fff;
        padding: 36px;
    }

    .privacy-card p {
        font-family: var(--Secondary-font);
        font-size: 11px;
    }

    .effective-date {
        margin-bottom: 15px;
    }

    .privacy-item h2 {
        font-family: var(--primary-font);
        font-size: 16px;
        margin-bottom: 13px;
    }

    .privacy-item h2::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0px;
        width: 6px;
        height: 22px;
    }

    .privacy-item ul li {
        font-family: var(--Secondary-font);
        font-size: 10px;
        color: #555;
        list-style: auto;
        line-height: 2;
    }

    .privacy-item {
        margin-top: 28px;
    }

    .privacy-contact {
        margin-top: 44px;
        padding: 18px;
    }

    .privacy-contact h2 {
        font-family: var(--primary-font);
        font-size: 20px;
        margin-bottom: 4px;
    }

    .privacy-contact p {
        margin-bottom: 10px;
    }

    .privacy-contact ul li {
        font-size: 11px;
        font-family: 'Urbanist';
        padding: 2px 0;
    }


    .thankyou-section {
        padding: 45px 0;
        background: #fff;
    }

    .emoji {
        font-size: 35px;
    }

    .thankyou-left {
        padding: 15px 170px;
    }

    .emoji-wrapper {
        margin-bottom: 10px;
    }

    .sub-title {
        font-size: 22px;
    }

    .description {
        font-family: 'Inter';
        font-size: 13px;
        margin-top: 20px;
    }

    .back-home {
        margin-top: 26px;
        padding: 8px 25px;
        font-weight: 600;
        font-size: 11px;
    }

    /*============ Cart-Page ===============*/
    /*============ Cart-Page ===============*/

    .cart {
        margin: 40px 70px;
    }

    .cart .views-form {
        padding: 21px;
    }

    .cart table thead th {
        padding: 12px;
        font-size: 12px;
    }

    .cart table tbody td {
        padding: 21px 18px;
    }

    .views-field-purchased-entity a {
        margin: 0;
        font-size: 12px;
    }

    .cart table tbody td {
        padding: 17px 18px;
        border-bottom: 1px solid #ececec;
        text-align: center;
        vertical-align: middle;
        font-size: 11px;
    }

    .form-item {
        margin-bottom: 0px !important;
    }

    .cart input[type="number"],
    .cart input[type="text"] {
        border: 2px solid #ececec;
        border-radius: 10px;
        height: 30px;
        padding: 0 15px;
        transition: .3s;
    }

    .quantity-edit-input {
        width: 65px !important;
        font-size: 13px;

    }

    .delete-order-item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 30px;
    }

    .order-total-line {
        padding: 11px 20px;
    }

    .order-total-line-value {
        font-size: 16px;
    }

    .order-total-line-label {
        font-size: 16px;
    }

    .order-total-line__total .order-total-line-label,
    .order-total-line__total .order-total-line-value {
        color: #BE5504;
        font-size: 19px;
    }

    .cart .form-actions {
        margin-top: 30px;
    }

    .cart input[value="Update cart"] {
        padding: 12px 10px;
    }

    input[id^="edit-submit"] {
        max-width: 175px;
    }

    .order-total-line__total .order-total-line-label,
    .order-total-line__total .order-total-line-value {
        color: #BE5504;
        font-size: 16px;
        font-weight: 700;
    }

    #edit-checkout {
        padding: 9px 24px;
        font-size: 11px;
    }

    input#edit-submit {
        width: 118px;
        border-radius: 0;
        font-size: 12px;
    }

    /*============== cart-page ==============*/
    /*============== cart-page ==============*/

    .layout-checkout-form {
        margin: 50px 70px;
    }

    .layout-region-checkout-main .fieldset-legend {
        padding: 14px 21px;
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 4px 20px 20px
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 4px 20px 20px;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 215px;
        height: 36px;
        padding: 0 18px;
        border: 1px solid #dcdcdc;
        border-radius: 10px;
    }

    .form-item label {
        font-size: 10px;
        margin-bottom: 4px;
    }

    .layout-region-checkout-main fieldset {
        margin: 20px 0 30px;
    }

    .layout-region-checkout-main .fieldset-legend {
        font-size: 17px;
    }

    .form-text {
        width: 202px;
    }

    .form-item label {
        margin-top: 10px;
    }

    input#edit-actions-next {
        padding: 10px 16px;
    }

    a.link--previous {
        padding: 8px 20px;
        font-size: 12px;

    }

    #edit-sidebar-coupon-redemption-form-apply {
        width: 100%;
        height: 38px;
        ;
        font-size: 14px;
    }

    .form-item-sidebar-coupon-redemption-form-code label {
        display: block;
        font-size: 13px;
    }

    .checkout-pane-coupon-redemption {
        margin-top: 18px;
    }

    .layout-region-checkout-secondary {
        padding: 13px;
    }

    .layout-region-checkout-secondary h3 {
        font-size: 16px;
        margin-bottom: 0px;
        padding-bottom: 13px;
    }

    .cols-0 td {
        padding: 13px 11px;
    }

    .views-field-purchased-entity>div>div:first-child {
        font-size: 12px;
    }

    .views-field-total-price__number {
        width: auto;
        text-align: right;
        font-size: 14px;
    }

    .order-total-line {
        padding: 11px 9px;
    }

    .order-total-line-label {
        font-size: 15px;
        padding: 0;
    }
    
    #block-shreejbr-primary-local-tasks ul
    {
            margin: 13px 65px;
    }
    #block-shreejbr-primary-local-tasks li a {
    font-size: 9px;
    }
    #block-shreejbr-primary-local-tasks li:not(:last-child)::after {
    content: "|";
    margin: 0 6px;
    color: #999;
    font-size: 9px;
    font-weight: 600;
}
.js-form-item.form-item.js-form-type-item.form-item-.js-form-item-.form-no-label {
    margin: 50px auto;
    margin-bottom: 50px !important;
    max-width: 400px;
    box-shadow: 0px 0px 20px #80808026;
    padding: 25px;
    font-size: 11px;
    font-family: 'Bai Jamjuree';
    border-radius: 10px;
}
.cart-icon svg {
    width: 17px;
    height: 16px;
    fill: #BE5504;
}

table.responsive-enabled {
    width: 100%;
    max-width: 430px;
}
table.responsive-enabled thead th {
    padding: 11px 16px;
    font-size: 9px;
}
table.responsive-enabled tbody td[colspan] {
    padding: 20px 18px;
    font-size: 13px;
}
table.responsive-enabled tbody td[colspan]::before 
{
    margin-bottom:2px;
}
table.responsive-enabled tbody td[colspan]::after {
    margin-top: 6px;
    font-size: 10px;
}
/*================ User-Form ==================*/
.user-form {
    max-width: 455px;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
    margin: 40px auto;
    padding: 23px;
}
.js-form-item.form-item.js-form-type-password.form-item-current-pass.js-form-item-current-pass .form-text {
                width: 100% !important;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
    }
    .description {
        font-family: 'Urbanist';
        font-size: 9px;
        margin-bottom: 12px;
        margin-top: 12px;
    }
.js-form-item.form-item.js-form-type-email.form-item-mail.js-form-item-mail .form-email
    {
        width:100%;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
    }
    input#edit-pass-pass1 {
    width: 100%;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
}
input#edit-pass-pass2 {
           width: 100% !important;
        font-size: 10px;
        padding: 15px;
        border-radius: 0px;
}
.user-form .form-submit
{
    min-width: 103px;
    height: 32px;
    margin-top:20px;
}
input#edit-pass-pass2 {
    width: 100%;
}
.password-strength__title {
    display: inline;
    font-weight: 500;
    font-size: 11px;
    font-family: 'Bai Jamjuree';
}
.password-suggestions {
    font-size: 10px;
    margin: 0;
    font-family: 'Bai Jamjuree';
}
.password-suggestions ul {
    list-style: outside;
    margin-left: 12px;
    margin-top: 9px;
}
.password-confirm-message {
    font-size: 11px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: 'Bai Jamjuree';
    font-weight: 500;

}

/*=========== Order==================*/

table.cols-4 {
    width: 56%;
    max-width: 1021px;
    margin: 40px auto;
}
table.cols-4 thead th a {
    color: #222;
    font-family: 'Bai Jamjuree';
    font-size: 8px;
    text-decoration: none;
}
table.cols-4 thead th
{
    text-align:center;
}
.tablesort {
    display: inline-block;
    width: 11px;
    height: 13px;

}
table.cols-4 tr:last-child td {
    border-bottom: none;
        font-size: 11px;
    text-align: center;
}
.views-field-order-number a {
    color: #BE5504;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    font-family: 'Bai Jamjuree';
}
.views-field-placed time {
    color: #666;
    font-size: 10px;
    font-weight: 600;
    font-family: 'Urbanist';
}
table.cols-4 th:not(:last-child), table.cols-4 td:not(:last-child) {
    border-right: 1px solid #efefef;
    font-size: 10px;
}
table.cols-4 thead th {
    padding: 14px 19px;
}
}



/* ===============================
   998px (Tablet Landscape)
=================================*/
@media (max-width: 998px) {}



/* ================= GLOBAL ================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary-color: black;
    --accent-color: #BE5504;
    --primary-font: "Bai Jamjuree";
    --Secondary-font: "Urbanist";
}

.container {
    max-width: 90%;
    margin: auto;
}

img {
    max-width: 100%;
    height: auto;
}

/* ================= HEADER ================= */
.headers {
    padding: 15px 0;
}

.logo img {
    width: 140px;
    height: auto;
}

.menus ul {
    display: flex;
    gap: 50px;
}

.login {
    display: flex;
    gap: 15px;
    align-items: center;
}

/* ================= BANNER ================= */
.Banner-Section {
    height: 700px;
}

.banner-content h1 {
    font-size: 80px;
}

.banner-content h2 {
    font-size: 60px;
}

.banner-content p {
    font-size: 27px;
    max-width: 50%;
}

/* ================= PRODUCT ================= */
.product-heading {
    font-size: 50px;
    max-width: 60%;
}

.heading-p p {
    font-size: 20px;
    max-width: 75%;
}

/* ================= ARRIVAL ================= */

/* ================= DRY FRUIT ================= */
.dryfruit-detail h2 {
    font-size: 78px;
    max-width: 38%;
}

.dryfruit-detail p {
    font-size: 22px;
    max-width: 35%;
}

/* ================= PACKAGE ================= */
.package-product-card {
    grid-template-columns: repeat(4, 1fr);
}

/* ================= BLOG ================= */
.blog-cards img {
    height: 250px;
}

/* ================= ABOUT ================= */
.about-food-txt h3 {
    font-size: 56px;
}

/* ================= CONTACT ================= */
.contact-box {
    padding: 100px 120px;
}


/* ===================================================== */
/* =================== 768px ============================ */
/* ===================================================== */

@media (max-width: 768px) {

    .toggle-btn {
        display: block;
    }

    .login {
        display: none !important;
    }

    .menus {
        position: fixed;
        top: 0;
        right: -100%;
        width: 280px;
        height: 100vh;
        background: #fff;
        padding: 30px;
        transition: 0.4s ease;
        z-index: 999;
        box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1);
    }

    .menus.active {
        right: 0;
    }

    .menus ul {
        flex-direction: column;
        gap: 25px;
        margin-top: 50px;
    }

    .menus ul li a {
        font-size: 18px;
    }

    .close-btn {
        display: block;
        font-size: 26px;
        cursor: pointer;
        background: none;
        padding: 0;
        text-align: left;
    }

    /*======= Banner-section =======*/
    .Banner-Section {
        height: auto;
    }

    .banner-content {
        padding: 80px 0;
    }

    .banner-content h1 {
        font-size: 45px;
    }

    .banner-content h2 {
        font-size: 30px;
    }

    .banner-content p {
        font-size: 16px;
        max-width: 100%;
    }

    .banner-button {
        flex-direction: row;
        gap: 15px;
    }

    .product-heading {
        font-size: 32px;
    }

    .products img {
        max-width: 120px;
    }

    .product-heading {
        font-size: 32px;
        text-align: start;
        line-height: 2.4rem;
        max-width: 100%;
    }

    .products a {
        font-size: 14px;
    }

    .products h3 {
        font-size: 16px;
    }

    .heading-p p {
        font-size: 18px;
        max-width: 100%;
    }

    .heading h3 {
        font-size: 18px;
    }

    /*Arrival-cards*/
    .arival-products {
        padding: 30px 0;
    }

    .arival-card-img {
        height: 180px;
    }

    .dryfruit-detail {
        padding-top: 100px;
    }

    .dryfruit-detail h2 {
        font-size: 38px;
        max-width: 100%;
    }

    .dryfruit-detail p {
        max-width: 100%;
    }

    .package-product-card {
        grid-template-columns: 1fr 1fr;
    }

    .blog-cards img {
        height: 200px;
    }

    .about-food-txt h3 {
        font-size: 32px;
    }

    .contact-box {
        padding: 40px;
    }

    .logo-section {
        flex-direction: row;
        gap: 20px;
        text-align: center;
    }

    .logo-section img {
        width: 180px;
        height: auto;
    }

    .footer-icons {
        justify-content: center;
    }

    .fa-brands {
        font-size: 28px;
    }

    .footer-menus {
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
        text-align: center;
    }

    .footer-explore {
        width: 21%;
    }

    .footer-explore h3 {
        font-size: 26px;
    }

    .footer-explore ul li {
        font-size: 18px;
    }

    /*================ About Section ==================*/
    .about-food-section {
        padding: 60px 0;
    }

    .about-food-txt h3 {
        font-size: 34px;
    }

    .about-food-txt p {
        font-size: 18px;
    }

    /* Quality Box */
    .quality-box-one,
    .quality-box-two {
        flex-direction: column;
        text-align: center;
    }

    /* Available Section */
    .available-txt {
        text-align: center;
    }

    .available-txt h3 {
        font-size: 30px;
    }

    /* Blog Heading */
    .heading {
        text-align: center;
    }

    .heading-p {
        justify-content: center !important;
        margin-top: 10px;
    }

    .blog-details h2 {
        font-size: 18px;
    }

    .blog-details p {
        font-size: 14px;
    }

    button.toggle-btn {
        background: none;
        color: var(--accent-color);
        padding: 0;
        font-size: 22px;
        margin-top: 17px;
    }

    /*============ Privacy policy ===============*/
    .privacy-card p {
        font-family: var(--Secondary-font);
        font-size: 15px;
    }

    .privacy-item h2 {
        font-family: var(--primary-font);
        font-size: 21px;
        margin-top: 29px;
        margin-bottom: 15px;
    }

    .privacy-item ul li {
        font-family: var(--Secondary-font);
        font-size: 14px;
        color: #555;
        list-style: auto;
        line-height: 2;
    }

    .privacy-contact ul li {
        font-size: 15px;
        font-family: 'Urbanist';
        padding: 2px 0;
    }

    /*=========== Thankyou-page ==========*/

    .thankyou-left {
        padding: 40px 50px;
    }

    .description {
        font-family: 'Inter';
        font-size: 15px;
        margin-top: 20px;
    }

    .emoji {
        font-size: 48px;
    }

    .sub-title {
        font-size: 24px;
    }

    /*============== Add-Cart-Page ==============*/
    /*============== Add-Cart-Page ==============*/

    .views-field-purchased-entity a {
        margin: 0;
        font-size: 14px;
        width: 99px;
    }

    .form-item {
        margin-bottom: 0px;
    }

    .cart input[type="number"],
    .cart input[type="text"] {
        height: 38px;
    }

    .quantity-edit-input {
        width: 69px !important;
    }

    .delete-order-item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 86px;
        font-size: 14px;
    }

    .order-total-line__total .order-total-line-value {
        color: #BE5504;
        font-size: 22px;
    }

    .cart .form-actions {
        flex-direction: row !important;
    }

    .cart input[value="Update cart"] {
        background: #BE5504;
        color: #fff;
        border: none;
        padding: 12px 5px;
        border-radius: 1px;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        transition: .3s;
    }

    input#edit-submit {
        width: 141px;
    }

    .cart table {
        display: inline-table;
    }

    .order-total-line__total .order-total-line-label {
        font-size: 23px;
    }

    .logo img {
        width: 110px !important;
        height: auto;
    }

    .headers {
        padding: 15px 0 !important;
    }

    /*================== Checkout-page ================*/
    .form-email,
    .form-select,
    .form-text {
        width: 100%;
    }

    .form-item {
        margin-bottom: 22px !important;
    }

    .layout-region-checkout-secondary {
        position: relative;
        top: 0;
    }
    .product-specification ul li {
    list-style-type: disc;
    margin-left: 20px;
    font-family: var(--Secondary-font);
    font-size: 15px;
    padding-bottom: 8px;
}
.product-description h3 {
    font-family: var(--primary-font);
    color: var(--accent-color);
    font-size: 22px;
    font-weight: 600;
}
.product-button .cart {
        margin: 0;
        background: var(--accent-color);
        color: white;
    }
        .product-review {
        padding-bottom: 1px;
        align-items: baseline !important;
    }
    .product-button {
    margin-top: 4px;
}

    #block-shreejbr-primary-local-tasks li a {
        font-size: 14px;
    }
    .user-form {
        max-width: 86%;
    }
}

/* ===================================================== */
/* =================== 520px ============================ */
/* ===================================================== */

@media (max-width: 520px) {

    .banner-content h1 {
        font-size: 50px !important;
    }

    .pre-quality {
        font-size: 20px;
        font-family: var(--Secondary-font);
    }

    .banner-img {
        object-position: left;
    }

    .product-section {
        padding: 40px 0;
    }

    .banner-content p {
        font-size: 14px;
        max-width: 100% !important;
    }

    .products img {
        width: 100%;
        max-width: 284px !important;
        height: auto;
        object-fit: contain;
        border-radius: 50%;
        animation: rotateBowl 6s linear infinite;
        margin: 0 auto;
        min-height: 99px;
    }

    .arrival-detail h3 {
        font-family: var(--Secondary-font);
        font-size: 19px;
    }

    .dryfruit-detail {
        padding-top: 45px;
    }

    .dryfruit-detail h2 {
        font-size: 39px;
        max-width: 100%;
    }

    .dryfruit-detail p {
        font-size: 18px;
        max-width: 100% !important;
    }

    .review-slider {
        padding: 181px 0 50px;
        position: relative;
    }

    .owner-review {
        flex-direction: column;
        align-items: start !important;
    }

    .review-rating i {
        color: goldenrod;
        margin-top: 18px;
        font-size: 13px;
    }

    .slider-card p {
        padding-top: 10px;
        font-size: 16px;
        letter-spacing: 1px;
        font-family: var(--Secondary-font);
    }

    .owner-position p {
        font-size: 20px;
        font-weight: 500;
    }

    .accordion {
        padding: 0px;
        margin-top: 41px;
    }

    .faq-accordians {
        padding: 40px 0;
        background: rgb(233, 233, 233);
    }

    .accordion-button {
        background-color: whitesmoke;
        color: #000;
        font-family: var(--primary-font);
        font-weight: 500;
        font-size: 16px;
        transition: 0.3s;
        border: none;
        padding-top: 13px;
        padding-bottom: 10px;
    }

    .accordion-body {
        background-color: #fff;
        color: #0e0e0e;
        font-size: 13px;
        font-weight: 500;
        font-family: var(--Secondary-font);
        border: none;
        padding: 0 17px 20px;
    }

    .faq-txt h3 {
        font-size: 35px;
        font-family: var(--primary-font);
        font-weight: 600;
        line-height: 43px;
        margin-bottom: 15px;
    }

    .faq-txt-banner {
        position: relative;
        background: url(../images/faq-second-banner.jpeg);
        padding: 40px 0;
    }

    .faq-txt p {
        font-size: 16px;
    }

    .blog-card-section {
        padding-top: 34px;
    }

    .Blog-section {
        padding: 35px 0;
        background-color: rgb(239, 239, 239);
    }

    .blog-cards h3 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }

    .blog-date time {
        font-weight: 500;
        font-size: 13px;
    }

    .footer-explore {
        width: 100%;
        text-align: left !important;
    }

    .dryfruit-section {
        height: 356px;
    }

    .review-slider {
        padding: 48px 0 50px;
        position: relative;
    }

    .heading-p p {
        font-size: 16px;
        margin-bottom: 36px;
        max-width: 100%;
        text-align: center;
    }

    .products h3 {
        font-size: 13px;
        margin-top: 10px !important;
    }

    .arrival-detail h3 {
        font-family: var(--Secondary-font);
        font-size: 16px;
    }

    .blog-details h2 {
        font-size: 18px;
        line-height: 27px;
    }

    .blog-li h4 {
        font-size: 18px;
        line-height: 29px;
    }

    .blog-li h5 {
        font-family: var(--Secondary-font);
        font-size: 16px;
        margin-top: 2px;
    }

    .privacy-contact {
        margin-top: 60px;
        padding: 20px
    }

    .privacy-contact h2 {
        font-family: var(--primary-font);
        font-size: 25px;
        margin-bottom: 20px;
    }

    .privacy-contact ul {
        padding-left: 0px;
        margin: 0;
    }

    /*============== Thankyou-page ==================*/
    .thankyou-card {
        max-width: 100%;
    }

    .emoji {
        font-size: 32px;
    }

    .thankyou-left {
        padding: 20px 24px;
    }

    .sub-title {
        font-size: 21px;
    }

    .description {
        font-family: 'Inter';
        font-size: 14px;
        margin-top: 20px;
    }
    .about-food-txt {
     padding-left: 0px; 
}
.available-txt {
     padding-right: 0px; 
}
.product-description {
     padding-left: 0px; 
}
form[id^="commerce-order-item-add-to-cart-form-commerce-product-"] {
    display: flex;
    flex-direction: column;
    gap:0;
}

.layout-checkout-form {
        margin: 50px auto;
    }


}

/* ===================================================== */
/* =================== 480px ============================ */
/* ===================================================== */
@media (max-width: 480px) {

    .banner-content h1 {
        font-size: 26px;
    }

    .banner-content h2 {
        font-size: 18px;
    }

    .banner-content p {
        font-size: 14px;
    }

    .about-food-txt h3 {
        font-size: 28px;
    }

    .about-food-txt p {
        font-size: 16px;
    }

    .available-txt h3 {
        font-size: 26px;
    }

    .available-txt p {
        font-size: 15px;
    }

    .available-btn {
        font-size: 16px;
        padding: 8px 25px;
    }

    .blog-cards img {
        height: 147px;
    }

    .accordion-item:last-child {
        margin-bottom: 11px !important;
    }

    .dryfruit-section {
        height: 366px;
    }

    a.btn-read {
        background: var;
        background-color: var(--accent-color);
        padding: 7px 16px;
        font-size: 13px;
    }

    .blog-details p span {
        color: var(--accent-color);
        font-weight: 600;
        font-size: 23px;
        margin-bottom: 10px;
        display: block;
        font-family: var(--primary-font);
    }
    #block-shreejbr-primary-local-tasks ul {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 20px 45px;
    padding: 0;
    list-style: none;
}

}


/* ===================================================== */
/* =================== 420px ============================ */
/* ===================================================== */

@media (max-width: 426px) {

    .banner-content h1 {
        font-size: 32px;
    }

    .banner-content h2 {
        font-size: 22px;
    }

    .banner-content p {
        font-size: 14px;
    }

    .banner-btn,
    .banner-btns {
        font-size: 16px;
        padding: 10px 20px;
    }

    /*====== Product-Heading ===========*/

    .product-heading {
        font-size: 30px;
        line-height: 2.5rem;
        max-width: 100%;
        text-align: center;
    }

    .arival-products .row {
        row-gap: 0px;
    }

    .heading-p p {
        font-size: 16px;
        max-width: 100%;
        text-align: center;
    }

    .mb-4 {
        margin: 0;
    }

    .products img {
        max-width: 80px;
    }

    .products h3 {
        font-size: 14px;
    }

    .arival-card-img {
        height: 150px;
    }

    .package-product-card {
        grid-template-columns: 1fr;
    }

    /*========= Dryfruit-section =========*/
    .dryfruit-section {
        height: 500px;
    }

    .dryfruit-section {
        font-size: 19px;
    }

    .dryfruit-detail button {
        font-size: 17px;
    }

    .heading-p h3 {
        font-size: 18px;
    }

    .blog-cards img {
        height: 180px;
    }

    .about-food-txt h3 {
        font-size: 26px;
    }

    .heading-p h3 {
        font-size: 16px;
        text-align: center;
        margin-top: 12px;
    }

    .contact-box {
        padding: 20px;
    }

    footer {
        padding: 40px 0;
    }

    .logo-section img {
        width: 150px;
    }

    .fa-brands {
        font-size: 24px;
    }

    .footer-menus {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    .footer-explore {
        width: 100%;
    }

    .footer-explore h3 {
        font-size: 22px;
    }

    .footer-explore ul li {
        font-size: 16px;
    }

    /*============= About-Section ==========*/
    /*============= About-Section ==========*/
    .about-food-txt h3 {
        font-size: 26px;
    }

    .available-txt h3 {
        font-size: 24px;
    }

    .about-food-txt p {
        font-size: 15px;
    }

    .quality-box-txt h4 {
        font-size: 17px;
    }

    .quality-box-txt p {
        font-size: 14px;
    }

    .products {
        text-align: center;
        padding: 0px;
    }

    /*====================== Privacy policy ==============*/
    .privacy-item h2::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0px;
        height: 26px;
    }

    .privacy-item h2 {
        font-size: 21px;
    }

    .privacy-item ul {
        margin: 20px 0 0;
        padding-left: 0px;
    }

    /*============= Add-Cart-Page ===========*/
    /*============= Add-Cart-Page ===========*/

    .views-field-purchased-entity a {
        margin: 0;
        font-size: 14px;
        width: 110px;
    }

    .cart .form-actions {
        flex-direction: row;
    }

    .order-total-line-value {
        font-size: 17px;
    }

    .order-total-line__total .order-total-line-value {
        color: #BE5504;
        font-size: 17px;
    }

    .cart .form-actions {
        margin-top: 17px;
    }

    .cart input[value="Update cart"] {
        background: #BE5504;
        color: #fff;
        border: none;
        padding: 10px 7px;
        border-radius: 0px;
        font-size: 15px;
        font-weight: 600;
    }

    .form-item {
        margin-bottom: 0px;
    }

    .cart input[type="number"],
    .cart input[type="text"] {
        border: 2px solid #ececec;
        border-radius: 10px;
        height: 38px;
        padding: 0 0px;
        transition: .3s;
    }

    .quantity-edit-input {
        width: 66px !important;
        height: 50px;
        border: 2px solid #ececec;
        border-radius: 10px;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }

    .delete-order-item {

        width: 103px;
    }

    input#edit-submit {
        width: 149px;
    }

    .cart table thead th,
    .cart table tbody td {
        padding: 24px;
    }

    /*============= checkout-page ================*/
    /*============= checkout-page ================*/

    .layout-checkout-form {
        width: 100%;
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 1px 18px 18px;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 343px;
        height: 47px;
        padding: 3px 13px;
        border: 1px solid #dcdcdc;
        border-radius: 0px;
        margin-bottom: 14px;
    }

    .form-item label {
        margin-bottom: 10px;
    }

    .layout-region-checkout-main fieldset {
        padding: 13px 0;
        border-radius: 0px;
    }

    .layout-region-checkout-main .fieldset-legend {
        padding: 22px 30px 13px;
        border-bottom: 1px solid #ececec;
    }

    .layout-region-checkout-main fieldset {
        margin: 24px 0 13px;
    }

    .layout-region-checkout-secondary {
        margin-top: 36px;
        padding: 23px 15px;
    }

    .views-field-quantity {
        font-size: 17px;
    }

    .views-field-total-price__number {
        font-size: 16px;
        width: auto;
    }

    .views-field-purchased-entity>div>div:first-child {
        font-size: 15px;
    }

    .order-total-line {
        margin-top: 16px;
    }

    .order-total-line {
        padding: 11px 11px;
    }

    .order-total-line-label {
        padding: 0;
    }

    .layout-region-checkout-secondary {
        position: relative;
        top: 0;
    }

    div#edit-actions {
        flex-direction: column;
        gap: 15px
    }

    .address-container-inline {
        display: flex;
        flex-direction: column;
    }
    .product-button .cart {
    margin: 0;
    background: var(--accent-color);
    color: white;
}
    .product-specification ul li {
        list-style-type: disc;
        margin-left: 16px;
        font-family: var(--Secondary-font);
        font-size: 15px;
        padding-bottom: 8px;
    }
        .product-description h3 {
        font-family: var(--primary-font);
        color: var(--accent-color);
        font-size: 20px;
        font-weight: 600;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .product-data h2 {
        padding-bottom: 08px;
        font-size: 20px;
        font-family: var(--Secondary-font);
    }
    .nutrition-table {
        width: 100%;
        padding: 0px 11px;
    }
    .product-imgs img {
    width: 100%;
    height: 353px;
    }
    .product-detail .row>* 
    {
            padding-right: calc(var(--bs-gutter-x) * .0);
    }
    .product-review {
    padding-bottom: 15px;
    align-items: baseline !important;
}
.Product-table {
    padding: 8px 0;
}
#block-shreejbr-primary-local-tasks ul {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 20px 42px;
    padding: 0;
    list-style: none;
}

}

/* ===================================================== */
/* =================== 375px ============================ */
/* ===================================================== */

@media (max-width: 376px) {

    .banner-content h1 {
        font-size: 28px;
    }

    .banner-content h2 {
        font-size: 20px;
    }

    .banner-content p {
        font-size: 15px;
    }

    .product-heading {
        font-size: 22px;
    }

    .products h3 {
        font-size: 14px;
    }

    .banner-btn,
    .banner-btns {
        font-size: 16px;
        padding: 10px 20px;
    }

    .about-food-txt h3 {
        font-size: 22px;
    }

    .logo-section img {
        width: 130px;
    }

    .fa-brands {
        font-size: 22px;
        padding: 4px;
    }

    .footer-explore h3 {
        font-size: 20px;
    }

    .arival-products .row {
        row-gap: 0px;
    }

    .product-heading {
        font-size: 32px;
        text-align: center;
        line-height: 2.4rem;
        max-width: 100%;
    }

    .heading-p p {
        font-size: 16px;
        text-align: center;
        max-width: 100%;
    }

    .heading h3 {
        font-size: 15px;
        text-align: center;
    }

    .blog-card-section {
        padding-top: 15px;
    }

    .logo-section {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .footer-explore ul li {
        font-size: 14px;
    }

    .footer-explore {
        width: 100%;
    }

    .about-food-txt h3 {
        font-size: 24px;
    }

    .available-txt h3 {
        font-size: 22px;
    }

    .available-btn {
        font-size: 14px;
        padding: 8px 20px;
    }

    .about-food-txt p {
        font-size: 15px;
    }

    .available-txt p {
        font-size: 15px;
    }

    .banner-content {
        padding: 31px 0;
    }

    .arrival-detail h3 {
        font-family: var(--Secondary-font);
        font-size: 15px;
    }

    .products h3 {
        font-size: 12px;
    }

    .privacy-contact {
        margin-top: 60px;
        padding: 15px;
    }

    .privacy-contact h2 {
        font-family: var(--primary-font);
        font-size: 22px;
        margin-bottom: 20px;
    }

    .privacy-contact ul {
        padding-left: 1px;
        margin: 0;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 294px;
    }
    .product-imgs img {
    width: 100%;
    height: 351px;
    }
    .product-description h3 {
    font-family: var(--primary-font);
    color: var(--accent-color);
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px;
}
.star p {
     margin-left: 0px; 
}
.product-review p {
    font-family: var(--Secondary-font);
    font-weight: 600;
    font-size: 16px;
}
.product-specification ul li {
    list-style-type: disc;
    margin-left: 16px;
    font-family: var(--Secondary-font);
    font-size: 15px;
    padding-bottom: 8px;
}
.product-data h2 {
    padding-bottom: 08px;
    font-size: 20px;
    font-family: var(--Secondary-font);
}
.Product-table {
    padding: 3px 0;
}
.nutrition-table {
    width: 100%;
    padding: 0px 11px
}
.Product-table .row>* {
    flex-shrink: 0;
    width: 100%;
    font-size: 13px;
}
}

/* ===================================================== */
/* =================== 321px ============================ */
/* ===================================================== */

@media (max-width: 321px) {

    .banner-content h1 {
        font-size: 40px !important;
    }

    .product-heading {
        font-size: 28px;
    }

    .dryfruit-detail h2 {
        font-size: 33px;
        max-width: 100%;
    }

    .dryfruit-detail p {
        font-size: 16px;
    }

    .owner-position p {
        font-size: 15px;
        font-weight: 500;
    }

    .owner-position span {
        font-size: 12px;
    }

    .slider-card p {
        font-size: 13px;
    }

    .faq-txt h3 {
        font-size: 30px;
    }

    .faq-txt p {
        font-size: 13px;
    }

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

    .accordion-button {
        font-size: 14px;
    }

    .blog-cards img {
        height: 128px;
        object-fit: scale-down;
    }

    .privacy-item h2::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0px;
        width: 6px;
        height: 25px;

    }

    .privacy-item h2 {
        font-size: 19px;
    }

    .privacy-card p,
    .privacy-item ul li {
        font-size: 14px;
    }

    .privacy-item ul {
        margin: 20px 0 0;
        padding-left: 0px;
    }

    .privacy-card {
        padding: 25px 10px;
    }

    /*================ Thankyou-page ================*/
    .sub-title {
        font-size: 19px;
    }

    /*============= checkout-page ================*/
    /*============= checkout-page ================*/

    .layout-checkout-form {
        width: 100%;
    }

    .layout-region-checkout-main .fieldset-wrapper {
        padding: 1px 18px 18px;
    }

    .form-text,
    .form-email,
    .form-tel,
    .form-select {
        width: 240px;
        height: 47px;
        padding: 3px 13px;
        border: 1px solid #dcdcdc;
        border-radius: 0px;
        margin-bottom: 14px;
    }

    .form-item label {
        margin-bottom: 10px;
    }

    .layout-region-checkout-main fieldset {
        padding: 13px 0;
        border-radius: 0px;
    }

    .layout-region-checkout-main .fieldset-legend {
        padding: 22px 30px 13px;
        border-bottom: 1px solid #ececec;
    }

    .layout-region-checkout-main fieldset {
        margin: 24px 0 13px;
    }

    .layout-region-checkout-secondary {
        margin-top: 36px;
        padding: 23px 15px;
    }

    .views-field-quantity {
        font-size: 17px;
    }

    .views-field-total-price__number {
        font-size: 16px;
        width: auto;
    }

    .views-field-purchased-entity>div>div:first-child {
        font-size: 15px;
    }

    .order-total-line {
        margin-top: 16px;
    }

    .order-total-line {
        padding: 11px 11px;
    }

    .order-total-line-label {
        padding: 0;
    }

    .layout-region-checkout-secondary {
        position: relative;
        top: 0;
    }

    div#edit-actions {
        flex-direction: column;
    }

    .address-container-inline {
        display: flex;
        flex-direction: column;
    }
    #block-shreejbr-primary-local-tasks ul {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 19px 29px;
    padding: 0;
    list-style: none;
}
    table.responsive-enabled thead th {
        padding: 16px 6px;
        font-size: 11px;
    }
        #block-shreejbr-primary-local-tasks li a {
        font-size: 12px;
    }
        .views-field-purchased-entity a {
        margin: 0;
        /* flex-wrap: wrap; */
        /* display: flex; */
        font-size: 14px;
        width: 76px;
    }
    .password-strength__meter {
    height: 0.15em;
    margin-bottom: 10px;
    background-color: lightgray;
}
    div#edit-actions {
        flex-direction: column;
        margin-top: 16px;
    }
    fieldset#edit-login-register {
    box-shadow: -2px 2px 15px 4px rgba(0, 0, 0, 0.04);
    padding: 33px 18px;
}
.button, .button--primary, .form-submit
{
    padding: 0 6px;
    font-size: 13px;
}
a#edit-login-returning-customer-forgot-password {
    text-decoration: none;
    color: var(--accent-color);
    font-family: var(--Secondary-font);
    font-weight: 500;
    /* margin-top: 36px !important; */
    padding: 0 20px;
    margin-left: 28px;
}

}