@media (max-width: 1500px) {
  .topcall a {
    font-size: 0.85rem;
  }

  .usefull-links-top a {
    font-size: 0.85rem;
  }
}

@media (max-width: 1440px) {
  .topcall a {
    font-size: 0.85rem;
  }

  .usefull-links-top a {
    font-size: 0.85rem;
  }

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

  .topcall ul i {
    font-size: 1.2rem;
    display: inline-block;
    height: 27px;
    width: 19px;
  }

  #home {
    background-size: 100% !important;
    height: 469px;
  }

  .best-selling-product .flex a,
  .button-group .flex a {
    font-size: 1vw;
  }

  .main-heading {
    font-size: 2.2vw;
  }

  .pro-box-info h5 {
    font-size: 1.15rem;
  }

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

  .pro-box-info .price {
    font-size: 1.2rem;
  }

  .product-box .text-btn {
    font-size: 1.2rem;
  }

  .order-sec h3 {
    font-size: 3.5vw;
  }

  .order-sec p {
    font-size: 1.4rem;
  }

  .blog-box .box-content .date {
    font-size: 0.9rem;
  }

  .blog-box .box-content .title {
    font-size: 1.2vw;
  }

  .footer-cont h5 {
    font-size: 1.6vw;
  }

  .footer-payment h4 {
    font-size: 2.5vw;
  }

  .address-bottom p a {
    font-size: 1vw;
  }

  .footer a {
    font-size: 1vw;
  }

  .form-con h2 {
    font-size: 2.2rem;
  }

  .form-con p {
    font-size: 0.9rem;
  }

  .search-area .search-item .details h3 {
    font-size: 13px;
  }

  .shopping-cart:after {
    left: 50%;
  }
}

@media (max-width: 1400px) {
  #home {
    background-size: 100% !important;
    height: 462px;
    background-position: top !important;
  }
}

@media (max-width: 1366px) {
  .topcall a {
    font-size: 0.8rem;
  }

  .usefull-links-top a {
    font-size: 0.8rem;
  }

  .banner {
    background-size: 100% !important;
    height: 469px;
  }

  .pro-box-info h5 {
    font-size: 1rem;
  }

  .product-box p {
    font-size: 12px;
  }

  .pro-box-info .price {
    font-size: 1.1rem;
  }

  .product-box .text-btn {
    font-size: 1.1rem;
  }

  .order-sec h3 {
    font-size: 3vw;
  }

  .order-sec p {
    font-size: 1.2rem;
  }

  .blog-box .box-content .title {
    font-size: 1.1vw;
  }

  .copy-write p {
    font-size: 1vw;
  }

  .shopping-cart:after {
    left: 50%;
  }
}

@media (max-width: 1280px) {
  .topcall a {
    font-size: 0.7rem;
  }

  .usefull-links-top a {
    font-size: 0.75rem;
  }

  .navbar a.nav-link {
    font-size: 0.8rem;
  }

  .main-heading {
    font-size: 30px;
  }

  .pro-box-info h5 {
    font-size: 0.9rem;
  }

  .order-sec p {
    font-size: 1rem;
  }

  .order-sec h3 {
    font-size: 2.7vw;
  }

  .banner {
    height: 462px;
  }

  .footer a {
    font-size: 0.95vw;
  }

  .address-bottom p a {
    font-size: 0.95vw;
  }

  .footer-payment h4 {
    font-size: 2.2vw;
  }

  .footer-payment p {
    font-size: 0.9rem;
  }

  .search-area .search-item .details h3 {
    font-size: 12px;
  }
}

@media (max-width: 1152px) {
  .topcall a {
    font-size: 0.55rem;
  }

  .usefull-links-top a {
    font-size: 0.65rem;
  }

  .topright01 i {
    font-size: 1.1rem;
  }

  .topcall ul i {
    font-size: 0.8rem;
    display: inline-block;
    height: 10px;
    width: 10px;
  }

  .navbar a.nav-link {
    font-size: 0.7rem;
  }
}

@media (max-width: 1024px) {
  .topcall a {
    font-size: 0.58rem;
  }

  .usefull-links-top a {
    font-size: 0.65rem;
  }

  .topright01 i {
    font-size: 1.1rem;
  }

  .topcall ul i {
    font-size: 0.8rem;
    display: inline-block;
    height: 10px;
    width: 10px;
  }

  .navbar a.nav-link {
    font-size: 0.7rem;
  }

  .banner {
    heigh: 400px;
  }
}
 .navbar-brand img {
    width: 200px;
  }

@media (max-width: 767px) {
  .about-sec .light-font {
    font-size: 1.5rem;
  }
  .popular-cities {
    flex-wrap: wrap;
  }
  .foot-grid {
    display: block;
  }
  .from-app .content-sec img {
    width: 40vw;
  }
  .navbar-brand img {
    width: 190px;
  }
  .navbar-brand1 img {
    width: 100%;
  }
  #home {
    background-size: cover !important;

    height: 226px;

    background-position: center !important;

    padding: 25px 0 0;

    text-align: center;
  }
  .new-arrivals .product-box {
    margin-bottom: 1rem;
  }
  .usb-sec {
    column-count: 1;
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  .safety-securities ul {
    column-count: 2;
  }
  .about-sec h3 {
    margin-top: 0.5;
  }
  .usb-sec li {
    border-bottom: 1px solid #ccc;
    border-right: 0px;
    width: 100%;
  }
  .usb-sec li:last-child {
    border-bottom: 0px;
  }
  #home h1 {
    font-size: 1.3rem;
  }

  .best-selling-product {
    padding: 20px 0;
  }

  .main-heading {
    font-size: 1.4rem;
  }

  .best-selling-product .flex.justify-content-end {
    justify-content: center !important;
  }

  .best-selling-product .flex a,
  .button-group .flex a {
    font-size: 1rem;
  }

  p {
    text-align: justify;
  }

  .top-categories .row.mt-5 {
    justify-content: center;
  }

  .top-categories .col-md-2 {
    width: 50%;
  }

  .cat-box img {
    height: 47px;
  }

  .cat-box {
    background: #ddfffb;
  }

  .new-arrivals,
  .top-trending-product {
    padding: 20px 0;
  }

  .new-arrivals .button-group ul,
  .top-trending-product .button-group ul,
  .best-selling-product .button-group ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
  }

  .new-arrivals .button-group ul li,
  .top-trending-product .button-group ul li,
  .best-selling-product .button-group ul li {
    width: 48%;
  }

  .new-arrivals .button-group ul li a,
  .top-trending-product .button-group ul li a,
  .best-selling-product .button-group ul li a {
    font-size: 12px;
    text-align: center;
    background: #00a995;
    color: #fff !important;
    margin-right: 0;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
  }

  .new-arrivals .mb-5,
  .top-trending-product .mb-5,
  .best-selling-product .mb-5 {
    margin-bottom: 1rem !important;
  }

  .new-arrivals .button-group ul li a.active,
  .top-trending-product .button-group ul li a.active,
  .best-selling-product .button-group ul li a.active {
    color: #fff !important;
  }

  .order-sec h3 {
    font-size: 1.6rem;
  }

  .order-sec p {
    font-size: 1.2rem;
    margin-top: 10px;
    text-align: center;
  }

  .top-trending-product .col-md-3 {
  }

  .blog-sec {
    padding: 20px 0 4px;
  }

  .blog-sec .row .col {
    width: 100%;
  }

  .content-description,
  .disclaimer {
    padding: 20px 0;
  }

  .disclaimer h3 {
    font-size: 1.5rem;
    text-align: center;
  }

  .footer-cont h5 {
    font-size: 1.2rem;
  }

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

  .footer-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    padding-bottom: 10px;

    margin-bottom: 20px;
  }

  .footer .pt-5 {
    padding-top: 20px !important;
  }

  .social-media {
    padding: 5px 0 0 0;
    gap: 5px;
  }

  .social-media a {
    font-size: 16px;

    display: block;

    height: 30px;

    width: 30px;

    line-height: 30px;

    text-align: center;
  }

  .address-bottom p a {
    font-size: 14px;
  }

  .footer .skype i {
    font-size: 14px;
  }

  .footer-payment {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }

  .footer-payment h4 {
    font-size: 16px;
  }

  .footer-payment p {
    font-size: 0.9rem;
    text-align: center;
  }

  .footer-payment ul img {
    width: 83px;
    height: 47px;
  }

  .copy-write p {
    font-size: 11px;
    text-align: center;
  }

  .order-process .order-sec img {
    height: 86px;
    width: 390px;
    object-fit: contain;
  }

  .order-process .order-sec p img {
    width: 68px;
    height: 24px;
    object-fit: contain;
  }

  .order-img img {
    height: 280px;
    object-fit: contain;
    display: block;
  }

  .top-categories .text-end img {
    height: 193px;
    width: 387px;
  }

  .product-box .badge {
    padding: 0;

    height: 40px;

    font-size: 11px;

    width: 40px;

    line-height: 28px;

    right: 0px;

    position: absolute !important;

    left: initial !important;

    top: 30px !important;
  }

  .product-box .badge .discount-off-text {
    line-height: 0;
  }

  .blog-box .box-content .title {
    font-size: 0.95rem;
  }

  .breadcrumb-fill {
    font-size: 0.8rem;
    display: flex;

    justify-content: center;

    align-items: center;
  }

  .breadcrumb-fill li:first-child {
    margin-right: 5px;
  }

  .breadcrumb li .home-icon i {
    font-size: 0.5rem;
  }

  .breadcrumb li .home-icon {
    width: 20px;

    height: 20px;

    line-height: 20px;
  }

  .breadcrumb-fill .home-icon {
    position: relative;
    font-size: initial;
  }

  .breadcrumb li:after {
    right: -10px;
  }

  .breadcrumb li {
    padding: 0;

    position: relative;

    margin-right: 15px;

    height: initial;

    line-height: initial;
  }

  .blog-bread .breadcrumb-fill li:last-child {
    display: block;
    width: 100%;
    text-align: center;
  }

  .category-list {
    width: 100%;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: 0;

    margin-left: 0;

    justify-content: center;

    gap: initial;

    padding: 0;
  }

  .category-list li {
    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    padding-right: 5px;

    padding-left: 5px;

    width: initial;

    margin-bottom: 10px;
  }

  .category-list li a {
    display: block;

    height: 100%;

    padding: 5px;

    border-radius: 5px;

    justify-content: center;

    font-size: 13px;

    align-items: center;

    display: flex;

    min-height: 57px;
  }

  .cate-description,
  .pro-brief-description {
    padding: 1.5rem;
  }

  .img-track {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .form-con {
    padding: 25px;
  }

  .track-or-con {
    padding: 0;
  }

  .form-con h2 {
    font-size: 2rem;
    text-align: center;
    margin-top: 20px;
  }

  .track-ic {
    position: relative;
    margin: 0 auto;

    text-align: center;

    width: 100px;

    height: 100px;
  }

  .track-ic img {
    width: 50px;
    height: 53px;
    object-fit: contain;
  }

  #record_form {
    padding: 0;
  }

  .blog-page {
    padding: 20px 0;
  }

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

  .shadow-box {
    margin-top: 30px;
  }

  .post-cont {
    width: 80%;
  }

  .post-img {
    width: 20%;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #958e8e;
  }

  .post-img img {
    object-fit: contain;
    border-radius: 5px;
  }

  .contact-page,
  .faq-section {
    padding: 20px 0;
  }

  .faq-section::after {
    display: none;
  }

  .faq .card .card-header .faq-title {
    padding-right: 7px;
    font-size: 14px;
  }

  .faq .card .card-body {
    padding: 10px;
    line-height: 22px;
    font-size: 12px;
  }

  .faq .card .card-header .faq-title .badge {
    margin-right: 10px;
  }

  .register-page {
    padding: 20px 0;
  }

  .register-page .main-heading.mb-4 {
    margin-bottom: 15px !important;
  }

  .register-page h5 {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 15px;
  }

  .login-form legend {
    font-size: 1rem;
    margin-bottom: 20px;
  }

  .input-box {
    margin-bottom: 0.5rem;
  }

  .input-box .icon {
    top: 2rem;
  }

  .input-box label {
    font-size: 0.8rem;
  }

  .check-box {
    display: block;
    line-height: 1.3;
    font-size: 0.8rem;
  }

  .form-box {
    padding: 20px;
  }

  .check-box input {
    margin-right: 5px;
  }

  .content-description h5 {
    text-align: left;
    font-size: 1.1rem;
  }

  .content-description ol li:before {
    margin-left: -35px;

    font: bold italic 30px / 1.5 Helvetica, Verdana, sans-serif;
  }

  .content-description ol li {
    position: relative;
    padding-left: 0px !important;
    margin-left: 0px;
    text-align: left;
    padding-bottom: 10px;
  }

  .content-description ol li b,
  .content-description ol li strong {
    font-size: 1rem;
  }

  .d-none-mob {
    display: none;
  }

  .topcall ul {
    justify-content: space-between;

    padding: 0 20px;

    border-bottom: 1px solid #ddd;

    margin-bottom: 0.5rem;

    padding-bottom: 5px;
  }

  .topcall a {
    font-size: 0.66rem;
  }

  .topright01 {
    padding: 0;
  }

  .topright01 ul {
    justify-content: initial;
    padding: 0 20px;
    gap: initial;
  }

  .topright01 ul li {
    width: 11%;
  }

  .topright01 ul li:last-child {
    width: 80%;
    text-align: right;
    margin: 0 0 0 auto;
  }

  .topright01 i {
    font-size: 1.5rem;
  }

  .topright01 ul li:last-child a {
    display: inline-block;
  }

  .navbar-inner {
    width: 100%;
    justify-content: flex-end;
  }

  .navbar-brand {
    flex-grow: 1;
  }

  .navbar-block {
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    z-index: 999;
    height: 100vh;
    background: #4800AD;
    overflow: initial;
  }

  .navbar-block .navbar-nav {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    background-color: #4800AD;
  }

  .mobile-nav-cross {
    display: block;

    position: absolute;

    right: 10px;

    background: #000;

    height: 40px;

    width: 40px;

    top: 10px;

    text-align: center;

    color: #fff;

    line-height: 40px;

    z-index: 99;
    border-radius: 50%;
    color: #fff;
  }

  .navbar a.nav-link {
    padding: 10px !important;
    border-bottom: 1px solid #fff;
    color: #fff !important;
    font-size: 0.8rem;
    text-transform: uppercase;
  }

  .navbar-collapse .search-form {
    display: none;
  }

  .navbar-nav .dropdown-content .dropdown-items {
    padding: 0;
    display: block;
    column-count: 1;
  }

  .navbar-nav .dropdown-content .dropdown-items li {
    padding: 0;
    margin: 0;
  }

  .navbar-nav .dropdown-content .dropdown-items li a {
    font-size: 0.8rem;
    padding: 10px;
    display: block;
  }

  .cart-page {
    padding: 20px 0;
  }

  .cart-page .table th {
    font-size: 12px;
    vertical-align: top;
  }

  .cart-page .table td p,
  .cart-page .table td {
    font-size: 11px;
    text-align: left;
  }

  .item .details h3 {
    font-size: 13px;
    text-align: left;
  }

  .item .details {
    padding: 0px;
    width: 100%;
  }

  .item .preview {
    width: 60px;
  }

  .btn-quantity {
    height: 20px;
    width: 20px;
  }

  .quantity-text {
    font-size: 0.8em;
    margin: 0 5px;
  }

  .quantity-text input {
    font-size: 13px;

    border-radius: 0;

    border: 1px solid #ddd;
  }

  .btn-quantity i {
    postition: relative;
    top: 1px;
  }

  .btn-update-cart {
    margin-top: 20px;
    text-align: center;
    display: block;
  }

  .btn-update-cart a {
    width: 100%;
    margin-bottom: 10px;
  }

  .btn-update-cart a:last-child {
    margin-bottom: 0;
  }

  .cart-discount input {
    font-size: 13px;
  }

  .cart-page .form-box {
    margin-top: 20px;
  }

  .cart-page .form-box .requires-validation {
    padding: 0;
  }

  .cart-page .form-box h3 {
    font-size: 1.2rem;
    text-align: center;
  }

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

  .checkout-page {
    padding: 20px 0;
  }

  .checkout-page .main-heading {
    margin-bottom: 20px !important;
  }

  .checkout-page legend {
    font-size: 1rem;
    margin-bottom: 20px;
  }

  .checkout-page .form-box.right-child {
    margin-top: 20px;
  }

  .checkout-page .form-box.right-child h3,
  .checkout-page .form-box.right-child h5 {
    font-size: 1.2rem;
    text-align: center;
  }

  .input-box input,
  .input-box textarea,
  .input-box select {
    font-size: 10.5px;
  }

  .invoice-page {
    padding: 20px 0;
  }

  .mob-text-cen {
    text-align: center;
  }

  .invoice-page .mob-text-cen img {
    width: 200px;
    margin-bottom: 10px;
  }

  .com-details p {
    text-align: left;
    font-size: 12px;
    margin-bottom: 5px;
  }

  .invoice-no {
    padding: 10px;
  }

  .invoice-no p {
    margin: 0;
    font-size: 12px;
    text-align: left;
  }

  .invoice-page .card-title {
    font-size: 1rem;
  }

  .invoice-table th {
    font-size: 12px;
    vertical-align: top;
  }

  .invoice-table td p,
  .invoice-table td {
    font-size: 11px;
    text-align: left;
  }

  .invoice-table .details h3 {
    font-size: 13px;
    text-align: left;
  }

  .invoice-table .details {
    padding: 0px;
    width: 100%;
  }

  .invoice-table .preview {
    width: 40px;
  }

  .invoice-table .btn-quantity {
    height: 20px;
    width: 20px;
  }

  .invoice-table .quantity-text {
    font-size: 0.8em;
    margin: 0 5px;
  }

  .invoice-table .btn-quantity i {
    postition: relative;
    top: 1px;
  }

  .table.borderless th {
    font-size: 0.8rem;
  }

  .invoice-page .form-terms {
    display: flex;
    align-items: baseline;
  }

  .payment-tab {
    padding: 20px 0;
  }

  .payment-tab h3 {
    font-size: 1.2rem;
    margin-bottom: 15px !important;
    text-align: center;
  }

  .payment-tab .nav-pills {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }

  .payment-tab .nav-pills li {
    width: 48%;
  }

  .payment-tab .nav-pills .nav-link {
    font-size: 14px;
  }

  .more-information .nav-pills .nav-link {
    font-size: 14px;
    border-radius: 5px;
  }

  .more-information .nav-pills {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }

  .more-information .nav-pills li {
    width: 48%;
  }

  .order-success-page {
    padding: 20px 0;
  }

  .product-page {
    padding: 20px 0;
  }

  .pro-page-img {
    height: 335px;
    display: block;
    padding: 4px;
  }

  .pro-page-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .product-cont td,
  .product-cont th {
    padding: 5px;
    font-size: 11px !important;
  }

  /* .product-cont td:last-child{width:35%;} */

  .product-cont .d-flex {
    display: block !important;
  }

  .product-cont .d-flex h1 {
    font-size: 1.5rem;
    margin: 15px 0 10px;
    text-align: center;
  }

  .product-cont .share-list {
    justify-content: center;
    padding: 0;
  }

  .product-cont .share-list {
    font-size: 13px;
  }

  .pro-list li {
    font-size: 14px;
  }

  /* .product-cont tbody tr td a{width: 100%;font-size: 11px;display: flex;} */

  .product-cont tbody tr td a i {
    font-size: 11px;
  }

  .review-form legend {
    font-size: 1rem;
    margin-bottom: 20px;
  }

  .review-form .requires-validationn {
    padding: 0;
  }

  .more-information .nav-pills .nav-link.active {
    color: #fff !important;
  }

  .related-products {
    padding-top: 1.5rem;
  }

  .cart-badge {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 400;
  }

  .shopping-cart {
    float: none;
    width: 250px;
    right: initial;
    left: 0;
    padding: 0px;
  }

  .shopping-cart-header {
    display: none;
  }

  .shopping-cart-items {
    padding: 15px !important;
    max-height: 360px;
  }

  .shopping-cart-items .pro-img {
    width: 90px;
    display: none;
  }

  .shopping-cart-items .item-name {
    font-size: 15px;
    padding: 0;
  }

  .shopping-cart-items p {
    text-align: left;
  }

  .mob-flex {
    display: flex;
    gap: 5px;
    padding: 15px;
  }

  .mob-flex a {
    display: block;
    width: 49%;
    margin: 0px;
    font-size: 13px;
    padding: 4px 4px;
  }

  .mob-flex a:last-child {
    margin-bottom: 0;
  }

  .shopping-cart:after {
    left: 23%;
  }

  .shopping-cart-items li {
    display: flex !important;
    align-items: flex-start;
    text-align: center;
    width: 100% !important;
  }

  .mob-cat-sec {
    display: flex;

    width: 100%;

    justify-content: space-between;
  }

  /*.desk-cat{order:2;}    

.desk-cat span{display:none;}

.navbar-collapse .desk-cat i.bi:before{rotate: 360deg!important;}

.navbar-collapse .dropdown-show .desk-cat i.bi:before{rotate: 180deg!important;}

.h-desk{display:block;}*/

  .mob-cat i.bi:before {
    rotate: 360deg !important;
  }

  .mob-cat.icon-move i.bi:before {
    rotate: 180deg !important;
  }

  .mob-cat {
    display: inline;
  }

  .desk-cat {
    width: 100%;
  }

  .desk-cat i {
    display: none;
  }

  .profile-menu ul {
    display: flex;
    justify-content: flex-start !important;
    flex-wrap: wrap;

    flex-direction: initial;
    text-align: left;
    padding: 0;
    margin: 0;
  }

  .profile-menu ul li {
    width: 100%;
    display: block !important;
  }

  .profile-menu ul li a {
    padding: 10px;
    text-align: left;
    display: block !important;
  }

  .profile-menu ul li a i {
    margin-right: 5px;
  }

  .my-profile {
    display: none !important;
  }

  .mob-search {
    display: block !important;
  }

  .mob-search .ps-4 {
    width: 100%;
    padding: 0 0 0 1rem !important;
  }

  .mob-search form {
    height: 40px;
  }

  .mob-search form input {
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #ddd !important;
  }

  header form a.search-button {
    border-radius: 4px;
    width: 30px;
    height: 100%;
    right: 1px;
    font-size: 17px;
    line-height: 47px;
  }

  .search-form:before {
    top: 8px;
    font-size: 17px;
  }

  header form a.search-button i {
    color: #5bae57;
    font-size: 17px;
  }

  header form a.search-button .icon {
    width: 16px;
    height: 16px;
    top: 3px;
    left: 7px;
  }

  .profile-mobile {
    display: block;
    margin-right: 20px;
  }

  .profile-mobile .profile {
    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    padding: 0;

    border-radius: 50px;

    display: block;
    font-size: 20px;
  }

  .profile-menu::before {
    right: 64px;
  }

  .search-area .search-item .details h3 {
    font-size: 11px;
  }

  .blog-box {
    border: 1px solid #ddd;
    margin-bottom: 1.5rem;
  }

  .contact-info .title {
    text-align: center;
  }

  .contact-info .social-media {
    justify-content: center;
  }

  #contact_us_form .title {
    text-align: center;
  }

  .card__description {
    text-align: left;
  }

  .blog-card {
    border: 1px solid #a1a1a1;
    border-radius: 10px;
  }

  .blog-card .card__thumb img {
    border-radius: 10px 10px 0 0;
  }

  .blog-card .card__thumb {
    border-radius: 10px 10px 0 0;
  }

  .blog-card .card__footer {
    border-radius: 0 0 10px 10px;
    padding: 1rem 1.5rem;
  }

  .mobile-view {
    display: block;
  }

  .order-history-page .tab-content {
    padding: 1rem;
  }

  .order-history-page .tab-content h3 {
    font-size: 1.1rem;
    text-align: center;
  }

  .order-history-page .tab-content h4 {
    font-size: 1.4rem;
    text-align: center;
  }

  .order-history-page .tab-content h4 span {
    display: block;
  }

  .order-history-page .tab-content h6 {
    text-align: center;
  }

  .hover-box p {
    text-align: center;
  }

  .hover-box {
    margin-bottom: 15px;
  }

  .hover-box .ttl_hed {
    font-size: 1.1rem;
    font-weight: 600;
  }

  #myorder table th {
    font-size: 13px;
  }

  .requires-validationn legend {
    font-size: 1rem;
    margin-bottom: 20px;
  }

  .badge.wishlist-badge {
    position: absolute;
    right: 5px;
    font-weight: 400;
  }

  .faq-section {
    min-height: initial;
  }

  .dropdown-items {
    display: block;
  }

  .dropdown-items li {
    width: 100%;
  }

  .table-cart table,
  .table-cart thead,
  .table-cart tbody,
  .table-cart th,
  .table-cart td,
  .table-cart tr {
    display: block;

    border-radius: 0;
  }

  /* Hide table headers (but not display: none;, for accessibility) */

  .table-cart thead tr {
    position: absolute;

    top: -9999px;

    left: -9999px;
  }

  .table-cart tr {
    border: 1px solid #ccc;
    margin-bottom: 15px;
  }

  .table-cart td {
    /* Behave  like a "row" */

    border: none;

    border-bottom: 1px solid #eee;

    position: relative;

    padding-left: 50%;
  }

  .table-cart td:before {
    /* Now like a table header */

    position: absolute;

    /* Top/left values mimic padding */

    top: 6px;

    left: 6px;

    width: 45%;

    padding-right: 10px;

    white-space: nowrap;

    font-weight: 600;
  }

  /*

	Label the data

	*/
  .table-cart td:nth-of-type(1) {
    padding-left: 0rem;
  }
  .table-cart td:nth-of-type(1):before {
    display: none;
  }
  /* 
	.table-cart td:nth-of-type(2):before { content: "Products"; }

	.table-cart td:nth-of-type(3):before { content: "Quantity"; }

	.table-cart td:nth-of-type(4):before { content: "Unit Price"; }

	.table-cart td:nth-of-type(5):before { content: "Amount"; } */

  .invoice-table table,
  .invoice-table thead,
  .invoice-table tbody,
  .invoice-table th,
  .invoice-table td,
  .invoice-table tr {
    display: block;

    border-radius: 0;
  }

  /* Hide table headers (but not display: none;, for accessibility) */

  .invoice-table thead tr {
    position: absolute;

    top: -9999px;

    left: -9999px;
  }

  .invoice-table tr {
    border: 1px solid #ccc;
    margin-bottom: 15px;
  }

  .invoice-table td {
    /* Behave  like a "row" */

    border: none;

    border-bottom: 1px solid #eee;

    position: relative;

    padding-left: 50%;
  }

  .invoice-table td:before {
    /* Now like a table header */

    position: absolute;

    /* Top/left values mimic padding */

    top: 6px;

    left: 6px;

    width: 45%;

    padding-right: 10px;

    white-space: nowrap;

    font-weight: 600;
  }

  /*

	Label the data

	*/

  .invoice-table td:nth-of-type(1):before {
    content: "Product Image";
  }

  .invoice-table td:nth-of-type(2):before {
    content: "Products";
  }

  .invoice-table td:nth-of-type(3):before {
    content: "Quantity";
  }

  .invoice-table td:nth-of-type(4):before {
    content: "Unit Price";
  }

  .invoice-table td:nth-of-type(5):before {
    content: "Amount";
  }

  .order-tab-sec table,
  .order-tab-sec thead,
  .order-tab-sec tbody,
  .order-tab-sec th,
  .order-tab-sec td,
  .order-tab-sec tr {
    display: block;

    border-radius: 0;
  }

  /* Hide table headers (but not display: none;, for accessibility) */

  .order-tab-sec thead tr {
    position: absolute;

    top: -9999px;

    left: -9999px;
  }

  .order-tab-sec tr {
    border: 1px solid #ccc;
    margin-bottom: 15px;
  }

  .order-tab-sec td {
    /* Behave  like a "row" */

    border: none;

    border-bottom: 1px solid #eee;

    position: relative;

    padding-left: 50%;
  }

  .order-tab-sec td:before {
    /* Now like a table header */

    position: absolute;

    /* Top/left values mimic padding */

    top: 6px;

    left: 6px;

    width: 45%;

    padding-right: 10px;

    white-space: nowrap;

    font-weight: 600;
  }

  /*

	Label the data

	*/

  .order-tab-sec td:nth-of-type(1):before {
    content: "#";
  }

  .order-tab-sec td:nth-of-type(2):before {
    content: "Order";
  }

  .order-tab-sec td:nth-of-type(3):before {
    content: "Total Product";
  }

  .order-tab-sec td:nth-of-type(4):before {
    content: "Date";
  }

  .order-tab-sec td:nth-of-type(5):before {
    content: "Price";
  }

  .order-tab-sec td:nth-of-type(6):before {
    content: "Status";
  }

  .order-tab-sec td:nth-of-type(7):before {
    content: "Action";
  }

  .wishlist-sec table,
  .wishlist-sec thead,
  .wishlist-sec tbody,
  .wishlist-sec th,
  .wishlist-sec td,
  .wishlist-sec tr {
    display: block;

    border-radius: 0;
  }

  /* Hide table headers (but not display: none;, for accessibility) */

  .wishlist-sec thead tr {
    position: absolute;

    top: -9999px;

    left: -9999px;
  }

  .wishlist-sec tr {
    border: 1px solid #ccc;
    margin-bottom: 15px;
  }

  .wishlist-sec td {
    /* Behave  like a "row" */

    border: none;

    border-bottom: 1px solid #eee;

    position: relative;

    padding-left: 50%;
  }

  .wishlist-sec td:before {
    /* Now like a table header */

    position: absolute;

    /* Top/left values mimic padding */

    top: 6px;

    left: 6px;

    width: 45%;

    padding-right: 10px;

    white-space: nowrap;

    font-weight: 600;
  }

  .wishlist-sec td:nth-of-type(1):before {
    content: "#";
  }

  .wishlist-sec td:nth-of-type(2):before {
    content: "Product";
  }

  .wishlist-sec td:nth-of-type(3):before {
    content: "Date";
  }

  .wishlist-sec td:nth-of-type(4):before {
    content: "Action";
  }

  .input-box .icon {
    right: -5px;
  }

  .error-found td:before {
    display: none;
    padding: 0px;
  }

  .error-found td {
    padding: 10px;
  }

  .review-box {
    height: initial;
    padding: 15px;

    border-radius: 10px;
  }

  .review-box .profile {
    padding: 0.3rem;
  }

  /*.shopping-cart {float: none;position:fixed;width: 100%;transform: initial;transition:0.3s all ease-in-out;  right:initial; left:0; top:0; margin:0;}*/

  .top-cart:hover > .shopping-cart {
    display: none;
  }

  /*.shopping-cart-items{height:100vh;}

.top-cart > .shopping-cart.active {display: block;position:fixed;width: 100%;transform: initial;transition:0.3s all ease-in-out;  right:initial; left:0; top:0; margin:0; }*/

  .top-cart > .shopping-cart.active {
    display: block;
  }
}

@media (max-width: 414px) {
  .top-categories .text-end img {
    height: 186px;
    width: 373px;
  }

  .order-process .order-sec img {
    height: 83px;
    width: 374px;
    object-fit: contain;
  }

  .order-process .order-sec p img {
    width: 68px;
    height: 24px;
    object-fit: contain;
  }

  .order-img img {
    height: 270px;
    object-fit: contain;
  }

  .profile-menu::before {
    right: 64px;
  }
}

@media (max-width: 393px) {
  .top-categories .text-end img {
    height: 176px;
    width: 354px;
  }

  .order-process .order-sec img {
    height: 78px;
    width: 353px;
    object-fit: contain;
  }

  .order-process .order-sec p img {
    width: 68px;
    height: 24px;
    object-fit: contain;
  }

  .order-img img {
    height: 260px;
    object-fit: contain;
  }

  .profile-menu::before {
    right: 64px;
  }
}

@media (max-width: 390px) {
  .top-categories .text-end img {
    height: 175px;
    width: 351px;
  }

  .order-process .order-sec img {
    height: 78px;
    width: 350px;
    object-fit: contain;
  }

  .order-process .order-sec p img {
    width: 68px;
    height: 24px;
    object-fit: contain;
  }

  .order-img img {
    height: 260px;
    object-fit: contain;
  }

  .profile-menu::before {
    right: 64px;
  }
}

@media (max-width: 375px) {
  .top-categories .text-end img {
    height: 168px;
    width: 338px;
  }

  .order-process .order-sec img {
    height: 74px;
    width: 335px;
    object-fit: contain;
  }

  .order-process .order-sec p img {
    width: 68px;
    height: 24px;
    object-fit: contain;
  }

  .order-img img {
    height: 247px;
    object-fit: contain;
  }

  .faq .card .card-header .faq-title {
    padding-right: 7px;
    font-size: 15px;
  }

  .faq .card .card-body {
    padding: 10px;
    line-height: 22px;
    font-size: 13px;
  }

  .profile-menu::before {
    right: 64px;
  }
}

@media (max-width: 360px) {
  .top-categories .text-end img {
    height: 161px;
    width: 324px;
  }

  .order-process .order-sec img {
    height: 71px;
    width: 320px;
    object-fit: contain;
  }

  .order-process .order-sec p img {
    width: 68px;
    height: 24px;
    object-fit: contain;
  }

  .order-img img {
    height: 235px;
    object-fit: contain;
  }

  .faq .card .card-header .faq-title {
    padding-right: 7px;
    font-size: 14px;
  }

  .topcall a {
    font-size: 0.64rem;
  }

  .profile-menu::before {
    right: 64px;
  }
}

@media (max-width: 320px) {
  .top-categories .text-end img {
    height: 143px;
    width: 288px;
  }

  .order-process .order-sec img {
    height: 62px;
    width: 280px;
    object-fit: contain;
  }

  .order-process .order-sec p img {
    width: 68px;
    height: 24px;
    object-fit: contain;
  }

  .order-img img {
    height: 210px;
    object-fit: contain;
  }

  .topcall a {
    font-size: 0.55rem;
  }

  .cart-badge {
    right: -5px;
  }
}