@media (min-width: 2049px) {
    .mdl-compare {
        margin-top: 17px;
    }
}

@media (max-width: 1920px) {
    .hero{
        height: 59vh;
    } 
}
@media (min-width: 1600px) {

    .mdl-compare {
        margin-top: 17px;
    }
    .hero h1 {
        font-size: 1.8rem;
    }
}

@media (max-width: 1500px){
    .btn{
        font-size: 10px;
        padding: 10px;
    }
}
@media (max-width: 1440px){
    .hero{
        height: 58vh;
    }
    .hero-content{
        padding: 0 10px 150px 250px;
    }
}
@media (max-width: 1260px) {

    .hero h1 {
        font-size: 1.2rem;
    }
    .hero p {
        font-size: 0.8rem;
    }
    .hero-content{
        padding: 0 10px 100px 120px;
    }
    
    
}
@media (max-width: 1155px) and (min-width: 759px) {
    .qwe {
       display: fixed !important;
    }
}
@media (min-width: 1155px) and (max-width: 759px) {
    .qwer {
       display: none !important;
    }
}
@media (max-width: 1367px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 99%;
    }
    .new-ic i {
        font-size: 30px;
    }
}
.btn{
    border-radius: 20px !important;
}
@media (max-width: 1299px) {
    .category-wrap .category {
        margin-top: 20px;
    }
    .top-buttons span {
        display: none;
        margin-left: 0;
    }
    .top-buttons i {
        margin-right: 0 !important;
    }
    .caption .manufacturer, .caption .price-wrap {
        float: initial !important;
        display: none;
    }
    .product-details .content {
        width: 100%;
        float: none;
    }
    .product-details .column-right {
        width: 100%;
        margin-bottom: 30px;
    }
    .user-panel-bar label {
        padding-top: 7px;
        float: none;
    }
    #button-voucher {
        padding: 12px 18px;
    }

    .bidding-log{
        margin-top: 15px;
    }
}
@media (max-width: 1299px) and (min-width: 992px) {
    .btn-pcb {
        padding: 0px 10px;
        margin-left: 20px;
    }
    .product-listing .product-wrap {
        width: 100%;
    }
    .categorie-list .product-listing .product-wrap  {
        width: 100%;
    }
    
}
@media (min-width: 1266px) {
    .cmpr-field i {
        position: absolute;
        opacity: 0.5;
        right: 1.2vw;
        top: 2.4vh !important;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .hero{
        height: 40vh;
    }
    
    .hero-content {
        padding: 0 10px 50px 50px;
    }

    .btn-pcb {
        padding: 0px 10px;
        margin-left: 20px;
    }
}
@media (max-width: 1099px) {
    .action-col.action-col-chose.chose .change-td {
        margin-top: 10px;
        display: inline-block;
    }
    .hero{
        height: 37vh;
    }
}
@media (max-width: 1024px) {
    .mainmenu-bar .nav li a{
        font-size: 11px;
    }
    .new-categor-offer-in .blurb{
        font-size: 14px;
    }
    .service-contents{
        grid-template-columns: repeat(3, 1fr);
    }

    .hero h1{
        font-size: 0.9rem;
    }
    .hero-content{
        padding: 15px 10px 10px 250px;
    }
    
    .material-symbols-outlined.search-icon{
        display: none;
    }
    
    .see-all h5 {
        font-size: 0.8rem;
        margin-top: 25px;
    }
}
.product-info .product-title a {
        font-size: 20px;
    text-align: center;
    display: flex
;
    justify-content: center;
}
}
@media (max-width: 997px) {
    .footer-featured-items {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .new-categor-offer-in {
        padding: 10px;
    }
    .biolife-service__type01 .txt-show-02 {
        font-size: 35px;
    }
    .new-ic i {
        font-size: 26px;
    }
    .ff-inner-box {
        grid-template-columns: 50px auto;
    }
    .btn-complain{
        width: 70%;
        height: 50px;
        margin-top: 25px;
    }
    .complain-copyright{
        font-size: 11px;
        text-align: center;
    }
    .section-heading-title .section-title p {
        font-size: 12px;
    }

    .page-info-pera .service_container .service-area{
        justify-content: flex-start !important;
    }
}
@media (max-width: 992px) {
    .hero{
        height: 67vh;
    }
    .hero-row{
        display: block;
    }
    .copyright-inner {
        padding: 20px 0px 82px;
    }
    
    .hero h1 {
        margin-bottom: 10px;
    }

    .hero-row {
    flex-direction: column-reverse; /* Stack video on top, text below */
  }

  .video-container {
    flex: 1 1 100%;
    height: auto;
  }

  .video-container {
    padding-top: 56.25%; /* 16:9 aspect ratio */
    height: 0;
  }

  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }

  .hero-content {
    padding: 0px 0px 80px 60px;
    text-align: center;
  }

  .hero h1 {
    font-size: 1.2rem;
  }

  .hero p {
    font-size: 0.75rem;
  }

  .hero-content .buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    justify-items: center;
  }

  .hero-content .buttons .btn {
    padding: 8px 0;
    display: block;
    margin: 0 auto;
  }
  .product-info .product-title a {
    font-size: 16px;
}

.section_title {
    font-size: 22px;
}

.page-info-pera .service_container .service-area{
    justify-content: center;
}


    .common-home .after-header{
        margin: 18px 0px -10%
    }
    .top-right-bnr .home-right-banner-top{
        margin-top: 4%;
    }
    .right-margin{
        margin-right: 5px;
    }
    .find-storem-3 div {
        display: inline !important;
        text-align: center;
    }
    .find-storem-3 .store-find {
        display: flex !important;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .find-storem-3 .store-find .btn.find{
        margin-left: 0px;
        font-size: 15px;
    }
    #featured-offers .owl-carousel{
        margin: 0px;
    }
    .home-right-banner-desktop {
        display: block;
    }
    .home-right-banner-mobile {
        display: block;
    }
    .search-icon-mobile {
        display: block;
        font-size: 16px;
        color: var(--mainwhite);
        position: absolute;
        margin: 0 6px 0 10px;
        top: 55%;
        right: -5px;
        left: auto;
        transform: translateY(-50%);
    }
    .search-icon-mobile span {
        font-size: 23px;
        transform: translateY(1px);
        color: var(--mainwhite)!important;
    }
    .search-box {
        position: absolute;
        top: 0;
        left: 50%;
        width: 110%;
        background-color: #fff;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-50%);
        /*position: absolute;
        top: 60px;
        left: 50%;
        width: 100%;
        background-color: #fff;
        z-index: 1;
        opacity: 1;
        visibility: inherit;
        transform: translateX(-50%);*/
    }
    .search-box.search-active {
        top: 50px;
        display: block;
        opacity: 1;
        visibility: visible;
        z-index: 99999;
        box-shadow: 0 5px 5px rgb(0 0 0 / 20%);
   }
    .seacrh-inner-box {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .seacrh-inner-box input[type="search"] {
        width: 100%;
        border: 1px solid transparent;
        padding: 13px 30px 13px 50px;
        height: auto;
        box-shadow: none;
    }
    .seacrh-inner-box button {
        position: absolute;
        top: 50%;
        left: 17px;
        transform: translateY(-50%);
        border: 0;
        background-color: #4b474700;
        color: gray;
    }
    .seacrh-inner-box button span {
        font-size: 20px;
        width: 20px;
        height: 20px;
        transform: translateY(4px);
    }
    .seacrh-inner-box input:focus,
    .seacrh-inner-box button:focus {
        outline: 0;
        box-shadow: none;
    }
    .sticky-footer {
        display: block;
        border-top: 3px solid var(--mainred);
    }
}
@media (max-width: 1400px) {
    .mainmenu-bar .nav li a {
        font-size: 12px;
    }
}
@media (min-width: 1234px) {
    .search-icon-mobile {
        display: none !important;
    }
}
@media (max-width: 1234px) {
    .slider-dot{
      bottom: 8px;
    }
    .show-sm {
        display: block !important;
    }
    .logo {
        float: none;
        text-align: left;
        margin-bottom: 5px;
    }
    .offer_content_wrap h2 {
        font-size: 16px;
        font-weight: 600;
    }
    .blog-article .article-title h2 {
        font-size: 16px;
        line-height: inherit;
    }
    .meta .date {
        display: none;
    }
    .back-button-icon {
        width: auto;
    }
    .back-button-icon a span {
        display: none;
    }
    #nav-toggler {
        width: 33px;
        height: 32px;
        top: 24px;
        display: inline-block;
        background: rgba(255, 255, 255, 0);
        z-index: 1;
        position: relative;
    }
    #nav-toggler span {
        position: relative;
        display: block;
        width: 20px;
        top: 15px;
    }
    #nav-toggler span:after,
    #nav-toggler span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -7px;
    }
    #nav-toggler span:after {
        top: 7px;
    }
    #nav-toggler span,
    #nav-toggler span:after,
    #nav-toggler span:before {
        height: 2px;
        background-color: var(--mainwhite);
        transition: all 0.3s;
        backface-visibility: hidden;
        border-radius: 2px;
    }
    #nav-toggler span:after,
    #nav-toggler span:before {
        width: 100%;
    }
    .btn-account {
        margin-top: 12px;
        margin-right: 10px;
    }
    .btn-account span {
        display: none;
    }
    #nav-toggler.close span {
        background-color: transparent;
    }
    #nav-toggler.close span:before {
        transform: rotate(45deg) translate(5px, 2px);
    }
    #nav-toggler.close span:after {
        transform: rotate(-45deg) translate(5px, -2px);
    }
    .main-nav .nav .drop-menu-1 {
        border-top: 1px solid #f58220;
    }
    .nav .responsive-menu > li.has-child:hover::after {
        border-color: transparent transparent #fa8729;
        border-style: solid;
        border-width: 0 6px 4px;
        bottom: 0;
        content: "";
        height: 0;
        left: calc(50% - 6px);
        position: absolute;
        width: 0;
    }
    header .menu .search-wrap {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        z-index: 1111;
        display: none;
    }
    .mainmenu-bar .nav .drop-menu-1 a.see-all {
        display: block;
        color: var(--maincolor);
    }
    header .menu .search-wrap.open {
        display: block;
    }
    header .menu .search {
        margin: 10px -15px;
    }
    header .menu .search select {
        width: 35px;
        background: #072539;
        color: #ffffff;
    }
    header .menu .search .input-group {
        float: right;
        width: calc(100% - 35px);
    }

    header .menu .search input {
        background: #072539;
        color: #ffffff;
    }
    header .menu .search .input-group button {
        background: #072539;
    }
    .btn-pcb {
        display: none;
    }
    header .menu .icons {
        margin-top: 8px;
        float: right;
    }
    header .menu .icons .search-toggle {
        display: inline;
        border-right: 1px solid #153b59;
    }
    header .menu .icons .cart {
        margin-right: 15px;
    }
    .mainmenu-bar .nav ul li {
        border-bottom: 1px solid #ddd;
        margin: 0;
        height: auto;
    }
    .mainmenu-bar .nav .drop-menu-2 li {
        position: relative;
        left: 0;
        top: 0;
    }
    .mainmenu-bar .nav li a {
        padding-left: 20px;
        display: block;
        color: #333333;
    }
    .mainmenu-bar .nav .drop-menu-1 li a {
        padding-left: 40px;
    }
    .mainmenu-bar .nav .drop-menu-2 li a {
        padding-left: 50px;
    }
    .mainmenu-bar .nav .toggle + a {
        display: none;
    }
    .mainmenu-bar .nav {
        visibility: hidden;
    }
    .nav .drop-down li.has-child > a:before {
        display: none;
    }
    .mainmenu-bar .nav .drop-menu-1 li {
        display: block;
        background-color: #f1f1f1;
        border-bottom: 1px solid #dad5d5;
        line-height: 40px;
        color: #bcd3e3;
        text-decoration: none;
        font-weight: 600;
        padding: 0;
    }
    .mainmenu-bar .nav .drop-menu-1 li a {
        color: #333;
        font-weight: 400;
    }
    .mainmenu-bar .nav .drop-menu-2 li {
        display: block;
        background-color: #fff;
        line-height: 40px;
        color: #ffffff;
        text-decoration: none;
        border-color: #f1f0f0;
        font-weight: 600;
        padding: 0;
    }
    .mainmenu-bar .nav .drop-menu-2 li a.active {
        background-color: #132c42;
        color: #f58220;
    }
    .mainmenu-bar .nav.open {
        visibility: visible;
    }
    .mainmenu-bar .nav .responsive-menu {
        width: 300px;
        position: fixed;
        left: -300px;
        top: 67px;
        height: calc(100vh - 49px);
        overflow: auto;
        background: #fff;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        z-index: 99999;
        box-shadow: 0px 6px 14px rgba(68, 68, 68, 0.3);
        display: inherit;
    }
    .mainmenu-bar .nav.open .responsive-menu {
                padding-bottom: 220px;
        left: 0;
        text-align: left;
        display: block;
    }
    .mainmenu-bar .nav:before {
        display: none;
    }
    .mainmenu-bar .nav ul li {
        display: block;
        width: 100%;
    }
    .mainmenu-bar .nav ul li.open > ul {
        display: block !important;
        background-color: #0a1722;
        width: 300px;
        border-top: none;
    }
    .mainmenu-bar .nav .drop-menu-1 a {
        display: block;
        color: var(--mainwhite);
    }
    .mainmenu-bar .nav li a:hover {
        background: none;
    }
    .mainmenu-bar .nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
    }
    .mainmenu-bar .nav ul ul li {
        display: block;
        width: 100%;
    }
    .mainmenu-bar .nav ul ul ul li {
        position: static;
    }
    .mainmenu-bar .nav li.has-child > a:after {

        float: right;
        margin-right: 20px;
        font-size: 16px;
        font-family: "Material Symbols Outlined";
    }
    .mainmenu-bar .nav .drop-menu li a:after {
        content: "";
    }
    .mainmenu-bar .nav li.open > a:after {

        font-family: "Material Symbols Outlined";
    }
    .has-child li a:only-child:after {
        display: none;
    }
    .drop-menu-1 li a:only-child:after {
        display: none;
    }
    .main-nav .nav ul li.open > ul {
        display: block !important;
        background-color: #0a1722;
        width: 300px;
    }
    .mainmenu-bar .nav .responsive-menu > li.has-child:hover::after,
    .mainmenu-bar .nav .drop-menu-1 > li.has-child:hover::after {
        display: none;
    }
    .mainmenu-bar .nav .drop-menu-2 {
        border-left: none;
    }
    .ht-content .customer-area {
        display: none;
    }

    .ht-content.search {
        display: none;
    }
    .header-top-content {
        position: relative;
        padding: 11px 0;
    }
    .ht-content.logo {
        background: transparent;
        text-align: center;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    #nav-toggler {
        left:-99%;
        position: absolute;
        left: 0;
    }
    .ht-content.logo a {
        padding: 0;
    }
    .footer-widget.showroom {
        margin: 0;
    }
    .show-sm {
        display: block !important;
    }
    .logo {
        float: none;
        /*width: 100%;*/
        text-align: left;
        margin-bottom: 5px;
    }
    #nav-toggler {
          left:-99%;
        width: 33px;
        height: 32px;
        top: 24px;
        display: inline-block;
        background: rgba(255, 255, 255, 0);
        z-index: 1;
        position: relative;
    }
    #lc-toggle {
               display: block;
        margin: -10px 0px;
        color: #000;
        font-size: 18px;
        line-height: 0;
        background: #ebeef3;
        border: 0;
        padding: 11px 15px;
        border-radius: 4px;
    }
    button#lc-toggle span {
        font-size: 20px;
    }
    .show-sort, #column-left {
        display: none;
    }
    #column-left {
        right: -320px;
        background: #FFFFFF;
        display: block;
        width: 300px;
        position: fixed;
        top: 0;
        height: calc(100vh - 110px);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        margin-top: 0;
    }
    #column-left.open {
        right: 0;
        z-index: 999;
        height: 100%;
    }
    #column-left .close {
        font-size: 14px;
        height: 25px;
        width: 25px;
        background: #ddd;
        display: block !important;
        line-height: 25px;
        border-radius: 50%;
        position: absolute;
        left: -10px;
        top: -1px;
        text-align: center;
    }
    #content.left-wrapper {
        margin-left: 0;
        width: calc(100% - 0px);
        padding-left: 0;
    }
    .panel {
        height: 100%;
        overflow-y: auto;
        padding: 10px;
    }
    .thumbnails {
        position: inherit !important;
        margin-bottom: 20px;
    }
    .product-info-all {
               margin: 0px 0px 0px 13px;
    }
    .heading .left:before {
        left: 30% !important;
        width: 75% !important;
    }
    .show-sm {
        display: fixed !important;
    }
    .logo {
        float: none;
        /*width: 100%;*/
        text-align: left;
        margin-bottom: 5px;
    }
    #nav-toggler {
        width: 33px;
        height: 32px;
        top: 0px;
        display: inline-block;
        background: rgba(255, 255, 255, .0);
        z-index: 1;
        position: relative;
        left: -98%;
    }
    .all-pay-info {
        margin-top: 30px;
    }
    #button-login {
        margin-top: 29px;
        margin-bottom: 0;
    }
    .delivery-methods {
        margin-top: 20px;
    }

    .cart-page .page-section .input-group input {
        margin-bottom: 15px;
    }
    .cart-page .page-section .input-group .btn {
        margin-bottom: 15px !important;
    }
    .col-pull-4 {
        left: 0;
    }
    .col-pull-8 {
        right: 0;
        margin-top: 20px;
    }
    .mission-vision-area .col-md-4 {
        width: 100% !important;
    }
    .social-item .footer-logo {
        margin-bottom: 20px;
        height: 50px;
    }
    .social-item .socila-links {
        margin-bottom: 14px;
    }
    .footer-widget ul {
        gap: 16px;
    }
    /*about us page area here */
    .about-us-sub-cat h3 {
        margin: 0px 0px 10px 0px;
    }

}
@media (max-width: 896px){
    .head-top a{
        font-size: 10px;
    }
    .logo img{
        height: 45px;
    }
    .header-top-content{
        padding: 5px 0;
    }

        .hero {
        height: 60vh;
    }

.main-header .header-actions{
    position: absolute;
    right: 0;
}

.service-contents .feature-card{
    width: 100%;
}
.responsive-menu{
    display: list-item
}

}
@media (min-width: 768px) and (max-width: 991px) {
    .main-home-banner .banner-image img{
        height: auto;
    }
    .search-box {
        width: 100%;
    }
    .header-top-content {
        margin: 0 20px;
    }
}
@media (max-width: 920px) {
    .contact-inner-page.about-page {
        margin: 0px;
        padding: 20px 15px;
        width: 100%;
    }
    .compare_product #content{
        font-size: 0.6rem;
    }
}
@media (min-width: 768px) {
    .main-nav .nav .has-child.c-2 .drop-menu-1 {
        left: auto;
        right: 0;
    }
    .main-nav .nav .has-child.c-2 .drop-menu-2 {
        left: auto;
        right: 100%;
        border-left: none;
        border-right: 1px solid #f58220;
    }
    .main-nav .nav .has-child.c-2 .drop-menu-1 > li.has-child:hover::after {
        border-color: transparent transparent transparent #fa8729;
        border-style: solid;
        border-width: 4px 0 4px 4px;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: calc(50% - 4px);
        width: 0;
    }
    .main-nav .nav .has-child.c-2 .drop-down li.has-child > a:before {
        content: "\f104";
        font-family: "FontAwesome";
        float: right;
        margin-right: 15px;
        font-size: 12px;
        font-weight: bold;
    }
    .main-nav .nav .has-child.c-2 .drop-menu-1 {
        left: auto;
        right: 0;
    }
    .main-nav .nav .has-child.c-2 .drop-menu-2 {
        left: auto;
        right: 100%;
        border-left: none;
        border-right: 1px solid #f58220;
    }
    .main-nav .nav .has-child.c-2 .drop-menu-1 > li.has-child:hover::after {
        border-color: transparent transparent transparent #fa8729;
        border-style: solid;
        border-width: 4px 0 4px 4px;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: calc(50% - 4px);
        width: 0;
    }
    .main-nav .nav .has-child.c-2 .drop-down li.has-child > a:before {
        content: "\f104";
        font-family: 'FontAwesome';
        float: right;
        margin-right: 15px;
        font-size: 12px;
        font-weight: bold;
    }
}
@media (max-width: 881px){
    .subscription-bg i,
    .subscription-bg h3{
        font-size: 22px;
    }
    .category-grid .product-listing.main-content{
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .product-card img{
        width: 100%;
    }
    .product-card .product-title{
        font-size: 12px;
    }
    .product-card .btn{
        font-size: 8px;
        padding: 6px 8px;
    }
}
@media (max-width: 820px) {
.contact-inner-page .about-page{
        margin: 0px;
    padding: 10px 20px;
}
.about-image-wrapper{
    margin-bottom: 30px;
}
.about-image-wrapper img{
    box-shadow: 5px 6px 1px var(--main-color);
}
.about-text-wrapper {
    padding: 0px ;
}
.mak-col-md-4{
    flex: 0 0 auto;
    width: 97%;
    margin: 5px;
}
.hero-silder{
    margin-top: 77px;
}
.btn.find {
    padding: 15px 18px;
    font-size: 12px;
    line-height: 18px;
    width: fit-content;
    margin-left: 23%;
    margin-top: 20px;
}
.map-icon i{
    font-size: 25px;
}
.txt h3{
    font-size: 20px;
}
.txt p{
    font-size: 10px;
}
.contact-right-address{
    max-width: 97%;
}
}
@media (max-width: 776px) {
    .offer-list-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .subscription-bg i,
    .subscription-bg h3{
        font-size: 20px;
    }
    .single-offer-item img {
        height: auto;
    }
}
@media (mix-width: 768px) {
    .footer-featured .new-categor-offer-box{
        max-height: 62px;
    }
    .footer-featured .new-categor-offer-in{
        margin: 0px;
    }
    .ws-box-footer div{
        margin: 0px;
    }
    .new-categor-offer-in {
        padding: 13px 0px;
    }
    .owl-item.active {
        width: auto;
    }
    .owl-stage-outer .item{
        width: 100%;
    }
    .owl-carousel .owl-item img {
        display: block;
        width: 100% !important;
    }
    .common-home .after-header {
        position: relative;
        margin-top: -16px;
    }
    .btn-pcb,.btn-ob{
        display: none;
    }
    .btn-ob-mobile{
        display: unset;
        position: absolute;
        right: 15px;
        margin: 0;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .logo img {
        height: 54px;
        width: auto;
        margin: 0px;
    }
    .heading {
        padding: 20px 0 20px;
    }
    .product-listing .product {
        padding: 10px;
        margin: 0 !important;
    }
    .price-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        gap: 15px;
        flex-direction: column;
        align-items: start;
    }
    .product-wrap .price-wrap {
        flex-direction: inherit;
        gap: 7px;
        justify-content: center;
        align-items: center;
    }
    .product .name {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        height: 50px;
        margin: 0 0 10px;
        text-align: center;
    }
    .product .caption{
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .price-wrap .price-new {
        font-size: 14px;
    }
    .price-wrap .price-old.price {
        font-size: 12px;
        margin: 0;
    }
    .product-listing .product .image {
        height: auto;
    }
    .categor-offer-box{
        width: 337px;
    }
}
@media (max-width: 767px) {
    .new-categor-offer-in .blurb {
        font-size: 12px;
    }
    .new-m-hide {
        font-size: 8px;
    }
    .service-inner .srv-name{
        font-size: 10px;
    }
    .service-inner .biolife-icon{
            margin-left: 10px;
    }
    .service-inner .biolife-icon .material-symbols-outlined {
        font-size: 10vw;
    }
    .service-inner .number{
        font-size: 10px;
        width: 25px;
    }

    .top-right-bnr .home-right-banner-top {
        margin-top: 12px;
    }
    .top-right-bnr .owl-item .bottom-banner {
        margin: 12px 0px 0px;
    }
    body.checkout-onepagecheckout {
        overflow-x: hidden;
    }
    .checkout-onepagecheckout .body #content {
        background: #ffffff none repeat scroll 0 0;
        padding:15px;
    }
    .checkout-onepagecheckout .payment .btn-primary {
        margin-bottom: 15px;
        width: 100%;
    }
    .footer-logo {
        margin: 0 auto;
    }
    .complain-box {
        justify-content: center;
    }
    .service-info .info {
        border-right: 0;
    }
    .service-info img {
        width: 24px;
    }
    .ppl-blog-list {
        margin-top: 30px;
    }
    section.after-header.p-tb-15 {
        padding: 5px 0 !important;
    }
    .contact-access .contact-item .material-symbols-outlined {
        font-size: 18px;
    }
    .facilities {
        margin-top: 20px;
    }
    .banner-container {
        background: transparent;
        height: auto;
    }
    .all-brand-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
    .search select,
    .btn-pcb,
    .top-bar-cart-btn.btn-account {
        display: none;
    }
    .btn-account i {
        font-size: 20px;
        margin-top: 12px;
    }
    .btn-account {
        margin-top: 0px;
        margin-right: 0px;
    }
    .search .input-group {
        width: calc(100% - 0px);
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .pagination {
        text-align: center;
    }
    .footer-content .footer-widget .subscribe-email {
        margin-top: 20px !important;
        margin: 0 auto;
    }
    .common-home .product-info-all {
        margin: 0px;
        font-size: 13px;
    }
    .notification.active {
        height: auto;
    }
    .cmpr-field i {
        position: absolute;
        opacity: 0.5;
        right: 6.2vw !important;
        top: 3.1vh !important;
    }
    .quick-category {
        display: flex !important;
    }

    .categorie-list .content {
        margin-top: 124px;
    }
    .data-table .name {
        padding: 10px 20px;
        font-size: 13px;
        width: 35%;
        line-height: 15px;
    }
    .data-table .value {
        padding: 10px 20px;
        font-size: 13px;
        width: 65%;
        line-height: 15px;
        word-break: break-all;
    }
    .product-overview-area-wrapper{
        margin: 20px 0px 0px;
    }
    .data-table .heading-row {
        padding: 6px 20px;
        font-size: 14px;
    }
    .related-product h3 {
        padding: 10px 20px;
        font-size: 16px;
    }
    .search-criteria select {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .old-price {
        margin-left: 7px;
    }
    .top-bar {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 10px;
    }
    .top-bar .title{
        display: none;
    }
    .top-bar .filter-wrapper {
        width: 100%;
        justify-content: space-between;
    }
    .owl-stage-outer .item a .img-icon {
        width: 60px;
        height: 60px;
    }
    .item h4 {
        font-size: 12px;
    }
    .buying-information {
        padding: 10px;
        margin-top: -20px;
        border: none;
    }
    .payment-item .payment-info {
        text-align: left;
    }
    .product-title h1 {
        font-size: 16px;
        line-height: initial;
    }
    .short-info {
        margin-top: 15px;
    }
    .product-info-all .short-info li {
        font-size: 13px;
    }
    .short-description {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .short-description h4 {
        font-size: 15px;
        margin-bottom: 8px;
    }
    .short-description ul li {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .short-description .view-more {
        font-size: 13px;
        margin-top: 10px;
    }
    .buying-information .price-wrap .price, .buying-information .price-wrap .symbol {
        font-size: 16px;
    }
    .payment-item .payment-info h4 {
        font-size: 13px;
    }
    .buying-information .payment-option-wrapper .payment-item input[type="radio"] {
        transform: scale(1);
    }
    .cart-option button#button-cart {
        font-size: 12px;
        height: 42px;
    }
    .buying-information .price-wrap .old-price, .buying-information .price-wrap .old-price .symbol {
        font-size: 14px;
    }
    .cart-option .quantity{
        margin: 0;
    }
    .product-details .section-head {
        font-size: 16px;
    }
    .buying-information .price-wrap p {
        margin-bottom: 0;
    }
    .product-details .section-head.specification {
        padding: 8px 16px;
    }
    .product-details-tab-list .tabList li {
        font-size: 13px;
        padding: 5px 12px;
    }
    .product-details-tab-list {
        margin-top: 0;
    }
    .buying-information .button-wrapper {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    #latest-price {
        margin: 20px 0;
    }
    .buying-information .button-wrapper button {
        width: 200px;
        padding: 10px 0 !IMPORTANT;
        font-size: 13px;
    }
    .options button.compare-button {
        margin: inherit;
        padding: 7px 0;
    }
    .images.product-images .product-img-holder .main-img {
        object-fit: cover;
        object-position: center;
    }
    #description h2 {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 15px !important;
        margin-top: 10px;
    }
    .category-description h1 {
        font-size: 16px;
        line-height: 26px;
    }
    .category-description h2 {
        line-height: 23px;
        font-size: 15px;
    }
    .category-description h3 {
        font-size: 14px;
        line-height: 22px;
    }
    #latest-price .section-head {
        font-size: 16px;
        line-height: initial;
        padding-bottom: 8px;
        font-weight: 500;
    }
    #latest-price p {
        font-size: 13px;
        line-height: 20px;
    }
    .images.product-images .product-img-holder {
        padding: 20px 30px;
    }
    .payment-methods {
        margin-top: 20px;
    }
    .order-placed-info .listing {
        width: 100%;
    }
    .complain-box .home-btn-complain {
        padding: 5px 20px;
        font-size: 14px;
    }
    .footer-content {
        padding: 40px 0px 20px;
    }
    .footer-items {
        grid-template-columns: auto;
        gap: 30px;
    }
    .footer-item {
        text-align: center;
    }
    .social-item .socila-links {
        margin-bottom: 20px;
    }
    .social-item .socila-links ul {
        display: flex;
        justify-content: center;
        gap: 10px;
    }
    .socila-links ul li {
        margin-right: 0;
    }
    .footer-widget ul li {
        position: relative;
        z-index: 0;
        display: inline-block;
        margin: 0px 10px;
    }
    .footer-widget ul li::after {
        content: "";
        position: absolute;
        top: 9px;
        left: -14px;
        width: 4px;
        height: 4px;
        background: #fff;
        opacity: 0.6;
        z-index: 1;
    }
    .footer-widget ul {
        display: inline-block;
        margin-left: 12px;
    }
    .copyright-inner {
        flex-direction: column-reverse;
        gap: 14px;
    }
    .footer-widget h3 {
        margin: 0 0 14px;
    }
    /*about us page area here */
    .mission-vision-items {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .account-page .panel {
        padding: 10px !important;
    }
    .input-group.btn-block input {
        display: table;
    }
    .cart-page .page-section .input-group {
        display: inherit;
    }
    .cart-page .page-section .input-group input {
        margin-bottom: 5px !important;
    }
    .account-page.forgotten-page .panel .btn {
        padding: 13px 33px;
    }
    .cart-page  #button-voucher {
        margin: 0;
    }
    .cart-page .page-section .input-group,
    .cart-page .buttons > div,
    .cart-page .buttons .btn,
    .cart-page .page-section input {
        width: 100%;
        margin-left: 0px;
    }
    .item-listing .item {
        padding: 10px;
    }
    .item-listing .item .item-info {
        margin-left: 10px;
    }
    .email {
        margin-top: 20px;
    }
    .c-item {
        padding: 10px 0;
        position: relative;
    }
    .c-item .item-price {
        border: none;
        margin-bottom: 0;
    }
    .c-inner-action-button {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .c-item.blank .details .product-name {
        max-width: 70%;
    }
    .pc-builder-tbody .price-wrap .price-old.price {
        display: none;
    }
    table {
        border-collapse: collapse;
    }
    .filter-by-brand select {
        margin-right: 0;
        width: calc(100% - 65px);
    }
    .custom_select_design select {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .item-listing .item .item-info .name {
        line-height: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 55px;
    }
    .item-listing .item .item-info a {
        font-size: 14px;
        font-weight: 400;
    }
    .item-listing .item .actions a.btn-add {
        padding: 1px 20px;
    }
    td.name-col.name-td.name-td-choses {
        padding-top: 0px;
        padding-right: 30px;
        padding-left: 15px;
    }
    .w-100p {
        position: relative;
        display: block;
        width: 100%;
    }
    .action-col.action-col-chose {
        position: absolute;
        right: 0;
        top: 0;
    }
    .total-amount {
        position: relative;
        display: block;
        height:50px;
    }
    .pc-builder-button {
        padding: 10px 10px;
        font-size: 11px;
    }
    .right-button .pc-builder-button {
        padding: 10px 14px;
    }
    .pc-builder-button.icon {
        padding: 6px 8px;
    }
    .pc-builder-button i:before {
        font-size: 14px;
    }
    .component-title {
        display: none;
    }
    .component-detail.selected {
        margin-top: 5px;
        display: block;
        height: 125px;
    }
    .chose-images img {
        width: 50px;
    }
    .component-detail {
        position: relative;
    }
    .component-td {
        position: absolute;
        left: 0;
        top: 0;
    }
    .image-td-choses {
        position: absolute;
        top: 30px;
    }
    .name-td {
        position: absolute;
        left: 20%;
        width: 64%;
        top: 45px;
        font-size: 14px;
        color: #565656;
        line-height: 20px;
    }
    .price-td {
        position: absolute;
        right: 0;
        top: 50px;
        color: var(--maincolor);
        font-size: 14px;
        font-weight: 500;
    }
    .total-amount .amount {
        position: absolute;
        right: 0;
        top: 0;
        color: var(--maincolor);
    }
    .left-search.pull-left {
        display: block;
        width: 100%;
    }
    .right-short-by.pull-right {
        display: block;
        width: 100%;
    }
    .filter-by-brand select,
    .custom_select_design select {
        padding: 6px;
    }
    .back-button-icon a {
        padding: 2px 18px;
    }
    .action-col.action-col-chose.chose .change-td {
        margin-top: 0px;
    }
    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding-left: 12px;
    }
    .pb-choose.pb-choose-product .item-listing {
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
    }
    .tool-pc_builder-choose .item-listing .item {
        flex-direction: column;
        text-align: center;
    }
    .back-button-icon {
        margin-bottom: 0;
    }
    .pc-builder-list {
        margin: auto;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    .pc-builder-list a,
    .pc-builder-list .pc-builder-button {
        border-color: transparent;
    }
    .pc-builder-list .pc-builder-button {
        padding: 0 5px;
    }
    a.pc-builder-button.get-quate {
        padding: 0 10px;
        font-size: 11px;
    }
    .pc-builder-content {
        flex-direction: column;
        gap: 0px;
    }
    .pc-builder-content h1.m-hide {
        display: none;
    }
    .c-inner {
        flex-direction: column;
        align-items: start;
    }
    .c-inner-action {
        margin-left: 17%;
    }
    .c-item .actions .btn {
        font-size: 11px;
        padding: 7px 14px !important;
    }
    .main_content.component-table-wrapper.main-content-pc-builder {
        padding: 0;
        margin-top: 20px;
    }
    .pc-builder-content h1 {
        font-size: 12px;
    }
    .pc-builder-content .total-amount.t-price {
        padding: 10px 12px;
        margin: 0;
        min-width: 150px;
        height: auto;
    }
    .pc-builder-header {
        background: var(--maincolor);
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .pc-builder-logo {margin-bottom: 15px;}
    .product-thumb .product-info,
    .product-thumb {
        flex-direction: column;
    }

    .product-thumb .short-description ul {
        padding: 0;
        list-style: circle;
    }
    .product-thumb .short-description ul li {
        list-style: circle;
    }
    .main_content .buttons {
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .main_content .btn {
        font-size : 10px;
        padding : 10px 20px;
    }
    .main_content h1{
        font-size: 24px;
    }
    .top-bar .search input {
        height: 39px;
    }

    .top-bar .search i {
        line-height: 39px;
        padding: 0px 15px;
        width: auto;
    }
    .pc-builder-list a i, .pc-builder-list .pc-builder-button span.material-symbols-outlined {
        font-size: 18px;
    }
    .top-bar .search span#button-search {
        transform: translateY(10px);
    }
    .pc-builder-list{
        justify-content: center !important;
    }
}
@media (max-width: 740px) {
.contact-inner-page .about-page{
    margin: 0px;
    padding: 10px 20px;
}
.about-image-wrapper{
    margin-bottom: 30px;
}
.about-image-wrapper img{
    box-shadow: 5px 6px 1px var(--main-color);
}
.about-text-wrapper {
    padding: 0px ;
}
.mak-col-md-4{
    flex: 0 0 auto;
    width: 97%;
    margin: 5px;
}
.hero-silder{
    margin-top: 15px;
}
.btn.find {
    padding: 15px 18px;
    font-size: 12px;
    line-height: 18px;
    width: fit-content;
    margin-left: 23%;
    margin-top: 20px;
}
.map-icon i{
    font-size: 25px;
}
.txt h3{
    font-size: 25px;
}
.txt p{
    font-size: 16px;
}
.contact-right-address{
    max-width: 95%;
}
.service-contents{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 582px) {

        .hero {
        height: 28vh;
    }

    .hero-silder {
        margin-top: 55px;
    }

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

    .subscribe-input {
        width: 505px;
    }
}
@media (max-width: 480px){

    .subscribe-input {
        width: 450px;
    }
    .popup .button {
        transform: scale(0.65);
    }
    .popup-inner .lb-footer .counter {
        text-align: inherit;
    }
    .popup-close {
        top: -5px;
        right: 5px;
    }
    .pc-builder-header {
        padding: 10px !important;
    }
    .owl-prev {
        left: -10px;
    }

    .owl-next {
        right: -10px;
    }
    .image-box{
        width: 155px;
    }
    .popup .button {
        transform: scale(0.65);
    }
    .categor-offer-box{
        width: 196px;
    }
    .categor-offer-box a{
        font-size: 12px;
    }
    .categor-offer-box .categor-offer-in .m-hide{
        font-size: 10px;
    }
    .popup-inner .lb-footer .counter {
        text-align: inherit;
    }
    .popup-close {
        top: -5px;
        right: 5px;
    }
    .quick-category {
        display: flex !important;
    }
}
@media (max-width: 430px) {
    .hero-silder{
        margin-top: 55px;
    }
    .category-name h5{
        font-size: 10px;
    }

    .subscription-bg{
        height: 125px;
    }

    .subscription-bg h3{
        font-size: 25px;
    }
    .subscription-bg i{
        font-size: 25px;
    }
    .subscribe-input{
        width: 405px;
    }
}
@media (max-width: 420px) {
    .subscribe-input {
        width: 380px;
    }
.contact-inner-page .about-page{
        margin: 0px;
    padding: 10px 20px;
}
.about-image-wrapper{
        margin-bottom: 30px;
}
.about-image-wrapper img{
    box-shadow: 5px 6px 1px var(--main-color);
}
.about-text-wrapper {
    padding: 0px ;
}
.mission-vision-area{
    max-width: 100%;
    margin: 7px;
}
.mak-col-md-4{
    flex: 0 0 auto;
    width: 97%;
    margin: 5px;
}
.hero-silder{
    margin-top: 77px;
}
.btn.find {
    padding: 15px 18px;
    font-size: 15px;
    line-height: 18px;
    width: fit-content;
    margin-left: 23%;
    margin-top: 20px;
}
.map-icon i{
    font-size: 25px;
}
.txt h3{
    font-size: 25px;
}
.txt p{
    font-size: 16px;
}
.contact-right-address{
    max-width: 94%;
    margin-left: 12px;
    margin-top: 13px;
}
}
@media (max-width: 450px) {
    .buy-product-table tbody td.name {
        padding: 4px;
    }
    .buy-product-table td {
        padding: 2px;
    }
    .page-section.order-info {
        padding: 10px;
    }
    .page-section.order-info .section-head h3 {
        margin: -10px -10px 10px -10px;
    }
}
@media (max-width: 425px) {
    .compare-box{
        margin-bottom: 10px;
    }

    .hero-silder{
             margin-top: 55px;
        margin-bottom: -7px;
    }
    .mdl-compare {
        margin-top: -19px;
    }
    .category-wrap-new{
        max-width: 180px;
    }
    .product-category-wrapper{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .categor-offer-box{
        width: 187px;
        display: block;
        background: #ffffff;
        box-shadow: 0 .0625rem .0625rem rgba(0, 0, 0, .1);
        padding: 1rem;
        height: auto;
        margin: .3125rem;
    }
    .categor-offer-box a {
        font-size: 10px;
    }
    .m-hide{
        font-size: 10px;
    }
    .ws-box div, .ws-box-footer div {
        margin: 0px;
    }
    .categor-offer-in{
        padding-left: 9px;
    }
    .c-card .ic .material-icons {
        color: #fff;
        background-color: var(--secondarycolor);
        height: 36px;
        width: 40px;
        line-height: 2;
        padding-left: 12px;
        font-size: 18px;
    }
    .footer-section-left{
        margin-bottom: 40px;
    }
    .cmpr-field i {
        position: absolute;
        opacity: 0.5;
        right: 30px;
        top: 25px;
    }
}
@media (max-width: 414px) {
    #nav-toggler {
        left: -99%;
    }
}
@media (max-width: 400px) {
    .image-box{
        width: 140px;
    }
    .new-categor-offer-box .col-8 {
        width: 60% !important;
    }
    .categorie-list .product-listing {
        grid-template-columns: repeat(1,1fr);
    }
}
@media (max-width: 395px){
    .categor-offer-box{
        width: 176px;
    }
    .subscribe-input {
        width: 350px;
    }
    #nav-toggler {
        left: -360px;
    }
    .service-contents{
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 380px){
    .component-detail.selected {
        display: block;
        height: 150px;
    }
    #nav-toggler {
        left: -99%;
    }
    .categor-offer-box{
        width: 168px;
    }
    .c-card .ic .material-icons{
        backgroud-color: var(--secondarycolor);
    }
}
@media (max-width: 370px) {
    .buying-information .button-wrapper a,.buying-information .button-wrapper button{
        margin: auto;
    }
    .options button.compare-button {
        margin: auto;
    }
    .actions button {
        padding: 5px 16px !important;
    }
    .actions button.btn-cart {
        padding: 7px 10px !important;
        font-size: 12px;
    }
    .caption .manufacturer, .caption .price-wrap {
        font-size: 13px !important;
    }
    .new-categor-offer-in .blurb {
        font-size: 9px !important;
    }
    .price-wrap .price-old.price {
        font-size: 12px !important;
    }
    .heading .left:before {
        left: 35% !important;
        width: 70% !important;
    }
    .product-info-all {
        padding: 15px;
    }
    .product-title h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .product-info-all .price-wrap .old-price .symbol {
        font-size: 18px;
    }
    .product-info-all .price-wrap {
        font-size: 20px;
    }
    .product-info-all .price-wrap .symbol {
        font-size: 14px;
        margin-right: 0;
    }
    .subscribe-input {
        width: 320px;
    }
    .options button {
        display: inline-block;
        padding: 10px 12px;
    }

    .spec-top {
        margin-top: 20px;
    }
    .mini-cart {
        width: 300px;
    }
    #nav-toggler {
        left: -99%;
    }
    .item-wrap .item {
        padding: 5px;
    }
    .item-wrap .price {
        width: inherit;
    }
    .multiplication-item {
        margin-left: 4px;
    }
    .slider-dot {
        display: none;
    }
    .account-wishlist .item .actions button {
        padding: 0 !important;
        margin-top: 10px;
    }
}
@media (max-width: 352px) {
    #nav-toggler {
        left: -320px;
    }
}
@media (max-width: 350px){
    .product .product-info .price-wrap {
        height: 40px;
    }
}
@media screen and  (max-width: 1366px) {
    .product-listing .product {
        padding: 10px;
    }
}
@media screen and  (max-width: 1024px) {
    .product-listing {
        grid-template-columns: repeat(3,1fr);
    }
    .categorie-list .product-listing {
        grid-template-columns: repeat(3,1fr);
    }
    .pagination-main {
        justify-content: center;
        flex-direction: column;
    }
    .category-description {
        text-align: center;
    }

}
@media screen and  (max-width: 767px) {
    .heading .right {
        margin-top: 2px !important;
    }
    .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media screen and (max-width: 576px){
    .mission-vision-items {
        grid-template-columns: 1fr;
    }
    .about-us-icon {
        text-align: center;
    }
    .about-us-sub-cat {
        text-align: center;
    }
    .heading .right {
        margin-top: -24px !important;
    }
    .categorie-list .product-listing {
        grid-template-columns: repeat(2,1fr);
    }
    .product-listing {
        grid-template-columns: repeat(2,1fr);
    }
    .price-wrap .price-new {
        font-size: 14px;
    }
    .price-wrap .price-old.price {
        font-size: 10px;
    }
    .product-listing .product .image a img {
        height: 120px;
    }
    .product .name {
        font-size: 12px !important;
    }
    .actions button.btn-cart {
        margin: 10px 0 0 !important;
        font-size: 12px;
        padding: 6px 10px;
    }



}