/* Styles for devices up to 480px */

@media (max-width: 1024px) {
    .user-profile-forms-details .woocommerce-MyAccount-content {
        padding: 19px;
    }
    .user-profile-forms-details .woocommerce-MyAccount-content p {
        font-size: 20px !important;
        line-height: 1.5 !important;
    }

    .user-profile-forms-details .dashboard-links li a {
        font-size: 18px !important;
        padding: 8px !important;
        margin: 12px !important;
    }

    .woocommerce-EditAccountForm .button {
        font-size: 20px;
    }

    .address-details {
        max-width: 340px;
        margin-top: 10px;
    }

    .u-columns.woocommerce-Addresses.col2-set.addresses {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    h1.uppercase.mb-0 {
        font-size: 26px;
    }

    .user-profile-forms-details .large-3.col {
        flex: 0 0 100%;
        max-width: 100%;
        border-right: 1px solid #e05284;
        padding-right: 20px;
    }

    .user-profile-forms-details .page-wrapper {
        max-width: 95%;
        margin: 0 auto;
    }

    .user-profile-forms-details .large-9.col {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 100px;
        padding-left: 10px;
        overflow: auto;
    }

}

@media (max-width: 992px) {
    .col-lg-5 {
        display: none;
    }

    .col-lg-7 {
        flex: 100%;
    }
}


@media (max-width: 768px) {

    .user-profile-forms-details .woocommerce-MyAccount-navigation ul li:nth-child(1){
        display:none;
    }

    .woocommerce-EditAccountForm .button {
        width: 45%;
    }

    button.woocommerce-Delete-Button.button {
        width: 45%;
    }

    .user-profile-forms-details .woocommerce-MyAccount-content {
        padding: 0px;
    }
    .user-profile-forms-details .woocommerce-MyAccount-content p {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .user-profile-forms-details .dashboard-links li a {
        font-size: 17px !important;
        padding: 7px !important;
        margin: 10px !important;
    }

    #dashboard {
        display: none !important;
    }

    .user-profile-forms-details .large-3.col {
        flex: 0 0 100%;
        max-width: 100%;
        border-right: none;
        padding-right: 20px;
    }

    .user-profile-forms-details .large-9.col {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 100px;
/*        padding: 16px;*/
        overflow: auto;
    }

    .Order-table-list {
        padding: 0px;
        height: 100%;
    }

    .user-profile-forms-details .container {
        padding: 10px;
    }

    .Order-table-list td {
        padding: 5px 5px !important;
    }

    .btn-primary {
        font-size: 11px !important;
    }

    .Order-table-list button {
        padding: 1px 7px;
    }

    .user-profile-forms-details {
        padding: 20px 0px;
    }

    td {
        font-size: 10px;
    }

    .Order-table-list th, .Order-table-list td {
        font-size: 11px;
        padding: 4px;
    }
    header.woocommerce-Address-title.title h2 {
        margin-bottom: 0px;
        font-size: 18px;
        font-weight: bold;
        height: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


@media (max-width: 480px) {
    .user-profile-forms-details .woocommerce-MyAccount-content p {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .user-profile-forms-details .dashboard-links li a {
        font-size: 16px !important;
        padding: 6px !important;
        margin: 8px !important;
    }

    .woocommerce-Button[name="save_account_details"]::before {
        content: "Save";
        font-size: 18px;
        color: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .woocommerce-Button[name="save_account_details"] {
        color: transparent;
        position: relative;
    }
    table-list td {
        padding: 1px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }
    td {
        font-size: 10px;
    }
    .Order-table-list button {
        padding: 2px 3px;
        background-color: #d40e54;
        font-weight: 600;
        color: #fff;
        border: none;
        border-radius: 3px;
        cursor: pointer;
    }
    .Order-table-list {
         padding: 0px; 
        height: 100%;
    }

    .user-profile-forms-details .large-9.col {
        flex: 0 0 100%;
        max-width: 100%;
        overflow: auto;
    }

    .Order-table-list {
        font-family: Arial, sans-serif;
        margin: 0;
    }

        .Order-table-list th, .Order-table-list td {
            padding: 2px 4px;
            text-align: center;
            font-size: 9px;
            border-bottom: 1px solid #ddd;
        }

        .Order-table-list td {
            padding: 5px !important;
            text-align: center;
            border-bottom: 1px solid #ddd;
        }

    .table-container .order-date
    {
        display:none;
    }

    button.btn.btn-primary {
        font-size: 9px !important;
    }
    .u-columns.woocommerce-Addresses.col2-set.addresses {
        display: flex;
         gap: 0px; 
        justify-content: space-around;
    }
    .woocommerce-EditAccountForm {
        padding: 12px 12px 0px 8px;
    }
        .woocommerce-EditAccountForm .button {
            width: 45%;
            padding: 3px 0px;
        }
    button.woocommerce-Delete-Button.button {
        width: 50%;
        padding: 3px 0px;
    }
    .u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
        width: 48%;
    }
}

@media (max-width: 1200px) {
    .new-blog-detail-image {
        height: 300px;
    }
}

@media (max-width: 768px) {

    .new-blog-image-overlay {
        background: rgba(0, 0, 0, 0.5);
        padding: 8px;
        border-radius: 10px;
    }

    li.breadcrumb-item.active {
        font-size: 1rem;
    }

    .new-blog-detail-image {
        height: 250px;
    }

    .new-blog-content {
        font-size: 0.7rem;
    }
}

@media (max-width: 576px) {

    li.breadcrumb-item.active {
        font-weight: 500;
    }

    .new-blog-detail-image {
        height: 200px;
    }

    .custom-similar-posts select {
        width: 100%;
    }
}

@media (max-width:768px) {
    .accordion-h span, .faq-head span {
        font-size: 1.7rem;
    }

    .faq-content {
        width: 90%;
    }
}


@media (max-width:480px) {

    .accordion-h span, .faq-head span {
        font-size: 1.4rem;
    }

    .accordion-title {
        font-size: 1rem;
        text-align: left
    }

    .faq-title {
        font-size: 85px;
    }

    .faq-title-section {
        padding: 16px 0;
    }

    .faq-banner-section {
        width: 100%;
        height: 100%;
    }

    .faq-head span {
        text-align: center;
        margin-bottom: 1rem;
    }

    button.faq-nav-item {
        width: 85%;
        padding: 5px;
        font-size: 17px;
    }

    #section-blog .blog-body {
        padding: 7px;
        height: 14.2rem;
    }
}

@media screen and (max-width: 768px) {
    .lab-row {
        justify-content: center;
    }

    .lab-display {
        width: calc(50% - 1.5rem);
    }
    

}


@media(max-width:573px){
    .connect-about-us-banner-section {
        text-align: center;
        width: 100%;
        height: auto;
    }
    .about-contact-us {
        text-align: center;
        width: 100%;
    }
    .connect-about-us-banner-title {
        font-size: 1.2rem;
    }
    .connect-about-us-banner-wrapper {
        padding: 5px 0px;
    }
    .connect-about-us-banner-subtitle{
        font-size:0.9rem;
    }
    a.about-to-contactUs {
        font-size: 0.9rem;
        padding: 4px;
    }
}



@media (max-width: 480px) {

    .about-us-section {
        padding: 10px 20px;
    }

    .lab-products {
        gap: 0rem;
    }

    .lab-pro-title {
        font-size: 1.3rem;
    }

    .lab-products {
        padding: 4.5px;
    }
        .lav-content p {
        font-size: 0.9rem;
        width: 90%;
        line-height: normal;
    }

    .lab-result-content {
        top: 6%;
    }
        .lav-content span {
        font-size: 1.3rem;
        margin-top: 0.5rem;
    }

    .lav-content {
        padding: 0rem;
    }
        .lab-section {
        height: 34vh;
    }

    .lab-result-content p {
        font-size: 1.2rem;
    }

    .lab-result-content span {
        font-size: 1.2rem;
    }

    .tpt-section-body {
        padding: 8px 0px 8px 18px !important;
    }

    .tpt-section_container {
         padding: 0px !important;
     }

    .simple-breadcrumbs nav.breadcrumbs {
        font-size: 15px !important;
    }

    section.about-us-contact {
         margin-top: 0px; 
    }

    .about-us-new-text {
         margin-bottom: 0px; 
    }

    .about-us-new-media-with-text{
        gap:0px;
    }

    .about-us-new-heading {
        font-size: 1.2rem;
        margin-bottom: 8px;
    }

    .about-us-new-paragraph {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom:0px;
    }

    .about-us-new-paragraph p {
        margin-bottom: 0px;
    }
        .about-us-new-media {
        width: 50%;
        margin-bottom: 10px;
    }

    .about-us-new-full-width-section {
        padding: 0px;
        background-color: #ffffff;
    }

    .about-contact-us {
        width: 40%;
    }

    a.about-to-contactUs {
        font-size: 0.7rem;
        padding: 0.2rem 1rem;
    }

    

    .connect-about-us-banner-wrapper {
        max-width: 100%;
        padding: 1rem 0rem;
        margin:0px;
    }

    .connect-about-us-banner-content {
        align-items: baseline;
        height:auto;
    }

    .connect-about-us-banner-title {
        font-size: 1rem;
        width: 63%;
        margin: 0px 0px 5px 0px;
        text-align: left;
    }

    .connect-about-us-banner-subtitle {
        font-size: 0.7rem;
        width: 40%;
        font-weight: bold;
        margin: 0 0 2px 10px;
        padding: 0 0 0 14px;
    }

    .footer-content-seo-container h1 {
        font-size: 1.7rem !important;
    }

    .footer-content-seo-container p {
        margin-bottom: 15px;
        font-size: 1rem;
    }

    .cta h2 {
        font-size: 1.6rem !important;
    }

    .footer-content-seo-container h2 {
        font-size: 1.5rem !important;
    }

    
}

/*
Home/ViewAllProductsPage*/
@media (max-width: 1200px) {
    #contact-popup .popup-container {
        width: 90% !important;
    }
}


    @media (max-width: 1024px) {
        #customerreview .rating .score {
            font-size: 2.5rem;
        }

        #contact-popup .popup-container {
            width: 90% !important;
          
        }

        #customerreview .total-reviewes {
            gap: 3rem;
            padding: 0px 1rem;
        }

        .section-products-title {
            font-size: 2rem;
        }

        .view-container {
            padding: 0 2rem !important;
        }

        .user-rating-header {
            display: none;
        }
    }

    @media (max-width: 768px) {

        #contact-popup .popup-container {
            width: 90% !important;
        }

        #contact-popup .popup-text {
            font-size: 0.9rem !important;
        }

        .slideshow {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        div #testimonials-section {
            padding-top: 0px;
        }


        #customerreview .rating .score {
            font-size: 2.5rem;
        }

        #customerreview .total-reviewes {
            gap: 3rem;
            padding: 0px 1rem;
        }

        h1.custom-blog-title {
            font-size: 1.9rem !important;
        }

        .review-card {
            margin: 0 auto !important;
            height: 330px !important;
        }

            .review-card .user-review-title {
                font-size: 1rem !important;
            }

            .review-card .user-review-stars {
                font-size: 1.25rem !important;
            }

            .review-card .user-review-image {
                height: 270px;
            }

            .review-card .user-review-content {
                flex: 1.8;
                min-width: 250px;
                /* padding: 30px; */
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }

            .review-card .user-review-name {
                margin: 0;
                font-weight: 600;
                color: #444;
                font-size: 0.8rem;
            }
    }

    @media(max-width:519px) {
        .review-card .user-review-content {
            justify-content: flex-start;
            padding-top: 0px !important;
        }

        .review-card .user-review-image-container {
            padding: 0px !important;
        }

        .review-card .user-review-image {
            height: 160px !important;
        }

        .review-card .user-review-text {
            margin: 0 0 12px 0;
        }

        .review-card .user-review-rating, .review-card .user-review-rating {
            margin-bottom: 0px !important;
        }
    }


    @media (max-width: 480px) {

        #contact-popup .form-group select {   
            padding: 10px 8px;
            font-size: 0.8rem;
        }

        img.contact-us-pop-up-logo {
            width: 3rem !important;
        }

        #contact-popup .popup-title {
            font-size: 1rem !important;
        }

        #contact-popup .popup-text {
            font-size: 0.6rem !important;
        }

        #contact-popup .close-btn::before, #contact-popup .close-btn::after {
            width: 12px !important;
        }

        #contact-popup .close-btn {
            top: 15px !important;
            right: 10px !important;
            width: 20px !important;
            height: 20px !important;
        }

        div #testimonials-section {
            height: 345px;
        }

        .review-card .user-review-content {
            padding: 5px;
        }

        .review-card .user-review-text {
            font-size: 0.7rem !important;
        }

        .review-card {
            height: 305px !important;
        }

            .review-card .user-review-text {
                color: #666;
                line-height: 1.6;
                margin: 0 0 10px 0 !important;
                font-size: 1rem;
            }

            .review-card .user-review-avatar {
                width: 30px !important;
                height: 30px !important;
            }

            .review-card .user-review-image {
                height: 140px !important;
            }

            .review-card .user-review-title {
                font-size: 0.85rem !important;
                margin: 0 !important;
            }

        .about-us-section .about-us-contained-heading {
            font-size: 1.1rem;
        }

        .about-us-section p {
            font-size: 0.8rem;
        }

        .simple-breadcrumbs nav.breadcrumbs {
            font-size: 1rem;
        }

        .tpt-section_container {
            padding: 1px 0px 2px 0px;
        }



        .new-blog-section h1 {
            font-size: 20px;
        }

        .new-blog-section h2 {
            font-size: 16px;
            text-align: justify;
        }

        .new-blog-section h3 {
            font-size: 15px;
            text-align: justify;
        }

        .new-blog-section {
            padding: 0px 20px;
        }

        .blog-main-tittle {
            margin-top: 0px;
        }

        h1.custom-blog-title {
            font-size: 1rem !important;
        }

        .new-blog-detail-container {
            padding: 0px 20px 0px 20px;
        }

        .section-products-title {
            font-size: 1.5rem;
        }

        .view-container {
            padding: 0 1rem !important;
        }

        section.view-all-products-section {
            padding: 0.5rem;
        }

        .product-tabs-section .nav-tabs .nav-link {
            padding: 5px !important;
            font-size: 0.9rem;
        }

        .swiper-buttons {
            display: none;
        }

        #customerreview .review-box {
            width: 100%;
        }

        #customerreview .total-reviewes {
            display: flex;
            flex-direction: column;
            padding: 0px 5rem !important;
        }

        #customerreview .rating .score {
            font-size: 4rem;
        }

        #customerreview .rating .stars {
            font-size: 3rem;
        }

        #customerreview .customer-review-stars {
            font-size: 1.3rem;
        }
    }