@media (min-width: 1400px) {
    .container { width: 1320px; }
}
@media (max-width: 1400px) {
    .applications.applications_inner { padding: 50px 0 0;}
    .app_portfolio_title.container { width: 98%;}
}
@media (max-width: 1399px) {
    .container { width: 100%; padding: 0 15px; }
    /** padding **/
    section.top-category, .card-banner, .popular-brands, .category-section, .pt-5, section.feature-area, section.knowledge, section.choose-us, .applications.applications_inner, .ind_section, .inner_banner, .joinus_box, .cart-message, .about_detail, .about_brands{padding: 30px 0px}
    section.archive-products, section.checkout, section.cart-main{padding-bottom: 30px;}
    .about_why_choose{padding-top: 30px;}
    section.info{margin: 30px 0px;}
    .pagination{margin: 30px auto;}
    .inner_banner h1{margin-bottom: 0px;}
    .top-head ul li a { font-size: 11px; padding: 20px 8px 20px 0px; position: relative;}
    .top-head .nav-item.has-children a::after{top: 24px; right: -4px;}
    .top-head h6 a { font-size: 11px; margin-right: 5px; }
    .top-head h6 a b { font-size: 11px; }
    .main-head ul li a { font-size: 12px; padding: 20px 10px 20px 2px; }
    .main-head .logo a img { width: 130px; }
    .support-links .gap-20 { gap: 5;}
    .top-head marquee{width: 28%;}
    .banner .delivery-container { right: 3%;}
}
@media (max-width: 1290px) {
    .main-head .logo a img { width: 115px;}
    .main-head ul li a { padding: 10px 10px 10px 0px;}
    .top-head .sub-menu li a{padding: 10px 12px;}
    .btn.btn-primary.login_btn, .btn.btn-secondary.small{ padding: 10px 15px; font-size: 13px;}
    .main-head .support-links.gap-20 { gap:10px;}
    .archive-products .shop-category-list li a, .archive-products .shop-size-list li a, .archive-products .brand-wrapper li a, .brand-wrapper li button { font-size: 14px; padding: 5px 0;}
    .archive-products .shop-category-list li a span { font-size: 12px;}
    .archive-products .shop-category-list li .list-text button { font-size: 10px; width: 16px; height: 16px; }
    .widget .range-desc h5 { font-size: 14px;}
    .archive-products .category-links .widget h4 { font-size: 16px;}
}
@media (max-width: 1200px) {
    .main-head nav::before { background-color: #33333312; width: 100%; height:100vh; position: absolute; top: 0; right: 0; }
    .info .info-card .img-container img { width: 100%; height: 100%; }
    .info .info-card .img-container h3 { font-size: 16px; }
    .ind_section .ind_table .table_responsice { width: 70%;}
    .ind_section .ind_table .ind_img { width: 30%;}
}
@media (max-width: 1180px) {
    .btn.btn-primary.loading{min-height: 45px; min-width: 75px;}
    .top-head nav{display: none;}
    .top-head marquee{width: 80%;}
    .main-head .responsive-hidden{display: block;}
    .navbar-menu li.nav-item { width: 100%; }
    .navbar-menu.active{height: 100%; overflow-y: scroll;}
    .navbar-menu:has(.nav-item.has-children.active), .navbar-menu:has(.my_account.open){overflow-y: hidden;}
    .main-head nav>ul { flex-direction: column; gap: 5px; height: max-content; align-items: baseline; margin-bottom: 10px;}
    .main-head nav ul li a { display: inline-block; font-size: 16px; padding: 10px; width: max-content; }
    .navbar-menu .nav-item.has-children a::after{display: none;}
    .navbar-menu .nav-item.has-children .drop-toggle{display: block;}
    .main-head ul.sub-menu { position: static; box-shadow: none; }
    .nav-item.has-children .sub-menu .d-flex { flex-direction: column; }
    .main-head .sub-menu .d-flex ul { max-width: 100%; }
    .main-head .nav-item.has-children:hover .sub-menu{display: none;}
    .main-head .nav-item.has-children .sub-menu{position: fixed; opacity: 1; padding: 20px 15px; display: block !important; visibility: visible; z-index: 99999; display: block; width: 100%; height:100%; overflow-y: scroll; top:49px; border-radius: 0px; right:0%; transform: translateX(-100%); transition: all 0.3s linear;}
    .main-head .nav-item.has-children.active .sub-menu{ transform: translateX(0%);}
    .top-head ul:not(.sub-menu){position: relative;}
    .top-head ul li{position:unset}
    .main-head .nav-right-link.my_account ul{height: 100%;}
    .top-head ul.sub-menu{right: 17%; width: 75%; top: 30px;}
    .main-head .nav-right-link.my_account.open ul.active{position: fixed; z-index: 9999; height: 100%; padding-bottom: 75px; overflow-y: scroll;}
    .main-head ul.sub-menu .gallery-item { display: none; }
    .top-head .justify-content-space-between { flex-direction: column; }
    header .top-head { padding: 12px 10px; }
    .main-head .navbar-menu { display: inline-block;}
    .top-head nav ul:not(.sub-menu) { flex-wrap: wrap; justify-content: center; gap: inherit;}
    .top-head nav ul:not(.sub-menu) li.nav-item { padding: 0px 8px; }
    button.navbar-toggler { display: block; }
    .offcanvas-header { display: flex; }
    .offcanvas-header img  { width: 150px; }
    .main-head nav { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 20px; background-color: var(--light-color); z-index: 9999; transform: translateX(-100%); }
    .main-head nav.active { transform: translateX(0%); }
    .top-head .container_fluid, .main-head .container_fluid { padding: 0 10px;}
    .knowledge .col-md-25:has(.article){width:33.33%;}
    .search-products.widget .col-md-2{width: 33.33%;}
    .knowledge .row{flex-wrap: wrap;}
    .knowledge .row .col-md-2{width: 33.33%;}
    .contact_box .contact_right .contact-icon p{display: flex; align-items: center;}
    .product-wrapper .product-list-content .row .col-md-2{width: 25%;}
    .product-wrapper .product-list-content .row .col-md-4{width: 35%;}
    .product-wrapper .product-list-content .row .col-md-25{width: 25%;}
    nav .btn.btn-primary.w-100{width: max-content;}
    .empty-wrapper i { font-size: 180px;}
    .empty-wrapper h2 { font-size: 25px;}
    .empty-wrapper i { font-size: 180px;}
    .empty-wrapper h2 { font-size: 25px;}
    .pre-footer .title h2 { font-size: 30px; }
    .checkout .payment-wrapper .form-check input.form-check-input { width: 20px; }
    .checkout .payment-wrapper .form-check input#term { width: 50px; }
    .checkout .form-check .form-check-input { width: 14px; }
}
@media (max-width: 1024px) { 
    /** padding **/
    section.top-category, .card-banner, .popular-brands, .category-section, .pt-5, section.feature-area, section.knowledge, section.choose-us, .applications.applications_inner, .ind_section, .inner_banner, .joinus_box, .cart-message, .about_detail, .about_brands{padding: 25px 0px}
    section.archive-products, section.checkout, section.cart-main{padding-bottom: 25px;}
    section.info{margin: 25px 0px;}
    .pagination{margin: 25px auto;}
    .about_why_choose{padding-top: 25px;}
    .about_company{padding: 30px;}
    .about_product_range { padding: 50px 10px; }
    .about_product_range .about_product_range_list .about_product_range_box { width: 31%;}
    .account-wrapper .dashboard-card{padding:25px 15px; height: 100%; align-items: baseline;}
    .account-wrapper .dashboard-card .detail p{font-size: 15px;}
    .account-wrapper .dashboard-card .detail h2{font-size: 24px;}
    .account-wrapper .dashboard-card .icon i{font-size: 16px; padding: 12px;}
    .account-wrapper ul li a, .account-wrapper ul li button{font-size: 14px;}
    .account-wrapper ul li a i, .account-wrapper ul li button i{margin-right: 5px;}
    .widget h4 { font-size: 18px; }
    .category-section .category-item .img-container img, .widget .category-item .img-container img { width: 100%; }
    .archive-products .col-md-25 { width: 33%; }
    .single-main .short-description .btn-area { flex-wrap: wrap; align-items: baseline; margin-top: 10px; }
    header .top-head .container { padding: 0;}
    .main-head .nav-right-link.my_account ul{right: 0px; width: 100%; padding: 10px 15px;}
    .single-main .short-description .title h1 { font-size: 20px; line-height: 25px;}
    .single-main .short-description .sku b { font-size: 16px; }
    .single-main .short-description { padding-left: 0;}
    .page-title .title h1 { font-size: 22px; }
}
@media (max-width: 992px) {
    .btn.btn-secondary { padding: 9px 19px; border-radius: 8px; }
    .btn.btn-primary { padding: 9px 19px; border-radius: 8px;}
    .archive-products .shop-category-list li a::before, .archive-products .shop-size-list li a::before, .archive-products .brand-wrapper li a::before{top:14px;}
    .full_page_loader::after{left:45%;}
    .banner .delivery-container { display: none;}
    
    p { font-size: 14px;}
    header .top-head { padding: 13px 10px;}
    .banner .search-wrapper { width: 100%;}
    .top-category .category-item { border-radius: 30px; }
    .top-category .category-item .icon svg { width: 45px; height: 45px; }
    .top-category .category-item a { border-radius: 30px; }
    .top-category .category-item h2 { font-size: 16px; margin: 8px; line-height: 20px; }
    .top-category .category-item .icon { width: 85px; height: 85px; }
    .info .info-card { padding: 14px; }
    .info .info-card .img-container { gap: 10px; }
    .info .info-card .img-container { margin-bottom: 19px; }
    .choose-us .card { flex-direction: column; }
    .category-section .category-item .content h1, .widget .category-item .content h3 { margin-bottom: 0;}
    .category-section .category-item .content h1, .widget .category-item .content h1 { font-size: 16px; line-height: 18px; margin: 10px 0px 5px 0px;}
    .category-section .category-item .img-container img, .widget .category-item .img-container img { width: 100%;}
    .category-section .category-item .content p, .widget .category-item .content p { font-size: 14px;}
    .feature-area .feature-wrapper .feature-item { gap: 10px; flex-direction: column; text-align: center; justify-content: center; align-items: center;}
    .feature-area .feature-wrapper .feature-item .content h2 { font-size: 16px; }
    .feature-area .feature-wrapper .feature-item .content p { font-size: 12px; line-height: 15px;}
    .info .title h2 { font-size: 30px; line-height: 40px; margin-bottom: 10px; }
    .info .title h2 span.colorful { font-size: 30px; }
    .choose-us .title h4 { font-size: 20px; line-height: 28px; }
    .banner{min-height: 500px;}
    section.top-category { padding: 50px 0px 30px; margin-top: 70px;}
    .card-banner { padding: 30px 0px; }
    .popular-brands { padding: 30px 0px; }
    .category-section { padding: 30px 0; }
    section.feature-area { padding: 30px 0px; }
    .category-section { padding: 30px 0px; }
    section.info { padding: 30px 0px; margin: 30px 0px; }
    section.knowledge { padding: 30px 0px; }
    section.choose-us { padding: 30px 0px 30px 0px; }
    .info .title { margin-bottom: 30px; }
    .top-head h6 a { margin: 0 3px; }
    footer .d-flex { flex-wrap: wrap; }
    footer .single-box { width: 32%; }
    .top-category .category-item h3 { font-size: 16px; line-height: 18px;}
    .info .info-card .img-container h3 { margin-bottom: 0; font-weight: 500; }
    .banner .hero-banner .hero-content h1 { font-size: 34px; line-height: 36px;}
    .banner .hero-banner .hero-content h1 span.yellow { font-size: 34px;}
    .banner .hero-banner .hero-content p { margin-top: 6px;}
    .archive-products .sorting-wrapper{flex-direction: column;}
    .applied-filters{width: 100%;}
    
    .about_journey ul li { font-size: 14px;}
    .about_product_range .about_product_range_list .about_product_range_box { width: 48%; }
    .about_product_range .about_product_range_list .about_product_range_box h3 { font-size: 16px;
    margin-bottom: 4px;}
    .about_product_range_box .svg_icon { width: 32px; height: 32px;}
    .about_brands .about_brands_list .about_brands_box { width: 47%;}
    .about_brands .about_brands_list .about_brands_box h3 { margin: 0;}
    .about_why_choose .about_why_choose_list .about_why_choose_box { width: 48%; }
    .inner_banner { padding: 30px 0;}
    .inner_banner h1 { font-size: 25px; margin-bottom: 0px;}
    .checkout .col-md-5, .checkout .col-md-5, .cart-main .col-md-3, .cart-main .col-md-7 { width: 100%; padding: 0;}
    .toc_link .col-md-5 { width: 100%;}
    .useful-wrapper .toc_link .table_wrapper table th, .useful-wrapper .toc_link .table_wrapper table td { padding: 13px 13px;}
    .useful-wrapper .toc_link .table_wrapper table thead th { font-size: 14px; }
    .useful-wrapper table tr td { font-size: 14px;}
    .toc_link h2 { font-size: 20px;}
    .toc_link .widget { margin-bottom: 0;}
    .btn.btn-primary { padding: 15px 25px;}
    .knowledge .article .title h3 { font-size: 14px; line-height: 21px;}
    .category-section .row { justify-content: center; }
    .category-section .row .col-md-2 { width: 33%; padding: 5px; }
    .category-section .title { max-width: 100%; }
    .top-category .category-item { width: 30%; height: auto; margin: 0 10px 16px; }
    .top-category .category-wrap { flex-wrap: wrap; justify-content: center; }
    .knowledge .article { padding: 10px;}
    .cart-main .products-wrapper { overflow: auto; margin-bottom: 20px;}
    section.archive-products, section.checkout, section.cart-main { padding-bottom: 15px;}
    .cart-main .coupon-wrapper { flex-wrap: wrap; margin: 20px 0 10px; }
    .cart-main .coupon-wrapper form { margin-bottom: 10px; }
    .widget { margin-bottom: 15px; padding: 10px;}
    .cart-main .products-wrapper { margin-bottom: 0;}
    .cart-message { padding: 30px 0;}
    .auth_page.page-title .title-wrapper { padding: 30px 0 20px;}
    section.authentication { padding: 0 0px 30px;}
    .account-wrapper .row .col-md-25 { display: none;}
    .account-wrapper .row .col-md-75 { width: 100%;}
    .page-title.mobile_cate .title-wrapper .title { display: flex; align-items: center; justify-content: space-between; width: 100%;}
    .page-title.mobile_cate .title-wrapper .title .sort-icon i.fa.fa-list {margin-right: 5px;}
    .page-title.mobile_cate .title-wrapper .title .sort-icon {font-size: 13px; display: inline-block; padding: 0px; outline: none; background-color: transparent; border: 0px;}
    .archive-products .col-md-3 { padding: 0;}
    .archive-products .sorting-wrapper .text{width:100%; font-size: 12px;}
    .archive-products .sorting-wrapper .text span { display: inline-block; margin-left: 10px; font-size: 12px;}
    .archive-products .sorting-wrapper .text select{padding: 10px;margin:0px 0px 0px 10px; font-size: 12px;}
    .mobile_filter { position: absolute; left:0; top: 0; width: 100%; height: 100%; overflow-y: scroll; z-index: 99; transform: translateX(-100%); background: #fff; padding: 30px 20px 20px; transition: all 0.3s linear;}
    .mobile_filter.active{left:0; transform: translateY(0);}
    .m_filter_title { display: flex; margin-bottom: 15px; justify-content: space-between; align-items: center;}
    .m_filter_title h2 { font-weight: 500; font-size: 20px;}
    .m_filter_title button { background: none; border: none; width: 40px; height: 40px; line-height: 46px; }
    .m_filter_title button i { font-size: 20px;}
    .archive-products .widget .details-wrapper .text .details.active h2 { font-size: 18px;}
    
    .suppliers_brands.container,
    .industries_brands.container,
    .applications_brands.container.applications_brands_inner,
    .alcohols_brands.container { padding:20px}
    .archive-products .col-md-3, .archive-products .col-md-7 { width: 100%; padding: 0;}
    .archive-products .col-md-3, .archive-products .col-md-7 { width: 100%; padding: 0;}
    .archive-products .text .row{gap: 20px;}
    .archive-products .text .col-md-3{width:26%}
    .archive-products .text .col-md-7{width:70%}
    .card-banner .tab-card .desc h2 {font-size: 18px; line-height: 20px;}
    .card-banner .tab-card .desc {flex-direction: column;}
    .card-banner .tab-card .desc .btn-area {margin-top: 8px;}
    .card-banner .tab-card .img-area {margin-bottom: 10px;}
    .enquiry-modal.modal, .address-modal.modal{align-items: baseline;}
    .address-modal.modal .form-wrapper.widget{margin-top: 30px;}
    .enquiry-modal .form-wrapper.widget{padding: 20px 10px; width: 95%; margin-top: 15vh; height: max-content;}
    .cart-sidebar .wrap-footer{bottom: 0%;}
    .single-main .short-description .row{row-gap: 10px;}
    .short-description .col-sm-2, .short-description .col-sm-3, .short-description .col-sm-4, .short-description .col-sm-5{width: 50%;}
    .short-description .col-sm-7, .short-description .col-sm-6, .short-description .col-sm-7, .short-description .col-sm-8, .short-description .col-sm-9, .short-description .col-sm-10, .short-description .col-sm-12{width: 100%;}
    .suppliers_brands .row .sp_col, .industries_brands .row .ind_col, .applications_brands .row .apl_col, .alcohols_brands .row .alc_col{width: 31%;}
    .industries_brands .row .ind_col h3{font-size: 16px;}
    .ind_section .ind_products{flex-wrap: wrap; align-items: stretch; gap: 10px; justify-content: center;}
    .pre-footer .title h2 { font-size: 22px;}
    .container.app_portfolio_title { width: 97%; padding: 12px;}
    .applications_brands.container.applications_brands_inner { border-radius: 0;}
    .tab-pane .col-md-8.dawn_form { width: 100%;}
    .empty-wrapper i { font-size: 135px;}
    .empty-wrapper h2 { font-size: 22px;}
    .top-head marquee { width: 60%;}
    .ind_section { padding: 30px 0;}
    .main-head .nav-right-link.my_account ul li button { font-size: 16px; padding: 10px;}
    .pre-footer .title h2 { font-size: 22px;}
    .container.app_portfolio_title { width: 97%; padding: 12px;}
    .applications_brands.container.applications_brands_inner { border-radius: 0;}
    .tab-pane .col-md-8.dawn_form { width: 100%;}
    .empty-wrapper i { font-size: 135px;}
    .empty-wrapper h2 { font-size: 22px;}
    .top-head marquee { width: 60%;}
    .ind_section { padding: 30px 0;}
    .main-head .nav-right-link.my_account ul li button { font-size: 16px; padding: 10px;}
    .knowledge .article .title { margin-bottom: 0;}
    .knowledge .article .img-container { margin-bottom: 8px;}
    .feature-area .feature-wrapper .feature-item .icon { width: 50px; height: 50px; line-height: 50px;}
    .feature-area .feature-wrapper .feature-item .icon::before { width: 50px; height: 50px;}
    .feature-area .feature-wrapper .feature-item .icon i { font-size: 18px; }
    .ind_section .ind_rel_app{flex-wrap: wrap; gap: 10px;}
    .ind_section .ind_rel_app .ind_rel_app_bx{width: 48%; padding: 10px;}
    .ind_section .ind_rel_app .ind_rel_app_bx img{width: 35px; margin-right: 10px;}
    .ind_section .ind_rel_app .ind_rel_app_bx h3{font-size: 12px;}
    .product-wrapper .product-list-content .price { font-size: 14px; }
    .single-product-details .tabs-wrapper .nav-tabs button.nav-link,
    .single-product-details .tabs-wrapper .tab-content h5
    { font-size: 18px; }
    .single-main .short-description .title .price { margin-top: 8px;}
    .single-main .short-description .price del,.single-main .short-description .price span { font-size: 16px; font-weight: 500; }
    .single-main .short-description .extra-info .share { font-size: 16px; margin-bottom: 0;}
    .single-main .short-description .shop-single-sortinfo ul li,.single-main .short-description .shop-single-sortinfo ul li a { font-size: 14px;}
    .checkout .payment-wrapper .form-check input#term { width: 28px; }
 }
@media (max-width: 767px) { 
    .banner .hero-banner .row { flex-direction: column; }
    .banner .hero-banner .row .col-md-5 { width: 100%; padding: 0; }
    .banner .hero-banner .hero-image img { width: 60%; margin: 0 auto; }
    .banner .hero-banner .hero-content { padding-bottom: 0; }
    .banner .hero-banner .hero-image { text-align: center; }
    .banner .delivery-container { right: 2%; }
    .banner .delivery-container h3 { font-size: 14px; text-align: left; line-height: 17px; font-weight: 600; }
    .banner .delivery-container .icon { width: 45px; height: 45px; }
    .banner .delivery-container .icon svg { width: 30px; height: 30px; }
    .banner .hero-banner .hero-content h1 { font-size: 30px; line-height: 39px; margin-top: 20px; }
    .banner .hero-banner .hero-content h1 span.yellow { font-size: 30px; text-align: center; }
    .banner .hero-banner .hero-content p { font-size: 15px; font-weight: 500; line-height: 22px; margin-top: 5px; }
    .banner .hero-banner .hero-content .hero-btn { margin: 15px 0; }
    .banner .search-wrapper .search-form h3 { font-size: 20px; }
    .banner .search-wrapper .home_search_product>div { font-size: 14px; }
    .top-category .title a, .popular-brands .title a, .card-banner .title a { font-size: 14px; }
    .top-category .title a i, .popular-brands .title a i, .card-banner .title a i { font-size: 12px; }
    .top-category .title a, .popular-brands .title a, .card-banner .title a { font-size: 14px; }
    .top-category .title a i, .popular-brands .title a i, .card-banner .title a i { font-size: 12px; }
    .category-section .title p { font-size: 14px; }
    .feature-area .feature-wrapper .col-md-25 { width: 50%; }
    .banner .hero-banner .hero-content { padding: 0; }
    .banner { padding-top: 135px; }
    .btn.btn-secondary { padding: 15px 20px; }
    .banner .search-wrapper {bottom: -170px;}
    .banner .delivery-container { top: 36%; }
    section.top-category { margin-top: 150px; }
    .banner .search-wrapper .home_search_product{display: flex; align-items: center; flex-wrap:wrap;}
    .banner .search-wrapper .home_search_product>div { width: 100%; margin-bottom: 7px; }
    .home_search_product .btn.btn-primary{min-height: 40px;}
    .home_search_product .btn.btn-primary.loading::after{left: 45%;}
    .banner .search-wrapper form .btn.btn-primary { width: 100%; text-align: center;}
    .card-banner .row .col-md-33 {width: 100%;}
    .category-section .row { justify-content: space-evenly; }
    .category-section .category-item .img-container img, .shop-widget .category-item .img-container img { width: 100px; }
    .category-section .category-item .content h1, .shop-widget .category-item .content h3 a { font-size: 16px; line-height: 19px; margin: 10px 0 5px 0; }
    .category-section .category-item .content p, .shop-widget .category-item .content p { font-size: 14px; }
    .info .title h3 { font-size: 14px; }
    .info .info-card .desc p { font-size: 14px; margin-bottom: 10px; }
    .info .info-card .img-container { margin-bottom: 10px; }
    section.knowledge .row .col-md-33 { width: 100%; }
    .knowledge .article .title h2 { font-size: 16px; line-height: 22px; }
    section.choose-us .row .col-md-33 { width: 100%; }
    .choose-us .title { padding: 0; }
    .choose-us .title h4 { font-size: 20px; }
    footer .single-box { width: 47%; }
    footer .single-box li a { font-size: 13px; padding: 4px 0; }
    footer .single-box h3 { font-size: 16px; margin-bottom: 10px; }
    footer .copyright { flex-direction: column; justify-content: center; }
    footer .copyright p { text-align: center; }
    .social-links { text-align: center; }
    footer .copyright .social-links a { width: 30px; height: 30px; margin: 6px; line-height: 33px; }
    
    .site-title { font-size: 19px; }
    section.top-category { padding: 50px 0px 15px; }
    .card-banner { padding: 15px 0px; }
    .popular-brands { padding: 15px 0px; }
    section.feature-area { padding: 15px 0px; }
    .category-section { padding: 15px 0px; }
    section.info { padding: 30px 0px; margin: 15px 0px; }
    section.knowledge { padding: 15px 0px; }
    section.choose-us { padding: 15px 0px 30px 0px; }
    .info .title { margin-bottom: 30px; }

    
    .about_company { flex-direction: column; padding: 20px; gap: 20px;}
    .about_company .about_company_left,
    .about_company .about_company_right { width: 100%;}
    .about_product_range { padding: 20px; }
    .about_product_range .about_product_range_list,
    .about_brands .about_brands_list,
    .about_why_choose .about_why_choose_list,
    .contact_box { flex-direction: column;}
    .about_product_range .about_product_range_list .about_product_range_box { width: 100%; margin: 0 0 10px 0;}
    .about_brands .about_brands_list .about_brands_box,
    .about_why_choose .about_why_choose_list .about_why_choose_box,
    .joinus_box .joinus_left,
    .joinus_box .joinus_right,
    .literature_row .literature_col,
    .contact_box .contact_left,
    .contact_box .contact_right { width: 100%;}
    .joinus_box { flex-direction: column-reverse;}
    .joinus_box .joinus_left { display: none;}
    .joinus_box .joinus_right .dawn_form { margin: 0;}    
    .dawn_form .col_3 { width: 49%; }
    .literature_row { padding: 30px 0 30px; }
    .literature_row .literature_col { width: 48%; margin-top: 20px;}

    .career.widget .d-flex {flex-direction: column;}
    .career-wrapper .content { padding: 0; }
    .career-wrapper .icon span { font-size: 26px; height: 50px; width: 50px; -webkit-text-stroke-width: 1px;}
    .career-wrapper .content ul.skill-list { padding-left: 23px; }
    section.career-wrapper .col-md-5 { width: 100%; }
    .career.widget { margin-bottom: 0; }
    .cart-main .coupon-wrapper { justify-content: center; flex-direction: column; align-items: center;}
    .address_box .row { flex-direction: column;}
    .address_box .row .col-md-5 { width: 100%;}
    section.blog_detail h1 { font-size: 28px; line-height: 36px;}
    .blog_page .knowledge .col-md-25 { width: 50%;}
    .blog_page .knowledge .article .title h3 { font-size: 15px; line-height: 20px;}
    .blog_page .knowledge .btn-wrap { margin: 20px 0px 30px 0px; }
    .blog_page .knowledge .title h2 { margin: 0px auto 20px auto;}
    section.single-main { padding: 30px 0 0 0;}
    section.single-main .row { flex-direction: column;}
    section.single-main .row .col-md-3, section.single-main .row .col-md-7 { width: 100%;}
    .applications .details-wrapper { flex-direction: column;}
    .applications .details-wrapper .col-md-4, .applications .details-wrapper .col-md-6{width:100%;}
    section.blog_detail .blog_thumbnail{width:100%;}

    .applications_brands .row .apl_col { width: 48%;}
    .single-main .short-description .title { flex-direction: column; align-items: baseline;}
    .single-main .short-description .title .title_p { width: 100%;}
    .single-main .short-description .title h1 { font-size: 20px;}
    .single-main .short-description .price span { font-size: 18px;}
    .card-banner .col-md-25 {width: 33%;}
    .card-banner .tab-card .desc h2 {font-size: 18px; line-height: 20px;}
    .card-banner .tab-card .desc { flex-direction: column;}
    .single-product-details .tabs-wrapper .tab-content .shop-single-additional div.row{row-gap: 10px;}
    .single-product-details .tabs-wrapper .tab-content .shop-single-additional div.row .col-sm-2, .single-product-details .tabs-wrapper .tab-content .shop-single-additional div.row .col-sm-3, .single-product-details .tabs-wrapper .tab-content .shop-single-additional div.row .col-sm-4, .single-product-details .tabs-wrapper .tab-content .shop-single-additional div.row .col-sm-6{width: 50%;}
    .single-product-details .tabs-wrapper .tab-content .shop-single-additional div.row .col-sm-8, .single-product-details .tabs-wrapper .tab-content .shop-single-additional div.row .col-sm-10, .single-product-details .tabs-wrapper .tab-content .shop-single-additional div.row .col-sm-12{width: 100%;}
    .modal__content.offer{width: 95%;}
    .archive-products .widget .details-wrapper .text .details .vc_row { flex-direction: column;}
    .archive-products .widget .details-wrapper .text .details .vc_col-sm-8 { width: 100%;}
    .archive-products .widget .details-wrapper .text .details .vc_col-sm-4 { width: 50%;}
    .pre-footer .title h2 { font-size: 18px;}
    .ind_section .ind_brands { flex-wrap: wrap; justify-content: center;}
    .ind_section .ind_brands .ind_products_bx { width: 23%; margin: 3px;}
    .archive-products .widget .details-wrapper .text .details .vc_row { flex-direction: column;}
    .archive-products .widget .details-wrapper .text .details .vc_col-sm-8 { width: 100%;}
    .archive-products .widget .details-wrapper .text .details .vc_col-sm-4 { width: 50%;}
    .pre-footer .title h2 { font-size: 18px;}
    .ind_section .ind_brands { flex-wrap: wrap; justify-content: center;}
    .ind_section .ind_brands .ind_products_bx { width: 23%; margin: 3px;}
    .ind_section .ind_products .ind_products_bx{width: 46%;}
    .single-product-details .tabs-wrapper .nav-tabs button.nav-link,
    .single-product-details .tabs-wrapper .tab-content h5{ font-size: 16px; }
    .single-product-details .tabs-wrapper .tab-content .shop-single-desc p { font-size: 14px; line-height: 24px; }
    .single-main .product-image-slider{height: max-content;}
}
@media (max-width: 680px) {
    h2 { font-size: 22px;}
    h1 { font-size: 24px;}
    header .top-head { padding: 5px 0px; }
    .top-head h6 a { font-size: 10px; margin: 0 5px; }
    .top-head h6 a b { font-size: 10px;}
    .top-head ul li a { font-size: 10px; padding: 5px 0px; position: relative;}
    header .top-head .container { padding: 0; }
    .cart-sidebar{width:100%;}
    .top-head .nav-item.has-children a::after{ top: 37%; right: -10px; font-size: 9px; }
    .navbar-menu .nav-item.has-children a::after { top: 15px; right: 5px; font-size: 16px; }
    .navbar-menu .nav-item.has-children .sub-menu { padding: 10px 15px;}
    .main-head .nav-item.has-children .sub-menu{padding: 10px 15px 50px 15px;}
    header .main-head { padding: 5px 0; }
    .top-head .nav-item.has-children:hover .sub-menu {opacity: 0; visibility: hidden; transform: rotateX(90deg);}
    .top-head .nav-item.has-children.open .sub-menu {opacity: 1; visibility: visible; transform: rotateX(0deg); }
    .main-head .logo a img { width: 100px; }
    .main-head .nav-right-link i, .main-head .nav-right-link svg { font-size: 17px; }
    .main-head .nav-right-link svg.svg_icon { width: 20px; height: 20px; }
    .main-head a.nav-right-link .count { width: 18px; height: 18px; top: 7%; line-height: 19px; }
    .main-head a.nav-right-link.cart-link .count { top: 14%; }
    .main-head .support-links.gap-20 { gap: 12px; }
    .main-head .nav-right-link.my_account ul li{padding: 4px 10px;}
    .main-head .nav-right-link.my_account{cursor: auto; width: 100%;}
    .main-head .nav-right-link.my_account:hover ul{opacity: 0; visibility: 0; transform: rotateX(90deg);}
    .main-head .nav-right-link.my_account ul.active{opacity: 1; visibility: visible; transform: rotateX(0deg);}
    .main-head .support-links .short-search{bottom: 75px; align-content: center;}
    .fixed-top.main-head .support-links .short-search{bottom: -55px;}
    .main-head .support-links .short-search form .btn.btn-primary{padding: 18px 20px 18px 15px;}
    .main-head .support-links .short-search.active{width: 100%;}
    .btn.btn-secondary.small{width: 100%;}
    .btn.btn-primary.login_btn.w-100 { width: 100%  ; }
    .btn.btn-primary.login_btn.w-100 { width: 100%  ; }
    a.forgot-pass{margin: 0px;}
    .banner .hero-banner .hero-content .hero-btn a.btn.btn-primary { padding: 15px; }
    .banner .hero-banner .hero-image img { width: 100%;}
    .banner .delivery-container { top: 30%; }
    .category-section .title .site-title { width: auto; }
    .category-section .row .col-md-2 { width: 50%; padding: 5px; }
    section.info .row .col-md-33 { width: 100%; }
    .banner .hero-banner .hero-content h6 { font-size: 13px; font-weight: 500; text-transform: uppercase; text-align: center; background-color: var(--yellow-color); color: var(--light-color); padding: 6px 29px; width: max-content; clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%); }
    .top-category .category-item h3 { font-size: 17px; margin-bottom: 2px;}
    .feature-area .feature-wrapper .feature-item .icon { width: 50px; height: 50px; line-height: 50px;} 
    .feature-area .feature-wrapper .feature-item .icon::before { width: 58px; height: 58px;}
    .feature-area .feature-wrapper .feature-item .icon i { font-size: 18px;}
    .info .title h2 { font-size: 22px; line-height: 28px; }
    .info .title h2 span.colorful { font-size: 22px; }
    .category-section .title h2 { width: auto;}
    .category-section .title h2 a{font-size: 22px;}
    section.choose-us .row-gap-20 { row-gap: 0;}
    .category-section .category-item .content h1 { margin-bottom: 0;}
    .top-category .category-wrap { flex-wrap: wrap; justify-content: space-around; }
    .top-category .category-item { width: 47%; height: auto; margin: 0 0px 11px; }
    footer .single-box img.ssl-image { width: 150px; height: auto;}
    .pre-footer .col-md-5{width:100%; padding: 10px 0px;}
    .single-main .short-description .row{flex-direction: row;}
    .single-main .short-description .row .col-sm-2, .single-main .short-description .row .col-sm-3, .single-main .short-description .row .col-sm-4{width: 50%; padding: 5px 10px;}
    .single-main .short-description .row .col-sm-8, .single-main .short-description .row .col-sm-10, .single-main .short-description .row .col-sm-12{width: 100%; padding: 5px 10px;}
    .dawn_form { padding: 20px; border-radius: 10px; margin-bottom: 30px;}
    .dawn_form .col_3 { width: 100%; }
    .dawn_form .col_6 { width: 100%; }
    .archive-products .col-md-25 { width: 50%; }
    .archive-products .widget .details-wrapper { flex-direction: column; }
    .archive-products .widget .details-wrapper .col-md-4, .archive-products .widget .details-wrapper .col-md-6 { width: 100%; }
    .archive-products .widget .details-wrapper .site-title { font-size: 16px;}
    .widget .category-item h3 { margin-bottom: 0;}
    section.archive-products { padding: 0 0px 15px; }
    .archive-products .shop-category-list li, .archive-products .shop-size-list li { margin: 0;}
    .archive-products .shop-category-list li a, .archive-products .shop-size-list li a { font-size: 14px; padding: 6px 0px; }
    .page-title .title h1 { font-size: 22px; line-height: 28px; }
    section.single-main .col-md-5 { width: 100%;}
    .single-main .zoom-outer-container .overlay-img{align-content: baseline; padding-top: 100px;}
    .single-main .zoom-outer-container .overlay-img img{width: 80%;}
    .single-main .short-description { padding-left: 0; }
    .single-main .short-description p, 
    .single-main .short-description .shop-single-sortinfo ul li,
    .single-main .short-description .shop-single-sortinfo ul li span,
    .single-main .short-description .btn-area .share,
    .single-product-details .tabs-wrapper .tab-content ul li,
    .single-product-details .tabs-wrapper .tab-content ul li span
    { font-size: 14px;}
    .single-product-details .tabs-wrapper .tab-content p { font-size: 14px; line-height: 25px; }
    .single-main .short-description .title h1 { font-size: 24px; line-height: 28px; overflow-wrap:break-word;}
    .single-main .short-description .title .brands{width: 100%;}
    .single-product-details .tabs-wrapper .tab-content div.shop-single-desc .col-md-5 { width: 100%; margin: 0; padding: 0; }
    .single-product-details .tabs-wrapper .tab-content div.shop-single-desc .row { margin: 0; }
    .single-product-details .tabs-wrapper .tab-content div.shop-single-desc .col-md-5 h5.title { margin-bottom: 10px; }
    .m_5_100 { width: 100%;}

    .single-product-details .tabs-wrapper .tab-content .tab-pane .shop-review .col-md-5{width: 100%;}

    .suppliers_brands .row .sp_col,
    .industries_brands .row .ind_col,
    .applications_brands .row .apl_col,
    .alcohols_brands .row .alc_col { width: 48%;}
    .alcohols_brands .row .alc_col { width: 48%;}
    .industries_brands .row .ind_col h3 { font-size: 18px;}
    .applications_brands .row .apl_col h3, .alcohols_brands .row .alc_col h3 { font-size: 16px;}

    .product-wrapper .product-list-content .row { flex-wrap: wrap; justify-content: flex-start;}
    .product-wrapper .product-list-content .text-center { text-align: left;}
    .product-wrapper .product-list-content .product_sku.text-center{text-align: left;}
    .product-wrapper .product-list-content .row .col-md-2,.product-wrapper .product-list-content .row .col-md-5,.product-wrapper .product-list-content .row .col-md-1, .product-wrapper .product-list-content .row .col-md-4 { width: 100%; padding: 5px 10px;}
    .product-wrapper .product-list-content .col-md-4{width:100%;}
    .product-wrapper .product-list-content .row .col-md-25{width: 70%;}
    .product-wrapper .product-list-content .row .col-md-25{width: 70%;}
    .product-wrapper .product-list-content .col-md-15 { width: 30%;}
    .product-wrapper .product-list-content .brand_name { text-align: left;}
    .product-wrapper .product-list-content .btn-area { justify-content: end;}
    .search-products.widget .col-md-8{width: 100%;}
    .page-title .title{width: 100%;}
    .top-head h6 { display: none;}
    .card-banner .col-md-25 {width: 50%;}
    .card-banner .tab-card .img-area {margin-bottom: 6px;}
    .card-banner .tab-card .desc h2 {font-size: 14px; line-height: 16px;}
    .card-banner .tab-card .desc .btn.btn-small {display: inline-block;}
    .card-banner .tab-card {padding:10px;}
    .single-main .col-md-3{width: 100%;}
    .single-main .col-md-7{width: 100%;}
    .top-head marquee{width:100%; min-height: 45px; align-content: center;}
    .knowledge .col-md-2:has(.article){width:50%;}
    .knowledge .article .btn.btn-secondary{padding: 15px 10px;}
    .search-products.widget .col-md-2{width: 50%;}
    .cart-sidebar .sidebar-wrapper{height:100%}
    .cart-sidebar .wrap-footer{padding-bottom: 75px;}
    .contact_box .contact_right{padding: 0px;}
    .account-wrapper .widget .col-md-33{width: 100%;}
    .account-wrapper .dashboard-card .icon i{padding: 16px; font-size: 24px;}
    .account-wrapper .dashboard-card .detail h2{font-size: 30px;}
    ul.accordion-list li h3:after{right: -4%;}
    ul.accordion-list li h3{font-size: 15px;}
    ul.accordion-list li div.faq-answer.active{padding: 10px 0 0 10px;}
    .enquiry-modal .col-md-33{width: 50%;}
    .enquiry-modal .form-group{margin: 0px;}
    .enquiry-modal .col-md-5:has(.form-group textarea){width: 100%;}
    .wishlist .col-md-15:has(.product_sku){width: 100%;}
    .wishlist .col-md-3{width: 100%;}
    .product-wrapper.wishlist .product-list-content .col-md-15{width: 50%;}
    .product-wrapper.wishlist .product-list-content{margin-bottom: 20px;}
    .ind_section .ind_table{flex-direction: column; gap:10px;}
    .ind_section .ind_table .table_responsice{width: 100%; overflow-x: scroll;}
    .ind_section .ind_table .ind_img { width: 100%;}
    .enquiry-modal .form-wrapper.widget{margin-top: 8vh;}
    .card-banner .tab-card.brands_logo .img-area{padding: 5px;}
    .card-banner .tab-card .img-area{min-height: 90px;}
    .ind_section .ind_products{flex-wrap: wrap; gap: 15px;}
    .full_page_loader::after{left:40%;}
    .archive-products .widget .details-wrapper .text .details .vc_col-sm-4 { width: 100%;}
    .container.app_portfolio_title { width: 93%;}
    .address-modal .col-md-33 { width: 100%;}
    .applications_brands.container.applications_brands_inner { border-radius: 0; padding: 20px 10px; }
    .industries_brands .row .ind_col { justify-content: flex-start;}
    .pre-footer form .btn.btn-primary { width: 44%;}
    .suppliers_brands.container, .industries_brands.container, .applications_brands.container.applications_brands_inner, .alcohols_brands.container { padding: 20px 10px; }
    .industries_brands.container { padding-top: 0;}
    .ind_section .ind_table .table_responsice table tr td a { font-size: 14px;}
    .archive-products .sorting-wrapper .text span { margin-left: 5px;}
    .archive-products .text .col-md-3{width:100%}
    .archive-products .text .col-md-7{width:100%}
}

@media (max-width: 540px) {
    .suppliers_brands .row .sp_col, .industries_brands .row .ind_col, .applications_brands .row .apl_col, .alcohols_brands .row .alc_col { width: 46%;}
    .applications_brands .row .apl_col h3, .alcohols_brands .row .alc_col h3 { font-size: 14px; line-height: 18px; }
    .applications_brands .row .apl_col .apl_link { font-size: 13px;}
    .app_portfolio_title h4 { font-size: 17px; line-height: 20px; text-align: center;}
    .industries_brands .row .ind_col h3 { font-size: 15px; line-height: 19px; }
    .pre-footer .gap-20 { gap: 10px; }
    .feature-area .feature-wrapper .feature-item .content p { font-size: 10px; line-height: 15px; }
    .feature-area .feature-wrapper .feature-item .content h2 { font-size: 15px; }
    .ind_section .ind_products .ind_products_bx{width: 100%;}
    .ind_section .ind_brands .ind_products_bx { width: 31%; }
 }