/* ========== Media Queries ========== */
@media (max-width: 1400px) {
              /* ========== Basics Css Style ========== */
  .loader {
    width: 35px;
    height: 35px;
  }

  .text-danger {
    font-size: 1.0rem;
  }

  .text-success {
    font-size: 1.0rem;
  }

  .danger {
    font-size: 1.0rem;
  }

  #btn-success a {
    font-size: 1.0rem;
  }
    /* ========== Header Style ========== */

    .header {
        background: var(--background);
    }

    /* ========== WhatA5pps Style ========== */

    .whatsapp-float-btn {
        font-size: 3.5rem;
    }
}

@media (max-width: 1200px) {

              /* ========== Basics Css Style ========== */
  .loader {
    width: 35px;
    height: 35px;
  }

  .text-danger {
    font-size: 1.0rem;
  }

  .text-success {
    font-size: 1.0rem;
  }

  .danger {
    font-size: 1.0rem;
  }

  #btn-success a {
    font-size: 1.0rem;
  }
    /* ========== Header Style ========== */
    .header {
        background: var(--background);
    }

    /* ========== WhatApps Style ========== */
    .whatsapp-float-btn {
        font-size: 3.2rem;
    }

    /* ========== ProductSingle Page Style ========== */
    .product-details-btn .btn-buy {
        width: 45%;
        height: 40px;
    }

    .product-details-btn .btn-buy a {
        font-size: 1.3rem;
    }

    .product-details-btn .btn-add {
        width: 30%;
        height: 40px;
        font-size: 1.0rem;
    }

}

@media (max-width: 1024px) {

              /* ========== Basics Css Style ========== */
  .loader {
    width: 35px;
    height: 35px;
  }

  .text-danger {
    font-size: 1.0rem;
  }

  .text-success {
    font-size: 1.0rem;
  }

  .danger {
    font-size: 1.0rem;
  }

  #btn-success a {
    font-size: 1.0rem;
  }
    /* ========== Header Style ========== */
    .header {
        background: var(--background);
    }

    /* ========== WhatApps Style ========== */
    .whatsapp-float-btn {
        font-size: 3.0rem;
    }

    /* ========== ProductSingle Page Style ========== */
    .product-details-btn .btn-buy {
        width: 40%;
        height: 40px;
    }

    .product-details-btn .btn-buy a {
        font-size: 1.0rem;
    }

    .product-details-btn .btn-add {
        width: 30%;
        height: 40px;
        font-size: 1.0rem;
    }
}

@media (max-width: 991px) {
              /* ========== Basics Css Style ========== */
  .loader {
    width: 35px;
    height: 35px;
  }

  .text-danger {
    font-size: 1.0rem;
  }

  .text-success {
    font-size: 1.0rem;
  }

  .danger {
    font-size: 1.0rem;
  }

  #btn-success a {
    font-size: 1.0rem;
  }

    /* ========== Login Page,Registration Page,Forgot Password & New Password Update Page Style ========== */
    /* Login Page Style */
    .contanier {
        width: 60.0rem;
    }

    .form-contact .heading {
        font-size: 2.54rem;
    }

    .form-contact form {
        width: 100%;
        height: 100vh;
        background: var(--background-color-linear-gradient-right);
    }

    .form-contact form input {
        border: 0.1rem solid rgb(101, 100, 100);
    }

    .form-contact .login {
        position: relative;
        margin: 22% auto;
        overflow: hidden;
    }

    .form-contact .login .logIn {
        display: none;
    }

    .form-contact .form-datas a {
        position: absolute;
        font-size: 1.2rem;
        color: var(--text-black-900);
        right: 20px;
        font-family: "San Francisco";
        text-decoration: none;
    }

    #login .image {
        max-width: 100%;
        height: 80vh;
    }

    #login .image img {
        max-width: 100%;
        height: 100%;
    }

    /* Forgot Page Style */
    .form-contact .heading-forgot {
        font-size: 2.5rem;
    }

    #forgot .image {
        max-width: 100%;
        height: 80vh;
    }

    #forgot .image img {
        max-width: 100%;
        height: 100%;
    }

    /* Registration Page Style */

    .registrat-form-contact form input {
        border: 0.1rem solid rgb(101, 100, 100);
    }

    #registration .image {
        max-width: 100%;
        height: 80vh;
    }

    #registration .image img {
        max-width: 100%;
        height: 100%;
    }

    /* ========== Navbar Menu section Style ========== */
    .nav-bar {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
    }

    nav .nav-bar .sidrebarOpen {
        display: block;
    }

    .menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 50%;
        height: 100vh;
        background: var(--background);
        flex-direction: column;
        transition: left 0.3s ease;
        padding: 80px 20px 20px;
        z-index: 1001;
    }

    .menu.active {
        left: 0;
    }

    .logo-toggle {
        position: absolute;
        display: flex;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }

    .nav-list {
        flex-direction: column;
        gap: 20px;
    }

    .sidrebarOpen {
        display: inline-block;
        color: #008272;
        cursor: pointer;

    }

    .sidrebarClose {
        display: inline-block;
        font-size: 2.5rem;
        color: black;
        cursor: pointer;
    }

    /* Search Section */
    .search-field {
        position: absolute;
        top: 70px;
        right: 10px;
        width: 70%;
    }

    /* Shoping Cart */
    .cart-box {
        position: relative;
    }

    .whole-cart-window {
        right: -85px;
    }

    .login-search-language-shoping {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    /* ========== Index Page Tested Product ========== */
    .about-content .about-block .about-title-name {
        font-size: 1.5rem;
    }

    .about-content .about-block .about-item {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .about-content .about-block .image-container {
        width: 50%;
        height: 120vh;
        border-radius: 0.5rem;
        border: none;
        box-shadow: none;
    }

    .about-content .about-block .image-container img {
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
    }

    .about-content .about-block .contant-container {
        width: 50%;
        padding: 0.5rem 1.5rem;
    }

    .about-content .about-block .contant-container .about-description {
        font-size: 1.2rem;
        font-family: "San Francisco";
        color: var(--text-black-900);
    }

    /* ========== TestedProduct,FranchiseService,CustomWork,Bestprice,QualityProduct,Installationservice,Digitalsupport Page Style ========== */
    .page-containers .page-title-name::after {
        right: 50%;
        transform: translate(-50%);
    }

    .page-containers .page-content {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .page-containers .page-content .page-item {
        width: 50%;
    }

    .page-containers .page-content .page-item .page-description {
        font-size: 1.15rem;
        font-family: "San Francisco";
        color: var(--text-black-900);
    }

    .page-containers .page-content .page-image {
        width: 50%;
        background: var(--background);
    }

    .page-containers .page-content .page-image img {
        width: 100%;
        height: 100%;
        background: var(--background);
    }

    /* ========== Product Section Style ========== */
    .product-item {
        width: 45%;
    }

    .img_item {
        height: 220px;
    }

    /* ========== Product Page Style ========== */
    .text_behind h1 {
        font-size: 60px;
        letter-spacing: 13px;
        margin-left: 30px;
        font-weight: 800;
    }

    /* ========== ProductSingle Page Style ========== */
    .product-details {
        width: 100%;
        background-color: var(--background);
    }

    .product-description-iteams .product-details-name {
        font-size: 1.3rem;
    }

    .product-description-iteams .product-details-detail {
        font-size: 0.8rem;
    }

    .product-related-description {
        font-size: 1.0rem;
    }

    .product-details-current span,
    .product-details-current .product-details-before,
    .product-details-current .product-details-discount {
        font-size: 1.2rem;
    }

    .product-rating .bxs-star,
    .product-rating .rating-leval span {
        font-size: 1.2rem;
    }

    .product-description-iteams .aa-prod-view-size a {
        margin: 0;
    }

    .product-qulity form {
        margin: 0;
    }

    .product-details-btn .btn-buy {
        width: 45%;
        height: 30px;
        border-radius: 0.5rem;
        border: none;
        background-color: rgb(85, 85, 245);
    }

    .product-details-btn .btn-buy a {
        text-decoration: none;
        font-size: 1.0rem;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-details-btn .btn-add {
        width: 33%;
        height: 30px;
        border-radius: 0.5rem;
        border: none;
        background-color: green;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }


    .product-details-btn a .btn-add {
        text-decoration: none;
        font-size: 1.0rem;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-item,
    .reviews-items,
    .additional-items {
        width: 100%;
        padding: 0 12.0rem;
        font-family: "San Francisco";
        color: var(--text-black-900);
    }


    /* ProductDetalis Page Accordion  */
    .accordion {
        width: 100%;
        max-width: 100%;
        padding: 0.4rem 1.6rem;
        margin-bottom: 15px;
        border-radius: 0.5rem;
        cursor: pointer;
        background-color: #d9d9d9;
        display: block;
        box-sizing: border-box;
    }

    .accordion .question {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-family: "San Francisco";
    }

    .accordion .question h5 {
        font-size: 1.4rem;
        color: #030202;
    }

    .accordion .icon {
        margin-right: 1.6rem;
        font-size: 1.2rem;
        transition: transform 0.3s;
        color: #030202;
    }

    .accordion .icon.active {
        transform: rotate(-180deg);
        background: linear-gradient(to bottom, #FFF 30%, #4a86ee 90%);
        border-radius: 0.3rem;
        padding: 7px;
    }


    .accordion .answer {
        max-height: 0;
        overflow: hidden;
        transition: transform 0.2s;
    }

    .accordion .answer li {
        padding: 0.3rem;
        font-size: 1.2rem;
        border-radius: 0.5rem;
        list-style: none;
        color: #030202;
        font-family: "Montserrat", serif;
    }

    /* ========== Services Section Style ========== */
    .services-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        flex-direction: row;
    }

    .services-card {
        width: 30%;
        min-width: 250px;
        padding: 20px;
        background-color: var(--background);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        text-align: center;
        transition: transform 0.3s;
        width: 45%;
        margin-bottom: 20px;
    }

    .services-title {
        font-size: 1.8rem;
        text-align: center;
    }

    /* ========== Youtube Section Style ========== */
    .col {
        max-width: 48%;
    }

    .youtube-title-name {
        font-size: 1.7rem;
    }

    iframe {
        height: 220px;
    }

    /* ========== Card Page Style ========== */
    .cart-bolg h3::after {
        left: 15%;
    }

    /* ========== Footer Section Style ========== */
    footer .row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-col {
        flex: 0 0 45%;
        margin-bottom: 30px;
    }

    .wrapper .button {
        width: 30px;
        height: 30px;
    }

    .wrapper .button:hover {
        width: 120px;
    }

    .button .icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .button .icon i {
        font-size: 1.0rem;
        line-height: 30px;
        transition: all 0.3s ease-in-out;
    }

    .button a span {
        line-height: 30px;
    }

    .footer-col h3 {
        font-size: 1.2rem;
    }

    iframe {
        height: 180px;
    }

    /* ========== Contact Page Style ========== */
    .box-wrapper {
        flex-direction: column;
        gap: 30px;
        padding: 20px;
    }

    .info-wrapper,
    .form-wrapper {
        width: 100%;
    }

    .info-title {
        font-size: 22px;
        line-height: 1.3;
    }

    .info-sub-title {
        font-size: 16px;
    }

    .info-detalis li {
        font-size: 15px;
    }

    .form-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .form-groups input,
    .form-groups textarea {
        font-size: 15px;
        padding: 10px;
    }

    .submit-button {
        width: 100%;
        font-size: 16px;
        padding: 12px;
    }

    /* ========== Order Page&PDF Page Style ========== */
    .orders-page-order-details span,
    .orders-page-order-details .pdfname {
        font-size: 1.2rem;
    }

    .orders-page-order-details i {
        font-size: 1.0rem;
    }

}

@media (max-width: 768px) {

              /* ========== Basics Css Style ========== */
  .loader {
    width: 35px;
    height: 35px;
  }

  .text-danger {
    font-size: 1.0rem;
  }

  .text-success {
    font-size: 1.0rem;
  }

  .danger {
    font-size: 1.0rem;
  }

  #btn-success a {
    font-size: 1.0rem;
  }
    /* ========== Login Page,Registration Page,Forgot Password & New Password Update Page Style ========== */
    /* Login Page Style */
    .contanier {
        width: 47.0rem;
    }

    .form-contact .heading {
        font-size: 2.5rem;
        margin-top: 15px;
        margin-bottom: 20px;
        text-align: center;
    }

    .form-contact form {
        width: 100%;
        padding: 2rem 1rem;
        box-sizing: border-box;
        background: var(--background-color-linear-gradient-right);
    }

    .form-contact .login {
        position: relative;
        margin: 22% auto;
    }

    .form-contact form label {
        font-size: 1.3rem;
    }

    .form-contact form input {
        max-width: 18rem;
        padding: 1.1rem;
        margin: 1.0rem;
        height: 1.5rem;
        font-size: 1.2rem;
        border: 1px solid rgb(101, 100, 100);
    }

    .form-contact .form-datas a {
        position: absolute;
        font-size: 1.2rem;
        color: var(--text-black-900);
        right: 10px;
        font-family: "San Francisco";
        text-decoration: none;
    }

    .form-contact form .remberdata {
        font-size: 1.0rem;
    }

    .form-contact form input[type="checkbox"] {
        font-size: 1.0rem;
    }

    .form-contact .login .social-icons {
        padding: 1.0rem;
    }

    /* Forgot Page Style */

    .form-contact .heading-forgot {
        font-size: 2.0rem;
    }

    /* Registration Page Style */
    .registrat-form-contact form {
        max-width: 100%;
        padding: 1rem 1rem;
        box-sizing: border-box;
    }

    .registrat-form-contact form label {
        font-size: 1.3rem;
    }

    .registrat-form-contact form input {
        max-width: 18rem;
        padding: 1.1rem;
        margin: 0.7rem;
        height: 1.5rem;
        font-size: 1.2rem;
        border: 1px solid rgb(101, 100, 100);
    }

    /* ========== Header Style ========== */
    .header {
        background: var(--background);
    }

    /* ========== WhatApps Style ========== */
    .whatsapp-float-btn {
        font-size: 2.5rem;
    }

    /* ========== Navbar Menu section Style ========== */
    .nav-bar {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
    }

    nav .nav-bar .sidrebarOpen {
        display: block;
    }

    .menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 50%;
        height: 100vh;
        background: var(--background);
        flex-direction: column;
        transition: left 0.3s ease;
        padding: 80px 20px 20px;
        z-index: 1001;
    }

    .menu.active {
        left: 0;
    }

    .logo-toggle {
        position: absolute;
        display: flex;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }

    .nav-list {
        flex-direction: column;
        gap: 20px;
    }

    .sidrebarOpen {
        display: inline-block;
        color: #008272;
        cursor: pointer;

    }

    .sidrebarClose {
        display: inline-block;
        font-size: 2.5rem;
        color: black;
        cursor: pointer;
    }

    /* Search Button */
    .search-field {
        position: absolute;
        top: 70px;
        right: 10px;
        width: 90%;
    }

    /* Cart Button */
    .cart-box {
        position: relative;
    }

    .whole-cart-window {
        right: -85px;
    }

    .login-search-language-shoping {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    /* ========== Home Section ========== */
    .home {
        min-height: 85vh;
    }

    .home .box {
        top: 35%;
    }

    .home .box h1,
    .home .box p {
        font-size: 2.0rem;
    }

    .home .box p {
        margin-bottom: 2rem;
        font-size: 1.5rem;
    }

    .box a.btnBox {
        padding: 0.5rem 0.5rem;
        font-size: 1.0rem;
    }

    /* ========== Offer Page ========== */
    .offer-image-items {
        height: 80px;
    }

    .offer-image-items img {
        object-fit: contain;
    }

    /* ========== Index Page Tested Product Style ========== */
    .about-content .about-block .about-title-name {
        font-size: 1.5rem;
    }

    .about-content .about-block .about-title-name::after {
        content: '';
        position: absolute;
        background: var(--text-black-900);
        width: 13.0rem;
        height: 0.1rem;
        border-radius: 0.25rem;
        bottom: -8px;
        left: 50%;
        transform: translate(-50%);
    }

    .about-content .about-block .about-item {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .about-content .about-block .image-container {
        width: 100%;
        height: 80vh;
    }

    .about-content .about-block .image-container img {
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
    }

    .about-content .about-block .contant-container {
        width: 100%;
        padding: 0rem;
    }

    .about-content .about-block .contant-container .about-description {
        font-size: 1.2rem;
        font-family: "San Francisco";
        color: var(--text-black-900);
    }

    /* ========== TestedProduct,FranchiseService,CustomWork,Bestprice,QualityProduct,Installationservice,Digitalsupport Page Style ========== */
    .page-containers .page-title-name::after {
        width: 15.0rem;
        height: 0.1rem;
        right: 43%;
        transform: translate(-43%);
    }

    .page-containers .page-content {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .page-containers .page-content .page-item {
        width: 100%;
    }

    .page-containers .page-content .page-item .page-description {
        font-size: 1.3rem;
    }

    .page-containers .page-content .page-image {
        width: 100%;
    }

    .page-containers .page-content .page-image img {
        width: 100%;
    }

    /* ========== Product Section Style ========== */
    .product-content .product-block .product-title-name {
        font-size: 1.5rem;
    }

    .product-content .product-block .product-title-name::after {
        width: 11.0rem;
        height: 0.1rem;
    }

    .product-content .product-block .product-list .product-item {
        width: 300px;
    }

    /* ========== Product Page Style ========== */

    .text_behind h1 {
        font-size: 50px;
        letter-spacing: 13px;
        margin-left: 20px;
        font-weight: 800;
    }

    /* ========== ProductSingle Page Style ========== */
    /*  */
    .product-details {
        width: 100%;
        height: auto;
        background-color: var(--background);
    }

    .product-details .product-details-container {
        flex-direction: column;
        height: auto;
    }

    .xzoom-container-left,
    .xzoom-container-right {
        width: 100%;
        height: auto;
    }

    .xzoom-container-image {
        height: auto;
    }

    .xzoom-container-image img {
        position: relative;
        height: auto;
    }

    .product-description-iteams {
        padding: 1rem;
        height: auto;
    }

    .product-description-iteams .product-details-name {
        font-size: 1.5rem;
    }

    .product-description-iteams .product-details-detail {
        font-size: 0.8rem;
    }

    .product-related-description {
        font-size: 1.0rem;
    }

    .product-details-current span,
    .product-details-current .product-details-before,
    .product-details-current .product-details-discount {
        font-size: 1.2rem;
    }

    .product-rating .bxs-star,
    .product-rating .rating-leval span {
        font-size: 1.2rem;
    }

    .product-description-iteams .aa-prod-view-size a {
        margin: 0;
    }

    .product-qulity form {
        margin: 0;
    }

    .product-details-btn .btn-add {
        width: 45%;
        height: 50px;
        font-size: 1.5rem;
        border-radius: 0.5rem;
        border: none;
        background-color: green;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-details-btn .btn-buy a {
        text-decoration: none;
        font-size: 1.0rem;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }


    .product-details-btn .btn-buy {
        width: 50%;
        height: 50px;
        border-radius: 0.5rem;
        border: none;
        background-color: rgb(85, 85, 245);
    }


    .product-details-btn a .btn-add {
        text-decoration: none;
        font-size: 1.0rem;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-item,
    .reviews-items,
    .additional-items {
        width: 100%;
        padding: 0 1.5rem;
        font-family: "San Francisco";
        color: var(--text-black-900);
    }


    /* ProductDetalis Page Accordion  */
    .accordion {
        width: 100%;
        max-width: 100%;
        padding: 0.4rem 1.6rem;
        margin-bottom: 15px;
        border-radius: 0.5rem;
        cursor: pointer;
        background-color: #d9d9d9;
        display: block;
        box-sizing: border-box;
    }

    .accordion .question {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-family: "San Francisco";
    }

    .accordion .question h5 {
        font-size: 1.4rem;
        color: #030202;
    }

    .accordion .icon {
        margin-right: 1.6rem;
        font-size: 1.2rem;
        transition: transform 0.3s;
        color: #030202;
    }

    .accordion .icon.active {
        transform: rotate(-180deg);
        background: linear-gradient(to bottom, #FFF 30%, #4a86ee 90%);
        border-radius: 0.3rem;
        padding: 7px;
    }


    .accordion .answer {
        max-height: 0;
        overflow: hidden;
        transition: transform 0.2s;
    }

    .accordion .answer li {
        padding: 0.3rem;
        font-size: 1.2rem;
        border-radius: 0.5rem;
        list-style: none;
        color: #030202;
        font-family: "Montserrat", serif;
    }

    /* ========== CustomerFilldetls Page ========== */
    .customercheckout {
        padding: 20px 10px;
    }

    .customercheckout h2 {
        font-size: 1.2rem;
        text-align: center;
        border: none;
        padding-bottom: 10px;
    }

    /* ========== Stack form and product list vertically ========== */
    .customercheckout .checkout-form-steps {
        width: 100%;
        padding-right: 2.5rem;
        padding: 2.0rem;
        border: none;
        display: block;
    }

    .customercheckout .orderlist {
        width: 100%;
        float: none;
        margin-top: 10px;
        text-align: center;
    }

    .customercheckout .orderlist img {
        height: auto;
        max-height: 300px;
    }

    .customercheckout .orderlist .card-name,
    .customercheckout .orderlist .card-size,
    .customercheckout .orderlist .card-price {
        font-size: 0.95rem;
        text-align: left;
        padding: 0.5rem 0.8rem;
        margin: 0.3rem 0;
    }

    /* ========== Form column full width ========== */
    .customercheckout .row>.col-md-4,
    .customercheckout .row>.col-md-3,
    .customercheckout .row>.col-md-12 {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .customercheckout input,
    .customercheckout textarea,
    .customercheckout button {
        font-size: 1rem;
    }

    .btn-add {
        margin-top: 10px;
        font-size: 1rem;
    }

    /* ========== Services Section Style ========== */
    .services-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        flex-direction: row;
    }

    .services-card {
        width: 30%;
        min-width: 250px;
        padding: 20px;
        background-color: var(--background);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        text-align: center;
        transition: transform 0.3s;
        width: 45%;
        margin-bottom: 20px;
    }

    .services-title {
        font-size: 1.8rem;
        text-align: center;
    }

    /* ========== YouTube Section Style ========== */
    .youtube-content .youtube-block .youtube-title-name {
        font-size: 1.5rem;
    }

    .youtube-content .youtube-block .youtube-title-name::after {
        width: 24.0rem;
        height: 0.1rem;

    }

    .youtube-content .youtube-block .row {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        flex-direction: row;
    }

    .youtube-content .youtube-block .row .col {
        min-width: 295px;
    }

    /* ========== Cart Section Page ========== */
    .cart-bolg h3 {
        line-height: 15px;
        font-size: 2.0rem;
    }

    .cart-bolg h3::after {
        width: 12.0rem;
        height: 0.3rem;
        border-radius: 5px;
        position: absolute;
        bottom: -15px;
        left: 20%;
    }

    .cart-table thead {
        border-radius: 0.5rem;
        font-weight: 800;
    }

    .cart-table thead td {
        padding: 5px 5px;
        font-size: 1.0rem;
    }

    .cart-container table tbody i {
        font-size: 1.2rem;
    }

    .cart-container table tbody h5 a {
        font-size: 1.0rem;
    }

    .cart-container table tbody h6 {
        font-size: 1.0rem;
    }

    .cart-container table tbody h3 {
        font-size: 1.0rem;
    }

    .cart-table tbody td img {
        width: 100px;
        height: 60px;
        object-fit: cover;
    }


    /* Footer Section */
    footer .row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-col {
        flex: 0 0 45%;
        margin-bottom: 1.0rem;
    }

    .wrapper .button {
        width: 2.3rem;
        height: 2.3rem;
    }

    .wrapper .button:hover {
        width: 120px;
    }

    .button .icon {
        width: 2.3rem;
        height: 2.3rem;
        line-height: 2.3rem;
    }

    .button .icon i {
        font-size: 1.2rem;
        line-height: 2.5rem;
        transition: all 0.3s ease-in-out;
    }

    .button a span {
        line-height: 30px;
    }

    .footer-col h3 {
        font-size: 1.2rem;
    }

    .footer-col .logo-footer img {
        width: 14.0rem;
    }

    .footer-col iframe {
        width: 15.0rem;
        height: 10.0rem;
        border-radius: 8px;
    }

    /* ========== Contact Page Style ========== */
    .box-wrapper {
        flex-direction: column;
        gap: 30px;
        padding: 20px;
    }

    .info-wrapper,
    .form-wrapper {
        width: 100%;
    }

    .info-title {
        font-size: 22px;
        line-height: 1.3;
    }

    .info-sub-title {
        font-size: 16px;
    }

    .info-detalis li {
        font-size: 15px;
    }

    .form-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .form-groups input,
    .form-groups textarea {
        font-size: 15px;
        padding: 10px;
    }

    .submit-button {
        width: 100%;
        font-size: 16px;
        padding: 12px;
    }
}

@media (max-width: 640px) {
          /* ========== Basics Css Style ========== */
  .loader {
    width: 35px;
    height: 35px;
  }

  .text-danger {
    font-size: 1.0rem;
  }

  .text-success {
    font-size: 1.0rem;
  }

  .danger {
    font-size: 1.0rem;
  }

  #btn-success a {
    font-size: 1.0rem;
  }


    /* ========== Login, Registration, ForgotPassword, PopupLogin & UpdatePassword Page ========== */
    /* Popup Login Section */
    .popup-content {
        width: 35.0rem;
        height: 20.0rem;
    }

    .popup-content i {
        font-size: 1.3rem;
    }

    .popup-content form label {
        font-size: 1.0rem;
    }

    .popup-content form input {
        padding: 0.5rem;
        font-size: 1.1rem;
    }

    .popup-content form button {
        padding: 0.5rem;
        max-width: 100px;
        font-size: 1.0rem;
    }

    .popup-content .loginIn {
        font-size: 1.0rem;
        margin: 12px 0;
        font-weight: 100;
    }

    .popup-content .loginIn::after {
        max-width: 5.0rem;
    }

    .popup-content .loginIn::before {
        max-width: 5.0rem;
    }

    .popup-content .social-icons #google i,
    .form-contact .social-icons #google i {
        font-size: 1.5rem;
        color: red;
    }

    .popup-content .social-icons #facebook i,
    .form-contact .social-icons #facebook i {
        font-size: 1.5rem;
        color: blue;
    }

    .popup-close {
        font-size: 1.8rem;
        cursor: pointer;
    }

    #popup_login_msg {
        margin-top: 10px;
        font-size: 1.2rem;
        font-family: "San Francisco";
    }
    
    
    /* Login Page Forgot Page Registration Page*/
     .image-contact .image {
        display: none !important;
    }

    .image-contact .link {
        display: block !important;
        text-align: center;
        margin-top: 1rem;
        font-size: 1rem;
    }

    .contanier {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-contact,
    .registrat-form-contact {
        width: 100%;
        max-width: 400px;
    }

    /* ========== WhatApps Style ========== */
    .whatsapp-float-btn {
        font-size: 2.5rem;
    }

    /* ========== Header Section Style ========== */
    .header {
        background: var(--background);
    }

    /* NavBar&Menu Section */
    .menu {
        width: 100%;
    }

    nav .nav-bar .sidrebarOpen {
        font-size: 2.0rem;
    }

    .header nav .nav-bar .logo {
        width: 10.0rem;
        height: 3.0rem;
    }

    .header nav .nav-bar .logo img {
        width: 100%;
        height: 100%;
    }

    .language-box i,
    .cart-icon i,
    .login-box i {
        font-size: 1.3rem;
    }

    .searchToggle i {
        font-size: 1.3rem;
    }

    /* Search Menu Button */
    .search-field {
        display: none;
        position: absolute;
        top: 50px;
        left: -20.0rem;
        width: 100%;
    }

    .search-box {
        position: relative;

    }

    .search-text {
        width: 22.0rem;
        padding: 0.3rem;
        background: var(--background);
        color: var(--text-black-900);
        border: 2px solid var(--text-black-900);
        font-size: 1.0rem;
        font-family: "Poppins", serif;
        border-radius: 4px;
    }

    .search_btn {
        position: absolute;
        top: 0.1rem;
        right: -300px;
        font-size: 1.0rem;
        color: #007bff;
        padding: 0.3rem;
        background-color: var(--background);
    }

    .search-box.active .search-field {
        display: block;
        z-index: 1;
    }

    /* Cart Menu Button */
    .cart-box {
        position: relative;
    }

    .whole-cart-window {
        right: -50px;
        width: 15.0rem;
    }

    .nav-bar .login-search-language-shoping .searchToggle,
    .nav-bar .login-search-language-shoping .language-box,
    .nav-bar .login-search-language-shoping .cart-icon,
    .nav-bar .login-search-language-shoping .login-box {
        width: 2.0rem;
        height: 2.0rem;
    }

    .whole-cart-open h6 {
        font-size: 1.0rem;
    }

    .cart-wrapper {
        overflow-y: auto;
        max-height: 18.0rem;
        width: 15.0rem;
    }

    .cart-item img {
        width: 100%;
        height: 100px;
        border-radius: 5px;
    }

    .cart-item .details h3 {
        font-size: 1.0rem;
    }

    .cart-item .details p {
        font-size: 0.7rem;
    }

    .cart-item .details .price {
        font-size: 0.8rem;

    }

    .cart-item .details .quantity span {
        width: 5.0rem;
        font-size: 0.8rem;
    }


    .subtotal {
        padding: 3px;
        font-size: 0.9rem;
    }

    .view-cart {
        font-size: 1.0rem;
    }

    .cart-notify {
        font-size: 10px;
        width: 10px;
    }

    /* ========== Home Section Style ========== */
    .home {
        min-height: 85vh;
    }

    .home .box {
        top: 35%;
    }

    .home .box h1,
    .home .box p {
        font-size: 1.5rem;
    }

    .home .box p {
        margin-bottom: 2rem;
        font-size: 1.3rem;
    }

    .box a.btnBox {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
    }

    /* ========== Offer Page Style ========== */
    .offer-image-items {
        height: 50px;
    }

    .offer-image-items img {
        object-fit: contain;
    }

    /* ========== About Section Style ========== */
    .about-content .about-block .about-title-name {
        font-size: 1.2rem;
    }

    .about-content .about-block .about-title-name::after {
        width: 10.0rem;
        height: 0.1rem;
    }

    .about-content .about-block .about-item {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .about-content .about-block .image-container {
        width: 100%;
        height: 50vh;
    }

    .about-content .about-block .image-container img {
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
    }

    .about-content .about-block .contant-container {
        width: 100%;
        padding: 0rem;
    }

    .about-content .about-block .contant-container .about-description {
        font-size: 1.2rem;
        font-family: "San Francisco";
        color: var(--text-black-900);
    }

    /* ========== TestedProduct,FranchiseService,CustomWork,Bestprice,QualityProduct,Installationservice,Digitalsupport Page Style ========== */
    .page-containers .page-title-name {
        font-size: 1.3rem;
    }

    .page-containers .page-title-name::after {
        width: 10.0rem;
        height: 0.1rem;
        right: 20%;
        transform: translate(-20%);
    }

    .page-containers .page-content {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .page-containers .page-content .page-item {
        width: 100%;
    }

    .page-containers .page-content .page-item .page-description {
        font-size: 1.1rem;
    }

    .page-containers .page-content .page-image {
        width: 100%;
    }

    .page-containers .page-content .page-image img {
        width: 100%;
    }

    /* ========== Product Page & Section  Style ========== */
    .product-content .product-block .product-title-name {
        font-size: 1.2rem;
    }

    .text_behind h1 {
        font-size: 50px;
        letter-spacing: 8px;
        margin-left: 15px;
        font-weight: 600;
    }

    .product-content .product-block .product-title-name::after {
        width: 10.0rem;
        height: 0.1rem;
    }

    .product-content .product-block .product-list .product-item {
        width: 350px;
    }

    /* ========== Product Single Page  Style ========== */
    .product-details {
        height: auto;
    }

    .product-details .product-details-container {
        flex-direction: column;
        height: auto;
    }

    .xzoom-container-left,
    .xzoom-container-right {
        width: 100%;
        height: auto;
    }

    .xzoom-container-image {
        height: auto;
    }

    .xzoom-container-image img {
        position: relative;
        height: auto;
    }

    .product-description-iteams {
        padding: 1rem;
        height: auto;
    }

    .product-description-iteams .product-details-name {
        font-size: 1.2rem;
    }

    .product-description-iteams .product-details-detail {
        font-size: 1.0rem;
    }

    .product-details-current span {
        font-size: 1.2rem;
        font-weight: 500;
    }

    .product-details-current .product-details-before {
        font-size: 1.2rem;
        font-weight: 500;
    }

    .product-details-current .product-details-discount {
        font-size: 1.0rem;
        font-weight: 500;
    }


    .product-rating i {
        font-size: 1.1rem;
    }

    .product-rating .rating-leval span {
        color: var(--text-black-900);
        font-size: 1.1rem;
        font-family: "Montserrat", serif;
        font-weight: 500;
        margin-left: 10px;
    }

    .product-rating .reviews {
        font-size: 1.1rem;
        text-decoration: none;
        color: var(--text-color-100);
        font-family: "Poppins", serif;
    }

    .product-stock strong {
        font-size: 1.1rem;
        color: var(--text-black-900);
        font-family: "Montserrat", serif;
        font-weight: 500;
    }

    .product-stock .gary-color {
        font-size: 1.1rem;
        color: var(--text-color-100);
        margin-left: 5px;
        font-family: "Poppins", serif;
    }

    .product-stock .red-color {
        font-size: 1.1rem;
        color: red;
        margin-left: 5px;
        font-family: "Montserrat", serif;
        font-weight: 500;
    }

    .product-stock .bxs-check-circle {
        font-size: 1.0rem;
        margin-left: 5px;
        color: green;
    }

    .product-description-iteams h6 {
        font-size: 1.1rem;
        font-family: "Poppins", serif;
    }

    .product-description-iteams .aa-prod-view-size a {
        font-size: 1.3rem;
        text-decoration: none;
        color: var(--text-black-900);
        text-align: center;
        font-family: "Montserrat", serif;
        font-weight: 500;
        margin: 0 5px;
    }

    .product-description-iteams .aa-prod-view-size a:hover {
        color: var(--wat-new-color);
    }

    .product-qulity form {
        width: 2.5rem;
        height: 2.0rem;
        font-size: 1.0rem;
        margin: 0.8rem 0;
        font-family: "Montserrat", serif;
        font-weight: 700;
        text-align: center;
        border: none;
    }

    .product-details-btn .btn-buy {
        width: 50%;
        height: 50px;
        border-radius: 0.5rem;
        border: none;
        background-color: rgb(85, 85, 245);
    }

    .product-details-btn .btn-buy a {
        text-decoration: none;
        font-size: 1.5rem;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-details-btn .btn-add {
        width: 45%;
        height: 50px;
        font-size: 1.5rem;
        border-radius: 0.5rem;
        border: none;
        background-color: green;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-details-btn .btn-buy {
        width: 50%;
        height: 50px;
        border-radius: 0.5rem;
        border: none;
        background-color: rgb(85, 85, 245);
    }

    .product-details-btn .btn-buy a {
        text-decoration: none;
        font-size: 1.2rem;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-details-btn .btn-add {
        width: 45%;
        height: 50px;
        font-size: 1.2rem;
        border-radius: 0.5rem;
        border: none;
        background-color: green;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-related-details-item ul li a {
        font-size: 1.0rem;
    }

    .product-item,
    .reviews-items,
    .additional-items {
        padding: 0 1.0rem;
    }

    .product-related-name {
        font-size: 1.0rem;
    }

    .product-related-description {
        font-size: 0.8rem;
    }

    .reviews-box p {
        font-size: 1.0rem;
    }

    .reviews-box h6 {
        font-size: 1.2rem;
    }

    .reviews-box h6 span {
        font-size: 1.1rem;
        color: var(--wat-new-color);
        font-family: "San Francisco";
    }

    .reviews-box .reviews-star .starts .ico {
        font-size: 1.3rem;
    }

    .accordion .question h5 {
        font-size: 1.0rem;
        color: #030202;
    }

    .accordion .icon {
        margin-right: 1.5rem;
        font-size: 1.0rem;
        color: #030202;
    }

    .accordion .answer li {
        font-size: 0.9rem;
        color: #030202;
    }

    /* ========== CustomerFilldetls Page   Style ========== */
    .customercheckout {
        padding: 20px 10px;
    }

    .customercheckout h2 {
        font-size: 1.2rem;
        text-align: center;
        border: none;
        padding-bottom: 10px;
    }

    /* Stack form and product list vertically */
    .customercheckout .checkout-form-steps {
        width: 100%;
        padding-right: 2.5rem;
        padding: 2.0rem;
        border: none;
        display: block;
    }

    .customercheckout .orderlist {
        width: 100%;
        float: none;
        margin-top: 20px;
        text-align: center;
    }

    .customercheckout .orderlist img {
        height: auto;
        max-height: 250px;
    }

    .customercheckout .orderlist .card-name,
    .customercheckout .orderlist .card-size,
    .customercheckout .orderlist .card-price {
        font-size: 0.95rem;
        text-align: left;
        padding: 0.5rem 0.8rem;
        margin: 0.3rem 0;
    }

    /* Form column full width */
    .customercheckout .row>.col-md-4,
    .customercheckout .row>.col-md-3,
    .customercheckout .row>.col-md-12 {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .customercheckout input,
    .customercheckout textarea,
    .customercheckout button {
        font-size: 1rem;
    }

    .btn-add {
        margin-top: 10px;
        font-size: 1rem;
    }

    /* ========== Services Section Style ========== */
    .services-section .services-title {
        font-size: 1.2rem;
    }

    .services-section .services-title::after {
        width: 10.0rem;
        height: 0.1rem;
    }

    /* ========== YouTube Section Style ========== */
    .youtube-content .youtube-block .youtube-title-name {
        font-size: 1.2rem;
    }

    .youtube-content .youtube-block .youtube-title-name::after {
        width: 15.0rem;
        height: 0.1rem;
    }

    .youtube-content .youtube-block .row .col {
        min-width: 300px;
    }

    /* ========== Cart Page  Style ========== */
    .cart-bolg h3 {
        line-height: 30px;
        font-size: 1.5rem;
    }

    .cart-bolg h3::after {
        width: 8.0rem;
        height: 3px;
        bottom: -7px;
        left: 13%;
    }

    .cart-table thead {
        border-radius: 0.5rem;
        font-weight: 800;
    }

    .cart-table thead td {
        padding: 5px 5px;
        font-size: 0.8rem;
    }

    .cart-container table tbody i {
        font-size: 1.0rem;
    }

    .cart-container table tbody h5 a {
        font-size: 1.0rem;
    }

    .cart-container table tbody h6 {
        font-size: 0.8rem;
    }

    .cart-container table tbody h3 {
        font-size: 1.0rem;
    }

    .cart-table tbody td img {
        width: 80px;
        height: 50px;
        object-fit: cover;
    }

    /* ========== Footer Section Style ========== */
    .footer-col .logo-footer img {
        width: 200px;
    }

    .footer-col iframe {
        width: 200px;
        height: 150px;
        border-radius: 8px;
    }

    /* ========== Contact Page Style ========== */
    .info-title {
        font-size: 1.0rem;
    }

    .info-sub-title {
        font-size: 0.8rem;
    }

    .info-detalis li i {
        padding: 0.3rem;
        font-size: 0.8rem;
        margin-right: 0.6rem;
    }

    .info-detalis li span {
        font-size: 0.8rem;
        margin-right: 0.5rem;
    }

    .info-detalis li a {
        font-size: 0.8rem;
        font-weight: 300;
    }

    .form-groups {
        width: 100%;
    }

    /* ========== Profile Page, Order Page, Download Page Style ========== */
    .orders-page-order-card img {
        width: 150px;
        height: 150px;
        border-radius: 8px;
        background-position: cover;
    }

    .sidebar {
        width: 180px;
        background-color: var(--background);
        padding: 15px;
    }
    
    .profile-picture {
        width: 130px;
        height: 130px;
        border-radius: 50%;
        margin-bottom: 10px;
    }

    .profile-header h2 {
        font-size: 12px;
    }

    .profile-page-menu li .profile-page-menu-order {
        padding: 2px 2px;
        font-weight: 500;
        font-size: 0.8rem;
    }

    .profile-page-menu li .profile-page-menu-order .bxs-cart {
        margin-right: 10px;
        font-size: 1.2rem;
    }

    .profile-page-menu li .profile-page-menu-order .bx-chevrons-right {
        margin-top: 5px;
        margin-left: 10px;
    }

    .profile-page-menu-heading {
        font-weight: 500;
        font-size: 0.8rem;
        padding: 5px 5px;
    }

    .content h1 {
        font-size: 16px;
    }

    .content h3 {
        font-size: 13px;
        color: var(--wat-new-color);
        font-family: "Titan One", serif;
    }

    .content h1 a {
        font-size: 0.8rem;
    }

    .form-group .control-label {
        font-size: 1.0rem;
    }

    .form-group h6,
    .form-group h5 {
        font-size: 1.0rem;
    }

    .form-group .gender-options label,
    .form-group .location-options label {
        font-size: 1.0rem;
        font-family: "Montserrat", serif;
        color: var(--text-black-900);
        font-weight: 300
    }

    .content .row form .btn-submit {
        width: 4.0rem;
        padding: 0.2rem;
        border-radius: 0.5rem;
        font-family: "San Francisco";
        background: var(--backgroung-linear-gradient-right);
        color: var(--text-black-900);
        font-size: 1.0rem;
        letter-spacing: 1px;
        border: none;
        outline: none;
    }

    .manage-addresses h1 {
        font-size: 12px;
        margin-bottom: 20px;
        color: var(--text-black-900);
        font-family: "San Francisco";
    }

    .manage-addresses .add-address-link {
        font-size: 12px;
        font-family: "Poppins", serif;
        color: #007bff;
        font-weight: bold;
    }

    .address-type {
        font-size: 12px;
    }

    .address-card h3 {
        font-size: 13px;
        font-weight: 200;
    }

    /* ========== Switch Button Style ========== */
    #theme-switch {
        top: 280px;
    }
}

@media (max-width: 540px) {
      /* ========== Basics Css Style ========== */
  .loader {
    width: 30px;
    height: 30px;
  }

  .text-danger {
    font-size: 0.9rem;
  }

  .text-success {
    font-size: 0.9rem;
  }

  .danger {
    font-size: 0.9rem;
  }

  #btn-success a {
    font-size: 0.9rem;
  }

    /* ========== Login, Registration, ForgotPassword, PopupLogin & UpdatePassword Page ========== */
    /* Popup Login Section */
    .popup-content {
        width: 30.0rem;
        height: 17.0rem;
    }

    .popup-content i {
        font-size: 1.0rem;
    }

    .popup-content form label {
        font-size: 0.8rem;
    }

    .popup-content form input {
        padding: 0.3rem;
        font-size: 1.0rem;
    }

    .popup-content form button {
        padding: 0.3rem;
        width: 100px;
        font-size: 0.8rem;
    }

    .popup-content .loginIn {
        font-size: 0.8rem;
        margin: 12px 0;
        font-weight: 200;
    }


    .popup-content .loginIn::after {
        width: 5.0rem;
    }

    .popup-content .loginIn::before {
        width: 5.0rem;
    }

    .popup-content .social-icons #google i,
    .form-contact .social-icons #google i {
        font-size: 1.5rem;
        color: red;
    }

    .popup-content .social-icons #facebook i,
    .form-contact .social-icons #facebook i {
        font-size: 1.5rem;
        color: blue;
    }

    .whatsapp-float-btn {
        font-size: 2.0rem;
    }

    .popup-close {
        font-size: 1.8rem;
        cursor: pointer;
    }

    #popup_login_msg {
        margin-top: 10px;
        font-size: 1.2rem;
        font-family: "San Francisco";
    }

    /* ========== Header Section Style ========== */
    .header {
        background: var(--background);
    }

    /* ========== NavBar & Menu Section Style ========== */
    .menu {
        width: 100%;
        background: var(--backgroung-linear-gradient-right);
    }

    nav .nav-bar .sidrebarOpen {
        font-size: 2.0rem;
    }

    .header nav .nav-bar .logo {
        width: 10.0rem;
        height: 3.0rem;
    }

    .header nav .nav-bar .logo img {
        width: 100%;
        height: 100%;
    }

    .language-box i,
    .cart-icon i,
    .login-box i {
        font-size: 1.3rem;
    }

    .searchToggle i {
        font-size: 1.3rem;
    }

    /* Search Menu Button */
    .search-field {
        display: none;
        position: absolute;
        top: 50px;
        left: -300px;
        width: 100%;
    }

    .search-box {
        position: relative;

    }

    .search-text {
        width: 20.0rem;
        padding: 0.3rem;
        background: var(--background);
        color: var(--text-black-900);
        border: 2px solid var(--text-black-900);
        font-size: 1.0rem;
        font-family: "Poppins", serif;
        border-radius: 4px;
    }

    .search_btn {
        position: absolute;
        top: 0.1rem;
        right: -280px;
        font-size: 1.0rem;
        color: #008272;
        padding: 0.3rem;
        background-color: var(--background);
    }

    .search-box.active .search-field {
        display: block;
        z-index: 1;
    }

    /* Cart Button */
    .cart-box {
        position: relative;
    }

    .whole-cart-window {
        right: -50px;
        width: 15.0rem;
    }

    .nav-bar .login-search-language-shoping .searchToggle,
    .nav-bar .login-search-language-shoping .language-box,
    .nav-bar .login-search-language-shoping .cart-icon,
    .nav-bar .login-search-language-shoping .login-box {
        width: 2.0rem;
        height: 2.0rem;
    }

    .whole-cart-open h6 {
        font-size: 1.0rem;
    }

    .cart-wrapper {
        overflow-y: auto;
        max-height: 18.0rem;
        width: 15.0rem;
    }

    .cart-item img {
        width: 100%;
        height: 80px;
        border-radius: 5px;
    }

    .cart-item .details h3 {
        font-size: 1.0rem;
    }

    .cart-item .details p {
        font-size: 0.7rem;
    }

    .cart-item .details .price {
        font-size: 0.8rem;

    }

    .cart-item .details .quantity span {
        width: 5.0rem;
        font-size: 0.8rem;
    }

    .subtotal {
        padding: 3px;
        font-size: 0.9rem;
    }

    .view-cart {
        font-size: 1.0rem;
    }

    .cart-notify {
        font-size: 10px;
        width: 10px;
    }

    /* ========== Login, Registration, ForgotPassword & UpdatePassword Page Style ========== */
     .image-contact .image {
        display: none !important;
    }

    .image-contact .link {
        display: block !important;
        text-align: center;
        margin-top: 0.6rem;
        font-size: 0.9rem;
    }

    .contanier {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 10px;
    }

    .form-contact,
    .registrat-form-contact {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .form-contact form input,
    .registrat-form-contact form input{
        font-size: 1.0rem;
        width: 80%;
    }
    
    .form-contact .heading {
        font-size: 2.5rem;
        text-align: center;
    }

    /* ========== Home Section Style ========== */
    .home {
        min-height: 90vh;
    }

    .home .box {
        top: 35%;
    }

    .home .box h1,
    .home .box p {
        font-size: 1.2rem;
    }

    .home .box p {
        margin-bottom: 2rem;
        font-size: 1.2rem;
    }

    .box a.btnBox {
        padding: 0.5rem 1rem;
        font-size: 0.6rem;
    }

    /* ========== Offer Page Style ========== */
    .offer-image-items {
        height: 40px;
    }

    .offer-image-items img {
        object-fit: contain;
    }

    /* ========== About Section Style ========== */
    .about-content .about-block .about-title-name {
        font-size: 1.0rem;
    }

    .about-content .about-block .about-title-name::after {
        width: 10.0rem;
        height: 0.1rem;
        bottom: 0px;
    }

    .about-content .about-block .about-item {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .about-content .about-block .image-container {
        width: 100%;
        height: 40vh;
    }

    .about-content .about-block .image-container img {
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
    }

    .about-content .about-block .contant-container {
        width: 100%;
        padding: 0rem;
    }

    .about-content .about-block .contant-container .about-description {
        font-size: 1.0rem;
        font-family: "San Francisco";
        color: var(--text-black-900);
    }

    /* ========== TestedProduct,FranchiseService,CustomWork,Bestprice,QualityProduct,Installationservice,Digitalsupport Page Style ========== */
    .page-containers .page-title-name {
        font-size: 1.3rem;
    }

    .page-containers .page-title-name::after {
        width: 10.0rem;
        height: 0.1rem;
        bottom: 0px;
        right: 20%;
        transform: translate(-20%);
    }

    .page-containers .page-content .page-item {
        width: 100%;
    }

    .page-containers .page-content .page-item .page-description {
        font-size: 0.9rem;
    }

    .page-containers .page-content .page-image {
        width: 100%;
        background: var(--background);
    }

    .page-containers .page-content .page-image img {
        width: 100%;
        background: var(--background);
    }

    /* ========== Product Page & Section Style ========== */
    .product-content .product-block .product-title-name {
        font-size: 1.0rem;
    }

    .product-content .product-block .product-title-name::after {
        width: 9.0rem;
        height: 0.1rem;
        bottom: 0px;
    }

    .product-content .product-block .product-list .product-item {
        width: 350px;
    }

    /* ========== Product Single Page Style ========== */
    .text_behind h1 {
        font-size: 50px;
        letter-spacing: 7px;
        margin-left: 15px;
        font-weight: 600;
    }

    .product-details {
        height: auto;
    }

    .product-details .product-details-container {
        flex-direction: column;
        height: auto;
    }

    .xzoom-container-left,
    .xzoom-container-right {
        width: 100%;
        height: auto;
    }

    .xzoom-container-image {
        height: auto;
    }

    .xzoom-container-image img {
        position: relative;
        height: auto;
    }

    .product-description-iteams {
        padding: 1rem;
        height: auto;
    }

    .product-description-iteams .product-details-name {
        font-size: 1.2rem;
    }

    .product-description-iteams .product-details-detail {
        font-size: 0.8rem;
    }

    .product-details-current span {
        font-size: 1.0rem;
        font-weight: 500;
    }

    .product-details-current .product-details-before {
        font-size: 1.0rem;
        font-weight: 500;
    }

    .product-details-current .product-details-discount {
        font-size: 1.0rem;
        font-weight: 500;
    }


    .product-rating i {
        font-size: 1.1rem;
    }

    .product-rating .rating-leval span {
        color: var(--text-black-900);
        font-size: 1.1rem;
        font-family: "Montserrat", serif;
        font-weight: 500;
        margin-left: 10px;
    }

    .product-rating .reviews {
        font-size: 1.1rem;
        text-decoration: none;
        color: var(--text-color-100);
        font-family: "Poppins", serif;
    }

    .product-stock strong {
        font-size: 1.1rem;
        color: var(--text-black-900);
        font-family: "Montserrat", serif;
        font-weight: 500;
    }

    .product-stock .gary-color {
        font-size: 1.2rem;
        color: var(--text-color-100);
        margin-left: 5px;
        font-family: "Poppins", serif;
    }

    .product-stock .red-color {
        font-size: 1.1rem;
        color: red;
        margin-left: 5px;
        font-family: "Montserrat", serif;
        font-weight: 500;
    }

    .product-stock .bxs-check-circle {
        font-size: 1.0rem;
        margin-left: 5px;
        color: green;
    }

    .product-description-iteams h6 {
        font-size: 1.1rem;
        font-family: "Poppins", serif;
    }

    .product-description-iteams .aa-prod-view-size a {
        font-size: 1.1rem;
        text-decoration: none;
        color: var(--text-black-900);
        text-align: center;
        font-family: "Montserrat", serif;
        font-weight: 500;
        margin: 0 5px;
    }

    .product-description-iteams .aa-prod-view-size a:hover {
        color: var(--wat-new-color);
    }

    .product-qulity form {
        width: 2.5rem;
        height: 2.0rem;
        font-size: 1.0rem;
        margin: 0.8rem 0;
        font-family: "Montserrat", serif;
        font-weight: 700;
        text-align: center;
        border: none;
    }


    .product-details-btn .btn-buy {
        width: 50%;
        height: 50px;
        border-radius: 0.5rem;
        border: none;
        background-color: rgb(85, 85, 245);
    }

    .product-details-btn .btn-buy a {
        text-decoration: none;
        font-size: 1.2rem;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-details-btn .btn-add {
        width: 45%;
        height: 50px;
        font-size: 1.2rem;
        border-radius: 0.5rem;
        border: none;
        background-color: green;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-details-btn .btn-buy {
        width: 50%;
        height: 50px;
        border-radius: 0.5rem;
        border: none;
        background-color: rgb(85, 85, 245);
    }

    .product-details-btn .btn-buy a {
        text-decoration: none;
        font-size: 1.2rem;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-details-btn .btn-add {
        width: 45%;
        height: 50px;
        font-size: 1.2rem;
        border-radius: 0.5rem;
        border: none;
        background-color: green;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-related-details-item ul li a {
        font-size: 1.0rem;
    }

    .product-item,
    .reviews-items,
    .additional-items {
        padding: 0 1.0rem;
    }

    .product-related-name {
        font-size: 1.2rem;
    }

    .product-related-description {
        font-size: 1.0rem;
    }

    .reviews-box p {
        font-size: 1.0rem;
    }

    .reviews-box h6 {
        font-size: 1.2rem;
    }

    .reviews-box h6 span {
        font-size: 1.1rem;
        color: var(--wat-new-color);
        font-family: "San Francisco";
    }

    .reviews-box .reviews-star .starts .ico {
        font-size: 1.3rem;
    }

    .accordion .question h5 {
        font-size: 1.1rem;
        color: #030202;
    }

    .accordion .icon {
        margin-right: 1.7rem;
        font-size: 1.0rem;
        color: #030202;
    }

    .accordion .answer li {
        font-size: 1.0rem;
        color: #030202;
    }

    /* ========== CustomerFilldetls Page Style ========== */
    .customercheckout {
        padding: 20px 10px;
    }

    .customercheckout h2 {
        font-size: 1.2rem;
        text-align: center;
        border: none;
        padding-bottom: 10px;
    }

    /* Stack form and product list vertically */
    .customercheckout .checkout-form-steps {
        width: 100%;
        padding-right: 2.5rem;
        padding: 2.0rem;
        border: none;
        display: block;
    }

    .customercheckout .orderlist {
        width: 100%;
        float: none;
        margin-top: 20px;
        text-align: center;
    }

    .customercheckout .orderlist img {
        height: auto;
        max-height: 250px;
    }

    .customercheckout .orderlist .card-name,
    .customercheckout .orderlist .card-size,
    .customercheckout .orderlist .card-price {
        font-size: 0.95rem;
        text-align: left;
        padding: 0.5rem 0.8rem;
        margin: 0.3rem 0;
    }

    /* Form column full width */
    .customercheckout .row>.col-md-4,
    .customercheckout .row>.col-md-3,
    .customercheckout .row>.col-md-12 {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .customercheckout input,
    .customercheckout textarea,
    .customercheckout button {
        font-size: 1rem;
    }

    .btn-add {
        margin-top: 10px;
        font-size: 1rem;
    }

    /* ========== Services Sectione Style ========== */
    .services-section .services-title {
        font-size: 1.0rem;
    }

    .services-section .services-title::after {
        width: 6.0rem;
        height: 0.1rem;
        bottom: 0px;
    }

    /* ========== YouTube Section Style ========== */
    .youtube-content .youtube-block .youtube-title-name {
        font-size: 1.0rem;
    }

    .youtube-content .youtube-block .youtube-title-name::after {
        width: 15.0rem;
        height: 0.1rem;

    }

    .youtube-content .youtube-block .row .col {
        min-width: 300px;
    }

    /* ========== Cart Page Style ========== */
    .cart-bolg h3 {
        line-height: 30px;
        font-size: 1.2rem;
    }

    .cart-bolg h3::after {
        width: 8.0rem;
        height: 3px;
        bottom: 0px;
        left: 12%;
    }

    .cart-table thead {
        border-radius: 0.5rem;
        font-weight: 800;
    }

    .cart-table thead td {
        padding: 5px 5px;
        font-size: 0.8rem;
    }

    .cart-container table tbody i {
        font-size: 1.0rem;
    }

    .cart-container table tbody h5 a {
        font-size: 1.0rem;
    }

    .cart-container table tbody h6 {
        font-size: 0.8rem;
    }

    .cart-container table tbody h3 {
        font-size: 1.0rem;
    }

    .cart-table tbody td img {
        width: 80px;
        height: 50px;
        object-fit: cover;
    }

    /* ========== Footer Section Style ========== */
    .footer-col .logo-footer img {
        width: 200px;
    }

    .footer-col iframe {
        width: 200px;
        height: 150px;
        border-radius: 8px;
    }

    /* ========== Contact Page Style ========== */
    .info-title {
        font-size: 1.0rem;
    }

    .info-sub-title {
        font-size: 0.8rem;
    }

    .info-detalis li i {
        padding: 0.3rem;
        font-size: 0.8rem;
        margin-right: 0.6rem;
    }

    .info-detalis li span {
        font-size: 0.8rem;
        margin-right: 0.5rem;
    }

    .info-detalis li a {
        font-size: 0.8rem;
        font-weight: 300;
    }

    .form-groups {
        width: 100%;
    }

    /* ========== Profile Page, Order Page, Download Page Style ========== */
    .orders-page-order-card img {
        width: 140px;
        height: 140px;
        border-radius: 8px;
        background-position: cover;
    }

    .sidebar {
        width: 150px;
        background-color: var(--background);
        padding: 10px;
    }
    
    .profile-picture {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-bottom: 10px;
}

    .profile-header h2 {
        font-size: 12px;
    }

    .profile-page-menu li .profile-page-menu-order {
        padding: 2px 2px;
        font-weight: 500;
        font-size: 0.8rem;
    }

    .profile-page-menu li .profile-page-menu-order .bxs-cart {
        margin-right: 10px;
        font-size: 1.2rem;
    }

    .profile-page-menu li .profile-page-menu-order .bx-chevrons-right {
        margin-top: 5px;
        margin-left: 10px;
    }

    .profile-page-menu-heading {
        font-weight: 500;
        font-size: 0.8rem;
        padding: 5px 5px;
    }

    .content h1 {
        font-size: 16px;
    }

    .content h3 {
        font-size: 13px;
        color: var(--wat-new-color);
        font-family: "Titan One", serif;
    }

    .content h1 a {
        font-size: 0.8rem;
    }

    .form-group .control-label {
        font-size: 1.0rem;
    }

    .form-group h6,
    .form-group h5 {
        font-size: 1.0rem;
    }

    .form-group .gender-options label,
    .form-group .location-options label {
        font-size: 1.0rem;
        font-family: "Montserrat", serif;
        color: var(--text-black-900);
        font-weight: 300
    }

    .content .row form .btn-submit {
        width: 4.0rem;
        padding: 0.2rem;
        border-radius: 0.5rem;
        font-family: "San Francisco";
        background: var(--backgroung-linear-gradient-right);
        color: var(--text-black-900);
        font-size: 1.0rem;
        letter-spacing: 1px;
        border: none;
        outline: none;
    }

    .manage-addresses h1 {
        font-size: 12px;
        margin-bottom: 20px;
        color: var(--text-black-900);
        font-family: "San Francisco";
    }

    .manage-addresses .add-address-link {
        font-size: 12px;
        font-family: "Poppins", serif;
        color: #007bff;
        font-weight: bold;
    }

    .address-type {
        font-size: 12px;
    }

    .address-card h3 {
        font-size: 13px;
        font-weight: 200;
    }

    /* ========== Switch Button Style ========== */
    #theme-switch {
        top: 280px;
    }
}

@media (max-width: 418px) {
      /* ========== Basics Css Style ========== */
  .loader {
    width: 20px;
    height: 20px;
  }

  .text-danger {
    font-size: 0.8rem;
  }

  .text-success {
    font-size: 0.8rem;
  }

  .danger {
    font-size: 0.8rem;
  }

  #btn-success a {
    font-size: 0.8rem;
  }

    /* ========== Login, Registration, ForgotPassword, PopupLogin & UpdatePassword Page ========== */
    /* Popup Login Section */
    .popup-content {
        width: 20.0rem;
        height: 17.0rem;
    }

    .popup-content i {
        font-size: 1.0rem;
    }

    .popup-content form label {
        font-size: 0.8rem;
    }

    .popup-content form input {
        padding: 0.3rem;
        font-size: 1.0rem;
    }

    .popup-content form button {
        padding: 0.3rem;
        width: 100px;
        font-size: 0.8rem;
    }

    .popup-content .loginIn {
        font-size: 0.8rem;
        margin: 12px 0;
        font-weight: 200;
    }

    .popup-content .loginIn::after {
        width: 5.0rem;
    }

    .popup-content .loginIn::before {
        width: 5.0rem;
    }

    .popup-content .social-icons #google i,
    .form-contact .social-icons #google i {
        font-size: 1.5rem;
        color: red;
    }

    .popup-content .social-icons #facebook i,
    .form-contact .social-icons #facebook i {
        font-size: 1.5rem;
        color: blue;
    }

    .whatsapp-float-btn {
        font-size: 2.0rem;
    }

    .popup-close {
        font-size: 1.8rem;
        cursor: pointer;
    }

    #popup_login_msg {
        margin-top: 10px;
        font-size: 1.2rem;
        font-family: "San Francisco";
    }

    /* ========== Header Section Style ========== */
    .header {
        background: var(--background);
    }

    /* ========== Menu NavBar Section Style ========== */
    .menu {
        width: 100%;
        background: var(--backgroung-linear-gradient-right);
    }

    nav .nav-bar .sidrebarOpen {
        font-size: 2.0rem;
    }

    .header nav .nav-bar .logo {
        width: 10.0rem;
        height: 3.0rem;
    }

    .header nav .nav-bar .logo img {
        width: 100%;
        height: 100%;
    }

    .language-box i,
    .cart-icon i,
    .login-box i {
        font-size: 1.3rem;
    }

    .searchToggle i {
        font-size: 1.3rem;
    }

    /* Search Menu Button */
    .search-field {
        display: none;
        position: absolute;
        top: 50px;
        left: -200px;
        width: 100%;
    }

    .search-box {
        position: relative;

    }

    .search-text {
        width: 15.0rem;
        padding: 0.3rem;
        background: var(--background);
        color: var(--text-black-900);
        border: 2px solid var(--text-black-900);
        font-size: 1.0rem;
        font-family: "Poppins", serif;
        border-radius: 4px;
    }

    .search_btn {
        position: absolute;
        top: 0.1rem;
        right: -200px;
        font-size: 1.0rem;
        color: #008272;
        padding: 0.3rem;
        background-color: var(--background);
    }

    .search-box.active .search-field {
        display: block;
        z-index: 1;
    }

    /* Cart Button */
    .cart-box {
        position: relative;
    }

    .whole-cart-window {
        right: -55px;
        width: 15.0rem;
    }

    .nav-bar .login-search-language-shoping .searchToggle,
    .nav-bar .login-search-language-shoping .language-box,
    .nav-bar .login-search-language-shoping .cart-icon,
    .nav-bar .login-search-language-shoping .login-box {
        width: 2.0rem;
        height: 2.0rem;
    }

    .whole-cart-open h6 {
        font-size: 1.0rem;
    }

    .cart-wrapper {
        overflow-y: auto;
        max-height: 18.0rem;
        width: 15.0rem;
    }

    .cart-item img {
        width: 100%;
        height: 80px;
        border-radius: 5px;
    }

    .cart-item .details h3 {
        font-size: 1.0rem;
    }

    .cart-item .details p {
        font-size: 0.7rem;
    }

    .cart-item .details .price {
        font-size: 0.8rem;

    }

    .cart-item .details .quantity span {
        width: 5.0rem;
        font-size: 0.8rem;
    }


    .subtotal {
        padding: 3px;
        font-size: 0.9rem;
    }

    .view-cart {
        font-size: 1.0rem;
    }

    .cart-notify {
        font-size: 10px;
        width: 10px;
    }

    /* ========== Login, Registration, ForgotPassword & UpdatePassword Page Style ========== */
     .image-contact .image {
        display: none !important;
    }

    .image-contact .link {
        display: block !important;
        text-align: center;
        margin-top: 0.6rem;
        font-size: 0.9rem;
    }

    .contanier {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 10px;
    }

    .form-contact,
    .registrat-form-contact {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .form-contact form input,
    .registrat-form-contact form input{
        font-size: 1.0rem;
        width: 80%;
    }
    
    .form-contact .heading {
        font-size: 2.5rem;
        text-align: center;
    }

    /* ========== Home Section Style ========== */
    .home {
        min-height: 100vh;
    }

    .home .box {
        top: 35%;
    }

    .home .box h1,
    .home .box p {
        font-size: 1.2rem;
    }

    .home .box p {
        margin-bottom: 2rem;
        font-size: 1.0rem;
    }

    .box a.btnBox {
        padding: 0.5rem 1rem;
        font-size: 0.6rem;
    }

    /* ========== Offer Page Style ========== */
    .offer-image-items {
        height: 40px;
    }

    .offer-image-items img {
        object-fit: contain;
    }

    /* ========== About Section Style ========== */
    .about-content .about-block .about-title-name {
        font-size: 1.0rem;
    }

    .about-content .about-block .about-title-name::after {
        width: 10.0rem;
        height: 0.1rem;
        bottom: 0px;
    }

    .about-content .about-block .about-item {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .about-content .about-block .image-container {
        width: 100%;
        height: 40vh;
    }

    .about-content .about-block .image-container img {
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
    }

    .about-content .about-block .contant-container {
        width: 100%;
        padding: 0rem;
    }

    .about-content .about-block .contant-container .about-description {
        font-size: 1.0rem;
        font-family: "San Francisco";
        color: var(--text-black-900);
    }

    /* ========== TestedProduct,FranchiseService,CustomWork,Bestprice,QualityProduct,Installationservice,Digitalsupport Page Style ========== */
    .page-containers .page-title-name {
        font-size: 1.0rem;
    }

    .page-containers .page-title-name::after {
        width: 10.0rem;
        height: 0.1rem;
        bottom: 0px;
        right: 23%;
        transform: translate(-23%);
    }


    .page-containers .page-content .page-item {
        width: 100%;
    }

    .page-containers .page-content .page-item .page-description {
        font-size: 0.9rem;
    }

    .page-containers .page-content .page-image {
        width: 100%;
        background: var(--background);
    }

    .page-containers .page-content .page-image img {
        width: 100%;
        background: var(--background);
    }

    /* ========== Product Page & Section Style ========== */
    .text_behind h1 {
        font-size: 45px;
        letter-spacing: 5px;
        margin-left: 10px;
        font-weight: 600;
    }

    .product-content .product-block .product-title-name {
        font-size: 1.0rem;
    }

    .product-content .product-block .product-title-name::after {
        width: 9.0rem;
        height: 0.1rem;
        bottom: 0px;
    }

    .product-content .product-block .product-list .product-item {
        width: 350px;
    }

    /* ========== Product Single Page Style ========== */
    .product-details {
        height: auto;
    }

    .product-details .product-details-container {
        flex-direction: column;
        height: auto;
    }

    .xzoom-container-left,
    .xzoom-container-right {
        width: 100%;
        height: auto;
    }

    .xzoom-container-image {
        height: auto;
    }

    .xzoom-container-image img {
        position: relative;
        height: auto;
    }

    .product-description-iteams {
        padding: 1rem;
        height: auto;
    }

    .product-description-iteams .product-details-name {
        font-size: 1.2rem;
    }

    .product-description-iteams .product-details-detail {
        font-size: 0.8rem;
    }

    .product-details-current span {
        font-size: 1.0rem;
        font-weight: 500;
    }

    .product-details-current .product-details-before {
        font-size: 1.0rem;
        font-weight: 500;
    }

    .product-details-current .product-details-discount {
        font-size: 1.0rem;
        font-weight: 500;
    }


    .product-rating i {
        font-size: 1.1rem;
    }

    .product-rating .rating-leval span {
        color: var(--text-black-900);
        font-size: 1.1rem;
        font-family: "Montserrat", serif;
        font-weight: 500;
        margin-left: 10px;
    }

    .product-rating .reviews {
        font-size: 1.1rem;
        text-decoration: none;
        color: var(--text-color-100);
        font-family: "Poppins", serif;
    }

    .product-stock strong {
        font-size: 1.1rem;
        color: var(--text-black-900);
        font-family: "Montserrat", serif;
        font-weight: 500;
    }

    .product-stock .gary-color {
        font-size: 1.2rem;
        color: var(--text-color-100);
        margin-left: 5px;
        font-family: "Poppins", serif;
    }

    .product-stock .red-color {
        font-size: 1.1rem;
        color: red;
        margin-left: 5px;
        font-family: "Montserrat", serif;
        font-weight: 500;
    }

    .product-stock .bxs-check-circle {
        font-size: 1.0rem;
        margin-left: 5px;
        color: green;
    }

    .product-description-iteams h6 {
        font-size: 1.1rem;
        font-family: "Poppins", serif;
    }

    .product-description-iteams .aa-prod-view-size a {
        font-size: 1.1rem;
        text-decoration: none;
        color: var(--text-black-900);
        text-align: center;
        font-family: "Montserrat", serif;
        font-weight: 500;
        margin: 0 5px;
    }

    .product-description-iteams .aa-prod-view-size a:hover {
        color: var(--wat-new-color);
    }

    .product-qulity form {
        width: 2.5rem;
        height: 2.0rem;
        font-size: 1.0rem;
        margin: 0.8rem 0;
        font-family: "Montserrat", serif;
        font-weight: 700;
        text-align: center;
        border: none;
    }


    .product-details-btn .btn-buy {
        width: 50%;
        height: 50px;
        border-radius: 0.5rem;
        border: none;
        background-color: rgb(85, 85, 245);
    }

    .product-details-btn .btn-buy a {
        text-decoration: none;
        font-size: 1.2rem;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-details-btn .btn-add {
        width: 45%;
        height: 50px;
        font-size: 1.2rem;
        border-radius: 0.5rem;
        border: none;
        background-color: green;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-details-btn .btn-buy {
        width: 50%;
        height: 50px;
        border-radius: 0.5rem;
        border: none;
        background-color: rgb(85, 85, 245);
    }

    .product-details-btn .btn-buy a {
        text-decoration: none;
        font-size: 1.2rem;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-details-btn .btn-add {
        width: 45%;
        height: 50px;
        font-size: 1.2rem;
        border-radius: 0.5rem;
        border: none;
        background-color: green;
        font-family: "Poppins", serif;
        color: var(--text-color);
    }

    .product-related-details-item ul li a {
        font-size: 1.0rem;
    }

    .product-item,
    .reviews-items,
    .additional-items {
        padding: 0 1.0rem;
    }

    .product-related-name {
        font-size: 1.2rem;
    }

    .product-related-description {
        font-size: 1.0rem;
    }

    .reviews-box p {
        font-size: 1.0rem;
    }

    .reviews-box h6 {
        font-size: 1.2rem;
    }

    .reviews-box h6 span {
        font-size: 1.1rem;
        color: var(--wat-new-color);
        font-family: "San Francisco";
    }

    .reviews-box .reviews-star .starts .ico {
        font-size: 1.3rem;
    }

    .accordion .question h5 {
        font-size: 1.1rem;
        color: #030202;
    }

    .accordion .icon {
        margin-right: 1.7rem;
        font-size: 1.0rem;
        color: #030202;
    }

    .accordion .answer li {
        font-size: 1.0rem;
        color: #030202;
    }

    /* ========== CustomerFilldetls Page Style ========== */
    .customercheckout {
        padding: 20px 10px;
    }

    .customercheckout h2 {
        font-size: 1.2rem;
        text-align: center;
        border: none;
        padding-bottom: 10px;
    }

    /* Stack form and product list vertically */
    .customercheckout .checkout-form-steps {
        width: 100%;
        padding-right: 2.5rem;
        padding: 2.0rem;
        border: none;
        display: block;
    }

    .customercheckout .orderlist {
        width: 100%;
        float: none;
        margin-top: 20px;
        text-align: center;
    }

    .customercheckout .orderlist img {
        height: auto;
        max-height: 250px;
    }

    .customercheckout .orderlist .card-name,
    .customercheckout .orderlist .card-size,
    .customercheckout .orderlist .card-price {
        font-size: 0.95rem;
        text-align: left;
        padding: 0.5rem 0.8rem;
        margin: 0.3rem 0;
    }

    /* Form column full width */
    .customercheckout .row>.col-md-4,
    .customercheckout .row>.col-md-3,
    .customercheckout .row>.col-md-12 {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .customercheckout input,
    .customercheckout textarea,
    .customercheckout button {
        font-size: 1rem;
    }

    .btn-add {
        margin-top: 10px;
        font-size: 1rem;
    }

    /* ========== Services Section Style ========== */
    .services-section .services-title {
        font-size: 1.0rem;
    }

    .services-section .services-title::after {
        width: 6.0rem;
        height: 0.1rem;
        bottom: 0px;
    }

    /* ========== YouTube Section Style ========== */
    .youtube-content .youtube-block .youtube-title-name {
        font-size: 1.0rem;
    }

    .youtube-content .youtube-block .youtube-title-name::after {
        width: 15.0rem;
        height: 0.1rem;

    }

    .youtube-content .youtube-block .row .col {
        min-width: 300px;
    }

    /* ========== Cart Page Style ========== */
    .cart-bolg h3 {
        line-height: 30px;
        font-size: 1.2rem;
    }

    .cart-bolg h3::after {
        width: 8.0rem;
        height: 3px;
        bottom: 0px;
        left: 18%;
    }

    .cart-table thead {
        border-radius: 0.5rem;
        font-weight: 800;
    }

    .cart-table thead td {
        padding: 5px 5px;
        font-size: 0.8rem;
    }

    .cart-container table tbody i {
        font-size: 1.0rem;
    }

    .cart-container table tbody h5 a {
        font-size: 1.0rem;
    }

    .cart-container table tbody h6 {
        font-size: 0.8rem;
    }

    .cart-container table tbody h3 {
        font-size: 1.0rem;
    }

    .cart-table tbody td img {
        width: 70px;
        height: 40px;
        object-fit: cover;
    }

    /* ========== Footer Section Style ========== */
    .footer-col .logo-footer img {
        width: 200px;
    }

    .footer-col iframe {
        width: 200px;
        height: 150px;
        border-radius: 8px;
    }

    /* ========== Contact Page Style ========== */
    .info-title {
        font-size: 1.0rem;
    }

    .info-sub-title {
        font-size: 0.8rem;
    }

    .info-detalis li i {
        padding: 0.3rem;
        font-size: 0.8rem;
        margin-right: 0.6rem;
    }

    .info-detalis li span {
        font-size: 0.8rem;
        margin-right: 0.5rem;
    }

    .info-detalis li a {
        font-size: 0.8rem;
        font-weight: 300;
    }

    .form-groups {
        width: 100%;
    }

    /* ========== Profile Page, Order Page, Download Page Style ========== */
    .orders-page-order-card img {
        width: 150px;
        height: 120px;
        border-radius: 8px;
        background-position: cover;
    }

    .sidebar {
        width: 150px;
        background-color: var(--background);
        padding: 10px;
    }
    
    .profile-picture {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin-bottom: 10px;
}


.profile-page-menu li a {
    text-decoration: none;
    color: var(--text-color-100);
    font-family: "San Francisco";
    font-weight: 200;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

    .profile-header h2 {
        font-size: 12px;
    }

    .profile-page-menu li .profile-page-menu-order {
        padding: 2px 2px;
        font-weight: 500;
        font-size: 0.8rem;
    }

    .profile-page-menu li .profile-page-menu-order .bxs-cart {
        margin-right: 10px;
        font-size: 1.2rem;
    }

    .profile-page-menu li .profile-page-menu-order .bx-chevrons-right {
        margin-top: 5px;
        margin-left: 10px;
    }

    .profile-page-menu-heading {
        font-weight: 500;
        font-size: 0.6rem;
        padding: 5px 5px;
    }
    
    .profile-page-menu li a {
    text-decoration: none;
    font-weight: 200;
    font-size: 0.8rem;
}

    .content h1 {
        font-size: 16px;
    }

    .content h3 {
        font-size: 13px;
        color: var(--wat-new-color);
        font-family: "Titan One", serif;
    }

    .content h1 a {
        font-size: 0.8rem;
    }

    .form-group .control-label {
        font-size: 1.0rem;
    }

    .form-group h6,
    .form-group h5 {
        font-size: 1.0rem;
    }

    .form-group .gender-options label,
    .form-group .location-options label {
        font-size: 1.0rem;
        font-family: "Montserrat", serif;
        color: var(--text-black-900);
        font-weight: 300
    }

    .content .row form .btn-submit {
        width: 4.0rem;
        padding: 0.2rem;
        border-radius: 0.5rem;
        font-family: "San Francisco";
        background: var(--backgroung-linear-gradient-right);
        color: var(--text-black-900);
        font-size: 1.0rem;
        letter-spacing: 1px;
        border: none;
        outline: none;
    }

    .manage-addresses h1 {
        font-size: 12px;
        margin-bottom: 20px;
        color: var(--text-black-900);
        font-family: "San Francisco";
    }

    .manage-addresses .add-address-link {
        font-size: 12px;
        font-family: "Poppins", serif;
        color: #007bff;
        font-weight: bold;
    }

    .address-type {
        font-size: 12px;
    }

    .address-card h3 {
        font-size: 13px;
        font-weight: 200;
    }

    /* ========== Switch Button Style ========== */
    
    #theme-switch {
        top: 280px;
    }
}