@media all and (min-width: 1920px) {
    body { max-width:1920px; margin:auto; }

}

@media all and (min-width: 1800px) {

.container{ max-width: 1725px; }
}

@media all and (min-width: 1440px) {

}

@media all and (max-width: 1440px) {

    body{ font-size: 14px; }
    .container, .container-lg, .container-md, .container-sm, .container-xl{ max-width: 95%; }
    .header-menu > ul { gap: 35px; }
    .header-menu > ul > li > a { font-size:15px; }
    .html-checkout-page .step:not(:last-child)::after{width: 145px;}
    .header-menu>ul.top-menu.notmobile{flex-wrap: wrap;gap: 0 35px;}


}

@media all and (max-width: 1200px) {
     .custom-catalog-grid { grid-template-columns: repeat(4, 1fr); }
}

@media all and (max-width: 1024px) {
    .html-checkout-page .address-block h2,
    .html-checkout-page .address-block h4,
    .order-total-section .user-detail-info p,
    .html-checkout-page .address-block p{text-align: left;}
    .html-checkout-page .right-side{margin-top: 40px;}
    .checkout-page .section.order-summary{width: 100%;}

    /*checkout steps*/
    .html-checkout-page .step { width: 100%; flex: 1; }
    .html-checkout-page .circle { font-size: 16px; border-radius: 0; margin: 0; width: 100%; flex: 1; }
    .html-checkout-page .step.completed .circle:after { content: ''; border-width: 24px 10px; border-color: transparent; border-style: solid; border-left-color: var(--blue); position: absolute; right: -22px; z-index: 1; }
    .html-checkout-page .step:not(:last-child)::after{height: 0;}
    .html-checkout-page .step > div:last-child{font-size:16px;}

    .header-menu{max-width: 100%;background-color: #f6f6f6;}
}

@media all and (max-width: 992px) {
    .header-logo{display: flex;align-items: flex-end;}
    .header-logo a{line-height: 15px;}
    .custom-catalog-grid { grid-template-columns: repeat(3, 1fr); }
    .header-menu>ul{display: none;}
    .footer-row{flex-wrap: wrap;gap: 20px;padding: 20px 0;}
    .block-data-box h4{font-size: 28px;}
    .header-menu{max-width: 70px;}
    .menu-toggle{background-image: none;background: transparent;color: #0682c2;border-top: 3px solid #0682c2;border-bottom: 3px solid #0682c2;padding:10px 15px ;}
    .search-box.store-search-box{display: none;}
    .header-lower-row{gap: 25px;}
    .hero-item-2 img{height: 600px;border-radius: 20px;}
    .hero-content-2{right: 2.1875em;max-width: 100%;min-height: 250px;top: unset;align-items: center;padding: 20px;}
    .hero-content-2 h2{margin-bottom: 12px;}
    .hero-content-2 a{padding: 14px 20px;font-size: 16px;}
    .hero-content-2 p{font-size: 16px;margin-bottom: 12px; text-align: center;}
    .category-banner-image img{height: 200px;}

    .manual-pdf-section .catalog-image{display: flex;flex-direction:column;}
    .manual-pdf-section img{height: auto;}
    .video-section-wrapper .video-thumbnail{height: auto;}
    .pc-list{column-count: 4;}

    .html-account-page .two-col-wrap{flex-wrap: wrap;}
    .html-account-page .side-2{width: 100%;}
    .block-account-navigation{float: none;max-width: 100%;}
    .block-account-navigation .title{padding: 12px;background: transparent url('../images/toggle-gray.png') right center no-repeat;border: 1px solid #abacae;border-radius: 12px;}
    .block-account-navigation .title strong{font-size: 24px;}
}


@media all and (max-width: 768px) {
    .custom-catalog-grid { grid-template-columns: repeat(2, 1fr); }
    .pc-list{column-count: 3;}
    .ol-col-1 { flex: 100%; max-width: 100%; }
    .ol-col-3 { width: 50%; max-width: 50%; flex: 0 0 50%; }
    .ol-nunber{display: flex;}
    .ol-nunber label{max-width: 200px;}
    .cp-description p{font-size: 18px;}
    .quantity input.qty-input{width: 40px;}
    .ht-content{padding: 0;flex-direction: column;gap: 5px;}
    .ht-content li{justify-content:center;}
    .html-checkout-page .step:not(:last-child)::after{width: 120px;}
    .html-home-page .category-description{max-height: 100%;}
    .homepage-carousel .carousel-caption { padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    
    /* .product-details h4{font-size: 18px;}
    .product-details p{font-size: 18px;}
    .items-table td.price{font-size: 14px;}
    .items-table .product-details a{font-size: 14px;}
    .summary-row b{font-size: 18px;}
    .summary-row span{font-size: 18px;} */

   
}
@media all and (max-width: 767px) {
    body *{text-align: left;}

    .html-checkout-page .circle{font-size:13px;}
    .html-checkout-page .step > div:last-child{font-size: 13px;}
    .cart-products-list ul li{flex-direction: column;}
    .cp-info{padding: 0;}
    .cp-right{gap: 10px;}
    .html-account-page .order-items .items-table tr{display: flex;flex-direction: column;border-bottom: 1px solid #eee;}
    .html-account-page .items-table th,.html-account-page .items-table td{border: none;}
    .html-account-page .items-table td .product-details a,
    .html-account-page .items-table td.price{font-size: 16px;}
    .html-account-page .order-summary{width: 100%;}

    .toggle-password-login{top: 15px;}
    .advanced-search .inputs.reversed{gap:30px;}
    .advanced-search .switch{width:82px !important;}
}

@media all and (max-width: 650px) {
    .html-product-details-page .side-2{margin: 0;}
    .html-product-details-page .title{text-align: left;}
    .html-product-details-page .product-name h1{text-align: left;}
    .html-product-details-page .breadcrumb{margin: 0;}
    .html-product-details-page .breadcrumb ul{flex-wrap: wrap;gap: 0 15px;}
    .html-product-details-page .breadcrumb li *{font-size: 16px;}
    .overview .short-description li{text-align: left;}
    .overview .add-to-cart-button{font-size: 0;}
    .overview .short-description li{font-size: 16px;}
    .category-description p, .manufacturer-description p, .full-description p, .topic-block p, .topic-page p, .post-body p, .news-body p{font-size: 16px;line-height: normal;}
    .spec-detail-wrapper .spec-value{font-size: 16px;}
    .tier-prices .quantity-tr td{font-size: 18px;}
    .tier-prices .price-tr td{font-size: 16px;}
    .instruction-section .heading-section{padding-top: 40px;}
    .pc-list{column-count: 2;}
    .html-checkout-page .address-block .row{gap: 20px;}
    .html-checkout-page .product-info-wrapper .product-detail-wrapper *{font-size: 18px;}
    .html-checkout-page .product-info-wrapper .current-price,
    .html-checkout-page .product-info-wrapper .old-price,
    .html-checkout-page .cart-total-right span{font-size: 20px;}
    .html-checkout-page .cart-total-left label{font-size: 18px;}

    .header-links ul li{margin: 0;}
    .header-links ul{gap: 15px;}
    .language-selector svg{display: none;}
    .bar-notification.success{min-width: 100%;}
    .breadcrumb ul{gap: 0 15px;flex-wrap: wrap;}
    .breadcrumb li a span{white-space: nowrap;}
    .html-product-details-page .overview .prices, .html-product-details-page .overview .prices > div{text-align: left;}

}

@media all and (max-width: 550px) {
    .hero-inner .item{flex-direction:column;justify-content: unset;align-items: unset;gap: 12px;}
    .hero-img{width: 100%;margin-top: -60px;padding: 0;}
    .hero-caption{padding: 20px;max-width: 100%;}
    .hero-caption p{margin: 0;}
    .newsletter .title{font-size: 24px;text-align: center;margin-bottom: 20px;}
    .newsletter-section{padding-left: 0; padding-right: 0;}
    .newsletter-footer{flex-direction: column;gap: 15px;}
    .newsletter-email .options{width: 80%;}
    .homepage-carousel .carousel-caption h3{font-size: 24px;color: #fff;}
    .homepage-carousel .item img{height: 300px;}
    
    .footer-title{font-size: 18px;}
    .overview .qty-input, .variant-overview .qty-input{width: 50px !important;}
    .instruction-section .heading-section h5{text-align: left;}
    .html-checkout-page .product-info-wrapper .product-detail-wrapper *{font-size: 16px;}
    .html-checkout-page .product-info-wrapper .current-price,
    .html-checkout-page .product-info-wrapper .old-price,
    .html-checkout-page .cart-total-right span{font-size: 18px;}

    .cp-right{width: 100%;}
    .order-detail-section .cp-right .price-wrapper{justify-content: end;gap: 15px;}
    .order-detail-section .quantity-wrapper{width: 100%;}
    .order-detail-section .quantity input.qty-input{width: 100%;}
    .order-detail-section .qty-btn{width: 100%;}
    .cp-actions .quantity{width: 100%;}

    .html-wishlist-page .unit-price{align-items: flex-end;}
    .html-wishlist-page .quantity input.qty-input{width: 100%;}
}

@media all and (max-width: 480px) {
    .header-links>ul li .sublinks{top: -80px;left: -25px;}
    .header-links-wrap{justify-content: center;position: fixed !important;bottom: 0;right: 0;left: 0;z-index: 99999;background: #e7e7e7;border: 1px solid #ddd;height: 70px;box-shadow: 0 0 15px #5353536b;}
    .header-lower-row{gap: 0;}
    .header-logo { align-items: center; gap: 15px; width: 100%; display: flex ; justify-content: space-between; flex-direction: row-reverse;}
    .contact-page .page-title p{font-size: 18px;}
    .html-news-list-page .news-title{font-size: 24px;}
    .html-news-list-page .news-body{font-size: 16px;}
    .custom-catalog-grid { grid-template-columns: 1fr; }
     .pc-list{column-count: 1;}
     .order-info > ul{padding: 0;}
     .order-info > ul > li{font-size: 18px;}
    .order-completed .details .rate-us .kiyoh-wrapper{text-align: left;}
    .product-popup .modal-dialog{max-width: 410px;}
    .product-count{display: none !important;}
    .product-selectors span{font-size: 14px;}
     .header-links{flex: 0 0 75%;}
    .header-links ul {}
    .header-links ul li {flex: 0 0 25%;}
    #topcartlink {}
    .header-links ul li a{position:relative}
    .language-selector.open .dropdown-menu {top: 0;transform: translateY(-117%);right: 0;left: auto;}
    .footer-upper {padding-bottom:50px}
}


@media all and (max-width: 400px) {
    .html-checkout-page .product-info-wrapper{flex-direction: column;gap: 10px;}
    .product-page-size,
    .product-sorting{flex-wrap: wrap;justify-content: center;}
    .ht-content li {flex-direction:column;gap:0;align-items:center;}
}

@media all and (max-width: 350px) {}