@media (min-width: 100px) and (max-width: 767px) {
    body { font-size: 16px;}
    button.toggle:focus, button.toggle:hover { outline: none; box-shadow: none;}
    button.navbar-toggler, .navbar-brand { display: block;}
    .headerIn { grid-template-columns: 1fr;}
    .headerLogo { display: grid; grid-template-columns: 1fr  1fr; align-items: center;}

    .navbar-toggler:focus {
        box-shadow: none;
      }
    button[aria-expanded="false"] > .Menuclose, .phone {
        display: none;
      }
      button[aria-expanded="true"] > .navbar-toggler-icon {
        display: none;
      }

      

       .producstsection::before { display: none;}
      .topContact { display: grid;}
      
      .topMenu { top: 0; left: 0; right: 0;}
      .mobileTop { display: grid;  grid-template-columns: 1fr  1fr 1fr; align-items: center; justify-content: center;}  
      .mobileTop a { color: #000; text-align: center;}
      .navbar-toggler { margin: 0px !important;padding:0px !important}
      .headerRight, .topContact { display: block;}
      .topBtn a { width: 100%; display: block; text-align: center; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
      .headerOuter .container{ padding: 0;}
      .headerLogo { padding:15px 15px 0px 15px;}
      .headerOuter { padding: 0;}
      .headerLogo img {
        width: 100px;
    }
    .headerRight { position: relative;}
    .navbar-toggler-icon .material-symbols-outlined { font-size: 25px !important; }
    .bannerText h1 { font-size: 25px; text-align: center;}
    .bannerOuter { height: 330px; background-size: cover; padding: 0;}
    .bannerText h1 span { font-size: 14px; font-weight: normal;}
    
    .headerOuter {position: relative;}
    .headerOuter.sticky { padding: 0;}
    .headerOuter.sticky .headerLogo img {
        width: 100px;
    }
    .bannerBtn a { display: block; margin-bottom: 15px; text-align: center; padding: 7px 0;}
    .AboutSection , .whychoose { padding: 15px 0 ;}
    .AboutSection img { width: 100%;}
    h2 { margin-top: 25px; font-size: 20px;}
    h2 span { font-size: 16px;}
    .producstsection { padding: 15px 0 ; }
    .productList { grid-template-columns: 1fr 1fr;}
    .producstsection h2 { padding: 0px 0  15px 0;}
    .applicatinListing { width: 100%; padding: 15px; background: rgba(255, 255, 255, 0.7);
    }
    
    .applicatinListing li { display: block; padding-right: 0;} 

   .applicatinListing li b { display: block;}
   .productApplicatin { padding: 0px;}
   .footerContact, .requestcall, .footerIn { grid-template-columns: 1fr;}
   .footerform { padding: 15px;}
   .footerContact { padding: 10px 0 20px 0;}
   .fcol-2 { padding: 20px 0;}
   .footerMenu ul { display: block;}
   .copytext { text-align: left; padding: 15px 0 0 0;}
   .enquerybtn { margin: 15px 0 0 0;}
   .topMenu { background: #fff;}
   .innerHeader { padding: 15px;}
   .innerHeader h1 { font-size: 20px;}
   .contactUspage .container { grid-template-columns: 1fr;}
   .conBox { padding: 20px;}
   .contactUspageText a { display: block;}
}


@media (min-width: 768px) and (max-width: 999px) {
    .phone a:nth-child(2) { display: none;}
    .producstsection::before { display: none;}
    .applicatinListing { width: 720px; padding: 20px;}
    .productApplicatin { padding: 50px;}

    .footerContact { grid-template-columns: 25% 1fr 1fr;}
    .sticky .topBtn a { padding: 5px 20px;}
    h2 { padding-top: 30px;}
    .headerOuter { padding-bottom: 20px;}
    body { font-size: 16px;}
    button.toggle:focus, button.toggle:hover { outline: none; box-shadow: none;}
    button.navbar-toggler, .navbar-brand { display: block;}
    .headerIn { grid-template-columns: 1fr;}
    .headerLogo { display: grid; grid-template-columns: 1fr  1fr; align-items: center;}

    .navbar-toggler:focus {
        box-shadow: none;
      }
    button[aria-expanded="false"] > .Menuclose, .phone {
        display: none;
      }
      button[aria-expanded="true"] > .navbar-toggler-icon {
        display: none;
      }

      

       .producstsection::before { display: none;}
      .topContact { display: grid;}
      .topMenu { top: 0; left: 0; right: 0;}
      .mobileTop { display: grid;  grid-template-columns: 1fr  1fr 1fr; align-items: center; justify-content: center;}  
      .mobileTop a { color: #000; text-align: center;}
      .navbar-toggler { margin: 0px !important;padding:0px !important}
      .headerRight, .topContact { display: block;}
      .topBtn a { width: 100%; display: block; text-align: center; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
      .headerOuter .container{ padding: 0;}
      .headerLogo { padding:15px 15px 0px 15px;}
      .headerOuter { padding: 0 0 20px 0;}
      .headerLogo img {
        width: 100px;
    }
    .headerRight { position: relative;}
    .headerOuter { position: relative; }
    .innerHeader {padding: 20px !important;}
    .headerOuter.sticky .headerLogo img { width:  100px;}
    

}

@media (min-width: 1000px) and (max-width: 1399px) {

  .phone a:nth-child(2) { display: none;}
  .AboutSection img { width: 100%;}
  .producstsection::before { width: 350px; height: 360px; background-size: 90%;}


}