/* Responsive CSS */

@media screen and (max-width:1200px) {
    .lab-categories .grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 20px;
    }
    .item .icon-overlay {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 1;
        transition: opacity 0.5s ease;
    }
    .item .icon-overlay button,
    .item .icon-overlay .compare {
    transform: none;
    transition: transform 0.5s ease;
}


    .product-about{
        display:none;
    }
    .lab-categories .grid .category-item {
        grid-column: span 3;
    }
    .price-input {
        display: block;
    }
    .section-abou{
        display:none !important;
    }
   .para_cat{
    display:none;
   }
   .header-bottom {
    background: linear-gradient(180deg, rgb(61 95 150 / 13%) 0%, rgb(168 197 245) 100%) !important;
   }
   .section-about p{
display: none;
   }
   .section-title h1{
    margin-bottom:13px !important
   }
   .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6{
    margin-bottom:16px !important;
    font-size: 26px !important;
   }
   .pro-text{
    width:100%;
   }
   .more-imge-item img {
    width: 70px !important;
  }
}
@media (min-width:768px) and (max-width:991px){
    .laborat-section .pro-item{
        display: block !important;
    }
    .pro-item .pro-img img {
        width: 180px !important;
    }
    .call-btn {
        position: absolute;
        top: 8px;
        right: 25px;
        width: auto;
    }
}
@media (min-width:320px) and (max-width:550px){
    .laborat-section .pro-item{
        display: block !important;
    }
    .pro-item .pro-img img {
        width: 180px !important;
    }
    .product-item .pro-img img{
       width:150px;
    }
}
@media (min-width:320px) and (max-width:650px){
.sub_m-box{
width:100% !important;
}
}
@media (min-width:650px) and (max-width:767px){
    .featured_main{
width:50% !important;
    }
}
@media (min-width:320px) and (max-width:649px){
    .featured_main{
width:100% !important;
    }
}

@media screen and (min-width:991px) and (max-width:1200px){
    .navbar-light .navbar-nav .nav-item {
        margin-left: 6px;
        margin-right: 6px;
    }
    .labtro_box{
        width:50%;
    }
    .related_boxes{
        width: 50%;
    }
    .pro-item .pro-img img{
        width: 150px;
        padding: 5px;
    }
    .navbar_user {
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .header-email .icon, .dropdown-container a .icon {
        font-size: 18px;
        margin-right: 8px;
    }
    .navbar_user li .header-icon {
        font-size: 22px;
    }
}
@media screen and (min-width:768px) and (max-width:1200px){
    .price-input .separator {
        width: 100%;
        padding: 5px 0;
    }
}
@media screen and (max-width:991px) {

    /* Header Responsive CSS */

   .mega-menu, .home-banner{
       display: none;
   }
   .header{
        position: relative;
        box-shadow: 0px 2px 15px rgb(25 119 204 / 10%);
    }
    .navbar-light .navbar-toggler {
        border: 0;
        padding: 0px;
        background: #f5e6cf;
        color: #fff;
        z-index: 96;
    }
    .navbar-toggler-icon {
        background-size: 22px 40px;
    }
    .menu-navigation .navbar{
        padding: 8px 0;
    }
    /* .logo_container .logo {
        width: 100%;
    } */
    .navbar_user {
        display: flex;
        gap: 10px;
        align-items: center;
    }
 
    .main_nav_container{
        height: 125px;
    }
    .header-search {
        position: absolute;
        top: 55px;
        left: 55px;
        right: 55px;
    }
    .right-users{
        position: absolute;
        top: 0px;
        right: 50px;
        width:50%;
    }
    .header-search .search-input{
        height: 42px;
    }
    .offcanvas-header {
        border-bottom: 1px solid #e8e8e8;
        padding: 16px 20px;
        box-shadow: 0px 2px 15px rgb(25 119 204 / 10%);
        position: relative;
    }
    .offcanvas-header .btn-close {
        border: 1px solid #b9b9b9;
        padding: 8px;
        border-radius: 50%;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-content: center;
        line-height: 15px;
    }
    .offcanvas.show .navbar-nav .nav-item {
        border-bottom: 1px solid #e8e8e8;
        padding: 5px 8px;
        margin-bottom: 10px;
        margin-left: 0;
    }
    .offcanvas-header img {
        width: 160px;
    }
    .offcanvas-header .right-users {
        display: none;
    }

    .banner .trend {
        font-size: 16px;
    }
    .banner .trend-name {
        font-size: 22px;
    }
    .banner .right img {
        width: 125px;
     }
    .section-about p {
        display: none;
    }
    .sub-section .productsby-content {
        margin-top: 30px;
    }
    .lab-categories .grid .category-item {
        grid-column: span 4;
    }
    .price-input {
        display: flex;
    }
    .field input {
        margin-left: 30px;
    }
    .category-img img {
        width: 120px;
    }
    .product{
        display: block;
    }
    .pg-t{
        padding-top: 8px;
    }
    .product-desc {
        width: 100%;
        margin-top: 20px;
    }
    .subcat li {
        margin-bottom: 5px;
    }
    .more-images{
        margin-bottom: 20px;
    }
    .review-form {
        margin-top: 20px;
    }
    .contact-map {
        margin-top: 20px;
    }
    .categories-list {
        margin-bottom: 22px;
    }
    .review-section{
        margin-top: 0;
    }
    .contact-title h2 {
        font-size: 24px;
    }
    .contact-section .rating{
        display: block;
    }
    .product-about{
        margin-bottom: 0;
    }
    .product-about, .product-tabs, .quote-form {
        margin-bottom: 20px;
    }
    .rating-icons {
        display: block;
    }
    .contact-item {
        grid-column: span 6;
        margin-bottom: 8px;
    }
    .tab-inner .tabs {
        width: 25%;
    }
    .tab-inner .tab-content {
        width: 75%;
    }
    .product-box .img-block img {
        width: 100px;
    }
}
@media screen and (max-width:767px) {
    .cont-cw {
        padding: 0 40px;
    } 
    .laborat-section .pro-item{
display: block !important;
    }
    .header-bottom {
        width: 100%;
        height: 52px;
    }
    .logo_container .logo {
        width: 150px;
    }
    .right-users {
        position: absolute;
        top: 0px;
        right: 35px;
    }
    .header-search {
        position: absolute;
        top: 55px;
        left: 40px;
        right: 40px;
    }
    .call-btn {
        position: absolute;
        top: 4px;
        right: 40px;
        width: auto;
        gap: 8px;
    }
    .call-btn .live-animated-button {
        padding: 2px 10px;
        font-size: 12px;
    }
    .navbar_user {
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .header-email .icon, .dropdown-container a .icon {
        font-size: 24px;
    }
    .navbar_user li .header-icon {
        font-size: 22px;
    }
    .lab-categories .grid .category-item {
        grid-column: span 6;
    }
    .category-img img {
        width: 110px;
    }
    .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
        font-size: 26px;
    }
    .title-row h2, .title-row h3, .title-row h4, .title-row h5, .title-row h6, .title-row p{
        font-size: 22px;
    }
    .product-title h1, .review-header {
        font-size: 18px;
    }
    .contact-form{
        margin-bottom: 15px;
    }
    .download-text{
        margin-bottom: 15px;
    }
    .main-wrapper img {
        width: 200px;
    }


    /* order tracking */

    .tracking-wrapper {
        margin: 35px 20px 0 35px;
        max-height: 575px;
    }
    .tracking ul {
        display: grid;
    }
    .tracking ul>li {
        margin-bottom: 90px;
    }
    .tracking .empty-bar {
        position: absolute;
        left: 15px;
        top: 42px;
        width: 3px;
        height: 80%;
        background: #ddd;
        height: calc(80% - 75px);
    }
    .tracking ul>li .txt {
        color: #999;
        position: absolute;
        top: 7px;
        left: 42px;
        text-align: center;
        width: 150px !important;
        font-size: 15px;
    }
    .order-box{
        margin-top: 10px;
    }
    .order_pointer {
        display: block;
    }
    .order_pointer div {
        padding-bottom: 10px;
    }
    .cart-details {
        display: block;
    }
    .cart-details .pro-name{
        margin-bottom: 12px;
        margin-top: 10px;
    }
    .account-dashboard {
        margin-bottom: 20px;
    }
    .tab-content .card-header h3 {
        font-size: 18px;
    }
    .error-wrap h2 {
        font-size: 80px;
    }
    .faq-section .accordion-item {
        width: 100%;
    }
    .subcat li{
        margin-right: 0;
    }
    .category-row {
        display: block;
        text-align: center;
    }
    .category-img {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    .category-img, .category-list {
        width: 100%;
    }
    .account-section .table-responsive {
        width: 767px;
    }
    .billing-details {
        margin-bottom: 20px;
    }
    .tab-inner .tabs {
        width: 35%;
    }
    .categories-tab .tab-head h1 {
        font-size: 20px;
    }
    .tab-inner .tab-content {
        width: 65%;
    }
    .product-box .img-block img {
        width: 70px;
    }
    .login-tabs .nav-pills .nav-link {
        font-size: 18px;
    }
    .call-btn {
        position: absolute;
        top: 7px;
        right: 25px;
        width: auto;
    }
}

@media screen and (max-width: 576px){
    .cont-cw {
        padding: 0 30px;
    }
    .right-users {
        position: absolute;
        top: 5px;
        right: 30px;
    }
    .navbar_user li .header-icon {
        font-size: 20px;
    }
    .header-bottom .col-sm-6{
        width: 50%;
    }
    .navbar_user li a .i-text {
        font-size: 10px;
    }
    .header-bottom .col-sm-5{
        width: 40%;
    }
    .header-bottom .col-sm-7{
        width: 60%;
    }
    .navbar-light .navbar-toggler {
        position: absolute;
        top: 6px;
        left: 0;
    }
    .call-btn{
        position: absolute;
        top: 4px;
        right: 30px;
        width: auto;
    }
    .header-search {
        position: absolute;
        top: 55px;
        left: 30px;
        right: 30px;
    }
    .dropdown-container .header-email {
        display: none;
    }
    .navbar-toggler-icon {
        background-size: 25px 40px;
    }
    .live-animated-button{
        padding: 5px 10px;
        height: 36px;
    }
    .offcanvas-header img {
        width: 130px;
    }
    .header-search .search-input {
        height: 42px;
    }
   
    .categories-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
        gap: 18px;
        align-items: stretch;
    }
    .section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
        font-size: 25px;
    }
    .title-row h2, .title-row h3, .title-row h4, .title-row h5, .title-row h6, .title-row p{
        font-size: 20px;
    }
    .best-sellers .col-sm-6, .featured-products .col-sm-6, .catalogs-section .col-sm-6, .laboratory-equipment .col-sm-6{
        width: 50%;
    }
    .category-img img {
        width: 100px;
    }
    .product-tumb img {
        width: 120px;
    }
    .best-ftr {
        display: flex;
        align-content: center;
    }
    .page-header h1 {
        text-align: center;
        font-size: 20px;
        margin-bottom: 0;
    }
    .contact-form .wi-50{
        width: 50%;
    }
    .contact-info-item h2 {
        font-size: 16px;
        margin: 0 0 4px;
        font-weight: 500;
    }
   
    .download-text h1 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .cat-logo img {
        width: 160px;
    }
    .main-wrapper img {
        width: 120px;
    }
    .cat-name h2 {
        font-size: 16px;
    }
    .catalog-footer img {
        width: 160px;
    }
    .revies-title {
        font-size: 16px;
    }
    .heading_s1 h3 {
        font-size: 22px;
    }
    .product-ftr{
        display: block;
    }
    .pro-name h1 {
        font-size: 18px;
    }
    .contact-header .contact-title {
        font-size: 22px;
    }
    .login_wrap {
        width: 100%;
    }
    .padding_eight_all {
        padding: 30px;
    }
    .login_wrap .heading-s1 h3 {
        font-size: 22px;
    }
    .more-images {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        gap: 8px;
    }
    .more-images li {
        grid-column: span 5;
        width: auto;
        margin-bottom: 0;
    }
    .main-image img {
        width: 150px;
    }
    .thankyou-section {
        padding: 85px 0;
    }
    .thankyou-img img {
        width: 150px;
    }
    .error-wrap {
        width: 100%;
    }
    .contact-title h2 {
        font-size: 20px;
    }
    .category-row {
        display: flex;
        text-align: left;
    }
    .contact-icon {
        font-size: 20px;
    }
    .product-actions {
        display: inline-block;
    }
    .product-details .pro-cart-btn {
        margin: 14px 0;
    }
    .cart-price{
        display: flex;
        margin-top: 10px;
    }
    .spec-header {
        padding: 6px 10px;
    }
    .contact-item {
        grid-column: span 12;
    }
    .sitemap-section .sitemap-header {
        font-size: 28px;
    }
    .form-body .heading_s1 h1,
    .form-body .heading_s1 h3 {
        font-size: 20px;
    }
    .amt-total {
        font-size: 16px;
    }
    .tab-inner .tabs {
        width: 40%;
    }
    .tab-inner .tab-content {
        width: 60%;
    }
    .footer .footer-middle {
        padding-top: 60px;
    }
  
}
@media (min-width:320px) and (max-width:590px) {
    .ftr-item pql{
        width:100% !important;
    }
}
@media screen and (max-width: 475px) {
    .right-users {
        position: absolute;
        top: -5px;
        right: 25px;
    }
    .call-btn {
        position: absolute;
        top: 4px;
        right: 25px;
        width: auto;
        gap: 6px;
    }
    .call-btn .live-animated-button {
        padding: 2px 8px;
        font-size: 11px;
    }
    .dropdown-icon{
        font-size: 22px;
    }
}
@media screen and (max-width: 375px) {
    .call-btn {
        gap: 8px;
    }
    .call-btn .live-animated-button {
        width: 31px;
        min-width: 31px;
        height: 31px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .call-btn .live-animated-button .btn-icon {
        display: inline-block;
        font-size: 14px;
    }
    .call-btn .live-animated-button .btn-label {
        display: none;
    }
    .cont-cw {
        padding: 0 25px;
    }
    .main_nav_container {
        height: 115px;
    }
    .navbar_user li {
        margin-left: 0px;
    }
    .header {
        position: relative;
        box-shadow: 0px 2px 15px rgb(25 119 204 / 10%);
    }
    .header-search {
        position: absolute;
        top: 48px;
        right: 25px;
        left: 25px;
    }
    .logo_container .logo {
        width: 135px;
    }
    .header-search .search-input {
        height: 40px;
        z-index: 99;
        position: relative;
    }
    .navbar-light .navbar-toggler {
        padding: 0;
    }
    .navbar-toggler-icon {
        background-size: 20px 35px;
    }
    .offcanvas.show {
        width: 90%;
    }


    .best-sellers .col-sm-6{
        width: 100%;
    }
    .product-title a h2, .product-title a h3, .product-title a h4, .product-title a h5, .product-title a h6, .product-title a p{
        font-size: 14px;
    }
    .best-ftr {
        display: block;
    }
    .lab-img img {
        width: 100px;
    }
    .sub-products li a {
        color: #666;
        font-size: 13px;
    }
    .price-quan {
        margin-bottom: 12px;
    }
    .cart-summary .cart-summary-header {
        font-size: 16px;
    }
    .btn-warning{
        font-size: 14px;
    }
    .product-title h1, .review-header {
        font-size: 16px;
    }
    .product-details .pro-cart-btn, .product-favorite {
        margin-top: 20px;
    }
    .product-details .pro-cart-btn .cart-btn {
        width: 110px;
    }
    .accordion-button {
        font-size: 15px;
        padding: 12px 20px;
    }
    .price-input {
        display: block;
    }
    .price-input .separator {
        width: 100%;
        margin-left: 28px;
    }
    .login_wrap .form-control {
        height: 38px;
    }
    .login-tabs .nav-pills .nav-link{
        font-size: 16px;
    }
    .error-wrap h2 {
        font-size: 60px;
    }
    .error-wrap h3 {
        font-size: 20px;
    }
    .sbar_name {
        font-size: 15px;
    }
    .footer-items .ftr-header {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .form-body .heading_s1 h1,
    .form-body .heading_s1 h3 {
        font-size: 18px;
    }
    .categories-tab .tab-head h1 {
        font-size: 18px;
    }
}

@media screen and (max-width:400px){
    .baths-section .col-sm-6{
        width: 100%;
    }
    .main_nav_container {
        height: 98px;
    }
    .right-users, .header-mail {
        display: none;
    }
    .logo_container {
        width: 50%;
        margin: 0 auto;
    }
    .header-search {
        position: absolute;
        top: 36px;
        right: 25px;
        left: 25px;
    }
    .offcanvas-header .right-users {
        display: block;
        position: absolute;
        top: 290px;
        left: 16px;
        width: 87%;     
    }
    .offcanvas-header .right-users .navbar_user{
        display: block;
    }
    .offcanvas-header .right-users .navbar_user .user {
        border-bottom: 1px solid #e8e8e8;
        padding: 15px 8px 10px 13px;
        margin-left: 0;
    }
    .offcanvas-header .right-users .navbar_user .user a{
        display: block;
        line-height: 18px;
        font-size: 14px;
        font-weight: 500;
        color: #292b2c;
        position: relative;
    }
    .offcanvas-header .right-users .navbar_user .user a i{
        position: absolute;
        top: 0;
        right: 0;
        font-size: 12px;
    }
    .banner .trend-name {
        font-size: 20px;
    }
    .sitemap-section .sitemap-header {
        font-size: 24px;
    }
}
@media screen and (max-width:375px) {
    .featured-products .col-sm-6, .catalogs-section .col-sm-6, .laboratory-equipment .col-sm-6{
        width: 100%;
    }
    .contact-form .wi-50, .footer .pql{
        width: 100%;
    }
    .catlog-item .cat-img{
        width: 100%;
        margin-bottom: 20px;
    }
    .go-gutters{
        display: block;
    }
    .go-gutters .col-6{
        width: 100%;
    }
    .lab-img{
        margin-bottom: 20px;
    }
    .best-item {
        display: block;
    }
    .img-wrapper{
        max-width: none;
        margin-bottom: 15px;
    }
    .tabs-container {
        display: block;
    }
    .tab-inner .tabs {
        width: 100%;
    }
    .tab-inner .tab-content {
        width: 100%;
    }
    .main-image img {
        width: 130px;
    }
}

@media screen and (max-width:350px) {
    .main_nav_container {
        height: 100px;
    }
    .logo_container .logo {
        width: 120px;
    }
    .header-search {
        position: absolute;
        top: 38px;
        right: 25px;
        left: 25px;
    }
    .header-search .search-input {
        height: 36px;
    }
    .live-animated-button {
        padding: 3px 10px;
        margin-top: 3px;
    }
    .lab-categories .grid .category-item {
        grid-column: span 12;
    }
    .login_footer {
        display: block;
    }
    .login-link {
        margin-top: 12px;
    }
    .login-tabs .nav-pills .nav-item {
        margin: 0 5px;
    }
    .laborat-section .pro-item {
        display: block;
    }
    .pro-item .pro-img {
        margin-bottom: 16px;
    }
    .call-btn {
        position: absolute;
        top: 0px;
        right: 25px;
        width: auto;
    }
    .navbar-light .navbar-toggler {
        position: absolute;
        top: 7px;
        left: 0;
    }
}