/* html{
  scroll-padding-top: var(--scroll-padding,50px);
} */
 
body{
  overflow-x: hidden;
}
.table-wrapper{
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}

.banner{
  position: relative;
  /* height:500px; */
  margin-top: -70px; /* adjust as needed */  
}
.banner .owl-nav button.owl-prev, .banner .owl-nav button.owl-next{
  position: absolute;
  height: 200px;
  width: 40px;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: rgb(220, 220, 220);
  font-size: 1.5rem;
  transition: 0.3s all ease;
}
.banner button.owl-prev{
  left: 20px;
}
.banner button.owl-next{
  right: -20px;
}
.banner button.owl-prev:hover, .banner button.owl-next:hover{
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
}

.cover {
  background-size:100% 100%;
  background-position: center center;
background-repeat: no-repeat;
height:500px; 
/* width: 50%;  */
object-fit: contain;
}

@media only screen and (max-width: 2560px) {
.banner {
  margin-top: 0px; /* set to the height of the nav bar */
}
.cover {
  height: 700px;
  max-width: 100%;
  margin-top: 4.5%;
  display: flex;
  justify-content: center;
  align-items: center;
}
}

@media only screen and (max-width: 1440px) {
.banner {
  margin-top: -20px; /* set to the height of the nav bar */
}
.cover {
  height: 500px;
  max-width: 100%;
  margin-top: 8%;
  display: flex;
  justify-content: center;
  align-items: center;
}
}

@media only screen and (max-width: 1280px) {
.banner {
  margin-top: -10px; /* set to the height of the nav bar */
}
.cover {
  height: 450px;
  max-width: 100%;
  margin-top: 7.9%;
  display: flex;
  justify-content: center;
  align-items: center;
}
}

@media only screen and (max-width: 800px) {
.banner {
  margin-top: 20px; /* set to the height of the nav bar */
}
.cover {
  height: 450px;
  max-width: 100%;
  margin-top: 6%;
  display: flex;
  justify-content: center;
  align-items: center;
}
}

@media only screen and (max-width: 480px) {
.banner {
  margin-top: 38px; /* set to the height of the nav bar */
} 
.cover {
  height: 252px;
  max-width: 100%;
  margin-top: 7%;
  display: flex;
  justify-content: center;
  align-items: center;
}
}

@media only screen and (max-width: 320px) {
.banner {
  margin-top: 36px; /* set to the height of the nav bar */
}
.cover {
  height: 200px;
  max-width: 100%;
  margin-top: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}
}

#product
{
/* padding-top:70px !important; */
padding-bottom: 20px;
}

.navbar-brand img {
height: 40px;
margin: 0 10px;
}

.navbar-toggler {
margin-top: 7px;
margin-bottom: 7px;
padding: 0.25rem 0.5rem;
}

.navbar-nav .nav-link {
padding: 5px 10px;
font-size: 1.1rem;
}

@media only screen and (min-width: 320px) {
.about{
  font-size: 2.5em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.ourproduct{
  font-size: 2.5em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.prod_title{
  font-size: 1.05em;
  font-weight: bold;
}
}
.s_head {
  font-size: 1.5em;
}
.h_body {
  font-size: 0.95em;
}
.ser_p{
  font-size:0.9rem;
}


@media only screen and (min-width: 1024px) {
.about{
  font-size: 2.5em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.ourproduct{
  font-size: 2.5em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.prod_title {
  font-size: 1em;
  font-weight: bold;
}
}
.s_head {
  font-size: 1.5em;
}
.h_body {
  font-size: 0.95em;
}
#product .ser_ttl {
  font-size: 2rem;
}
#product .ser_p{
  font-size: 1em;
}

@media only screen and (min-width: 1440px) {
.navbar-brand img {
  height: 50px;
}
.navbar-nav .nav-link {
  font-size: 1rem;
}
}

@media only screen and (min-width: 1500px) {
.s_head {
  font-size: 1.75rem;
}
.h_body {
  font-size: 1.25rem;
}
#product .ser_ttl {
  font-size: 1.25rem;
}
}

@media only screen and (min-width: 1920px) {
.navbar-brand img {
  height: 70px;
}
.navbar-nav .nav-link {
  font-size: 1.5rem;
}
.about{
  font-size: 3rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.ourproduct{
  font-size: 3rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.prod_title{
  font-size: 1.55rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: bold;
}
.s_head {
  font-size: 2rem;
}
.h_body {
  font-size: 1.25rem;
}
#product .ser_ttl {
  font-size: 1.25rem;
}
#product .ser_p{
  font-size: 1.1rem;
}
}

/* @media only screen and (min-width: 2560px) {
.navbar-brand img {
  height: 100px;
}
.navbar-nav .nav-link {
  font-size: 2rem;
}
.about{
  font-size: 6em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.prod_title{
  font-size: 4em;
}
.s_head {
  font-size: 5rem;
}
.h_body {
  font-size: 3rem;
}
#product .ser_ttl {
  font-size: 6rem;
}
#product .ser_p{
  font-size: 4rem;
}
} */

/* .slider-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto; 
  overflow: hidden;
} */

/* .slider-wrapper {
  display: flex;
  width: 100%;
  transform: translateX(-10px);
  transition: transform 0.5s ease-in-out;
} */

/* .slider-slide {
  flex: 1 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 500px;
  font-size: 2rem;
  font-weight: bold;
  background-color: #f0f0f0;
  text-align: center;
}

.slider-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: none;
  background-color: #333;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
} */

/* .slider-button-left {
  left: 0;
}

.slider-button-right {
  right: 0;
} */