#sc-herbs{
      display: block;
   }
   #mb-herbs{
      display: none;
   }
   .video-text{
      height: 300px !important;
   }
	.heading-container{
		justify-content: center;
		align-items: center;
		text-align: center;
		
	}
	.heading-container h1{
		font-size: 45px;
		color: black;
		font-weight: bolder;
	}
	.herbs-container{
		display: flex;
		flex-wrap: wrap;
		margin-left: 10%;
	}
	.herbs-container div{
		margin: 2%;
	}
	.outline-contain{
		width: 400px;
		height: 400px;
		background-color: #996B54;
		justify-content: center;
		align-items: center;
	}
	.inside-contain{
		width: 400px;
		height: 400px;
		background-color: white;
	}
	.outline-contain h1{
		color: black;
		font-size: 25px;
		font-weight: bold;
	}
	.inside-contain img{
		width: 100%;
		height: 100%;
	}
	.sec2{
		display: flex;
		margin-left: 10%;
		margin-top: 1%;
	}
	.sec2 div{
		margin: 3%;
	}
   .sec2-img-out{
      width: 600px;
      height: 500px;
      background-color: #996B54;
   }
	.sec2-image{
		width: 600px;
		height: 500px;
	}
	.sec2-image img{
		width: 100%;
		height: 100%;
	}
	.sec2-image h1{
		color: black;
		font-size: 25px;
		font-weight: bold;
	}
   @media only screen and (min-width: 360px) and (max-width: 411px) {
      #sc-herbs{
         display: none;
      }
      #mb-herbs{
         display: block;
      }
      .video-text {
         height: 550px !important;
         margin-top: 100px;
      }
      .heading-container{
         justify-content: center;
         align-items: center;
         text-align: center;
         /*margin-top: 10%;*/
      }
      .heading-container h1{
         font-size: 45px;
         color: black;
         font-weight: bolder;
      }
      .herbs-container{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         
      }
      .herbs-container div{
         margin:5%;
      }
      .herbs-container h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 20px;
      }
      .herbs-container h3{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 15px;
      }
      .inside-contain{
         width: 370px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
      .sec2{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         text-align: center;
         color: black;
         font-weight: bold;
      }
      .sec2 div{
         margin:5%;
      }
      .sec2 h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 20px;
      }
      .sec2 h3{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 15px;
      }
      .sec2-image{
         width: 370px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
   }
   @media only screen and (min-width: 412px) and (max-width: 455px) {
      #sc-herbs{
         display: none;
      }
      #mb-herbs{
         display: block;
      }
      .video-text {
         height: 620px !important;
         margin-top: 200px;
      }
      .heading-container{
         justify-content: center;
         align-items: center;
         text-align: center;
         /*margin-top: 10%;*/
      }
      .heading-container h1{
         font-size: 45px;
         color: black;
         font-weight: bolder;
      }
      .herbs-container h3{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 15px;
      }
      .herbs-container{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         
      }
      .herbs-container div{
         margin:7%;
      }
      .herbs-container h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 25px;
      }
      .inside-contain{
         width: 370px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
      .sec2{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         text-align: center;
         color: black;
         font-weight: bold;
      }
      .sec2 div{
         margin:7%;
      }
      .sec2 h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 25px;
      }
      .sec2 h3{
         text-align: center;
         color: black !important;
         font-weight: bold;
         font-size: 15px;
      }
      .sec2-image{
         width: 370px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
   }
   @media only screen and (min-width: 425px) and (max-width: 455px) {
      .inside-contain{
         width: 390px;
         height: 390px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
      .sec2-image{
         width: 390px;
         height: 390px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
   }
   @media only screen and (min-width: 456px) and (max-width: 500px) {
      #sc-herbs{
         display: none;
      }
      #mb-herbs{
         display: block;
      }
      .video-text {
         height: 700px !important;
         margin-top: 100px;
      }
      .heading-container{
         justify-content: center;
         align-items: center;
         text-align: center;
         /*margin-top: 10%;*/
      }
      .heading-container h1{
         font-size: 45px;
         color: black;
         font-weight: bolder;
      }
      .herbs-container{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         
      }
      .herbs-container div{
         margin:3%;
      }
      .herbs-container h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 30px;
      }
      .herbs-container h3{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 15px;
      }
      .inside-contain{
         width: 450px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
      .sec2{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         text-align: center;
         color: black;
         font-weight: bold;
      }
      .sec2 h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 30px;
      }
      .sec2 h3{
         text-align: center;
         color: black;
         font-size: 15px;
      }
      .sec2-image{
         width: 450px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
   }
   @media only screen and (min-width: 501px) and (max-width: 600px) {
      #sc-herbs{
         display: none;
      }
      #mb-herbs{
         display: block;
      }
      #screenVideo{
         display: none;
      }
      #mobileVideo{
         display: block;
      }
      .header_section {
          width: 100%;
          /*background-image: url(../images/dark-bg.jpeg);*/
          height: 100%;
          background-size: 100%;
          padding: 0px 0px 0px 0px;
      }
      video {
          position: absolute;
          top: 0;
          left: 0;
          width: 360px !important;
          height: 500px !important;
          z-index: -1; /* Ensure the video stays behind any other content */
          object-fit: cover; /* Ensure the video covers the entire area */
      }
      .video-text {
         height: 550px !important;
         margin-top: 300px;
      }
      .heading-container{
         justify-content: center;
         align-items: center;
         text-align: center;
         /*margin-top: 10%;*/
      }
      .heading-container h1{
         font-size: 45px;
         color: black;
         font-weight: bolder;
      }
      .herbs-container{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         
      }
      .herbs-container div{
         margin:3%;
      }
      .herbs-container h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 30px;
      }
      .herbs-container h3{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 15px;
      }
      .inside-contain{
         width: 550px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
      .sec2{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         text-align: center;
         color: black;
         font-weight: bold;
      }
      .sec2 h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 30px;
      }
      .sec2-image{
         width: 550px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
   }
   @media only screen and (min-width: 601px) and (max-width: 768px) {
      #sc-herbs{
         display: none;
      }
      #mb-herbs{
         display: block;
      }
      #screenVideo{
         display: none;
      }
      #mobileVideo{
         display: block;
      }
      .header_section {
          width: 100%;
          
          height: 100%;
          background-size: 100%;
          padding: 0px 0px 0px 0px;
      }
      video {
          position: absolute;
          top: 0;
          left: 0;
          width: 360px !important;
          height: 500px !important;
          z-index: -1; 
          object-fit: cover; 
      }
      .video-text {
         height: 400px !important;
         
      }
      .heading-container{
         justify-content: center;
         align-items: center;
         text-align: center;
         
      }
      .heading-container h1{
         font-size: 45px;
         color: black;
         font-weight: bolder;
      }
      .herbs-container{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         
      }
      .herbs-container div{
         margin:3%;
      }
      .herbs-container h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 15px;
      }
      .herbs-container h3{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 15px;
      }
      .inside-contain{
         width: 200px;
         height: 190px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
      .sec2{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         text-align: center;
         color: black;
         font-weight: bold;
      }
      .sec2 h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 15px;
      }
      .sec2-image{
         width: 325px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
   }
   @media only screen and (min-width: 769px) and (max-width: 820px) {
      #sc-herbs{
         display: none;
      }
      #mb-herbs{
         display: block;
      }
      /*#screenVideo{
         display: none;
      }
      #mobileVideo{
         display: block;
      }*/
      .header_section {
          width: 100%;
          /*background-image: url(../images/dark-bg.jpeg);*/
          height: 100%;
          background-size: 100%;
          padding: 0px 0px 0px 0px;
      }
      video {
          position: absolute;
          top: 0;
          left: 0;
          width: 360px !important;
          height: 500px !important;
          z-index: -1; /* Ensure the video stays behind any other content */
          object-fit: cover; /* Ensure the video covers the entire area */
      }
      .video-text {
         height: 400px !important;
         /*margin-top: 300px;*/
      }
      .heading-container{
         justify-content: center;
         align-items: center;
         text-align: center;
         /*margin-top: 10%;*/
      }
      .heading-container h1{
         font-size: 45px;
         color: black;
         font-weight: bolder;
      }
      .herbs-container{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
      }
      .herbs-container div{
         margin:2%;
      }
      .herbs-container h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 20px;
      }
      .inside-contain{
         width: 225px;
         height: 210px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
      .sec2{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         text-align: center;
         color: black;
         font-weight: bold;
      }
      .sec2 h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 22px;
      }
      .sec2-image{
         width: 340px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
   }
   @media only screen and (min-width: 1020px) and (max-width: 1220px) {
      #sc-herbs{
         display: none;
      }
      #mb-herbs{
         display: block;
      }
      /*#screenVideo{
         display: none;
      }
      #mobileVideo{
         display: block;
      }*/
      .header_section {
          width: 100%;
          /*background-image: url(../images/dark-bg.jpeg);*/
          height: 100%;
          background-size: 100%;
          padding: 0px 0px 0px 0px;
      }
      video {
          position: absolute;
          top: 0;
          left: 0;
          width: 360px !important;
          height: 500px !important;
          z-index: -1; /* Ensure the video stays behind any other content */
          object-fit: cover; /* Ensure the video covers the entire area */
      }
      .video-text {
         height: 600px !important;
         /*margin-top: 300px;*/
      }
      .heading-container{
         justify-content: center;
         align-items: center;
         text-align: center;
         /*margin-top: 10%;*/
      }
      .heading-container h1{
         font-size: 45px;
         color: black;
         font-weight: bolder;
      }
      .herbs-container{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
      }
      .herbs-container div{
         margin:2%;
      }
      .herbs-container h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 30px;
      }
      .inside-contain{
         width: 280px;
         height: 280px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
      .sec2{
         display: flex;
         flex-wrap: wrap;
         margin-left: 2% !important; 
         text-align: center;
         color: black;
         font-weight: bold;
      }
      .sec2 h1{
         text-align: center;
         color: black;
         font-weight: bold;
         font-size: 30px;
      }
      .sec2-image{
         width: 420px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
   }
   @media only screen and (min-width: 1100px) and (max-width: 1150px) {
      .inside-contain{
         width: 300px;
         height: 280px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
      .sec2-image{
         width: 450px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
   }
   @media only screen and (min-width: 1151px) and (max-width: 1200px) {
      .inside-contain{
         width: 320px;
         height: 280px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
      .sec2-image{
         width: 490px;
         height: 370px;
         border-style: solid;
         border-width: 2px;
         border-color: black;
      }
   }