/* ==========================================================================
   1. GLOBAL, LAYOUT & BASE STYLES
   ========================================================================== */
.max-class {
  padding-left: 15%;
  padding-right: 15%;
}

.sc_gap {
  margin-top: 4% !important;
}

.sc_title_dotted {
  display: none;
}

.wpcf7-submit {
  width: 100% !important;
}

.wp-image-2118 {
  max-width: 163% !important;
  border-radius: 25px !important;
}

.wczp_empty {
  position: relative !important;
  top: -9px !important;
}


/* ==========================================================================
   2. HEADER, LOGO & NAVIGATION
   ========================================================================== */
.top_panel_middle {
  border: none;
}

.top_panel_title {
  margin-top: 2% !important;
}

.logo_main {
  position: absolute !important;
  left: -72px !important;
}

.logo-inner {
  margin-right: 4% !important;
  margin-left: 10% !important;
}

.logo-bach {  
  width: 18% !important;
}

.logo-ahps {
  margin-left: 6% !important;
}

.menu-item {
  position: relative !important;
  left: 12% !important;
}

.top_search_panel {
  position: absolute !important;
  top: 24px !important;
  left: 39% !important;
}

#rev_slider_3_1_forcefullwidth {
  margin-top: 24px !important;
}


/* ==========================================================================
   3. INNER CONTAINERS & WIDGETS
   ========================================================================== */
.cpiw_inner {
  width: 56% !important;
  margin-top: 10% !important;
}

.cpiw_main {
  background-color: white !important;
  position: relative;
  left: -39% !important;
  top: 2pc !important;
}

.column-2_5 {
  width: 14% !important;
}

.widget_inner {
  margin-top: 34%;
}

.widget_inner .logo {
  position: relative;
  top: -84px;
  left: 45%;
  width: 124%;
}

.eg-washington-element-1 {
  display: none !important;
}

.cate-our {
  margin-left: 10% !important;
  margin-right: 10% !important;
}


/* ==========================================================================
   4. FOOTER & FOOTER MENUS
   ========================================================================== */
#menu-footer-menu a,
#menu-footer-menu-1 a {
  color: white !important;
}

#menu-footer-menu,
#menu-footer-menu-1 {
  list-style: revert !important;
}

#menu-footer-menu ul li a :hover {
  color: white !important;
  text-decoration: underline;
}


/* ==========================================================================
   5. WOOCOMMERCE STYLES (SHOPPING)
   ========================================================================== */
.woocommerce-Price-amount,
.count,
.product-price,
.product-subtotal {
  color: black;
}

.scheme_original .widget_area_inner a:hover, 
.scheme_original .widget_area_inner ul li a, 
.scheme_original .widget_area_inner button:hover:before {
  color: black;
}

.qty,
.coupon_code {
  color: black !important;
}

.wlfmc-btn {
  padding-left: 2% !important;
  padding-right: 4% !important;
}

.sku, 
.posted_in a, 
.tagged_as a, 
.reviews_tab a, 
#tab-description p, 
.woocommerce-product-details__short-description p, 
.product_id span, 
.product_meta, 
.woocommerce-noreviews, 
#reply-title, 
.comment-form-rating label, 
.comment-form-comment label { /* Yahan 'lable' ki spelling thik kar di hai */
  color: black !important;
}


/* ==========================================================================
   6. RESPONSIVE MEDIA QUERIES (MOBILE, TABLET, DESKTOP)
   ========================================================================== */

/* --- Mobile Devices (max-width: 600px) --- */
@media screen and (max-width: 600px) {
  body {
    overflow-x: hidden;
  }

  .cont {
    display: block !important;
    width: 96%;
  }

  .vc_custom_1731911326025 {
    margin-right: 17px !important;
    margin-left: 17px !important;
  }

  .vc_custom_1735815630741 {
    padding-bottom: 0px !important;
  }

  .top_search_panel {
    width: 78% !important;
  }

  .search_form_wrap {
    border: solid 1px grey;
    height: 33px;
    margin-top: -4%;
    background-color: #e9eaeb;
  }

  .contact_logo {
    position: relative !important;
    top: 10px !important;
    left: 32px !important;
  }

  .con-hed {
    position: relative;
    top: 26px;
  }

  .tnp-submit {
    margin-left: -130% !important;
    margin-top: 54% !important;
  }

  .arr-div {
    margin-left: 141px !important;
    margin-top: 48px !important;
  }

  .one-empty {
    display: none;
  }

  .post_item_wrap .post_content {
    position: relative !important;
    left: 32% !important;
  }

  .widget_inner {
    margin-top: 8%;
    margin-left: 18%;
  }

  .column-2_5 .logo_main {
    margin-top: -30% !important;
  }

  .top_panel_bottom {
    margin-top: 10%;
  }

  .top_panel_middle .content_wrap .columns_wrap {
    margin-right: -133% !important;
  }

  .wpcf7-submit {
    width: 100%;
  }

  /* Logos on Mobile */
  .logo-bach {
    width: 84% !important;
    margin-top: 8% !important;
  }

  .logo-ahps {
    width: 100% !important;
    margin-left: 8% !important;
  }

  .logo-pris {
    width: 94% !important;
    margin-left: 7% !important;
    margin-top: -9% !important;
  }

  .logo-rishi {
    width: 102% !important;
    margin-left: 5% !important;
    margin-top: -7% !important;
  }

  .logo-inner {
    margin-right: 0% !important;
  }

  .gall-row {
    margin-left: -1% !important;
  }

  /* Images on Mobile (Jo aapne pucha tha, wo yahan completely added hai) */
  .bach_img-1 {
    width: 66% !important;
    margin-left: 27px !important;
    margin-bottom: 20px !important;
    box-shadow: none !important;
  }

  .ahps_img {
    width: 60% !important;
    margin-left: 2% !important;
    margin-bottom: 70px !important;
    box-shadow: none !important;
  }

  .pris_img {
    width: 65% !important;
    margin-left: 2% !important;
    margin-bottom: 60px !important;
    box-shadow: none !important;
  }

  .rishi_img {
    width: 60% !important;
    margin-left: 3% !important;
    margin-bottom: 50px !important;
    box-shadow: none !important;
  }

  .flex-div {
    display: flex;
  }

  .footer_wrap widget_area, 
  .widget_area_inner, 
  .copyright_wrap, 
  .copyright_style_socials {
    display: none !important;
  }
}

/* --- Tablets (768px to 1024px Portrait) --- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .top_search_panel {
    position: absolute !important;
    top: 24px !important;
    left: 74% !important;
  }

  .column-3_5, 
  .column-6_10 {
    width: 27%;
  }

  .logo_main {
    position: absolute !important;
    left: -37px !important;
  }

  .max-class {
    padding-left: 5%;
    padding-right: 5%;
  }

  .con-hed {
    color: white !important;
    font-size: 21px;
    margin-top: 38px;
    font-weight: bold;
  }

  .arr-div {
    height: 34px;
    width: 34px;
    border-radius: 36px;
    background-color: white;
    margin-left: 59px;
    margin-top: 22px;
  }

  .vc_custom_1736159895851 {
    position: fixed !important;
    left: 2% !important;
    width: 100% !important;
    bottom: 0px !important;
  }

  .footer_wrap widget_area, 
  .widget_area_inner, 
  .copyright_wrap, 
  .copyright_style_socials {
    display: none !important;
  }
}

/* --- Large Desktops (min-width: 1200px) --- */
@media screen and (min-width: 1200px) {
  .flex-div {
    display: none !important;
  }
}