/*Stying for small screens*/
@media screen and (max-width: 991px){
   
    .nav-links{
        position: fixed;
        background: #198286;
        height: 100vh;
        width: 100%;
        flex-direction: column;
        clip-path: circle(50px at 90% -20%);
        -webkit-clip-path: circle(50px at 90% -10%);
        transition: all 1s ease-out;
        pointer-events: none;
    }
    .nav-links.open{
        clip-path: circle(1000px at 90% -10%);
        -webkit-clip-path: circle(1000px at 90% -10%);
        pointer-events: all;
    }
    .nav-links li{
        opacity: 0;
    }
    .nav-links li:nth-child(1){
        transition: all 0.5s ease 0.2s;
    }
    .nav-links li:nth-child(2){
        transition: all 0.5s ease 0.4s;
    }
    .nav-links li:nth-child(3){
        transition: all 0.5s ease 0.6s;
    }
    .nav-links li:nth-child(4){
        transition: all 0.5s ease 0.7s;
    }
    .nav-links li:nth-child(5){
        transition: all 0.5s ease 0.8s;
    }
    .nav-links li:nth-child(6){
        transition: all 0.5s ease 0.9s;
        margin: 0;
    }
    .nav-links li:nth-child(7){
        transition: all 0.5s ease 1s;
        margin: 0;
    }
    li.fade{
        opacity: 1;
    }
    /*.logo {
      margin: 20px 0 0 0;
    }*/
    .nav-links li {
    position: relative;
    display: block;
    margin: 30px 0;
    text-align: center;
  }
  .fade:not(.show) {
      opacity: 1;
    }
    .nav-links li a {
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  padding-bottom: 5px;
  transition-duration: 0.5s;
  padding: 10px 10px;
  margin: 0 30px;
}
 .headermenu {
    background: #000;
    border-bottom: 1px solid #431f12;
    width: 100%;
    padding: 0 0;
    margin: 0px auto;
    position: relative;
    z-index: 100;
  }
  .welcomeBox p{
    padding: 0 10px;
  }
  .ValuesBoxBgLeft {
  padding: 0;
  margin: 0% 0 0;
}
.ValuesBoxBgLeft h3 {
  text-align: center;
}
.ValuesBoxBgLeft p {
  text-align: center;
}
.ValuesBoxImg{
    text-align: center;
}

.ValuesBoxImg img{
    width: auto;
  min-width: auto;
}
.ValuesBoxBgRight{
 padding: 0;
  margin: 0% 0 0;
}
.ValuesBoxBgRight h3{
    text-align: center;
}

.ValuesBoxBgRight p{
    text-align: center;
}
}
@media only screen and (max-width: 1200px) {
.nav-links li a {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 5px;
  transition-duration: 0.5s;
  padding: 0px 0px;
  margin: 0 10px;
}
ul.nav-links {
  text-align: center;
  margin: 20px 0 0 0;
}
.headercallmail {
  margin: 20px 0 0 0;
}
}
@media only screen and (max-width: 1024px) {

ul.nav-links {
    margin: 18px 0 0 0;
}

.TopIcon {
    padding: 20px 0 0;
    font-size: 15px;
}

.headerBannerimg {
    width: 100%;
}

.headerBannerContent {
    width: 100%;
  }

/*.container, .container-lg, .container-md, .container-sm {
    max-width: 100%;
  }*/

  .owl-carousel .owl-wrapper-outer {
    overflow: hidden;
  }

/*.BrandsBoxBgProductImg {
    width: 100%;
}*/

  .categoryBox ul {
    padding: 0 10px;
}

.CallIconBox {
    margin: 0 0px 0 0;
}

.missionBox {
        width: 100%;
        margin: 0 auto;
}

.missionBox h2 {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
}

.missionBox p {
    text-align: center;
}

.visionBox {
    width: 100%;
    top: 3%;
    position: relative;
}

.visionBox h2 {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
}

.visionBox p {
    text-align: center;
    padding: 0;
}

.TestimonialsBoxBgBoxImg {
    margin: 20px auto 10px;
}

.NewsletterBoxBgTxt p {
    padding: 0 0 0 16px;
}
element {
}
.BrandsBoxBgProductTxt {
  height: 70px;
}
.categoryBox ul li {
  margin: 0 5px 0 0;
}
}


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

.deskTopHeader{
    display: none;
}

.deskTopHeaderMobile{
    display: block;
}
.headerbanner .carousel-caption {
  bottom: 3.25rem;
}
.carousel-caption h2 {
  padding-bottom: 0px;
  font-size: 20px;
}
.carousel-caption h3{
    font-size: 25px;
  padding-bottom: 0px;
}
.headerButtonMore {
  width: 240px;
  font-size: 13px;
  font-weight: 400;
  line-height: 43px;
  letter-spacing: 0px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 0 0 0 0;
  margin: 0px auto 0;
}
.hamburger{
    display:block;
    position: absolute;
    cursor: pointer;
    right: 5%;
    top: 45%;
    transform: translate(-5%, -50%);
    z-index: 2;
    transition: all 0.7s ease;
}
.fade:not(.show) {
  opacity: 1 !important;
}
 .nav-links li {
    position: relative;
    display: block;
    margin: 30px 0;
    text-align: center;
  }
.headerSocialicon ul li {
  display: inline-block;
  padding: 8px;
  margin: 0;
  border-left: 1px solid #a7c2c4;
  border-right: 1px solid #a7c2c4;
  line-height: 0px;
}
.nav-links li a {
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  padding-bottom: 5px;
  transition-duration: 0.5s;
  padding: 10px 10px;
  margin: 0 30px;
}
  .nav-links {
    position: absolute;
    background: #ff4f00;
/*    height: 100vh;*/
    width: 100%;
    margin: 0 auto;
    top: -15%;
    left: 0;
    right: 0;
    flex-direction: column;
    clip-path: circle(50px at 90% -20%);
    -webkit-clip-path: circle(50px at 90% -10%);
    transition: all 1s ease-out;
    pointer-events: none;
  }
   
  ul.nav-links {
  text-align: center;
  margin: 0 0 0 0;
}
.headercallmail{
    text-align: center;
    margin: 10px 0 0 0;
}
.hamburger div {
  width: 30px;
  height: 3px;
  background: #fff;
  margin: 5px;
  transition: all 0.3s ease;
}
.BrandsBoxBgProductImg {
  width: auto;
  height: auto;
  padding: 0 0 0px;
  margin: 0 auto 0px;
  background: url(assets/images/productBoxBg.png) center no-repeat;
}
}


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

.headerTextMobile{
    padding: 0;
    display: block;
    top: 30%;
}

.headerbanner .carousel-indicators {
    margin-left: 0;
    width: 100% ;
    text-align: center;
}


.hamburger{
    display:block;
    position: absolute;
    cursor: pointer;
    right: 5%;
    top: 35%;
    transform: translate(-5%, -50%);
    z-index: 2;
    transition: all 0.7s ease;
}
.fade:not(.show) {
  opacity: 1 !important;
}
 .nav-links li {
    position: relative;
    display: block;
    margin: 30px 0;
    text-align: center;
  }
.headerSocialicon ul li {
  display: inline-block;
  padding: 8px;
  margin: 0;
  border-left: 1px solid #a7c2c4;
  border-right: 1px solid #a7c2c4;
  line-height: 0px;
}
.nav-links li a {
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  padding-bottom: 5px;
  transition-duration: 0.5s;
  padding: 10px 10px;
  margin: 0 30px;
}
  .nav-links {
    position: absolute;
    background: #ff4f00;
/*    height: 100vh;*/
    width: 100%;
    margin: 0 auto;
    top: -15%;
    left: 0;
    right: 0;
    flex-direction: column;
    clip-path: circle(50px at 90% -20%);
    -webkit-clip-path: circle(50px at 90% -10%);
    transition: all 1s ease-out;
    pointer-events: none;
  }
   
  ul.nav-links {
  text-align: center;
  margin: 0 0 0 0;
}

    .logo {
        margin: 20px auto;
        width: 100%;
    }

        .TopIcon {
        display: none;
    }

        .headerBannerContent {
        display: none;
    }

    .ValuesBoxBgLeft {
    padding: 0;
    margin: 0% 0 0;
    }

    .missionvisionBoxBg {
        max-width: 90%;
    }

.visionBox {
        padding: 20px;
    }

   /* .BrandsBoxBgProductImg {
        width: 75%;
    }*/
    .BrandsBoxBgProductImg img {
      width: 100%;
      height: 100%;
      border-radius: 0%;
      padding: 10%;
    }
    .BrandsBoxBg h2 {
      padding: 0 0 0px 0;
    }
    .BrandsBoxBg {
      padding: 0 0 0px;
      margin: 0 0 0px;
    }

    .categoryBox ul {
        padding: 0 30px;
        text-align: center;
    }

    
    .categoryBox ul li img{
        text-align: center;
        margin: 0;
    }

.ValuesBoxBgLeft h3 {
    text-align: center;
}

.ValuesBoxBgLeft p {
    text-align: center;
}

.ValuesBoxImg {
    width: auto;
    margin: 0 auto 0px;
    text-align: center;
}

.ValuesBoxBgRight {
    padding: 0;
    margin: 4% 0 0;
}

.ValuesBoxBgRight h3 {
    text-align: center;
}

.ValuesBoxBgRight p {
    text-align: center;
}

.DirectorBgInner p {
    text-align: center;
}

.NewsletterBoxBgHeading h2 {
    text-align: center;
}

.NewsletterBoxBgTxt p {
    text-align: center;
}

.NewsletterBoxBgNewsletterField {
    margin: 0 auto;
    width: 90%;
    text-align: center;
}

.footermenu ul {
    width: 100%;
    text-align: center;
}

.footerlogo h3 {
    text-align: center;
}

.footerlogo p {
    text-align: center;
}

.footermenu{
    margin: 0 auto 20px;
}

.footermenu h3{
    text-align: center;
}

.footersocial h3{
    text-align: center;
}

.footercontactdetails{
    text-align: center;
    display: block;
}

.footercontactdetails p{
    text-align: center;
}

.FooterSocialBgBox {
    padding: 10px 0;
    text-align: center;
}

.carousel-caption h2{
    font-size: 15px;
    font-weight: 500;
}
 .carousel-caption h3 {
    font-size: 13px;
    font-weight: 300;
    padding-bottom: 0px;
  }
.headerbanner .carousel-caption {
  bottom: 3.25rem;
}
.headerButtonMore {
  margin: 0 auto 0;
}
.headermenu {
  background: #000;
  border-bottom: 1px solid #431f12;
  width: 100%;
  padding: 0 0;
  margin: 0px auto;
  position: relative;
  z-index: 100;
}
.logo img {
  width: auto;
  min-width: auto;
}
.hamburger div {
  background: #fff;

}

.headercallmail{
    text-align: center;
}
.headercallmail{
    margin: 0 0 0 0;
}

.headerButtonMore{
width: 180px;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 0 0 0 0;
}
.welcomeBox h1{
    font-size: 20px;
    padding: 0 0 0 0;
}
.welcomeBox h2{
    font-size: 17px;
    font-weight: 700;
}
.copyrightText p{
    font-size: 15px;
    line-height: 20px;
    padding: 0 10px;
}
.welcomeBox p{
    padding: 0 10px;
}
.ValuesBoxBg p {
  padding: 0 10px;
}
.ValuesBoxImg img{
  width: auto;
  min-width: auto;
}

.NewsletterBoxBgNewsletterField .fromfield{
    width: 100%;
}
.categoryBox ul li{
    font-size: 16px;
}
.BrandsBoxBgProductTxt{
    font-size: 15px;
}
.chooseussec ul li{
    width: 100%;
    min-height: auto;
}
.aboutvaluecontainer {
  margin: 0px 0 0 0;
}
.missionvisionBoxBg {
  padding: 0 0 0px;
  position: relative;
}
.valueleftbox h3{
    text-align: center;
}
.valuerightbox h3{
    text-align: center;
}
.valuerightbox p{
    text-align: center;
    padding: 0 0 20px 0;
}
.valueleftbox p{
    text-align: center;
    padding: 0 0 20px 0;
}
.valuemiddleimage img{
    width: auto;
    min-width: auto;
}

.valuemiddleimage{
    text-align: center;
}
.whychooseuscontainer {
  margin: 30px 0 0 0;
}
.whychooseuscontainer h2{
    font-size: 25px;
  font-weight: 600;
  padding-bottom: 0px;
}
.aboutvaluecontainer h2 {
  font-size: 25px;
  font-weight: 600;
  color: #f58120;
  padding: 20px 0 10px 0;
}

.productpagecontainer h2 {
  margin: 30px 0 0 0;
  font-size: 18px;
  font-weight: 600;
  color: #f58120;
  text-align: center;
}
.table-resp {
  border-collapse: collapse;
  margin-left: 0em;
}
.big-image {
  width: 100%;
  height: 300px;
  object-fit: cover;
  cursor: zoom-in;
}
.thumbnails img {
  width: 32%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  margin: 0 0 5px 0;
  border: 2px solid transparent;
  min-width: auto;
}
.thumbnails{
    text-align: center;
}
.BrandsBoxBgProductImg{
    margin: 10px;
}
.BrandsBoxBgProductTxt{
    height: auto;
}
.directorimages{
    text-align: center;
}
}



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



}


@media only screen and (max-width: 479px) {
 .headerbanner .carousel-caption {
    bottom: 1.25rem;
  }
  .headerbanner .carousel-indicators [data-bs-target]{
    width: 10px;
    height: 10px;
  }


}

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



}

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



}

@media (min-width: 768px) {
  /*.table-resp {
    margin-top: 3em;
    position: relative;
  }*/
  .table-resp caption {
    position: absolute;
    top: -2em;
    margin-bottom: 0.75em;
  }
  .table-resp thead {
    text-align: left;
    background-color: #333;
    color: white;
  }
  .table-resp td, .table-resp th {
    padding: 0.25em 0.5em;
  }
  .table-resp td:nth-child(2), .table-resp th:nth-child(2) {
    border-left: 3px solid #fff;
  }
  .table-resp {
  border-collapse: collapse;
  margin-left: 0em;
}
.table-resp {
    display: block;
    margin-top: 0em;
    margin-left: 0em;
  }
  .table-resp {
  border-collapse: collapse;
  margin-left: 0em;
}
.table-resp thead tr th{
    text-align: center;
}

}
@media (max-width: 767px) {


  td {
    display: block;
  }

  td:first-child {
    font-weight: 700;
    margin-top: 0.75em;
    margin-bottom: 0;
  }

  td:nth-child(2) {
    margin-top: 0;
  }
}