.overview-marquee-v2.overview-marquee .text-marquee-wrapper .text-marquee-text:before{ background-size: 100% 100% !important; }
.punjas-section{ overflow: hidden; }
.inner-banner .banner-text.banner-news-details  .text { max-width: 1088px;; }
.company-brand-listing ul li{  padding: 0 2px;}
.company-brand-listing ul li span{ max-width: 99%; }
.company-brand-listing ul li span img{ max-width: 99%; } 


@media (min-width: 1300px) and (max-width: 1650px){
	.main-banner .hero-slider .slider-box .slider-text .h1{ font-size:54px; }
}

@media (min-width: 1300px) and (max-width: 1439px){

/*============ Header Start ============*/

/*============ Header End ============*/

/*============ Banner Start ============*/
/* Index page Start */
.main-banner .hero-slider .slider-box { padding: 130px 0px 120px 0px; }
/* Index page End */
/*============ Banner End ============*/

/*============ Content Start ============*/
/* Index page Start */
.h1, h1 { font-size: 62px; }
.h2, h2 {font-size: 44px;}
body { font-size: 22px; }
p { font-size: 22px; }

.overview-section { padding: 120px 0 120px 0; }
.overview-block .overview-text .text-elements .el-text { padding: 0 0 0 80px; }
.overview-marquee { margin: 70px 0 0 0; }
.overview-marquee .text-marquee-wrapper .text-marquee-text { font-size: 90px; padding: 0 30px 0 110px; }
.overview-marquee .text-marquee-wrapper .text-marquee-text:before { width: 80px;height: 80px; }
.punjas-section { padding: 120px 0 120px 0; }
.punjas-slider .slider-card { width: 28%; margin: 0 50px 0 0; }
.case-studies-section { padding: 120px 0 120px 0; }
.case-studies-block .case-studies-text .text-elements p { margin: 0 0 25px 0; }
.quanity-section { padding: 120px 0 120px 0; }
.quanity_row .quanity_item { padding: 31px 45px; }
.quanity_row .quanity_item .numberbox { width: 25%; font-size: 44px; }
.quanity_row .quanity_item .info { width: 75%; }
.committed_content { padding: 130px 0px; }
.trusted-section { padding: 120px 0 0 0; }
#news-insights { padding: 96px 0 0 0; }
.news-insights-section { padding: 0 0 120px 0; }
.news_row .news_item .newsbox .imagebox .image { width: 200px; }
.footer-wrapper { padding: 120px 0 0; }
.footer-howcanwe .footer-howcanwe_content h2 { font-size: 90px; }
.copyright { padding: 0 0 60px; }
/* Index page End */
/*============ Content End ============*/

/*============ Footer Start ============*/
/*============ Footer End ============*/


/*======= about page start =============*/
.inner-banner .banner-text .text{ max-width: 650px;; }
.inner-banner{ min-height: 550px;; }

.company-section-3{ padding: 180px 0 0 0; }
.sustainability-outer .company-section-2 + .company-section-3{ padding-top: 170px; }
.sustainability-section-1{ padding: 120px  0; }
.punjas-slider .slider-card .cardbox .slider-text-wrap{ padding: 20px 0 0 0; }
.punjas-slider .slider-card .cardbox .slider-text-wrap h3{ font-size: 24px;; }

.map_section{ padding-top: 90px; }
/*======= about page End =============*/

/*========= new page start ========*/
.inner-banner .banner-text.banner-width .text{ max-width: 1000px;; }
.news-outer{ padding: 120px 0; }
.news-listing{ padding: 50px 0 100px; }
.news-title h2{ font-size: 44px; }

.news-details-section{ padding: 40px 0 100px; }
.news-data-block h2{ font-size: 44px;; }
.news-data-block  ul li,
.news-data-block  ol li { font-size: 22px;; }
.share-post-block{ padding: 70px 0 0 0; }
/*========= new page start ========*/

/*======= Our-Purpose Page Start =============*/
.our_value_section { padding: 120px 0; }
/*======= Our-Purpose Page End =============*/


/*======= Career Page Start =============*/
.team-block {padding: 80px 0 0 0;}
/*======= Career Page End =============*/



/*======= Contact Page Start =============*/
.contact-section { padding: 120px 0	; }
.enquiry-section { padding: 120px 0	0; }
.loca-menu ul li a { font-size: 26px; padding: 41px 0 41px; }
/*======= Contact Page End =============*/

/*======= Companies Page Start =============*/
.company-section-1{  padding: 120px 0 0 0;}
.company-brand-section{ padding: 120px 0; }

.packaging-section{ padding: 120px 0 0 0; }
.manufacturing-section{ padding: 120px 0 0 0; }
/*======= Companies Page Start =============*/


/*========== brand page start ============*/
.main-banner.version-2 .hero-slider .slider-box{ min-height: 550px;; }
.brands-section{ padding: 100px 0 0 0; }
.brands-block .brands-title{ margin: 0 0 40px;; }
.brands-block{ padding: 0 0 40px; }
.brands-block + .brands-block{ padding: 100px 0 40px 0; }

.range-section{ padding: 0 0 50px; }
.brands-block .brands-list .brands-box .captionbox h3{ font-size: 20px;; }
/*========== brand page end ==============*/

.case-studies-block .case-studies-text .text-elements .el-tagline{ max-width: 100%; }
}
@media (min-width: 1200px) and (max-width: 1299px){

/*============ Header Start ============*/
/*============ Header End ============*/

/*============ Banner Start ============*/
/* Index page Start */
.main-banner .hero-slider .slider-box { padding: 180px 0px 120px 0px; }
/* Index page End */
/*============ Banner End ============*/

/*============ Content Start ============*/
/* Index page Start */
.h1, h1 { font-size: 58px; }
.h2, h2 {font-size: 40px;}
body { font-size: 20px; }
p { font-size: 20px; }

.overview-section { padding: 100px 0 100px 0; }
.overview-block .overview-image { width: calc((100vw - 1170px) / 2 + 100% +  15px); padding: 0 0 0 80px; }
.overview-block .overview-text .text-elements .el-text { padding: 0 0 0 80px; }
.overview-block .overview-text { margin: 0 -10px 0 60px; }
.overview-marquee { margin: 70px 0 0 0; }
.overview-marquee .text-marquee-wrapper .text-marquee-text { font-size: 80px; padding: 0 30px 0 110px; }
.overview-marquee .text-marquee-wrapper .text-marquee-text:before { width: 70px;height: 70px; }
.punjas-section { padding: 100px 0 100px 0; }
.punjas-slider .slider-card { width: 28%; margin: 0 50px 0 0; }
.case-studies-section { padding: 100px 0 100px 0; }
.case-studies-block .case-studies-text .text-elements p { margin: 0 0 25px 0; }
.quanity-section { padding: 100px 0 100px 0; }
.quanity_row .quanity_item { padding: 31px 45px; }
.quanity_row .quanity_item .numberbox { width: 20%; font-size: 40px; }
.quanity_row .quanity_item .info { width: 80%; padding: 0 0 0 84px; }
.committed_content { padding: 100px 0px; }
.trusted-section { padding: 100px 0 0 0; }
#news-insights { padding: 96px 0 0 0; }
.news-insights-section { padding: 0 0 100px 0; }
.news_row .news_item .newsbox .imagebox .image { width: 200px; }
.footer-wrapper { padding: 100px 0 0; }
.footer-howcanwe .footer-howcanwe_content h2 { font-size: 70px; }
.copyright { padding: 0 0 60px; }

.case-studies-block .case-studies-image .image-wrapper .imagebox .image span{ min-height: 528px; }
/* Index page End */

/*============ Content End ============*/

/*============ Footer Start ============*/
/*============ Footer End ============*/

/*======= about page start =============*/
.inner-banner .banner-text .text{ max-width: 650px;; }
.inner-banner{ min-height: 500px;; }
.company-block-2 .company-image-2 .image-wrapper .imagebox .image span{ min-height:480px; }

.company-section-3{ padding: 150px 0 0 0; }
.sustainability-outer .company-section-2 + .company-section-3{ padding-top: 140px; }
.sustainability-section-1{ padding: 100px  0; }

.punjas-slider .slider-card .cardbox .slider-text-wrap{ padding: 20px 0 0 0; }
.punjas-slider .slider-card .cardbox .slider-text-wrap h3{ font-size: 24px;; }
.map_section{ padding-top: 90px; }
/*======= about page End =============*/

/*========= new page start ========*/
.inner-banner .banner-text.banner-width .text{ max-width: 900px;; }
.overview-block .overview-image .image-wrapper .imagebox .image span{ min-height: 474px;; }
.news-outer{ padding: 100px 0; }
.news-row-page .news-box a h3{ font-size: 28px; }
.news-listing{ padding: 50px 0 100px; }
.news-title h2{ font-size: 40px; }
.news-details-section{ padding: 40px 0 100px; }
.news-data-block h2{ font-size: 40px;; }
.news-data-block  ul li,
.news-data-block  ol li { font-size: 22px;; }
.share-post-block{ padding: 70px 0 0 0; }
/*========= new page start ========*/


/*======= Our-Purpose Page Start =============*/
.our_value_section { padding: 100px 0; }
.punjas-section-v2 .punjas-slider .slider-card { width: 28%; }
/*======= Our-Purpose Page End =============*/


/*======= Career Page Start =============*/
.team-block {padding: 80px 0 0 0;}
.team-title-inner h3 { padding: 0 0 49px; }
.job-listing { padding: 30px 30px; }
.job-listing .job-row .text-1 {width: 385px;}
.job-listing .job-row .text-2 { width: 275px; }
.job-listing .job-row .text-3 { width: 280px; }
/*======= Career Page End =============*/


/*======= Contact Page Start =============*/
.contact-section { padding: 100px 0	; }
.enquiry-section { padding: 100px 0	0; }
.loca-menu ul li a { font-size: 26px; padding: 41px 0 41px; }
/*======= Contact Page End =============*/

/*======= Companies Page Start =============*/
.company-section-1{  padding: 100px 0 0 0;}
.company-text-top{ max-width: 770px;; }
.company-brand-section{ padding: 100px 0; }
.packaging-section{ padding: 100px 0 0 0; }
.manufacturing-section{ padding: 100px 0 0 0; }
/*======= Companies Page Start =============*/

/*========== brand page start ============*/
.main-banner.version-2 .hero-slider .slider-box{ min-height: 550px;; }

.brands-block .brands-title{ margin: 0 0 40px;; }
.brands-block{ padding: 0 0 40px; }
.brands-section{ padding: 80px 0 0 0; }
.brands-block + .brands-block{ padding:80px 0 40px 0; }

.brands-block .brands-list .brands-box{ min-height: 440px;; }
.range-section{ padding: 0 0 50px; }
.brands-block .brands-list .brands-box .captionbox h3{ font-size: 18px;; }
/*========== brand page end ==============*/

}
@media (min-width: 1200px) and (max-width: 1400px){
	.container {max-width: 1030px;}
	.header-block{  height: 100px;; padding: 0 40px;; }
	.overview-block .overview-image{ width: calc((100vw - 1030px) / 2 + 100% +  15px);}
	.logo .logo-image img{ max-height: 70px;; }
	.h1, h1 { font-size: 50px; }
.h2, h2 {font-size: 36px;}
body { font-size: 20px; }
p { font-size: 20px; }
.news_row .news_item .newsbox h3{ font-size: 26px;; }
.brands-block .brands-list .brands-box{ min-height: 382px;; }
.brands-block .brands-list .brands-box .imagebox .image{ min-height: 382px; }
.brands-block .brands-list .brands-box .imagebox .image img{ max-height: 330px; }
.footer-howcanwe .footer-howcanwe_content h2{ font-size: 72px; }
.footer-wrapper{ padding: 100px 0 0 0; }
.case-studies-section{ padding: 100px 0; }
.punjas-section,
.overview-section{ padding: 100px 0; }
.company-section-3{ padding: 120px 0 0 0; }
.sustainability-outer .company-section-2 + .company-section-3{ padding-top: 120px; }
.sustainability-section-1{ padding: 100px 0; }
.our_value_section{ padding: 100px 0; }
.team-block{ padding: 70px 0 0 0; }

.job-listing .job-row .text-1{width: 355px;; }
.job-listing .job-row .text-2{ width: 250px;;}
.job-listing .job-row .text-3{width: 200px;;}
.job-listing .job-row{ font-size: 18px;; }

.company-section-1{ padding: 100px 0 0 0; }
.company-brand-section{ padding: 100px 0; }
.manufacturing-section{ padding: 100px 0 0 0; }
.packaging-section,
.enquiry-section{ padding: 100px 0 0 0; }
.loca-menu ul li a{ font-size: 22px;;}
.contact-section,
.news-outer{ padding: 100px 0; }
.news-listing{ padding: 50px 0 70px;; }

.star-block .defult-star.star-1 {left: 145px;top: 112px;}
.star-block .defult-star.star-2 {left: 182px;top: 247px;}
.star-block .defult-star.star-3 {left: 454px;top: 167px;}
.star-block .defult-star.star-4 {left: auto;top: auto;right: 107px;bottom: 84px;}
.star-block .defult-star.small.star-1 {left: auto;top: auto;bottom: 31px;right: 13px;}
.star-block .defult-star.small.star-2 {left: auto;top: auto;bottom: 112px;right: 30px;}
.star-block .defult-star.small.star-3{left: auto;top: auto;bottom: 104px;right: 3px;}
.star-block .defult-star.small.star-4{left: auto;top: auto;bottom: 84px;right: -7px;}

.map_section{ padding-top: 90px; }

}
@media (min-width: 992px) and (max-width: 1199px){

/*============ Header Start ============*/
/*============ Header End ============*/

/*============ Banner Start ============*/
/* Index page Start */
.main-banner .hero-slider .slider-box { padding: 180px 0px 120px 0px; }
.main-banner .hero-slider .slider-box .slider-text .button { font-size: 16px; }
.main-banner .hero-slider-nav .swiper-pagination .swiper-pagination-bullet { margin: 0 28px 0 0; font-size: 20px; }
/* Index page End */
/*============ Banner End ============*/

/*============ Content Start ============*/
/* Index page Start */
.h1, h1 { font-size: 54px; }
.h2, h2 {font-size: 35px;}
.h3, h3 { font-size: 27px; }
body { font-size: 20px; }
p { font-size: 20px; }

.overview-section { padding: 100px 0 100px 0; }
.overview-block .overview-image { width: calc((100vw - 960px) / 2 + 100% +  15px); padding: 0 0 0 40px; }
.overview-block .overview-image .image-wrapper .imgoverlay.overlay-3 { height: 120px; }
.punjas-title { margin: 0 0 48px 0; }
.case-studies-block .case-studies-image { padding: 0 30px 0 0; }
.case-studies-block .case-studies-image .image-wrapper .imgoverlay.overlay-3 { height: 150px; }
.overview-block .overview-text .text-elements .el-text { padding: 0 0 0 40px; }
.overview-block .overview-text { margin: 0 -10px 0 60px; }
.overview-marquee { margin: 70px 0 0 0; }
.overview-marquee .text-marquee-wrapper .text-marquee-text { font-size: 50px; padding: 0 30px 0 90px; }
.punjas-slider .slider-card .cardbox .slider-text-wrap { padding: 25px 0 0 0; }
.overview-marquee .text-marquee-wrapper .text-marquee-text:before { width: 60px;height: 60px; }
.punjas-section { padding: 100px 0 100px 0; }
.punjas-slider .slider-card { width: 28%; margin: 0 30px 0 0; }
.punjas-btnbox { margin: 55px 0 0 0; }
.button .btn-arrow { width: 50px;height: 50px; }
.button .btn-arrow:after { width: 21px;height: 15px; background-size: contain; margin: -7px 0 0 -10px; }
.case-studies-section { padding: 100px 0 100px 0; }
.case-studies-block .case-studies-text .text-elements p { margin: 0 0 25px 0; }
.news_title .btnbox { padding: 40px 0 0 0; }
.quanity-section { padding: 100px 0 100px 0; }
.quanity_row .quanity_item { padding: 31px 45px; }
.quanity_row .quanity_item .numberbox { width: 20%; font-size: 40px; }
.quanity_row .quanity_item .info { width: 80%; padding: 0 0 0 84px; }
.committed_content { padding: 100px 0px; }
.trusted-section { padding: 100px 0 0 0; }
#news-insights { padding: 96px 0 0 0; }
.news-insights-section { padding: 0 0 100px 0; }
.news_row .news_item .newsbox .imagebox .image { width: 180px; }
.news_row .news_item .newsbox .imagebox { right: 55px; }
.trusted-title { padding: 0 0 50px 0; }
.footer-wrapper { padding: 100px 0 0; }
.footer-howcanwe .footer-howcanwe_content h2 { font-size: 60px; }
.copyright { padding: 0 0 50px; }
.footer_top .contactbox .conct_info p { font-size: 18px; }
.footer_top .contactbox .ft_menu ul li a { font-size: 18px; }

.case-studies-block .case-studies-image .image-wrapper .imagebox .image span{ min-height: 440px;; }

/* Index page End */
/*============ Content End ============*/

/*============ Footer Start ============*/
/*============ Footer End ============*/

/*======= about page start =============*/
.inner-banner .banner-text .text{ max-width: 650px;; }
.inner-banner{ min-height: 580px;; }
.inner-banner{ min-height: 500px;; }

.company-section-3{ padding: 120px 0 0 0; }
.sustainability-outer .company-section-2 + .company-section-3{ padding-top: 120px; }
.company-block-2 .text-elements{ padding: 50px 0 0 0; }
.company-block-2 .company-image-2 .image-wrapper .imagebox .image span{ min-height: 400px; }
.sustainability-section-1{ padding: 100px  0; }
.punjas-slider .slider-card .cardbox .slider-text-wrap{ padding: 20px 0 0 0; }
.punjas-slider .slider-card .cardbox .slider-text-wrap h3{ font-size: 22px;; }


.star-block .defult-star.star-1 {    left: 130px;top: 114px;}
.star-block .defult-star.star-2 {    left: 174px;top: 234px;}
.star-block .defult-star.star-3 {    left: 419px;top: 154px;}
.star-block .defult-star.star-4 {left: auto;top: auto;    right: 98px;bottom: 77px;}
.star-block .defult-star.small.star-1 {left: auto;top: auto;bottom: 29px;right: 13px;}
.star-block .defult-star.small.star-2 {left: auto;top: auto;bottom: 106px;right: 26px;}
.star-block .defult-star.small.star-3{left: auto;top: auto;bottom: 96px;right: -3px;}
.star-block .defult-star.small.star-4{left: auto;top: auto;bottom: 72px;right: -18px;}

.map_section{ padding-top: 90px; }
/*======= about page End =============*/

/*========= new page start ========*/
.inner-banner .banner-text.banner-width .text{ max-width:800px;; }
.overview-block .overview-image .image-wrapper .imagebox .image span{ min-height: 411px;; }
.news_row .news_item .newsbox h3{ font-size: 22px;; }
.news-outer{ padding: 100px 0; }

.news-row-page .news-box a h3{ max-width: 670px;; font-size: 26px; }
.news-row-page .news-box a .imagebox{ right: 120px;; }
.news-row-page .news-box a .imagebox .image{ width: 200px;;}
.news-listing{ padding: 50px 0 70px; }
.news-title h2{ font-size: 35px; }

.news-data-block h2{ font-size: 35px;; }
.news-data-block  ul li,
.news-data-block  ol li { font-size: 20px;; }
.share-post-block{ padding: 70px 0 0 0; }
.news-details-section{ padding: 40px 0 100px; }
/*========= new page start ========*/


/*======= Our-Purpose Page Start =============*/
.our_value_section { padding: 100px 0; }
.punjas-section-v2 .punjas-slider .slider-card { width: 28%; }
.our_value_inner .el-tagline h5 { padding: 0 0 25px 0; }
.benefit_list > .row div[class^="col-"] { padding-top: 38px;padding-bottom: 38px; }
/*======= Our-Purpose Page End =============*/

/*======= Career Page Start =============*/
.team-block {padding: 70px 0 0 0;}
.team-title-inner h3 { padding: 0 0 45px; }
.acc-block .accordion-item .accordion-header .accordion-button { font-size: 21px; padding: 28px 52px 28px 0; }
.job-listing { padding: 20px 20px; }
.job-listing .job-row { font-size: 18px; }
.job-listing .job-row + .job-row { margin: 46px 0 0 0; }
.job-listing .job-row .text-1 {width: 345px;}
.job-listing .job-row .text-2 { width: 205px; }
.job-listing .job-row .text-3 { width: 220px; }
/*======= Career Page End =============*/


/*======= Contact Page Start =============*/
.contact-section { padding: 100px 0	; }
.enquiry-section { padding: 100px 0	0; }
.loca-menu ul li a { font-size: 26px; padding: 28px 0; }
.enquiry-row .title h2 { padding: 0 0 60px; }
.cus_accordion h3 { font-size: 21px; padding: 28px 65px 28px 25px; }
/*======= Contact Page End =============*/



/*======= Companies Page Start =============*/
.company-section-1{  padding: 100px 0 0 0;}
.company-text-top{ max-width: 630px;; }
.company-brand-section{ padding: 100px 0; }
.packaging-section{ padding: 100px 0 0 0; }
.packaging-bottom-blk ul li{ margin: 0px;; }
.manufacturing-section{ padding: 100px 0 0 0; }

.manufacturing-block .manufacturing-text{ margin: 0px; padding-right: 50px;; }
/*======= Companies Page Start =============*/


/*========== brand page start ============*/
.main-banner.version-2 .hero-slider .slider-box{ min-height: 550px;; }

.brands-block .brands-title{ margin: 0 0 40px;; }
.brands-block{ padding: 0 0 40px; }
.brands-section{ padding: 80px 0 0 0; }
.brands-block + .brands-block{ padding:80px 0 40px 0; }
.brands-block .brands-list .brands-box{ min-height: 400px;; }
.brands-block .brands-list .brands-box .imagebox .image img{ max-height: 300px; max-width: 80%; }
.brands-block .brands-list .brands-box .imagebox .image{ min-height: 400px; }
.range-section{ padding: 0 0 50px; }
/*========== brand page end ==============*/
}
@media (min-width: 992px){
.header-navbar > ul > li .sub-menu,
.header-navbar { display: block !important; }

}
@media (min-width: 768px) and (max-width: 991px){

/*============ Header Start ============*/
.header-block { height:90px; padding:15px 40px;}
.logo .logo-image img { max-width:160px; max-height:60px;}
.header-navbar { width:100%; display:none; background:#101010; border-top:1px solid #E1E1E1; position:fixed; top:0; height: 100vh; left:0px; z-index:9999; margin:0px; padding:110px 0 0 0;}
.header-navbar > ul { overflow: auto; height: calc(100vh - 110px); align-items: flex-start; align-content: flex-start; justify-content: flex-start; }
.header-navbar > ul  li a { width: auto; display: inline-block; vertical-align: top; }
.header-navbar > ul > li.menu-item--expanded > a:after {top: 21px;}
.header-navbar > ul > li { width:100%; border-bottom:1px solid #E1E1E1; margin:0px; padding:0px;}
.header-navbar > ul > li > a { font-size:18px; padding:15px 15px;}
.header-navbar > ul > li > a:after { bottom:-1px;}
.menu-toggler { display:block; }
body.overflow-hidden .wrapper { overflow: hidden; }
.header-wrapper.header-sticky .header-navbar { background-color: #ffffff; }
.header-navbar > ul > li .sub-menu { width: 100%; padding: 0px 15px 20px; display: none; position: relative;top: auto;left: 0px;z-index: 10;opacity: 1 !important;visibility: visible !important;-webkit-transform: translateY(0) !important;transform: translateY(0) !important;-webkit-transition: none;transition: none;margin: 0px; }
.header-navbar > ul > li.menu-item--expanded:hover > a:after, 
.header-navbar > ul > li.menu-item--expanded.menu-item--active-trail > a:after { background-image: url(../images/menu-arrow-white.svg);-webkit-transform: rotate(0);transform: rotate(0); }
.header-navbar > ul > li > a:hover, 
.header-navbar > ul > li:hover > a { color: #ffffff; }

.header-navbar > ul > li .sub-menu { background-color: transparent !important; box-shadow:none }
.header-navbar > ul > li .sub-menu li a { color: #ffffff; font-size: 15px; }
.header-sticky .header-navbar > ul > li.menu-item--expanded:hover > a:after, 
.header-sticky .header-navbar > ul > li.menu-item--expanded.menu-item--active-trail > a:after { background-image: url(../images/menu-arrow-dark.svg);-webkit-transform: rotate(0);transform: rotate(0); }
.header-sticky .header-navbar > ul > li > a:hover, 
.header-sticky .header-navbar > ul > li .sub-menu li a,
.header-sticky .header-navbar > ul > li:hover > a { color: #101010; }
.header-sticky .header-navbar > ul > li > a.active, 
.header-sticky .header-navbar > ul > li.active > a ,
.header-navbar > ul > li > a.active, 
.header-navbar > ul > li.active > a { color: #FF0000; }
.header-sticky .header-navbar > ul > li.menu-item--expanded.active > a:after, 
.header-sticky .header-navbar > ul > li.menu-item--expanded.menu-item--active-trail > a:after,
.header-navbar > ul > li.menu-item--expanded.active > a:after, 
.header-navbar > ul > li.menu-item--expanded.menu-item--active-trail > a:after {background-image: url(../images/menu-arrow-red.svg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}

/*============ Header End ============*/

/*============ Banner Start ============*/
/* Index page Start */
.main-banner .hero-slider .slider-box { padding: 180px 0px 120px 0px; }
.main-banner .hero-slider .slider-box .slider-text .button { font-size: 16px; }
.main-banner .hero-slider-nav .swiper-pagination .swiper-pagination-bullet { margin: 0 28px 0 0; font-size: 20px; }
.main-banner .hero-slider .slider-box .slider-text { padding: 0px 40px; }
.main-banner .hero-slider-nav { padding: 0px 40px; }
/* Index page End */
/*============ Banner End ============*/

/*============ Content Start ============*/
/* Index page Start */
.h1, h1 { font-size: 50px; }
.h2, h2 {font-size: 35px;}
.h3, h3 { font-size: 27px; }
body { font-size: 20px; }
p { font-size: 20px; }

.overview-section { padding: 100px 0 100px 0; }
.overview-block .overview-image { width: 100%; padding: 0 0 0 0; }
.overview-block .overview-image .image-wrapper .imgoverlay.overlay-3 { height: 120px; }
.punjas-title { margin: 0 0 48px 0; }
.case-studies-block .case-studies-image { padding: 0 30px 0 0; }
.case-studies-block .case-studies-image .image-wrapper .imgoverlay.overlay-3 { height: 150px; }
.case-studies-block .case-studies-text { max-width: 100%; }
.quanity-title { max-width: 100%; }
.overview-block .overview-text .text-elements .el-text { padding: 0 0 0 40px; }
.overview-block .overview-text { margin: 40px 0 0 0; }
.overview-marquee { margin: 70px 0 0 0; }
.overview-marquee .text-marquee-wrapper .text-marquee-text { font-size: 45px; padding: 0 20px 0 70px; }
.punjas-slider .slider-card .cardbox .slider-text-wrap { padding: 25px 0 0 0; }
.overview-marquee .text-marquee-wrapper .text-marquee-text:before { width: 50px;height: 50px; }
.punjas-section { padding: 100px 0 100px 0; }
.punjas-slider .slider-card { width: 33.33%; margin: 0 30px 0 0; }
.punjas-btnbox { margin: 55px 0 0 0; }
.button .btn-arrow { width: 50px;height: 50px; }
.button .btn-arrow:after { width: 21px;height: 15px; background-size: contain; margin: -7px 0 0 -10px; }
.case-studies-section { padding: 100px 0 100px 0; }
.case-studies-block .case-studies-text .text-elements p { margin: 0 0 25px 0; }
.news_title .btnbox { padding: 40px 0 0 0; }
.quanity-section { padding: 100px 0 100px 0; }
.quanity_row .quanity_item { padding: 31px 25px; }
.quanity_row .quanity_item .numberbox { width: 25%; font-size: 40px; }
.quanity_row .quanity_item .info { width: 75%; padding: 0 0 0 55px; }
.trusted_slider .trusted_slider_marquee .trusted_logo { width: 280px;flex: 0 0 280px;padding: 0px 15px; }
.trusted_slider + .trusted_slider { padding-top: 30px; }
.news_title { position: relative;top: 0;padding-bottom: 40px; transform: none !important; }
.news_row .news_item .newsbox a { padding: 20px 0; }
.news_row .news_item .newsbox h3 { font-size: 22px; }
.news_row .news_item .newsbox h6 { font-size: 16px; }
.committed_content { padding: 100px 0px; }
.trusted-section { padding: 100px 0 0 0; }
#news-insights { padding: 96px 0 0 0; }
.news-insights-section { padding: 0 0 100px 0; }
.news_row .news_item .newsbox .imagebox .image { width: 180px; }
.news_row .news_item .newsbox .imagebox { right: 55px; }
.trusted-title { padding: 0 0 50px 0; }
.footer-wrapper { padding: 100px 0 0; }
.footer-howcanwe .footer-howcanwe_content h2 { font-size: 50px; }
.footer_top { padding: 50px 0 0; }
.footer-howcanwe .footer-howcanwe_content { padding: 0 0 41px; }
.copyright { padding: 0 0 50px; }
.footer_top .contactbox .conct_info p { font-size: 18px; }
.footer_top .contactbox .ft_menu ul li a { font-size: 18px; }
.footer_top .contactbox.flxrow { margin-top: 50px; }

.case-studies-block .case-studies-image .image-wrapper{ width: 420px; margin: 0 auto; display: block; }
.case-studies-block .case-studies-image{ padding: 0px;; }
.case-studies-block .case-studies-image .image-wrapper .imagebox .image span{ min-height: 440px; }
/* Index page End */
/*============ Content End ============*/

/*============ Footer Start ============*/

.footer_top .row > div[class^="col-"]:first-child { width: 40%; }
.footer_top .row > div[class^="col-"]:last-child { width: 60%; }
.footer_top .contactbox.flxrow {margin: 0 -20px; justify-content: flex-end; }
.footer_top .contactbox.flxrow .ft_col {padding: 0 20px; }
/*============ Footer End ============*/
/*======= about page start =============*/
.inner-banner .banner-text .text{ max-width: 650px;; }
.inner-banner{ min-height: 500px;; }	
.company-block .company-image{ margin: 0 auto; display: block; }
.company-block .companty-text{ margin:40px 0 0 0 ; }

.company-section-3{ padding: 100px 0 0 0; }
.sustainability-outer .company-section-2 + .company-section-3{ padding-top: 100px; }
.company-block-2 .text-elements{ padding: 50px 0 0 0; }
.company-block-2 .company-image-2 .image-wrapper .imagebox .image span{ min-height: 500px; }
.company-block-2 .company-image-2{ width: 450px; margin: 0 auto; display: block; }
.sustainability-section-1{ padding: 100px  0; }
.punjas-slider .slider-card .cardbox .slider-text-wrap{ padding: 20px 0 0 0; }
.punjas-slider .slider-card .cardbox .slider-text-wrap h3{ font-size: 20px;; }


.star-block .defult-star.star-1 {    left: 100px;top: 72px;}
.star-block .defult-star.star-2 {        left: 130px;top: 166px;}
.star-block .defult-star.star-3 {        left: 311px;top: 109px;}
.star-block .defult-star.star-4 {left: auto;top: auto;        right: 74px;bottom: 57px;}
.star-block .defult-star.small.star-1 {left: auto;top: auto;        bottom: 20px;right: 9px;}
.star-block .defult-star.small.star-2 {left: auto;top: auto;      bottom: 77px;right: 15px;}
.star-block .defult-star.small.star-3{left: auto;top: auto;bottom: 69px;right: -7px;}
.star-block .defult-star.small.star-4{left: auto;top: auto;    bottom: 49px; right: -22px;}
.star-block .defult-star span img{ width: 20px;;}
.map_section{ padding-top: 70px; }


/*======= about page End =============*/
/*========= new page start ========*/
.news-outer{ padding: 100px 0; }
.news-row-page .news-box a h3{ max-width: 480px;; line-height: 1.3;   font-size: 22px; }
.news-row-page .news-box a .imagebox{ right: 80px;; }
.news-row-page .news-box a .imagebox .image{ width: 180px;;}
.news-listing{ padding: 50px 0 40px; }
.news-row-page .news-box a .newsarrow{ width: 18px;;}
.news-title h2{ font-size: 35px; }

.news-data-block h2{ font-size: 35px;; }
.news-data-block  ul li,
.news-data-block  ol li { font-size: 20px;; }
.share-post-block{ padding: 70px 0 0 0; }
.news-details-section{ padding: 40px 0 100px; }
/*========= new page start ========*/

/*======= Our-Purpose Page Start =============*/
.our_value_section { padding: 100px 0; }
.punjas-section-v2 .punjas-slider .slider-card { width: 28%; }
.our_value_inner .el-tagline h5 { padding: 0 0 25px 0; }
.benefit_list > .row div[class^="col-"] { padding-top: 28px;padding-bottom: 28px; }
.punjas-slider .slider-card .cardbox .slider-text-wrap h4 { font-size: 21px; }
.punjas-slider .slider-card .cardbox .slider-text-wrap p { font-size: 18px; }
.punjas-section-v2 .punjas-slider .slider-card { width: 42%; }
.overview-block.latest-news .overview-text { max-width: 100%; }
.benefit_blk .benefit_icon { height: 70px; }
.benefit_text h6 { font-size: 16px; }
/*======= Our-Purpose Page End =============*/

/*======= Career Page Start =============*/
.team-block {padding: 70px 0 0 0;}
.team-title-inner h3 { padding: 0 0 45px; }
.acc-block .accordion-item .accordion-header .accordion-button { font-size: 21px; padding: 28px 52px 28px 0; }
.job-listing { padding: 20px 20px; }
.job-listing .job-row { font-size: 16px; }
.job-listing .job-row + .job-row { margin: 46px 0 0 0; }
.job-listing .job-row .text-1 {width: 295px;}
.job-listing .job-row .text-2 { width: 205px; }
.job-listing .job-row .text-3 { width: 180px; }
.job-listing .job-row .text-4 {width: 110px;}
/*======= Career Page End =============*/


/*======= Contact Page Start =============*/
.contact-section { padding: 100px 0	; }
.enquiry-section { padding: 100px 0	0; }
.loca-menu ul li::after ,
.loca-menu ul li::before { width: 100vw; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.loca-menu ul li::after { float: none; display: block; position: relative; }
.loc-map-list { position: relative; height: 400px; width: 100vw; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.loca-menu ul li a { font-size: 26px; padding: 28px 0; }
.enquiry-row .title h2 { padding: 0 0 60px; }
.cus_accordion h3 { font-size: 21px; padding: 28px 65px 28px 25px; }
/*======= Contact Page End =============*/


/*======= Companies Page Start =============*/
.company-section-1{  padding: 100px 0 0 0;}
.company-text-top{ max-width: 630px;; }
.company-brand-listing ul li{ width: 33.333%;}
.company-brand-listing::after{ left: 33.3333%; }
.company-brand-listing ul::after{ left: 66.6666%; }
.company-brand-listing::before{ display: none; }

.company-brand-section{ padding: 100px 0; }
.packaging-top-blk{ max-width: 622px;; }
.packaging-bottom-blk ul li{ margin: 0px; width: 200px;;}

.manufacturing-section{ padding: 100px 0 0 0; }
.manufacturing-block .manufacturing-text{ margin: 0px; padding-right: 0px;; }
.manufacturing-block .manufacturing-text .text-elements .el-text{ padding: 0 0 0 30px; }
.counter-verticle{ width: 100% ;  padding: 60px 0 0 0; justify-content: center; align-items: center;}
.counter-verticle .count-box-verticle{ width: 100%; max-width: 100%; text-align: center;}
.counter-verticle .count-box-verticle + .count-box-verticle{ margin: 40px 0 0 0; }
/*======= Companies Page Start =============*/


/*========== brand page start ============*/
.main-banner.version-2 .hero-slider .slider-box{ min-height: 500px;; }


.brands-block .brands-title{ margin: 0 0 40px;; }
.brands-block{ padding: 0 0 40px; }
.brands-section{ padding: 80px 0 0 0; }
.brands-block + .brands-block{ padding:80px 0 40px 0; }
.brands-block .brands-list .brands-box{ min-height: 400px;; }
.brands-block .brands-list .brands-box .imagebox .image img{ max-height: 300px; max-width: 80%; }
.brands-block .brands-list .brands-box .captionbox h3{ font-size: 20px;; }
.brands-block .brands-list .brands-box .imagebox .image{ min-height: 400px; }
.range-section{ padding: 0 0 50px; }
/*========== brand page end ==============*/
.case-studies-block .case-studies-text .text-elements .el-tagline{ max-width: 100%; }
.overview-block .overview-text .text-elements h2 br{ display: none; }
}
@media (max-width: 767px){

/*============ Header Start ============*/
.header-block { height:90px; padding:15px 15px;}
.logo .logo-image img { max-width:160px; max-height:60px;}
.header-navbar { width:100%; display:none; background:#101010; border-top:1px solid #E1E1E1; position:fixed; top:0; height: 100vh; left:0px; z-index:9999; margin:0px; padding:110px 0 0 0;}
.header-navbar > ul { overflow: auto; height: calc(100vh - 110px); align-items: flex-start; align-content: flex-start; justify-content: flex-start; }
.header-navbar > ul  li a { width: auto; display: inline-block; vertical-align: top; }
.header-navbar > ul > li.menu-item--expanded > a:after {top: 21px;}
.header-navbar > ul > li { width:100%; border-bottom:1px solid #E1E1E1; margin:0px; padding:0px;}
.header-navbar > ul > li > a { font-size:18px; padding:15px 15px;}
.header-navbar > ul > li > a:after { bottom:-1px;}
.menu-toggler { display:block; }
body.overflow-hidden .wrapper { overflow: hidden; }
.header-wrapper.header-sticky .header-navbar { background-color: #ffffff; }
.header-navbar > ul > li .sub-menu { width: 100%; padding: 0px 15px 20px; display: none; position: relative;top: auto;left: 0px;z-index: 10;opacity: 1 !important;visibility: visible !important;-webkit-transform: translateY(0) !important;transform: translateY(0) !important;-webkit-transition: none;transition: none;margin: 0px; }
.header-navbar > ul > li.menu-item--expanded:hover > a:after, 
.header-navbar > ul > li.menu-item--expanded.menu-item--active-trail > a:after { background-image: url(../images/menu-arrow-white.svg);-webkit-transform: rotate(0);transform: rotate(0); }
.header-navbar > ul > li > a:hover, 
.header-navbar > ul > li:hover > a { color: #ffffff; }
.header-navbar > ul > li .sub-menu { background-color: transparent !important; box-shadow:none }
.header-navbar > ul > li .sub-menu li a { color: #ffffff; font-size: 15px; }
.header-sticky .header-navbar > ul > li.menu-item--expanded:hover > a:after, 
.header-sticky .header-navbar > ul > li.menu-item--expanded.menu-item--active-trail > a:after { background-image: url(../images/menu-arrow-dark.svg);-webkit-transform: rotate(0);transform: rotate(0); }
.header-sticky .header-navbar > ul > li > a:hover, 
.header-sticky .header-navbar > ul > li .sub-menu li a,
.header-sticky .header-navbar > ul > li:hover > a { color: #101010; }
.header-sticky .header-navbar > ul > li > a.active, 
.header-sticky .header-navbar > ul > li.active > a ,
.header-navbar > ul > li > a.active, 
.header-navbar > ul > li.active > a { color: #FF0000; }
.header-sticky .header-navbar > ul > li.menu-item--expanded.active > a:after, 
.header-sticky .header-navbar > ul > li.menu-item--expanded.menu-item--active-trail > a:after,
.header-navbar > ul > li.menu-item--expanded.active > a:after, 
.header-navbar > ul > li.menu-item--expanded.menu-item--active-trail > a:after {background-image: url(../images/menu-arrow-red.svg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}

/*============ Header End ============*/

/*============ Banner Start ============*/
/* Index page Start */
.main-banner .hero-slider .slider-box { padding: 180px 0px 120px 0px; }
.main-banner .hero-slider .slider-box .slider-text .button { font-size: 15px; }
.main-banner .hero-slider-nav .swiper-pagination .swiper-pagination-bullet { margin: 0 17px 0 0; font-size: 17px; }
.main-banner .hero-slider .slider-box .slider-text { padding: 0px 15px; }
.main-banner .hero-slider-nav { padding: 0px 15px; }
.main-banner .hero-slider .slider-box .slider-text p { margin: 0 0 20px 0; }
/* Index page End */
/*============ Banner End ============*/

/*============ Content Start ============*/
/* Index page Start */
.h1, h1 { font-size: 36px; }
.h2, h2 {font-size: 30px;}
.h3, h3 { font-size: 25px; }
body { font-size: 18px; }
p { font-size: 18px; }
#wrapper{ overflow: hidden; }
.overview-section{ overflow: hidden; }
.overview-section { padding: 70px 0 70px 0; }
.overview-block .overview-image { width: 100%; padding: 0 0 0 0; }
.overview-block .overview-image .image-wrapper .imgoverlay.overlay-3 { height: 50px; }
.overview-block .overview-image .image-wrapper .imgoverlay.overlay-2 { width: 30px; }
.overview-block .overview-image .image-wrapper .imgoverlay.overlay-1 { height: 50px; }
.punjas-title { margin: 0 0 48px 0; }
.case-studies-block .case-studies-image { padding: 0 30px 0 0; }
.case-studies-block .case-studies-image .image-wrapper .imgoverlay.overlay-3 { height: 80px; }
.case-studies-block .case-studies-image .image-wrapper .imgoverlay.overlay-2 { width: 40px; }
.case-studies-block .case-studies-image .image-wrapper .imgoverlay.overlay-1 { height: 50px; }
.case-studies-block .case-studies-text { max-width: 100%; }
.quanity-title { max-width: 100%; }
.overview-block .overview-text .text-elements .el-text { padding: 0 0 0 30px; }
.overview-block .overview-text .text-elements p { margin-bottom: 20px; }
.overview-block .overview-text { margin: 40px 0 0 0; }
.overview-marquee { margin: 50px 0 0 0; }
.overview-marquee .text-marquee-wrapper .text-marquee-text { font-size: 37px; padding: 0 20px 0 60px; }
.punjas-slider .slider-card .cardbox .slider-text-wrap { padding: 25px 0 0 0; }
.overview-marquee .text-marquee-wrapper .text-marquee-text:before { width: 40px;height: 40px; }
.punjas-section { padding: 70px 0 70px 0; }
.punjas-slider .slider-card { width: 80%; margin: 0 30px 0 0; }
.punjas-btnbox { margin: 40px 0 0 0; }
.button .btn-arrow { width: 40px;height: 40px; }
.button .btn-arrow:after { width: 21px;height: 15px; background-size: contain; margin: -7px 0 0 -10px; }
.case-studies-section { padding: 70px 0 70px 0; }
.case-studies-block .case-studies-text .text-elements p { margin: 0 0 25px 0; }
.news_title .btnbox { padding: 30px 0 0 0; }
.quanity-section { padding: 70px 0 70px 0; }
.quanity_row .quanity_item { padding: 31px 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.quanity_row .quanity_item::after { width: 100%; min-height: 1px; }
.quanity_row .quanity_item .numberbox { width: 100%; font-size: 40px; padding-bottom: 20px; }
.quanity_row .quanity_item .info { width: 100%; padding: 20px 0 0 0; text-align: center; }
.trusted_slider .trusted_slider_marquee .trusted_logo { width: 280px;flex: 0 0 280px;padding: 0px 15px; }
.trusted_slider + .trusted_slider { padding-top: 30px; }
.news_title { position: relative;top: 0;padding-bottom: 40px; transform: none !important; }
.news_row .news_item .newsbox a { padding: 20px 0; }
.news_row .news_item .newsbox h3 { font-size: 22px; }
.news_row .news_item .newsbox h6 { font-size: 16px; }
.committed_content { padding: 70px 0px; }
.trusted-section { padding: 70px 0 0 0; }
#news-insights { padding: 70px 0 0 0; }
.news-insights-section { padding: 0 0 70px 0; }
.news_row .news_item .newsbox .imagebox .image { width: 130px; }
.news_row .news_item .newsbox .imagebox { right: 45px; }
.trusted-title { padding: 0 0 50px 0; }
.footer-wrapper { padding: 70px 0 0; }
.footer-howcanwe .footer-howcanwe_content h2 { font-size: 35px; }
.footer_top { padding: 50px 0 0; }
.footer-howcanwe .footer-howcanwe_content { padding: 0 0 41px; }
.copyright { padding: 0 0 20px; }
.footer_top .contactbox .conct_info p { font-size: 18px; }
.footer_top .contactbox .ft_menu ul li a { font-size: 18px; }
.footer_top .contactbox.flxrow { margin: 0; margin-top: 50px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.footer_top .contactbox.flxrow .ft_col { width: 100%; padding: 0 0; }
.footer_top .contactbox.flxrow .ft_col.ft_menu { padding-bottom: 100px; }
.footer_top .contactbox.flxrow .ft_col + .ft_col { padding-top: 40px; }
.copyright.flxrow { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.copyright .copyText { width: 100%; position: relative; }
.copyright .copyText + .copyText { padding-top: 15px; margin-top: 15px; }
.copyright .copyText + .copyText:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background-color: #ffffff;  }
.copyright:after { display: none; }
.case-studies-block .case-studies-image .image-wrapper{ width: 100%; margin: 0 auto; display: block; }
.case-studies-block .case-studies-image{ padding: 0px;; }
.case-studies-block .case-studies-image .image-wrapper .imagebox .image span{ min-height: 361px; }
.case-studies-block .case-studies-image .image-wrapper{ transform: none !important; }
.case-studies-block .case-studies-image .image-wrapper  .imagebox .image{ transform: none !important; }
.committed_content{ transform: none !important; }
.case-studies-block .case-studies-image .image-wrapper .imgoverlay.overlay-2{width: 30px; left: 70px;; }
/* Index page End */
/*============ Content End ============*/

/*============ Footer Start ============*/

/*============ Footer End ============*/


/*======= about page start =============*/
.inner-banner .banner-text .text{ max-width: 650px;; }
.inner-banner{ padding: 120px 0; min-height: 350px;; }
.inner-banner .banner-text{ padding: 0 20px; }

.overview-block .overview-image .image-wrapper,
.company-block .company-image .image-wrapper,
.company-block-2 .company-image-2 .image-wrapper{ transform: none !important; }
.overview-block .overview-image .image-wrapper .imagebox .image,
.company-block .company-image .image-wrapper .imagebox .image,
.company-block-2 .company-image-2 .image-wrapper .imagebox .image{ transform: none !important; }
.overview-block .overview-image .image-wrapper .imgoverlay.overlay-2{ right: 70px;;}


.company-block .company-image{ margin: 0 auto; display: block; }
.company-block .companty-text{ margin:40px 0 0 0 ; }

.company-section-3{ padding: 70px 0 0 0; }
.sustainability-outer .company-section-2 + .company-section-3{ padding-top:  70px; }

.company-block-2 .text-elements{ padding: 40px 0 0 0; }
.company-block-2 .company-image-2 .image-wrapper .imagebox .image span{ min-height: 417px; }
.company-block-2 .company-image-2{ width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
.company-block .companty-text .text-elements .el-text{ max-width: 100%; padding: 0 0 0 30px;; }
.company-block-2 .text-elements .el-text{ max-width: 100%; padding: 0 0 0 30px;; }
.company-block-2 .company-image-2 .image-wrapper .imgoverlay.overlay-2{ width: 30px; left: 70px;;}

.sustainability-section-1{ padding: 70px  0; }
.counter-box-about h2 { text-align: center;  }
.counter-box-about p{ font-size: 18px;; max-width: 100%; text-align: center;   }
.counter-sustainability-block{ padding: 15px 0 0 0; }
.counter-box-about{ padding: 30px 0 0 0; }
.sustainability-section-1  h2{ text-align: center; }
.sustainability-section-1{ background-position: left top; }

.punjas-slider .slider-card .cardbox .slider-text-wrap{ padding: 20px 0 0 0; }
.punjas-slider .slider-card .cardbox .slider-text-wrap h3{ font-size: 20px;; }


.star-block .defult-star.star-1 {    left: 47px;top: 30px;}
.star-block .defult-star.star-2 {           left: 61px;top: 73px;}
.star-block .defult-star.star-3 {           left: 153px; top: 50px;}
.star-block .defult-star.star-4 {left: auto;top: auto;right: 34px;bottom: 25px;}
.star-block .defult-star.small.star-1 {left: auto;top: auto;bottom: 5px;right: 4px;}
.star-block .defult-star.small.star-2 {left: auto;top: auto;bottom: 31px;right: 9px;}
.star-block .defult-star.small.star-3{left: auto;top: auto;    bottom: 27px;right: -4px;}
.star-block .defult-star.small.star-4{left: auto;top: auto;   bottom: 16px;right: -12px;}
.star-block .defult-star span img{ width: 18px;;}
.star-block .defult-star.small span img{ width: 12px;}
.map_section_inner{ max-width: 345px; position: relative ; left: -10px;; margin: 0 auto -10px; display: block; }
.star-block .defult-star span:before{  width: 4px; height: 4px; margin: -2px 0 0 -2px; animation: dot-ripple-3 2.5s linear infinite;}

.map_section{ padding-top: 70px; }
/*======= about page End =============*/


/*========= new page start ========*/
.inner-banner .banner-text.banner-width .text{ max-width:100%;; }
.overview-block .overview-image .image-wrapper .imagebox .image span{ min-height: 334px;; }
.news-outer{ padding: 70px 0; }

.news-row-page .news-box a h3{ max-width: 75%;; line-height: 1.367;   font-size: 22px; }
.news-row-page .news-box a .imagebox{ right: 45px;; }
.news-row-page .news-box a .imagebox .image{ width: 130px;;}
.news-listing{ padding: 50px 0 30px; }
.news-row-page .news-box a .newsarrow{ width: 18px;;}
.news-row-page .news-box a{ padding: 20px 0; }
.news-title h2{ font-size: 30px; }


.news-data-block h2{ padding: 40px 0 16px; font-size: 30px;; }
.news-data-block  ul li,
.news-data-block  ol li { font-size: 18px;; }
.share-post-block{ padding: 40px 0 0 0; }
.news-details-section{ padding: 30px 0 70px; }
.news-data-block p img{ margin: 8px 0; }
.share-post-block .share-text{ font-size: 16px;; }
.social-icon ul li a{ margin: 0 0 0 20px;; }
.social-icon ul{ padding: 0px; }
/*========= new page start ========*/

/*======= Our-Purpose Page Start =============*/
.our_value_section { padding: 70px 0; }
.punjas-section-v2 .punjas-slider .slider-card { width: 28%; }
.our_value_inner .el-tagline h5 { padding: 0 0 20px 0; }
.benefit_list > .row div[class^="col-"] { padding-top: 20px !important;padding-bottom: 20px !important; }
.benefit_list > .row div[class^="col-"]:after { left: 15px; bottom: auto; width: calc(100% - 30px); height: 1px; display: block !important; }
.benefit_list > .row:first-child div[class^="col-"]:first-child:after { display: none !important; }
.benefit_list { padding: 30px 0 0 0; }
.punjas-slider .slider-card .cardbox .slider-text-wrap h4 { font-size: 21px; }
.punjas-slider .slider-card .cardbox .slider-text-wrap p { font-size: 18px; }
.punjas-section-v2 .punjas-slider .slider-card { width: 80%; }
.overview-block.latest-news .overview-text { max-width: 100%; }
.benefit_blk .benefit_icon { height: 70px; }
.benefit_text h6 { font-size: 16px; }
/*======= Our-Purpose Page End =============*/

/*======= Career Page Start =============*/
.team-block {padding: 40px 0 0 0;}
.team-title-inner h3 { padding: 0 0 25px; }
.acc-block .accordion-item .accordion-header .accordion-button { font-size: 18px; padding: 20px 43px 20px 0; }
.acc-block .accordion-item .accordion-header .accordion-button:after { top: 21px;width: 19px;height: 19px; }
.job-listing { padding: 20px 20px; }
.job-listing .job-row { font-size: 16px; -ms-flex-direction: column; flex-direction: column; }
.job-listing .job-row + .job-row { margin: 25px 0 0 0; padding-top: 25px; border-top: 1px solid #C4C4C0; }
.job-listing .job-row .text-1 {width: 100%; padding: 0 0 10px; }
.job-listing .job-row .text-2 { width: 100%; padding: 0 0 10px; }
.job-listing .job-row .text-3 { width: 100%; padding: 0 0 10px; }
.job-listing .job-row .text-4 {width: 100%; padding: 0 0 10px; }

.acc-block .accordion-item .accordion-header .accordion-button.collapsed:after{ background-size: 100% auto; }
/*======= Career Page End =============*/

/*======= Contact Page Start =============*/
.contact-section { padding: 70px 0; }
.enquiry-section { padding: 70px 0	0; }
.loca-menu ul li::after ,
.loca-menu ul li::before { width: 100vw; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.loca-menu ul li::after { float: none; display: block; position: relative; }
.loc-map-list { position: relative; height: 300px; width: 100vw; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.loca-menu ul li a { font-size: 21px; padding: 20px 0; }
.enquiry-row .title h2 { padding: 0 0 35px; }
.cus_accordion h3 { font-size: 21px; padding: 18px 45px 18px 15px; }
.cus_accordion h3 span { width: 19px;height: 19px; right: 15px; }
.enquiry_form form .input-row.half { width: 100%; }
form .input-row.btn-row { -ms-flex-direction: column; flex-direction: column; }
form .input-row .robotcheck { padding: 0 0 30px 0; }
.enquiry_form form .captcha { padding: 0 0 30px 0;}
.cus_accordion .content { padding: 0 0 25px; }
.contact-info .row > div[class^="col-"] + div[class^="col-"] { padding-top: 30px; }
.contact-info .infoText h6 { padding: 0 0 15px; }

.full_width_map iframe { pointer-events: none; }
/*======= Contact Page End =============*/


/*======= Companies Page Start =============*/
.company-section-1{  padding:70px 0 0 0;}
.company-text-top{ max-width: 630px;; }
.company-brand-section{ padding: 70px 0; }
.company-brand-listing ul li{ width: 50%;}
.company-brand-listing::after{ left: 50%; }
.company-brand-listing ul::after{  display:none   }
.company-brand-listing::before{ display: none; }
.company-brand-listing ul li{ min-height: 80px;; }
.company-brand-listing ul li span img{ max-width: 100%; }
.company-brand-listing ul li .brand-logo{ max-width: 80%; }

.packaging-section{ padding: 70px 0 0 0; }
.packaging-top-blk{ padding: 0 0 30px; }
.manufacturing-section{ padding: 70px 0 20px 0; }

.counter-verticle{ width: 100% ;  padding: 40px 0 0 0; justify-content: center; align-items: center;}
.counter-verticle .count-box-verticle{ width: 100%; max-width: 100%; text-align: center;}
.counter-verticle .count-box-verticle + .count-box-verticle{ margin: 40px 0 0 0; }
.manufacturing-block .manufacturing-text{ margin: 0px;; }
.manufacturing-block .manufacturing-text .text-elements .el-text{ padding: 0 0 0 30px; }
.counter-verticle .count-box-verticle h4{ font-size: 36px;; }
.counter-verticle .count-box-verticle p{  font-size: 18px;}
/*======= Companies Page Start =============*/


/*========== brand page start ============*/
.main-banner.version-2 .hero-slider .slider-box{ display: flex;  align-items: center; justify-content: center; padding: 0px;; min-height: 450px;; }

.brands-block .brands-title{ margin: 0 0 40px;; }
.brands-block{ padding: 0 0 40px; }
.brands-section{ padding: 40px 0 0 0; }
.brands-block + .brands-block{ padding:40px 0 40px 0; }
.brands-block .brands-list .brands-box{ min-height: 400px;; }
.brands-block .brands-list .brands-box .imagebox .image img{ max-height: 300px; max-width: 80%; }
.brands-block .brands-list .brands-box .captionbox h3{ font-size: 20px;; }
.brands-block .brands-list .row > [class*="col-"]{ margin:  0 0 30px;; }
.brands-filter .brands-select,
.brands-filter .brands-search{ margin: 5px 0; }
.brands-filter-wrap{ z-index: 10; position: relative; top: auto; padding-bottom: 0px;; transform: none !important; }

.range-section{ padding: 0 0 50px; }
/*========== brand page end ==============*/


.fourzero-page{ padding: 70px 0; display: block;     background: #EBEBE8;}
.four-zero-blk{ text-align: center; display: block; }
.four-zero-blk .btnbox { padding: 30px 0 0 0; justify-content: center; }
.four-zero-blk h1{ padding: 30px 0; }

.case-studies-block .case-studies-text .text-elements .el-tagline{ max-width: 100%; }
.overview-block .overview-text .text-elements h2 br{ display: none; }
.our_value_section .text-center h2 br{display: none;  }
.packaging-top-blk p br{ display: none; }

.team-title-inner h3{ font-size: 25px;; }
 

html  body{ opacity: 0;   } 

html body.body-active { opacity: 1; } 
.brands-block .brands-list .brands-box .imagebox .image{ min-height: 400px; }
}
@media (min-width: 576px) and (max-width: 767px){

/*============ Header Start ============*/
/*============ Header End ============*/

/*============ Banner Start ============*/
/*============ Banner End ============*/

/*============ Content Start ============*/
/*============ Content End ============*/

/*============ Footer Start ============*/
/*============ Footer End ============*/

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

/*============ Header Start ============*/
/*============ Header End ============*/

/*============ Banner Start ============*/
/*============ Banner End ============*/

/*============ Content Start ============*/
/*============ Content End ============*/

/*============ Footer Start ============*/
/*============ Footer End ============*/

}