.mobile-navbar,
.mobile-menu-overlay,
.mobile-menu-panel {
  display: none !important;
}

@media (max-width: 991px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body.mobile-menu-open {
    overflow: hidden !important;
  }

  .site-header,
  .side-bar-full,
  #socials_wrappers {
    display: none !important;
  }

  .mobile-navbar {
    display: flex !important;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    height: 72px;
    background: #fff;
    z-index: 99999;
    align-items: center;
    justify-content: space-between !important;
    padding: 0 18px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
  }

  .mobile-navbar-logo {
    order: 1;
  }

  .mobile-navbar-logo img {
    width: 150px;
    height: auto;
    display: block;
  }

  .mobile-burger {
    order: 2;
    width: 34px;
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: none;
    background: transparent;
    padding: 0;
     margin-right: 20px;
    cursor: pointer;
  }

  .mobile-burger span {
    height: 3px;
    width: 100%;
    background: #2f4f7f;
    border-radius: 10px;
  }

  .mobile-menu-overlay {
    display: block !important;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 100000;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }

  body.mobile-menu-open .mobile-menu-overlay {
    opacity: 1;
    visibility: visible;
  }

  .mobile-menu-panel {
    display: block !important;
    position: fixed;
    top: 0;
    left: -100% !important;
    right: auto !important;
    width: 100%;
    /*max-width: 360px;*/
    height: 100vh;
    background: #fff;
    z-index: 100001;
    padding: 26px 22px 28px;
    overflow-y: auto;
    transition: left 0.35s ease;
    box-shadow: 10px 0 30px rgba(0,0,0,0.15);
  }

  body.mobile-menu-open .mobile-menu-panel {
    left: 0 !important;
  }

  .mobile-menu-close {
    position: absolute;
    top: 24px;
    right: 22px;
    font-size: 40px!important;
    line-height: 1;
    font-weight: 700;
    border: none;
    background: none;
    color: #000;
    cursor: pointer;
    z-index: 5;
  }

  .mobile-menu-logo-bg {
    position: relative;
    inset: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    opacity: 1;
    pointer-events: none;
    margin: 0 46px 16px 0;
  }

  .mobile-menu-logo-bg img {
    width: 100px;
    max-width: 70%;
    height: auto;
    display: block;
  }

  .mobile-menu-list {
    list-style: none;
    padding: 0;
    margin:  30px 0 26px;
  }

  .mobile-menu-list li {
    margin-bottom: 16px;
  }

  .mobile-menu-list a {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    text-decoration: none;
    color: #000;
  }

  .mobile-menu-list span {
    font-size: 25px;
    line-height: 1.08;
    font-weight: 500;
  }
   .mobile-menu-info h4 {
    font-size: 25px;
    line-height: 1.15;
    margin: 18px 0 8px;
    font-weight: 500;
   
  }

  .mobile-menu-list small {
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    transform: translateY(-5px);
  }

  .mobile-menu-info {
    position: relative;
    z-index: 2;
  }

 

  .mobile-menu-info p,
  .mobile-menu-info a {
    display: block;
    font-size: 18px;
    line-height: 1.45;
    color: #000;
    text-decoration: none;
  }

  .mobile-socials {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 8px;
   
  }

  .mobile-socials a {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0;
  }

  .main-root {
    padding-top: 0 !important;
  }
  
 #main_bg_map {
     height:400px!important;
 }
  
  .app_areas_sec_title {
  font-size: 30px !important;
}
.section_top h2 , a {
    font-size:22px!important;
}
  
  /* MOBILE SLIDER */
 .main-root {
    padding-top: 0 !important;
  }

  .hero-img {
    width: 100% !important;
    height: 560px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .hero-img .bannerSliderWrapper {
    width: 100% !important;
    height: 560px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .hero-img .swiper-wrapper {
    height: 560px !important;
  }

  .hero-img .swiper-slide {
    width: 100% !important;
    height: 560px !important;
    overflow: hidden !important;
  }

  .hero-img .swiper-slide img {
    width: 100% !important;
    height: 560px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .hero-img::after {
  display: none !important;
  content: none !important;
}

  .banner_arrow {
    width: 42px !important;
    height: 42px !important;
    background: #fff !important;
    border-radius: 50% !important;
    z-index: 50 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  .banner_arrow svg {
    width: 17px !important;
    height: 17px !important;
  }

  .banner-swiper-button-prev {
    left: 16px !important;
    right: auto !important;
  }

  .banner-swiper-button-next {
    right: 16px !important;
    left: auto !important;
  }
  
  
  /*tetbiq saheleri*/
  
  .application_areas_wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px !important;
  padding: 0 16px !important;
}

.app_area_card {
  width: 100% !important;
  height: 170px !important;
  position: relative !important;
  overflow: hidden !important;
}

.app_area_card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.app_area_card p {
  position: absolute !important;
  margin-left: 30px !important;
  bottom: 10px !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #000 !important;
}


.dsn-container{
    margin-top:0px !important;
}



 /* SECTION ÜMUMİ */
  .container {
    padding-left: 16px;
    padding-right: 16px;
    margin-top:30px;
  }

  /* TITLE */
  .section-title,
  h2 {
    font-size: 22px !important;
    text-align: center;
    margin-bottom: 12px;
    line-height: 1.3;
  }

  /* PARAGRAPH */
  .section-description,
  .about p,
  .container p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center;
    color: #333;
    margin-bottom: 16px;
    padding: 0 4px;
  }

  /* IMAGE BLOCK */
  .container img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
  }

  /* IMAGE ALTINDA YAZI */
  .container .caption,
  .container span,
  .container small,
  .container p strong {
    font-size: 15px !important;
    padding: 6px 10px;
    display: inline-block;
    margin-top: 8px;
    background: #fff;
  }

 
  section {
    margin-bottom: 30px;
  }
  
  
  
  /* KORPORATİV SORĞU SECTION */
  #call-to-action {
    background: #2f4f7f !important;
    padding: 20px 12px !important;
  }

  #call-to-action .container {
    background: #fff !important;
    border-radius: 16px !important;
    /*padding: 28px 22px 34px !important;*/
    width: 100% !important;
  }

  #call-to-action .row {
    display: block !important;
  }

  #call-to-action .col-12,
  #call-to-action .col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .call-to-action-content{
      padding:25px 20px!important;
  }
 

  /* BAŞLIQ */
  .hihand-cnt {
    display: block !important;
    font-size: 25px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    color: #1f2933 !important;
    letter-spacing: 1px !important;
    margin: 0 0 18px !important;
    text-align: left !important;
  }

 
  .hihand-cnt img,
  #handImg {
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin: 2px 7px 0 0 !important;
  }

  
  .hihand-cnt p {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin: 22px 0 26px !important;
    padding: 0 !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    color: #111 !important;
  }

 
  #call-to-action p {
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    text-align: center !important;
    color: rgb(208, 208, 208) !important;
    margin-bottom: 26px !important;
  }

  /* FORM */
  #call-to-action form {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    
  }
  .form{
      padding:0!important;
  }

  #call-to-action input,
  #call-to-action textarea {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid #aaa !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    margin-bottom: 14px !important;
    font-size: 13px !important;
    color: #111 !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  #call-to-action textarea {
    min-height: 86px !important;
    resize: vertical !important;
  }

  #call-to-action input::placeholder,
  #call-to-action textarea::placeholder {
    color: #111 !important;
    opacity: 1 !important;
    font-weight: 600 !important;
  }

  #call-to-action button,
  #call-to-action input[type="submit"] {
    width: 100% !important;
    height: 52px !important;
    border-radius: 8px !important;
    background: #2f4f7f !important;
    color: #fff !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }
  .footer{
      padding-top:0px !important;
  }
  .footer .box-social {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;
}

.footer .box-social li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.footer .box-social li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 33px !important;
  height: 33px !important;
  font-size: 18px !important;
}

.footer .box-social li a i {
  font-size: 18px !important;
}
 .nav-footer ul li a{
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    font-size:16px !important;
  }


 .dsn-up-projects-list {
    display: block !important;
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
  }

  .item-blog {
    width: 100% !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
  }

  .item-blog .img-next-box {
    display: block !important;
    width: 100% !important;
    height: 240px !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 6px !important;
  }

  .item-blog .img-next-box img,
  .item-blog .cover-bg-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .item-blog .blog-content {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 10px 14px !important;
    background: #fff !important;
    text-align: left !important;
  }

  .item-blog .date {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 0 0 14px 0 !important;
    text-align: left !important;
  }

  .item-blog .sis,
  .item-blog .title-block {
    font-size: 21px !important;
    line-height: 1.25 !important;
    margin: 0 0 12px 0 !important;
    text-align: left !important;
  }

  .item-blog p {
    font-size: 15px !important;
    line-height: 1.55 !important;
    max-height: 115px !important;
    overflow: hidden !important;
    margin: 0 0 16px 0 !important;
    padding-left: 10px !important;
    text-align: left !important;
  }

  .item-blog .link-custom {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 220px !important;
    height: 42px !important;
    margin: 0 0 0 0 !important;
    padding: 0 20px !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 28px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.2px !important;
    text-decoration: none !important;
    z-index: 5 !important;
  }

  .item-blog + .item-blog {
    margin-top: 0 !important;
  }
  .news-section-title {
  text-align: center !important;
  margin-bottom: 45px !important;
}

.news-tag {
  display: inline-block !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  color: #777 !important;
  text-transform: uppercase !important;
  margin-bottom: 18px !important;
}

.news-main-title {
  display: block !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  text-align: center !important;
  color: #111 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  white-space: normal !important;
}
 
  .section-title::after {
    height: 2px !important;
    background: #ddd !important;
  }

 
  .section-title span {
    font-size: 14px !important;
    letter-spacing: 2px !important;
    opacity: 0.7 !important;
  }
  
  /*//////////////////////
  sppedbar
  ///////////////*/
  
 
.speedbar {
 margin-top:60px!important;
  padding: 0 !important;
  font-size:18px !important;
}


.speedbar * {
  /*margin-top: 20px !important;*/
  margin-bottom: 0 !important;
  font-size:18px!important;
}
  
  /*///////////////////////
  biz kimik sehifesi
 /////////////////////// */
 
  #static_content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .static_content_wrapper {
    padding: 0 !important;
    max-width:100% !important;
  }

  .static_content_wrapper p {
   padding:0 !important;
    font-size:20px !important ;
    margin:0 !important;
  }
  
  
  
/*////////////////////
     mehsullar
////////////////*/

.category_items_wrapper .category_item_wrapper * {
  box-shadow: none !important;
}

  
  .category_items_wrapper:first-of-type {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
    margin-top: 20px !important;
  }

  .category_items_wrapper:first-of-type .category_item_wrapper {
    width: 100% !important;
    min-height: 155px !important;
    margin: 0 !important;
    padding: 18px 12px !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    max-height:200px;
  }

  .category_items_wrapper:first-of-type .category_item_wrapper:nth-child(3) {
    grid-column: 1 / 2 !important;
  }

  .category_items_wrapper:first-of-type .category_item_wrapper a {
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #000 !important;
    text-align: center !important;
  }


  
  .category_items_wrapper:nth-of-type(2) {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    margin-top: 25px !important;
  }

  .category_items_wrapper:nth-of-type(2) .owl-item {
    width: 100% !important;
    margin: 0 !important;
  }

  .category_items_wrapper:nth-of-type(2) .item-blog,
  .category_items_wrapper:nth-of-type(2) .product-card {
    width: 100% !important;
    margin: 0 !important;
  }
 .product_item .product_slide_title {
  font-size: 20px !important;
}



/*////////////////////
     suse lifi
////////////////*/


  .cat_title {
    margin-top: 35px !important;
    margin-bottom: 22px !important;
    padding: 0 8px !important;
    font-size: 30px !important;
    line-height: 1.25 !important;
    letter-spacing: 1px !important;
    text-align: left !important;
  }

 
  .category_inner_wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  .cat_in_left {
    width: 100% !important;
  }

  .category_photo {
    width: 100% !important;
    height: 280px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    box-shadow:none !important;
    padding:0 !important;
  }

  .category_photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }


  .cat_in_content {
    width: 100% !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 12px 25px !important;
    font-size: 20px !important;
    line-height: 1.55 !important;
    text-align: left !important;
    color: #000 !important;
  }

  .cat_in_content p,
  .cat_in_content span,
  .cat_in_content div {
    font-size: 20px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }
  .all_products_wrapper a{
      font-size:18px!important;
  }
  .all_products_wrapper{
      max-width:95% !important;
      display:flex;
      justify-content: space-between !important;
      align-items :center;
      gap:30px ;
  }

/*///////////////////////
ag talk
///////////////////*/

.cat_title, #pr_in_title{
    margin-top: 0px !important;
    margin-left:15px !important;
}
#product_inner_wrapper{
    padding:0px 20px !important;
}
.pr_in_content{
    overflow:auto;
      margin-top:20px;
}
.pr_in_content p{
    font-size:20px;
}

#top_table_text{
    margin-bottom:40px !important;
}
/*/////////////////////
sergiler ve tedbirler ici 
//////////////////*/

.top_cover {
    height:40vh !important;
}
 .top_cover img {
        /*height: 200px!important; */
        object-fit: cover;
    }
      .container .caption, .container span{
          font-size:18px!important;
          padding:0px!important;
          margin-top:0px !important;
      }

    #full_content_wrapper p {
        font-size: 20px!important;
        line-height: 1.6;
        margin-bottom:0px !important;
    }

    #full_title {
        font-size: 24px!important;
    }

    .container {
        padding: 0 15px; 
    }
     #full_content_wrapper img {
        height: auto !important;  
        max-height: 300px;         
        object-fit: cover;
    }
    
    /*////////////////////////
    faydali melumatlar
    ////////////////////////*/
  
    #post_content {
        margin-top: 20px !important;
    }

    #post_content .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #post_top_wrapper {
        margin-top: 20px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    #post_top_wrapper_btm {
        margin-top: 25px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
    }

    #post_top_wrapper_btm h1,
    #post_top_wrapper_btm h2,
    #post_top_wrapper_btm h3 {
        font-size: 30px !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
        text-align: left !important;
    }

    #post_date_create {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        margin-top: 5px !important;
        text-align: left !important;
    }

    #post_date_create svg {
        width: 16px !important;
        height: 16px !important;
    }

    .line_wrapper {
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }

    #post_content_box {
        text-align: left !important;
    }

    #post_content_box * {
        text-align: left !important;
    }

    #post_content_box p,
    #post_content_box span,
    #post_content_box div,
    #post_content_box li {
        font-size: 20px !important;
        line-height: 1.7 !important;
        text-align: left !important;
    }

    #post_content_box h1,
    #post_content_box h2,
    #post_content_box h3,
    .section-title {
        font-size: 30px !important;
        line-height: 1.2 !important;
        text-align: left !important;
        margin-bottom: 12px !important;
    }

    #post_content_box img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        object-fit: cover !important;
    }
    
    /*///////////////////////////
    musteriler
    /////////////////////////*/
    
      body .main-root #customer_wrapper #customer_items {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
     body .main-root #customer_wrapper {
         margin-top:0px !important;
     }

    body .main-root #customer_wrapper #customer_items .customer_item {
        width: 100% !important;
        max-width: none !important;
        height: 125px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body .main-root #customer_wrapper #customer_items .customer_item img {
        max-width: 75% !important;
        max-height: 70px !important;
        object-fit: contain !important;
    }

    body .main-root #customer_wrapper h1 {
        font-size: 36px !important;
      
        margin-bottom: 18px !important;
        text-align: left !important;
    }
    
    /*/////////////////////////////
    elaqe
    ////////////////////////////*/
  
    .contact-content,
    .contact-content * {
        text-align: left !important;
       
    }

  
    .contact-content p,
    .contact-content a,
    .contact-content span {
        font-size: 20px !important;
    }

    .contact-content h3 {
        font-size: 30px !important;
    }

   
    .form .input-box {
        margin-bottom: 10px !important;
    }
     .submit-button {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    .submit-button .btn-submit {
        width: 100% !important; /* istəsən 80% də edə bilərsən */
        text-align: center !important;
    }
    
    .contact-address{
        padding:10px 0 !important;
    }
/*////////////////////////////////
online sifaris 
////////////////////*/

  
    .order_onl_title {
        margin-top: 10px !important;
        margin-bottom: 25px !important;
        font-size: 26px !important;
        text-align: left !important;
    }

 
    .general-style {
        padding-top: 20px !important;
    }

    .contact-form h5 {
        font-size: 20px !important;
        line-height: 1.4 !important;
        text-align: left !important;
        margin-bottom: 12px !important;
    }

  
    .top-select,
    .top-select .wrapper,
    #productMainSelect,
    .multi-combobox,
    .combobox-control,
    .top-select .col-md-4,
    .top-select .input-box {
        width: 100% !important;
        max-width: 100% !important;
    }

   
    .multi-combobox {
        margin-bottom: 14px !important;
    }

    .combobox-control {
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 45px 0 12px !important;
        display: flex !important;
        align-items: center !important;
    }

    .placeholder {
        font-size: 18px !important;
        line-height: 44px !important;
    }

    .control-actions {
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
        right: 10px !important;
        top: 0 !important;
    }

  
    .top-select .input-box {
        margin-bottom: 10px !important;
    }

    .top-select .input-box input {
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 12px !important;
        font-size: 16px !important;
        box-sizing: border-box !important;
    }

    .top-select .input-box label {
        font-size: 14px !important;
        left: 12px !important;
        top: 12px !important;
    }

  
    .top-select .col-md-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    
    .submit-btn {
        margin-top: 0 !important;
    }
      .multi-combobox .option {
        align-items: flex-start !important;
    }
       /* Əsas select qutusu */
    .multi-combobox {
        width: 100% !important;
        min-height: 48px !important;
        height: auto !important;
        position: relative !important;
    }

    .combobox-control {
        width: 100% !important;
        min-height: 48px !important;
        height: auto !important;
        padding: 8px 48px 8px 10px !important;
        display: flex !important;
        align-items: flex-start !important;
        flex-wrap: wrap !important;
        box-sizing: border-box !important;
    }

    .multi-combobox .tags {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        align-items: flex-start !important;
    }

    .multi-combobox .tag {
        max-width: 130px !important;
        height: 28px !important;
        line-height: 26px !important;
        padding: 0 8px !important;
        font-size: 16px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        flex: 0 0 auto !important;
    }

  
    .multi-combobox .control-actions {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .multi-combobox .arrow {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .multi-combobox .clear-btn {
        width: 26px !important;
        height: 26px !important;
        font-size: 20px !important;
        line-height: 18px !important;
    }

   
    .multi-combobox .dropdown {
        width: 100% !important;
        max-height: 340px !important;
        overflow-y: auto !important;
        z-index: 50 !important;
    }

    .multi-combobox .option {
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 10px 12px !important;
    }

    .multi-combobox .option-text {
        font-size: 20px !important;
     
    }

  
    #productChildren > div,
    .child-product,
    .product-child-item {
        width: 100% !important;
        padding: 14px 12px !important;
        margin-bottom: 12px !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }

  
    #productChildren .multi-combobox {
        margin-top: 8px !important;
        margin-bottom: 12px !important;
    }

    #productChildren .combobox-control {
        min-height: 42px !important;
        padding: 7px 42px 7px 10px !important;
        align-items: center !important;
    }

    #productChildren .placeholder {
        font-size: 18px !important;
    }

  
    #productChildren .unit-row,
    #productChildren .measure-row {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    #productChildren input[type="text"],
    #productChildren input[type="number"] {
        width: 135px !important;
        height: 38px !important;
        font-size: 14px !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }

    #productChildren label {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    .top-select .input-box {
        position: relative !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .top-select .input-box input {
        width: 100% !important;
        height: 50px !important;
        padding: 14px 12px 6px 12px !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
    }

    .top-select .input-box label {
        position: absolute !important;
        left: 12px !important;
        top: 6px !important;
        font-size: 15px !important;
        line-height: 1 !important;
        margin: 0 !important;
        pointer-events: none !important;
        transform: none !important;
    }
      .multi-combobox .dropdown-actions {
        height: auto !important;
        padding: 10px 12px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .multi-combobox .dropdown-action-btn {
        font-size: 20px !important;
        padding: 8px 10px !important;
        line-height: 1.2 !important;
    }
}
@media (max-width: 320px) {
  .category_items_wrapper:first-of-type,
  .category_items_wrapper:nth-of-type(2) {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .speedbar {
 margin-top:60px!important;
  padding: 0 !important;
  font-size:16px !important;
}


.speedbar * {
  /*margin-top: 20px !important;*/
  margin-bottom: 0 !important;
  font-size:16px!important;
}

  .category_items_wrapper:first-of-type .category_item_wrapper,
  .category_items_wrapper:nth-of-type(2) .owl-item {
    width: 100% !important;
  }
   .container span {
    font-size: 16px !important;
    margin-top: 6px;
  }
    .application_areas_wrapper {
    grid-template-columns: 1fr !important;
    gap: 12px;
    padding: 0 12px;
  }
    body .main-root #customer_wrapper #customer_items {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 0 10px !important;
    width: 100% !important;
  }

  body .main-root #customer_wrapper #customer_items .customer_item {
    width: 100% !important;
    max-width: 100% !important;
    height: 125px !important;
    padding: 14px !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .main-root #customer_wrapper #customer_items .customer_item img {
    max-width: 75% !important;
    max-height: 60px !important;
    object-fit: contain !important;
  }
}

@media (min-width: 321px) and (max-width: 991px) {
  .category_items_wrapper:first-of-type,
  .category_items_wrapper:nth-of-type(2) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .category_items_wrapper:first-of-type .category_item_wrapper,
  .category_items_wrapper:nth-of-type(2) .owl-item {
    width: 100% !important;
  }
}