.mobile{display: none;}
.team-section{display: none;}
.technical-support{padding-top:100px;}

.typespost img{display: none;}
.postwerrap{display: none;}



@media (max-width:1480.8px) {
	.slide-info{left:6%;}
.Modular-img{height: 370px;}
.values-section .owl-prev:before{right: 20%;}
.latest-section .owl-prev:before{right: 8%;}
.longevitysection .owl-prev:before{right:20%;}
	
.timelineitem {width: 115px;}	
	.timeline-year:before{left:62px;}	
	.timeline-info p {font-size: 14px;line-height: 20px; max-width:180px;}
	.timeline-popup {left: 82px;}
	.timeline-info h5{font-size:22px;line-height: 26px;}
	
	
	
	
}


@media (max-width:1390.8px) {
.slide-info{left:10%;}
.timeline-track {left: calc(50vw - 570px);}	
.timeline-info p {font-size: 14px;line-height:18px; max-width:140px;}	
.timeline-year:before {left: 56px;}
	.timelineitem {width:100px;}	
	.timeline-popup {left: 75px;}
	
}


@media (max-width:1366.8px) {
.stepcnt h3{font-size: 14px; line-height: 18px;}
	.machine-section{height:690px;}
  .Modular-img img {max-width: 120px;}

	
	
	
	
	
	
	
	
}

@media (max-width:1280.8px) {
.slide-info {left: 6%;}


}


@media (max-width:1199.8px) {
.navmenu .nav-item a{font-size: 16px; padding: 0px 10px;}
}


@media (max-width:1024.8px) {
.our-cnt h4{font-size: 30px;}
.timeline-info p{font-size: 16px; line-height: 22px;}
.timeline-info h5{font-size:20px; line-height: 28px;}

.values-section{padding:90px 0px 90px 90px;;}
.values-section .owl-prev:before{right: 22%;}
.mission-cnt p{font-size: 14px; line-height: 20px;}
.timelineitem {width: 120px;}
.timeline-track {left: calc(50vw - 500px);}
.timeline-year:before{left: 45px;}
.multitrack {padding-left: 140px;}
.single-img{padding: 0px;}
.longevitysection{padding: 60px 0px 60px 60px;}
.bloghd h3{font-size: 30px;}
.longevitysection .owl-prev:before {top: -24%;right: 20%;}
.longevitysection .owl-next:before{top: -24%;right:10%;}


.bringing-text h4{font-size: 26px; line-height:32px;}
.expertise-text h3{font-size: 26px; line-height:32px;}
.machine-section {height: 530px;}

.bottom-text h5{font-size: 22px; line-height: 26px;}
.bottom-text p{font-size: 14px; line-height: 20px;}
.celiablecnt P{font-size: 14px; line-height: 20px;}

.certified h4{font-size: 20px; line-height: 26px;}
.titlewrap h3{font-size:45px; line-height:52px;}
}









@media (max-width:991.8px) {
  li.nav-item.open {margin-bottom: 0px;}
  .navmenu .dropdown li{margin-bottom:15px;}
  .navmenu .dropdown li a{font-size:16px; line-height:normal;}
.header-menu{margin: 0px 20px; padding: 6px 0px;}
.navbar-toggler{top: 0px; right: 15px;}
.header-menu a.navbar-brand img{padding-left:15px;}
.navbar-collapse {position: absolute;top: 100%;width: 100%;left: 0px;z-index: 9999;border-radius:21px;background:#fbfbfb; padding: 30px 30px; margin-top:12px;}
.navmenu .nav-item a {font-size: 18px;padding: 0px 0px;}
.navmenu li{margin-bottom: 30px;}
.navbar-nav {align-items: normal;}
.home-tittle h1{font-size: 45px; line-height: 50px;}
.home-tittle p{font-size: 16px; line-height: 24px;}
.slide-info {left: 8%;top: 80%;}
.bringing-text h4{font-size: 22px; line-height: 26px;}
.bringing-text p{font-size: 14px; line-height: 20px;}
.expertise-text h3 {font-size: 20px;line-height: 22px;margin-bottom: 12px;}
.expertise-text h5{font-size:15px;line-height: 22px;margin-bottom: 12px;}
.expertise-text p{font-size: 14px; margin-bottom: 30px; line-height: 20px;}
.testament p{font-size: 14px; line-height: 20px; margin-bottom:20px;}
.all-btn .btn{font-size: 14px;}
.gridwrapper { grid-template-columns: repeat(2, 1fr);}
.presence-section{padding: 60px 0px;}
.portfolio-section{padding: 60px 0px;}
.machine-section{padding: 60px 0px;}
.innovation-section{padding: 60px 0px;}
.latest-section{padding: 60px 0px;}
.upgrade-section{padding: 130px 0px;}
.footer {padding:40px 0px 20px 0px;}
.about-banner{padding: 160px 0px;}

.bloghd h3 {font-size: 28px;line-height: 30px;margin-bottom: 30px;}
.titlewrap h3{font-size:40px;line-height:44px; margin-bottom: 15px;}
.titlewrap p{font-size: 20px; line-height: 24px;margin-bottom: 15px;}
.titlewrap{padding-bottom: 40px;}
.companymenu{left: 0px;}
.ftr-menu{margin-bottom: 20px;}
.ftr-werp {grid-template-columns: repeat(2, 1fr);}
.copyright{margin-top: 20px;}
.wrappercover{padding: 40px 20px;height: 100%;}
.servicehd h4{font-size: 24px; line-height: 30px;}
.clientswerap{left: 0px;}
.celiablecnt P{font-size: 14px; line-height: 20px;}
.clientswerap{gap: 0px 10px;}
.certified{padding: 40px 15px;height: 100%;}
.certified h4{font-size: 20px; line-height: 26px;}
.ourcard {padding: 40px 0px 0px 20px;height: 100%;}
.ourcard h5{font-size: 24px; line-height: 26px;}
.ourcard p{font-size: 16px; line-height: 22px;}
.partnerwerap{padding: 40px 20px; height: 100%;}
.latest-section .owl-prev:before {top: -20%;    right:12%;width: 50px;height: 50px;background-size: 50px;}
.latest-section .owl-next:before {top: -20%;width: 50px;height: 50px;background-size: 50px;}
	.ourcard p{max-width:110px;}

.celiablecnt{text-align: center;}

.about-banner h2{font-size: 45px;line-height:56px;}
.about-section{padding: 60px 0px;}
.about-hd h3 br{display: none;}
.about-hd h3{font-size: 45px;line-height:56px;}
.our-cnt h4{font-size: 26px; line-height: 30px;}

  .clients-moments{padding: 60px 0px;}
  .tittle-hd h2{font-size:26px;}
   /* .timeline-track {left: calc(50vw - 250px);}
   .timeline-content{height: 360px;}
   .timeline-scroll{height: 80px;}
.timelineitem {width: 90px;} */

.timeline-content {height: auto; margin-top: 40px;}
.timeline-content .timeline-scroll {position: relative; height: auto; overflow: hidden; margin-bottom: auto;}
.timeline-content .timeline-track {position: relative; display: flex; flex-direction: column;left: calc(0vw - 0px);}
.timeline-content .timelineitem {width: 100%;height: auto;}
.timeline-content .timeline-track .timelineitem .timeline-popup .timeline-info{font-size: 18px; line-height: normal; max-width:initial;}
.timeline-content .timeline-popup {position: relative; width: 100%; height: auto; left: 0; transform: none;}
.timeline-content .timeline-popup .timeline-img img { height:90px; margin-top: 10px; margin-bottom: 10px;}
.yearwarp{font-size: 18px;}
.timeline-content .timeline-track .timelineitem .timeline-popup:after{top: -4px;left: 0%; width: 100%; height: 1px; margin-top: 0px;}
.timeline-info h5{font-size: 18px;}
.timeline-info p {font-size: 14px;line-height:18px;}
.timeline-content .timeline-track .timelineitem{width: 18%; height:70px;}
.timeline-content .timeline-track .timelineitem .timeline-year:before {left:9px;width: 1px;height: 100%;border-left: 1px solid #e2e2e2; background-color: transparent;}
.timeline-content .timeline-track .timelineitem .timeline-year:after{margin-bottom:-30px;}
.timeline-content .timeline-track .timelineitem .timeline-popup{top: -72%;left: 100px; width: 160px;}
	.timeline-content.ar_about_timeline .timeline-track {left: calc(0vw - 344px);}
	.timeline-content .timeline-track .timelineitem{width:20%;display:block;}
	.timeline-content .timeline-track .timelineitem .timeline-year{display:block;}
	.timeline-content .timeline-track .timeline-year h2 {font-size: 14px;position: relative;left: 40px;top: 12px; text-align: left;}
	.timeline-content .timeline-track .timelineitem .timeline-popup .timeline-info{font-size:14px;display:block;text-align:left;}
	.timeline-content .timeline-scroll{overflow:inherit;}
	.timeline-content .timeline-track .timelineitem .timeline-popup .timeline-info br{display:none;}
	
.values-section {padding: 60px 0px 50px 20px;}
  .values-section .owl-prev:before{top:-22%;}
  .values-section .owl-next:before{top:-22%;}

  .team-section{padding: 60px 0px;}
.teamwerap {grid-template-columns: repeat(2, 1fr);}
.team-section h2{font-size: 35px; line-height: 40px;}
.git-item p{font-size:26px; line-height:35px;}
.support-bg{padding: 60px 20px;}
.product-hd h3{font-size: 35px; line-height: 40px;}
.product-banner {padding: 90px 0px 60px 0px;}
.blog-werrap {grid-template-columns: repeat(2, 1fr);}
.product-hd{margin-bottom: 30px;}
.detail-werap h3{font-size: 38px; line-height: 44px;}
.blog-post{padding: 20px 0px;}

.products-section{padding: 60px 0px;}
.product-card{display: block;}
.arrow-btn { margin-top: 30px;}
.product-content{max-width: 100%;}
.product-image img{width: 100%;}

.getcontent{height: auto; margin-bottom: 40px;}
.contact-page {padding: 140px 0px 60px 0px;}
.getcontent{padding: 50px 20px;}
.getcontent h2{font-size: 40px; line-height: 45px;}
.getcontent p{font-size: 15px;}
.latest-list h4{font-size: 16px;}
.latest-list h4 br{display: none;}
.latest-list p{font-size: 14px;}
.latest-list{padding: 20px  10px;}
.contact-form { padding-left: 0px;}

.single-card {padding: 20px 20px 0px 20px;}


.specifications li{padding-right: 10px;}

.workflow-steps {grid-template-columns: repeat(3, 1fr);gap: 20px 20px;}
.longevitysection .owl-prev:before{top: -18%;}
.longevitysection .owl-next:before{top: -18%;}
.workflow-steps:before{display: none;}

.machine-section {height: 400px;}
.Trackflowing .modal-body{padding: 60px 20px; height: 100%;}
.flowingcnt {padding-left: 0px; margin-top: 30px;}

button.btnclose{top: 0px;}
.flowingcnt h3{font-size: 30px; line-height: 34px;}
.Trackflowing .modal-dialog{position: relative;}

.technical-support{padding-top:60px;}


}






@media (max-width:767.8px) {
.slide-info {left: 0;right: 0px;top: 80%;justify-content: center;}
.expertise-wrapper{padding-left: 0px; margin-top: 30px;}
.bringing-text h4 {font-size: 24px;line-height: 32px;}
.machine-section {padding: 60px 0px 0px 0px; height: 100%;}
.machine-img img{display: block;}

.bottom-text{padding: 0px 20px;}
.cardwerap{margin-top: 30px;}
	.bringing-text{margin-bottom:30px;}
.servicehd h4 span{display: block;}
.certified{margin-left: 0px; margin-top: 15px;height: auto;}
.ourcard{margin-right: 0px; height: auto;}
.heading-hd h2 {font-size: 28px;line-height: normal;}
.contact-page {
        padding: 90px 0px 20px 0px;
    }
.bloghd h3 {font-size: 24px;line-height: 30px;margin-bottom: 20px;}
.social-icon{margin-bottom: 40px;}
.latest-list .col-3 {width: 100%;}
.latest-list .col-5 {width: 100%;}
.latest-list .col-2{width: 100%;}
.latest-list .col-4{width: 100%;}
.latest-list p span{text-align: left;}
	.ftr-menu li a{margin-bottom:20px;}

.location-section h2{font-size: 30px; line-height: normal; margin-bottom: 20px;}
.single-werrap{grid-template-columns: repeat(2, 1fr); gap: 20px 20px;}
.product-content{padding: 20px;}
.product-content h2{font-size: 20px; line-height: 26px;}
.workflow-section{padding: 60px 0px 0px 0px;}
.longevitysection {padding: 60px 0px 60px 20px;}
.industry-section{padding: 60px 0px;}
.industry-section .bloghd h3{margin: 0 auto 30px;} 
.blogcnt h5{font-size: 14px;}

.specifications{padding-bottom: 60px; padding-top:20px;}
.contact-infom {margin-top: 30px;}
.products-section .arrow-btn{position:relative; bottom:auto;}	
	
	
.machine-section {background-image: url('https://hipackfill.com/wp-content/uploads/2025/12/machine-banner.jpg') !important;}	
	
	
	
	
}





@media (max-width:576.8px) {
.progress-line span.current{width: 120px;}
.container {padding: 0px 20px;}
.presence-section {padding: 40px 10px;}
.single-werrap {
	grid-template-columns: repeat(1, 1fr);}
.copyright .row{flex-wrap: wrap-reverse;}
.privacy-dlf{justify-content: space-between; margin-bottom: 5px;}
.bloghd h3{font-size:24px;}

.latest-section .owl-prev:before {top: auto;right: auto;width: 50px;height: 50px;background-size: 50px;left:30%; bottom:-8%;}
.latest-section .owl-next:before{top:auto;width:50px;height:50px;background-size: 50px; right:30%; bottom:-8%;}

.values-section .owl-prev:before {top: auto;right: auto;width: 50px;height: 50px;background-size: 50px;left:33%; bottom:-14%;}
.values-section .owl-next:before{top:auto;width:50px;height:50px;background-size: 50px; right:33%; bottom:-14%;}


.longevitysection .owl-next:before{top:auto;width:50px;height:50px;background-size: 50px; right:30%;}
.longevitysection .owl-prev:before {top: auto;right: auto;width: 50px;height: 50px;background-size: 50px;left:30%;}	
	
	.values-section {
        padding: 60px 0px 90px 20px;
    }
	
	
.gridwrapper {grid-template-columns: repeat(1, 1fr);}
.leaderswerap{grid-template-columns: repeat(2, 1fr); gap: 20px 20px;}
.product-werrap{grid-template-columns: repeat(1, 1fr);}
.product-image{display: block;}

.snus-hd p{font-size: 16px; line-height: 22px;}

.longevitysection .bloghd h3{}
.Modular-img{padding: 60px 20px;}


.home-tittle h1 {font-size: 34px;line-height: 38px;}
.home-tittle p{font-size: 14px;}
.home-tittle .btn{font-size: 14px;}

.titlewrap p{font-size: 14px; line-height: 20px;}
.titlewrap .btn{padding: 10px 16px;}

.multitrack {padding-left:20px;}
.multitrack h2{font-size: 28px; line-height: 34px; max-width: 280px;}
.latest-list p{line-height: 20px;}
.latest-list h4{margin-bottom: 8px;}
.single-card h4{font-size:20px; line-height:26px;}
.explore-section h3{font-size:26px; line-height:30px; margin-bottom: 20px;}

.Brochure-btn{display: block;}
.Brochure-btn .btn{width: 100%;}
.Modular-img img {max-width: 100%;max-height: 120px;}

.productlist .value{width:50%; padding-left: 0px;}
	.servicehd p{font-size:14px; line-height:22px;}
	.certified ul{ gap: 35px 10px;}
	.ftr-werp {
        grid-template-columns: repeat(1, 1fr);
    }
	
	.homeslider{height:600px;}

}


  
@media (max-width:480.8px) {
 .certified h4 {font-size: 24px;line-height: 32px;}
.clientswerap{grid-template-columns: repeat(2, 1fr); gap: 35px 10px;}
.expertise-text{padding-top: 10px;}
.home-tittle h1 {font-size:28px;line-height:34px;}

.homeslider {padding:130px 0px 160px 0px;}
.progress-line span.current {width: 100%;}
.servicehd {margin-bottom:30px;}
.certified li {margin-top:30px;}
.partnerslider {grid-template-columns: repeat(2, 1fr);}
.partnerwerap h4{margin-bottom: 20px;}
.ourtext h6{font-size: 14px;}
.ourtext p{font-size: 12px; margin: 0px;}
.team-section h2 {font-size: 28px;line-height: 35px;}
.tittle-hd h2 {font-size: 24px; line-height:30px;}
.tittle-hd h2 br{display: none;}
.expertise-werap{grid-template-columns: repeat(1, 1fr);}
.our-cnt{padding: 20px 0px;}
.about-hd p{font-size: 14px;}
.about-hd{margin-bottom: 20px;}
.about-hd h3 {font-size: 26px;line-height: 32px;}
.about-hd h6{font-size:20px;line-height:normal;}
.about-banner h2 {font-size: 35px;line-height: 40px;}
.git-item p {font-size: 18px;line-height: 28px;}
.git-item h6{font-size: 16px;}
.product-hd h3 {font-size: 22px;line-height: 28px;}
.product-hd h3 br{display: none;}
.blog-werrap {grid-template-columns: repeat(1, 1fr);}
.loadmore{margin-top: 30px;}
.detail-werap h3 {font-size: 28px;line-height: 34px;}
.detail-werap h4{font-size: 28px;line-height: 34px;}
.postwerrap{grid-template-columns: repeat(2, 1fr); padding: 20px 0px;}
.getcontent h2 {font-size: 30px;line-height:34px;}
.accordion-section .accordion-button{font-size:18px;}
.machinebox{padding: 20px;}
.machinebox h5{font-size:24px; line-height: 30px;}
.throughput p{line-height: 18px;}
.specifications li{font-size: 14px;}
.specifications h3{font-size:28px; margin-bottom: 20px;}
.workflow-steps { grid-template-columns: repeat(2, 1fr);}
.exacticon{min-height: auto; width: auto; height: auto;}
.stepflow:after{display: none;}
.our-expertise h3 {font-size: 26px;line-height:32px;}
	.progress-line span{width:120px;}
.slide-info {left:0%; top:88%;}
.specifications li{padding-left: 0px;}
.throughput h5{font-size: 18px;}
	.home-tittle p br{display:none;}
}


@media (max-width:425.8px) {
 .titlewrap h3 {font-size: 30px;line-height: 34px;}
}





@media (max-width:390.8px) {
.slide-info {left: -2%;}
.servicehd h4 {font-size: 22px;line-height: 28px;}
.servicehd p{font-size: 14px; line-height: 20px;}
.partnerwerap h4{font-size: 24px; line-height: 28px;}


.titlewrap p {font-size: 16px;}
.titlewrap .btn{padding: 12px 20px;}
.ftr-werp {grid-template-columns: repeat(1, 1fr);}
.ftr-menu li a{margin-bottom: 20px;}
.bringing-text h4 {font-size: 20px;line-height: 28px;}
.about-hd h3 {font-size: 22px;line-height: 28px;}
.about-banner h2 {font-size: 30px;line-height: 34px;}


}



@media (max-width:350.8px) {
 .specifications li {font-size: 12px;}
.longevitysection .bloghd h3 {max-width: 220px;}
.about-banner h2{font-size: 26px; line-height: 30px;}
.our-expertise h3{font-size: 22px; line-height:26px;}
.accordion-section .accordion-button{font-size: 14px;}
	.home-tittle h1 {
        font-size: 26px;
        line-height: 32px;
    }
	
	
	
}


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