/* Adjust width and height for smaller screen sizes */
@media only screen and (min-width : 240px) and (max-width : 930px) {

    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .navbar-nav-1{
        display:none;
    }

    .navbar-nav-1-left {
	    display:none;
    }

    .banner-slide-bg-video {
        width: 100%; /* Ensure the container spans full width */
        box-sizing: border-box; /* Include padding and borders in width calculation */
        padding: 0; /* Remove any padding */
        margin: 0; /* Remove any margin */
        overflow: hidden; /* Hide any overflowing content */
    }

    .motion-video-bg {
        display:none !important;
    }

    .motion-video-bg-mobile {
        display:block !important;
        width :105%;
    }

    /*Latest News Section Starts Here*/
    #latest-news-slider{
	    margin-top: 100px !important;
    }



.news-img {
    width: 300px;
    height: 300px;
  }
.news-details{
	margin-right:-40% !important;
}

.slick-next{
 margin-right:25px;
 margin-bottom:15px !important;
}

.slick-prev{
  margin-left:25px;
   margin-bottom:15px !important;
}


/*Latest News Section Ends Here*/



/*About Us Section Starts Here*/

.about-us-img {
    float: none; /* Remove float */
    width: 100%; /* Full width of the container */
    height: auto; /* Maintain aspect ratio */
    border-radius: 15px; /* Adjust border radius */
    margin-top: 0; /* Reset margin top */
    margin-left:15px;
  }

  .box {
    float: none; /* Remove float */
    width: 85% !important; /* Full width of the container */
    height: auto; /* Maintain aspect ratio */
    border-radius: 15px; /* Adjust border radius */
    margin-top: 0; /* Reset margin top */
    margin-left:35px;
  }

.fade-up{
	margin-top:50px;
}

.line {

  height: 110px;
  margin-bottom:-120px;

}

/*About Us Section Ends Here*/

/*Product Section Starts Here*/


.column-flex{
 flex-flow: column-reverse wrap
}

 .product-img {
    float: none; /* Remove float */
    width: 90% !important; /* Full width of the container */
    height: auto; /* Maintain aspect ratio */
    border-radius: 35px; /* Adjust border radius */
    margin-top: 0; /* Reset margin top */
    margin-left: 50px !important; /* Center align by default */
    margin-right: auto; /* Center align by default */
  }

  .product-box {
    float: none; /* Remove float */
    width: 85% !important; /* Full width of the container */
    height: auto; /* Maintain aspect ratio */
    border-radius: 15px; /* Adjust border radius */
    margin-top: 0; /* Reset margin top */
    margin-left: auto; /* Center align by default */
    margin-right: auto; /* Center align by default */
  }

.product-details{
	padding-left:15px;
}


.line1 {
   height: 50px !important;
  margin-bottom:-60px !important;
}

/*Product Section Ends Here*/

/*Manufacturing Section Starts Here*/


.manufacturing-header{
background: linear-gradient(to right, #A48138, #A48138, #ebdf98, #ebdf98, #A48138, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;

}
.manufacturing-text-header{
font-size:18px;

}


.manufacturing-text{
font-size:16px;

}

.icon-gradient  {
 font-size: 40px;

}



.location-1 {
  top: 80%;
  left: 55%;
  margin-top:-130px;
  margin-left:10px;
}

.location-2 {
  top: 67%;
  left: 59%;
  margin-top:-100px;
  margin-right:-20px;
  margin-left:18px;
}


.location-3 {
  top: 44%;
  left: 69%;
  margin-top:-30px;
  margin-left:30px;

}

.location-4 {
  top: 35%;
  left: 66%;
  margin-left:44px;
  margin-top:-10px;
  z-index:1;
}

.location-img{
  width: 80px;
  height:80px;
  border-radius: 100%;
}

.location-header{
 font-size:12px;
text-align:center;
}

.location-header-text{
 font-size:15px;
 text-align:center;
}

.location-text{
 font-size:11px;
 height:100px;
 text-align:center;
}

.location-text-dash{
  font-size:11px;
  padding-bottom:15px;
  text-align:center;
}
.location-add-text{
  text-align:center;
  font-size:11px;
}

.location-acc-text{
	font-size:11px;
}

.manufacturing-comet-1{
  margin-left:-60px;
}

.manufacturing-comet-2{
 left: 85%;
}

.manufacturing-comet-3{
 left:90%;
 bottom:65%;
}

.people-img {
    width: 100%; /* Full width of the container */
    height: auto; /* Maintain aspect ratio */
    border-radius: 15px; /* Adjust border radius */
    margin-top: -250px; /* Adjust margin for better positioning */
  }

  .people-box {
    width: 95% !important; /* Full width of the container */
    height: auto; /* Maintain aspect ratio */
    border-radius: 15px; /* Adjust border radius */
    margin-left:30px !important;
  }


.people-line{
  height: 50px !important;
  margin-bottom:-60px !important;
}

.ps-timeline-sec .container ol.ps-timeline li p {
  text-align: center;
  width: 90%;
  font-size:10px;
}

.gold-img {
  /*margin-left: 24% !important; !* Adjust the percentage value as needed *!*/
}

.gold-img-2 {
  margin-left: 24% !important; /* Adjust the percentage value as needed */
}

.halal-img {
  /*margin-left: 24% !important; !* Adjust the percentage value as needed *!*/
}


.gold{
	/*margin-left:20% !important;*/
}

.malaysia{
	/*margin-right:45% !important;*/
}

.text-halal{
	margin-top:-20% !important;
	/*margin-right:40% !important;*/
}

.partner-with-us-table ul li h4{
	font-size:13px !important;
	width:95%;
}

.partner-text{
	font-size:15px;
	width:90%;
	margin-left:5%;
}

.timeline-prev {
    left: 20%;
    top:60%;
  }
  .timeline-next {
    right: 20%;
    top:60%;
  }

.we-are-novugen-text{
	font-size:15px;
	width:90%;
	margin-left:5%;
}
.video-section{
	margin-right:10%;
}

  .gold p {
    height: 100px !important;

}
}


/*Latest News Section Starts Here*/
@media (max-width: 480px) {
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.navbar-nav-1{
display:none;
}

.navbar-nav-1-left{
	display:none;
}


.news-details{
	margin-left:45px;
}


.news-img {
    width: 250px;
    height: 250px;
  }

.slick-next{
 margin-right:25px;
 margin-bottom:15px !important;
}

.slick-prev{
  margin-left:25px;
   margin-bottom:15px !important;
}

/*Latest News Section Ends Here*/

/*About Us Section Starts Here*/

.about-us-img{
  width:350px;
  height:250px;
  border-radius: 25px;
  margin-top:-200px;
}

 .box {
    height: 250px;
    width: 350px;
    margin-top:-50px;
  }

.fade-up{
	margin-top:50px;
}

.line {

  height: 110px;
  margin-bottom:-120px;

}

/*About Us Section Ends Here*/

/*Product Section Starts Here*/


.column-flex{
 flex-flow: column-reverse wrap

}

.product-img{
  width:350px;
  height:250px;
  margin-top:-200px;
  left:-30px;
}

 .product-box {
  height: 250px;
  width: 350px;
  margin-top:-50px;
  left:-30px;

  }

.product-details{

	padding-left:15px;
}


.line1 {
  height: 180px;
  margin-bottom:-185px;
}

/*Product Section Ends Here*/

/*Manufacturing Section Starts Here*/


.manufacturing-header{
background: linear-gradient(to right, #A48138, #A48138, #ebdf98, #ebdf98, #A48138, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;

}
.manufacturing-text-header{
font-size:18px;

}


.manufacturing-text{
font-size:16px;

}

.icon-gradient  {
 font-size: 40px;

}



.location-1 {
  top: 80%;
  left: 55%;
  margin-top:-130px;
  margin-left:10px;

}

.location-2 {
  top: 67%;
  left: 59%;
  margin-top:-100px;
  margin-right:-20px;
  margin-left:18px;

}


.location-3 {
  top: 44%;
  left: 69%;
  margin-top:-30px;
  margin-left:30px;

}

.location-4 {
  top: 35%;
  left: 66%;
  margin-left:44px;
  margin-top:-10px;
  z-index:1;

}

.location-img{

  width: 80px;
  height:80px;
  border-radius: 100%;
}

.location-header{
 font-size:12px;
text-align:center;
}

.location-header-text{
 font-size:15px;
 text-align:center;
}

.location-text{
 font-size:11px;
 height:100px;
 text-align:center;
}

.location-text-dash{
  font-size:11px;
  padding-bottom:15px;
  text-align:center;
}
.location-add-text{
  text-align:center;
  font-size:11px;

}

.manufacturing-comet-1{
  margin-left:-60px;
}

.manufacturing-comet-2{
 left: 85%;

}

.manufacturing-comet-3{
 left:90%;
 bottom:65%;
}

/*Manufacturing Section Ends Here*/

/*People Section Starts Here*/

.people-img{

  width:400px;
  height:400px;
  margin-top:-400px;

}

.people-box {
  width:400px;
  height:500px;
  margin-left:-60px;


  }

.people-details{
	padding-left:0px;
	padding-top:20px;
	padding-right:0px;
}

.people-line {
  height: 210px;
  margin-bottom:-220px;
}

 .success-header{
background: linear-gradient(to right, #A48138, #A48138, #ebdf98, #ebdf98, #A48138, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;

}

#success-stories-slider .slick-next{
 margin-right:-20px;
}

#success-stories-slider .slick-prev{
 margin-left:-20px;
}


.success-text{
padding-left:20px;
}

.success-job-title{
padding-left:20px;
}


.success-quote{
font-size:13px;
padding-left:20px;
padding-right:50px;
height:100px;

}

.vertical-line {
  height: 220px;
}


.modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 300px;
  max-height: 300px;
  margin-top:200px;
  margin-left:50px;

}

.previous {
  left: -50px;
}

.next {
  right: -50px;
}

.close5:hover,
.close5:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.close5 {
  color: #fff;
  float: right;
  font-size: 50px;
  font-weight: bold;
  padding-right:50px;
  margin-top:50px;
}

.success-comet-1{
	 transform: rotate(90deg);
	 width:50%;
	 position: absolute;
	 left:0;
	 margin-top:-35px;
	 margin-left:-65px;
	 transform: translateX(-50%);
}

.success-comet-2{
	 transform: rotate(100deg);
	 width:50%;
	 position: absolute;
	 left: 80%;
	 margin-top:120px;
	 z-index:-1;
	 transform: translateX(-50%);

}

 .milestone-header{
background: linear-gradient(to right, #A48138, #A48138, #ebdf98, #ebdf98, #A48138, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;

}

.ps-timeline-sec .container ol.ps-timeline li {
  float: left;
  width: 50%;
  }
.ps-timeline-sec .container ol:before,
  .ps-timeline-sec .container ol:after {
    width: 10px;
    height: 10px;
    margin-top:-6px;
  }

  .ps-timeline-sec .container ol.ps-timeline li span {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    font-size: 15px;
    margin-top:10px;

  }

  .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    margin-top: 20px;
    margin-left: 0px;
  }
  


  .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
    display: table;
    border-radius: 25px;
    width:80%;
    height:100px;
    /*margin-left:20px;*/
  }



.malaysia{

	/*margin-left:-6px !important; */

}

.ps-bots.halal{
    margin-top: 36px !important;
}


 .gold {
    width: 80%;
    font-size: 13px;
    font-weight: 300;
    /*margin-left: 20px;   */

    margin-top: 0px !important;

  }

  .gold-img {
    width: 65%;

    /*margin-left:35px;*/



  }

   .gold{

  font-weight:700;


}

  .year {
    font-size: 15px !important;

    padding-top: 0px;

  }

  .timeline-prev, .timeline-next {
    font-size:40px;
  }

  .timeline-next{
  margin-right:-40px;


  }

   .timeline-prev{
  margin-left:-40px;

  }

.ps-timeline-sec .container ol.ps-timeline li p {
  text-align: center;
  width: 90%;
  font-size:10px;
}


.partner-header{
background: linear-gradient(to right, #A48138, #A48138, #ebdf98, #ebdf98, #A48138, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
padding-left:0px;

}
.partner-text-header{
padding-left:10px;
padding-top:20px;
font-size:18px;

}

.partner-text{
padding-left:10px;
padding-top:10px;
font-size:15px;
padding-bottom:20px;

}

.PT-mobile-ver{
	font-size:13px;
}


.partner-details{
	text-align:center;
	margin-left:0px;

}

.we-are-novugen-header{
background: linear-gradient(to right, #A48138, #A48138, #ebdf98, #ebdf98, #A48138, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
padding-left:0px;
}

.we-are-novugen-text-header{
padding-left:0px;
font-size:18px;
}

.we-are-novugen-text{
padding-left:0px;


}

.we-are-novugen-details{
	text-align:center;
	margin-left:0px;


}



.line-1{
  position: relative;
  width: 95%;
  height: 3px;
background:#e1cc85;
 margin-bottom:25px;
 margin-left:10%;

}

.line-3{
  position: relative;
  width: 95%;
  height: 3px;
background:#e1cc85;
   margin-bottom:25px;
   margin-left:8%;

}


.line-4{
  position: relative;
  width: 95%;
  height: 3px;
background:#e1cc85;
  margin-bottom:25px;
margin-left:6%;
  


}

.corporate-video1{
    margin-top:-430px !important;
    border-radius:60px;
    width:320px !important;
    height:200px;
    margin-left:40px;
}

.video-section{
	top:-300px !important;
}

.footer-social-media-icons{
	margin-right:75px;

	}


}

@media only screen and (min-width: 1366px) and (max-width: 1440px) and (min-height: 768px) and (max-height: 800px) {

.logo a{

    margin-left:-110px;
    margin-top:5px;

}



 .news-details{
	margin-left:10px;

}



.product-img{
  float:right;
  position:absolute;
  width:400px important;
  height:380px;
  border-radius: 25px;
  margin-top:-50px;
  display: inline-block;

}

 .product-box {
    margin-top:-50px;
   float:right;
   height: 350px;
    width: 450px;
    background: transparent;
    position: relative;
    display: inline-block;
    border-radius: 25px;
    margin-right:-30px;

  }

  .product-details{

	padding-left:30px;
}

.people-img{

  position:absolute;
  width:100% !important;
  height:400px;
  border-radius: 25px;
  margin-top:-500px;
  margin-left:-70px
}

 .people-box {

    height: 500px;
    width: 500px;
    background: transparent;
    position: relative;
    display: inline-block;
    border-radius: 25px;
    margin-left:-150px;




  }

  .people-details{

	padding-top:50px;
	padding-right:0px;
}

.partner-details{

	margin-left:40px;
	margin-bottom:30px;
}

.line-1{
  position: relative;
  width: 100%;
  height: 3px;
background:#e1cc85;
 margin-bottom:50px;
 margin-left:10%;
}

.line-3{
  position: relative;
  width: 100%;
  height: 3px;
background:#e1cc85;
   margin-bottom:50px;
   margin-left:4%;

}


.line-4{
  position: relative;
  width: 100%;
  height: 3px;
background:#e1cc85;
  margin-bottom:50px;
  margin-right:20%;
  margin-left:-30px;

}

.corporate-video1{
	margin-top:-300px;
    border-radius:50px;
    width:1200px !important;
    height:300px;
    margin-left:50px;

}

.we-are-novugen-details{

	margin-left:60px;


}


}

/* Target 12-inch MacBook */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 1280px) and (max-height: 1366px) {

}

/* Target 13-inch MacBook */
@media only screen and (min-width: 1280px) and (max-width: 1440px) and (min-height: 800px) and (max-height: 900px) {


.logo a{

    margin-left:-150px;
margin-bottom:-100px !important;

}

.news-details{
	margin-left:10px;

}





  .product-details{

	padding-left:30px;
}



.product-img{
  float:right;
  position:absolute;
  width:400px important;
  height:380px;
  border-radius: 25px;
  margin-top:-50px;
  display: inline-block;

}

 .product-box {
    margin-top:-50px;
   float:right;
   height: 350px;
    width: 450px;
    background: transparent;
    position: relative;
    display: inline-block;
    border-radius: 25px;
    margin-right:-30px;

  }

.people-img{

  position:absolute;
  width:100% !important;
  height:400px;
  border-radius: 25px;
  margin-top:-500px;
  margin-left:-70px
}

 .people-box {

    height: 500px;
    width: 500px;
    background: transparent;
    position: relative;
    display: inline-block;
    border-radius: 25px;
    margin-left:-140px;

   


  }

  .people-details{

	padding-top:50px;
	padding-right:0px;
}

	.partner-details{

	margin-left:40px;
	margin-bottom:30px;

}

.line-1{
  position: relative;
  width: 100%;
  height: 3px;
background:#e1cc85;
 margin-bottom:50px;
 margin-left:10%;
}

.line-3{
  position: relative;
  width: 100%;
  height: 3px;
background:#e1cc85;
   margin-bottom:50px;
   margin-left:4%;

}


.line-4{
  position: relative;
  width: 100%;
  height: 3px;
background:#e1cc85;
  margin-bottom:50px;
 margin-right:20%;
  margin-left:-30px;

}

.corporate-video1{
	margin-top:-300px;
    border-radius:50px;
    width:1200px !important;
    height:300px;
    margin-left:50px;

}

.we-are-novugen-details{

	margin-left:60px;


}


}

@media only screen and (min-width: 1440px) and (max-width: 1920px) and (min-height: 900px) and (max-height: 1200px) {
  /* Styles for 15-inch MacBook */
}

/* Target 16-inch MacBook */
@media only screen and (min-width: 1920px) and (max-width: 3072px) and (min-height: 1080px) and (max-height: 1920px) {
  /* Styles for 16-inch MacBook */
}


@media only screen and (max-width: 1024px) {
.people-box {

    height: 400px;
    width: 400px;

  }

    .people-box:before,
  .people-box:after {

    margin-right:20px;
    margin-top:30px;
   


  }


.timeline-next{
margin-top:-15px;

margin-right:-70px !important;

}

.timeline-prev{
margin-top:-15px;
margin-left:-80px !important;
}




	}

@media only screen and (max-width: 1440px) {
html, body{
	    max-width: 100%;
    overflow-x: hidden;

}

.gold{
  /*margin-top:-15px;*/
}



 .gold-img {

  width:55%;
  height:55%;

   /*margin-left:72px;*/

}
.ps-bots{
  position:relative;
  color:white;
  width:85%;
  font-size:15px;
  font-weight:300;
  /*margin-left:40px;*/
  /*margin-top:-19px;*/
  
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
  /*margin-left: 40px;*/
}

 .halal-img {
  width:56%;
  height:56%;
   /*margin-left:72px;*/
}


.people-img{


  width:500px !important;
  height:400px;
  margin-top:-500px;

}


 .people-box {

    height: 450px;
    width: 470px;



  }
  .people-box:before,
  .people-box:after {
margin-left:150px !important;
    margin-top:0px;


  }

   ul.navbar-nav li a {

   padding: 5px 10px !important;
   margin-right:0px !important;
   margin-top:0px;

   }

.news-details {
position:relative;
margin-left:5px !important;

}

.line {
  height: 45px;
  margin-bottom:-60px;
}

.product-img{
width:400px ;
height:300px ;
}

 .product-box {
    margin-top:-60px;
    height: 300px;
    width: 400px;

  }

  .product-one:before,
  .product-one:after {
    top: 50px;
    left:35px;

  }

.product-details{

padding-left:40px !important;
padding-right:15px;
  }






}

@media screen and (min-width: 1920px) {


 #latest-news-slider{


 }


.news-details {
position:relative;
margin-left:100px;


}


.about-us-img{
right:20%;

}
.about-us-details{
	margin-left:-100px !important;
}


.box {
 right:20%;

}

.partner-details{

margin-bottom:30px;

}

.we-are-novugen-details{


}

.corporate-video1{
	margin-top:-400px;
    border-radius:50px;
}

.video-section{
margin-top:250px;

}


.footer-row{
margin-left:-10px;

}


.footer-form-newsletter{
margin-left:200px !important;

}

.list-one{
	margin-left:-100px;
}

.list-ten{
	margin-right:-150px;
}


 .gold p{
  font-weight:700;
  margin-left:50px !important;
  margin-top:30px !important;


}
 .ps-bots{
 margin-top:30px !important;


}


 .gold-img {
  margin-top: 25px;
  width:30%;
  height:30%;
   margin-left:150px;
}

.halal-img {
	width:30%;
  height:30%;
   margin-left:150px;
}


}












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

.news-header{

background: linear-gradient(to right, #A48138, #A48138, #ebdf98, #ebdf98, #A48138, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;

}


.news-img {
    width: 250px;
    height: 250px;
  }


.news-details{
	margin-left:20px;

}

.news-details span{
margin-left:-25px;
}



.slick-next{
 margin-top:-10px;
}

.slick-prev{
  margin-top:-10px;
}


.location-header{
 font-size:10px;
text-align:center;
}

.location-header-text{
 font-size:13px;
 text-align:center;
}

.location-text{
 font-size:10px;
 height:50px;
 text-align:center;
}

.success-details{
padding-bottom:100px;
font-size:10px;

}

.success-read-more{
padding-top:50px;
}

.modal-nav{
 font-size:30px;


}
.previous{

margin-left:20px;

}

.next{

margin-right:20px;

}

.line-1{
display:none;
}

.line-3{
display:none;
}

.line-4{
display:none;
}

.corporate-video1{
margin-left:20px;

}

.ps-timeline-sec .container ol.ps-timeline li p {
  text-align: center;
  width: 90%;
  font-size:10px;
}

.location-text{
 font-size:10px;
 height:80px;
 text-align:center;
}

.location-text-dash{
  font-size:10px;
  padding-bottom:15px;
  text-align:center;
}
.location-add-text{
  text-align:center;
  font-size:10px;

}



}

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

.news-img {
    width: 250px;
    height: 250px;
  }

.news-details{
	margin-left:22px;

  }

.news-details span{
	margin-left:-50px ;

  }
  




.news-text{
	width:250px;
	font-size:15px;
	margin-bottom:15px;
}

.news-header{

background: linear-gradient(to right, #A48138, #A48138, #ebdf98, #ebdf98, #A48138, #A48138);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;

}

.slick-next{
 margin-top:-10px;
}

.slick-prev{
  margin-top:-10px;
}



.location-header{
 font-size:10px;
text-align:center;
}

.location-header-text{
 font-size:11px;
 text-align:center;
}

.location-text{
 font-size:8px;
 height:50px;
 text-align:center;
}


.success-details{
padding-bottom:100px;
font-size:10px;

}

.success-read-more{
padding-top:90px;
}

.modal-content{
width:200px;
height:200px;

}

.modal-thumbnail{
margin-top:50px;
}

.line-1{
display:none;
}

.line-3{
display:none;
}

.line-4{
display:none;
}

.ps-timeline-sec .container ol.ps-timeline li p {
  text-align: center;
  width: 90%;
  font-size:10px;
}

}

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


.news-details {

margin-left:45px;


}



}


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

.ps-timeline-sec .container ol.ps-timeline li p {
  text-align: center;
  width: 90%;
  font-size:10px;
}

}

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

.news-details span {

margin-left:-25px;


}

}