@media only screen and (max-width: 767px) {

html{
  font-size: 13px !important;
}

#fixedSidebarNew.show{
    width: auto !important; 
}
  .homepage_hero_inner {
    min-height: 80vh;
  }

    .navbar-toggler-icon {
        color:#f5f5f5;
    }

    .nav-link{
      padding: .5rem !important;
    }
    .single-product-tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
      padding: .5rem !important;
    }
    
    .package-solutions-product-card{
  display: block !important;
}

      .navbar-light .navbar-toggler {
        color: #fff;
        border-color: #fff;
      }



    .navbar-brand img {
        /* width: 150px; */
        /* width: 8.33rem; */
        /* width: 9.37rem; */
        width: 12.5rem;
    }
    
    .sticked{
        top: 80px !important;
    }

    .mobile_logo_change .mobile-logo-brand img {
      /*content: url("https://i.ibb.co/LXR0BhNN/Layer-1.png");*/
       content: url("../images/metlam_australia_white_bg_logo_new.png"); 
      /* Dark Logo */
  }
    .single-product-page .mobile-logo-brand img {
      /*content: url("https://i.ibb.co/LXR0BhNN/Layer-1.png");*/
      content: url("../images/metlam_australia_white_bg_logo_new.png"); 
  }

  .product_checkbox_metschedule{
    height: 15px !important;
  }

  #fixedSidebar.show{
    width: auto !important;
  }
    .container {
        padding: 0 1rem;
        width: 100%;
    }
    .container-fluid {
        padding: 0 1rem;
        width: 100%;
    }
    .hero_content {
        /* text-align: center; */
           padding-top: 2.22rem !important;
    }
  
    .hero_content h1 {
        color: white;
        font-size: 1.77rem;
        font-weight: 500;
  
        word-wrap: break-word;
    }


    .hero_footer {
        color: white;
         font-size: 1.11rem;   
         line-height: 1.66rem;
    }
    .hero_footer .hero_footer_bar {
        background-color: #6DABE4;
    }

    .hero_footer img {
        /* width:1.66rem; */
        display: none;
    }
    .hero_footer .col-md-3 {
        text-align: left;
        padding: 0.83rem;
    }
    .section_title {
        color: #000;
        font-size: 1.33rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.77rem; /* 125% */
        font-family: "IBM Plex Sans", sans-serif;
        /* bhaskar bisht start */

        /* width: max-content; */

        /* bhaskar bisht end */
      }

      section:not(.hero) {
        padding-top: 3.33rem;
        padding-bottom: 3.33rem;
        /* padding-bottom: 0; */
      }
      
      .home_categories .card {
        /* width:465px; */
        width:auto;
      }



      .home_categories .card .content {
        display: flex;
        flex-direction: column;
        top: 0;
        height: 100%;
        justify-content: center;
      }

       
      .home_categories .card .title  {
        margin-bottom: 1rem !important;
      }

      .home_categories .card:hover .line-btn{
        top: 4rem;
      }



      .home_catalogue .card {
        margin-bottom: 1.11rem;
      }

      #home_catalogue_leftColumn{
        padding-left: 9px !important;
        padding-right: 9px !important;
      }
      #home_catalogue_rightColumn{
        padding-left: 9px !important;
        padding-right: 9px !important;
      }

      .why_metlam .cards_container{
        padding-left: 0 !important;
      }
      
      .category-btn-box{
  /* margin: 0; */
  width: 100%;
  text-align: center;
}

     /* .home_categories  .custom_padding_gap_right{
        padding-right: 0 !important;
      } */

      
      .home_catalogue .card .title {
      
         /* width: auto; */
         margin-top: 1.11rem !important;
       
        font-size:1rem;
      
        bottom: 0.55rem;
      }

      .cta_section .sub_title{
        font-size: 1rem;
      }

      .home_projects .item .project_title{
        font-size: 1rem;
        width: 14rem;
      }
      
      .why_metlam .cards_container .row {
        
        background-color: #f5f5f5;

        padding: 1.11rem;
        border-radius: 0.55rem;
      }

      .why_metlam .cards_container img {
        margin-bottom: 0.55rem;
        width: 3.5rem;
      }

      .why_metlam .video_cta {
        padding: 1.66rem;
      }

      .single_product .container-fluid{
        padding: 0;
      }

      .type_two .breadcrumb-item+.breadcrumb-item::before {
        padding: 0 0.5rem !important;
      }

      .mobile_logo_change #mainMobileNav.scrolled{
        background-color: #fff !important;
      }


      .home_projects .item {
        width: 100vw;
        /* max-width: 100% !important;
        width: 100% !important; */
        /* height: 100%; */
      }

      /* bhaskar code start */

  #productCarousel .carousel-control-prev-icon,
  #productCarousel .carousel-control-next-icon {
      background-size: 20px !important;
  }
      .home_projects img {
        border-radius: 0.55rem;
        /* max-height: 500px; */
        height: 100%;
        /* max-height: 27.77rem !important; */
      }
      

      img.icon-image{
        width: 25px !important;
      }

      /* bhaskar code end */

      .container.project .item .card img{
        max-width: 93% !important;
      }


      .home_projects .view_project {
        background-color: #fff;    /* White background */
        padding: 2rem 1rem; 
        color:#061F5E;
          right: 2.94rem;
          width: 7rem;
          height: 7rem;
        letter-spacing: 0.36px;
        font-weight: 500;
        z-index: 99999;
        position: normal;
      }

      footer li{
        font-size: 1rem;
      }


      .product-description{
        font-size: 1rem !important;
      }

      .product-description li span{
        font-size: 1rem !important;
      }

/* bhaskar code start  */

.product_card_wrapper{
    height: auto !important;
}

.owl-nav, .owl-dots{
  text-align: left !important ;
}


.home_categories_carousel .owl-item:nth-child(2) .card .home_categories_img{
  height: 100px !important;
  width: auto;
}

.home_categories_carousel .home_categories_img{
   width: auto !important;
   height: 100px !important;
   object-fit: contain;
}

/* .breadcrumb {
  flex-wrap: wrap;
  white-space: normal;
}
.breadcrumb-item {
  white-space: nowrap;
} */

.design-washroom-card{
  padding-bottom: 1rem;
}


 .container.productCard.hero_content{
  padding-top: 0 !important;
 }

.homepage_hero_inner{
  background-position: center center; /* Centers the image */
  background-size: auto; /* Ensures the whole image fits */
  height: auto; /* Adjust height if needed */
  background-repeat: no-repeat;
}

.streamlined_package_solutions_carousel{
  display: block !important;
}

.streamlined_package_solutions_cards_for_homepage{
  display: none;
}



.btn.dropdown-toggle{
  padding: 0.83rem 1rem;
  /* margin-bottom: 1rem; */
}

#clearFilter{
  padding: 0.83rem 1rem;
}
/* bhaskar code end */


      footer {
        padding: 3.33rem 0 1.11rem 0 ; 
      }


      .news-form .general-enquiry-contact-img{
        margin-top: 10px;
      }


      /* 03-05-2025 start bhaskar start */

      .product_left_side{
        padding: 3rem 1rem 3rem 1rem;
      }


      .single_product .grey_box {
      height: auto !important;
      /* line-height: 2rem; */
      font-size: 1rem;
      }

      .single_product .download_row .title{
        font-size: 1rem;
        display: flex;
        align-items: center;
      }

      .download_row_ul{
        margin: 0;
      }

      .single_product .download_row img{
        width: 3.5rem;
      }

      /* 03-05-2025 start bhaskar end */

.add-note-product-btn{
  width: 100% !important;
}

.custom-container{
  padding: 2rem !important;
}

.news_content_wrap .news_arrow{
  width: auto !important;
}





  .single_product .container.single-product-sort-note{
    margin-top: 0 !important;
  }


  .categories_page.pt-0{
    padding-bottom: 0;
  }

  .package-solutions-product-card{
    margin-top: 1rem !important;
  }

}





@media (min-width: 768px) and (max-width: 1024px) {

      .mobile_logo_change .mobile-logo-brand img {
      /*content: url("https://i.ibb.co/LXR0BhNN/Layer-1.png");*/
       content: url("../images/metlam_australia_white_bg_logo_new.png"); 
      /* Dark Logo */
  }
  
  .mobile_logo_change #mainMobileNav.scrolled{
        background-color: #fff !important;
      }
      
      
    .single-product-page .mobile-logo-brand img {
      /*content: url("https://i.ibb.co/LXR0BhNN/Layer-1.png");*/
      content: url("../images/metlam_australia_white_bg_logo_new.png"); 
  }

        #mobileMenu .navbar-brand img{
        width: 12.5rem;
      }


  .streamlined_package_solutions_carousel{
    display: block !important;
  }
  
  .streamlined_package_solutions_cards_for_homepage{
    display: none;
  }


  

  .home_categories .card {
    /* width:465px; */
    width:auto;
  }



  .home_categories .card .content {
    display: flex;
    flex-direction: column;
    top: 0;
    height: 100%;
    justify-content: center;
  }

   
  .home_categories .card .title  {
    margin-bottom: 1rem !important;
  }

  .home_categories .card:hover .line-btn{
    top: 4rem;
  }

  .home_catalogue .card .title{
    font-size: 1rem;
  }


}

/* 
.mobile_navbar .bi-search{
  color: #fff;
} */


@media (min-width: 1024px) and (max-width: 1366px) {


  html{
  /* font-size: 16px !important; */
}

.hero_content p{
  /* font-size: 1.4rem !important; */
}

/* body p{
  font-size: 1.3rem !important;
} */

  .submenu-package-solutions{
    left: -38rem !important;
  }

   .menu_second{
    width: 75rem !important;
  }

  .submenu-product{
    left: -10rem ;
  }

  .services_submenu{
    left: -12rem;
  }

  .resource_submenu{
    left:  -20rem;
  }

  .custom-container{
    padding: 6.66rem 4.66rem !important;
  }

  .product-description{
    font-size: 1rem !important;
  }

  .product_checkbox_metschedule{
    width: 20px !important; 
    height: auto;
  }

}


@media (min-width: 1367px) and (max-width: 1870px) {

  body p{
  font-size: 1.1rem !important;
}

.hero_footer{
  font-size: 1.6rem !important;
}
  .menu_second{
    width: 72rem !important;
  }

  .custom-container{
    padding: 30px 150px !important;
  }



  .w-max-content{
    position: absolute !important;
    left: -18rem !important;
    /* top: 2.5rem !important; */
  }
}