@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1920 and 1600 and 1440 and 1366)
	#laptop (1440 and 1366)
	#Tablet (991 to 767)
	#Mobile (767 to 360)


/* #Additional - Large Screens width of 1800px to 1601px 
================================================== */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {

:root															{ --container-width: 1420px; }
.elementor-container                           					{ max-width: 1420px; }


}

/* #Additional - Large Screens width of 1600px to 1501px 
================================================== */
@media only screen and (min-width: 1501px) and (max-width: 1600px) {

:root															{ --container-width: 1420px; }
.elementor-container                           					{ max-width: 1420px; }


}

/* #Additional - Large Screens width of 1500px to 1441px 
================================================== */
@media only screen and (min-width: 1441px) and (max-width: 1500px) {

:root															{ --container-width: 1420px; }
.elementor-container                           					{ max-width: 1420px; }


}

/* #Additional - Large Screens width of 1440px to 1200px 
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

:root															{ --container-width: 1360px; }
.elementor-container                       						{ max-width: 1360px; }

.mainMenu nav ul li a											{ font-size: 16px !important; padding: 0 12px !important; }
.hdrBtn	.elementor-widget-wrap									{ column-gap:20px; }
.hdrBtn	h5.elementor-icon-box-title a							{ font-size: 16px !important; }

}

/* #Additional - Large Screens  width of 1366px to 1200px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    
:root															{ --container-width: 1250px; }
.elementor-container                           					{ max-width: 1250px !important; padding: 0; }

.mainMenu nav ul li a											{ font-size: 16px !important; padding: 0 7px !important; }
.headerSec .hfe-nav-menu .menu-item-has-children .sub-menu .menu-item .hfe-sub-menu-item { padding-top: 5px!important; padding-bottom: 5px!important; padding-left: 18px!important; padding-right: 18px!important; }
.hdrBtn	.elementor-widget-wrap									{ column-gap: 15px; }
.hdrBtn	h5.elementor-icon-box-title a							{ font-size: 16px !important; }

.logoBox 														{ max-width: 230px; }
.mainMenu 														{ min-width: calc(100% - 661px) !important; padding-left: 15px; }
.hdrBtn															{ min-width: 430px; }
header.sticky 													{ width: 100% !important; }
header.sticky .headerSec .elementor-container 					{ max-width:100%!important; }

.processBox .elementor-container 								{ column-gap: 15px; }

.aboutSec .content h2 br										{ display: none; }

.blogSec .blogList .hfe-post-content .hfe-post-title 			{ min-height: 112px; }

/*------------------- Inner Page ---------------------*/
.innerMainSec 													{ max-width: 1250px; }

/* ---------- Product List Page ---------- */
.prodListSec 													{ max-width: 1250px; }
.prodListSec .prodListBox 										{ column-gap: 16px; }

/* ---------- Blog Page ---------- */
.blogMainSec 													{ max-width: 1250px; }

}

/* #iPad Pro - Large Screens width of 1199px to 990px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

:root															{ --container-width: 960px; }
.elementor-container											{ max-width: 960px !important; }

body:has(.rmp_menu_trigger.is-active) 							{ overflow: hidden; }

.ehf-header header#masthead 									{ margin-top: 30px; animation: none !important; }
header.sticky .headerSec .elementor-container 					{ max-width: 100% !important; }

.logoBox 														{ max-width: 265px; }
.mainMenu 														{ width: calc(100% - 512px) !important; min-width: calc(100% - 512px) !important; }
.mainMenu .elementor-widget-navigation-menu 					{ display: none; }
.mainMenu div > .elementor-hidden-desktop						{ display:block; }

.bannerSec														{ padding:160px 0px 40px 0px!important; }

.trustSec .elementor-widget-wrap 								{ gap: 20px; }
.trustSec .trustBarBox 											{ width: calc(50% - 10px); }

.processBox .elementor-container .elementor-col-33 				{ width: calc(33.333% - 16px); }
.processBox .processItem .elementor-widget-container h2 		{ width: 90px; height: 90px; }

.blogSec .blogList .hfe-post-image 								{ padding: 15px; }
.blogSec .blogList .hfe-post-content							{ padding: 15px; }
.blogSec .blogList .hfe-post-content .hfe-post-title 			{ min-height: 112px; font-size: 20px; }
.blogSec .blogList .hfe-post-content .hfe-read-more 			{ padding: 15px 25px; line-height: 26px; }

/* ---------- Inner Banner ---------- */
.innerBanner 													{ padding: 170px 0px 40px 0px!important; }
.innerBanner .sliderText 										{ min-height: 449px; }
.innerBanner .sliderText > .elementor-widget-wrap 				{ flex-direction: row; justify-content: flex-start; }

/*------------------- Inner Page ---------------------*/
.innerMainSec 													{ padding: 60px 15px; max-width: 960px; }

/* ---------- About Page ---------- */
.aboutGlobalBox .elementor-container							{ flex-wrap: nowrap; }

/* ---------- Product List Page ---------- */
.prodListSec													{ padding: 60px 15px; max-width: 960px; }
.prodListSec .title 											{ margin-bottom: 30px; }
.prodListSec .prodListBox .prodListItem 						{ width: calc(33.333333% - 20px); }
.prodListSec .prodListBox .prodListItem .content 				{ padding: 15px; }
.prodListSec .prodListBox .prodListItem .content .title 		{ font-size: 20px; line-height: 25px; }
.prodListSec .prodListBox .prodListItem .content .requestBtn 	{ padding: 8px 20px; }

/* ---------- Product Details Page ---------- */
.prodDetailsSec 												{ max-width: 960px; padding: 60px 15px; }
.prodDetailsSec article .entryHeader 							{ margin-bottom: 30px; }

/* ---------- Blog Page ---------- */
.blogMainSec													{ padding: 60px 15px; max-width: 960px; }
.blogMainSec .articleBox article .blogItem 						{ padding: 15px; }
.blogMainSec .articleBox article .blogItem .info h4				{ min-height: 112px; font-size: 20px; }
.blogMainSec .articleBox article .blogItem .info .readMoreBtn 	{ padding: 15px 25px; line-height: 26px; }

/* ---------- Blog Details Page ---------- */
.blogDetailsSec 												{ max-width: 960px; padding: 60px 15px; }
.blogDetailsSec article .entryHeader 							{ margin-bottom: 30px; }

/* ---------- Contact Page ---------- */
.contactIcon .elementor-icon-box-wrapper .elementor-icon-box-description { width: 100%; }


}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 991px to 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

:root															{ --container-width: 100%; }
.elementor-container											{ max-width: 100%; padding: 0 15px; }
.elementor-container .elementor-section .elementor-container	{ padding-left: 0; padding-right: 0; }

body:has(.rmp_menu_trigger.is-active) 							{ overflow: hidden; }

.ehf-header header#masthead 									{ margin-top: 15px; animation: none !important; }
header .headerSec .elementor-container 							{ justify-content: space-between; margin: 0 15px; }
header.sticky .headerSec .elementor-container 					{ margin: 0 0px; }

.logoBox 														{ max-width: 230px; }
.hdrBtn 														{ min-width: auto; }
.mainMenu 														{ min-width: calc(97% - 430px) !important; }
.mainMenu .hfe-nav-menu__toggle 								{ margin: 0!important; float: right; }
.mainMenu .hfe-nav-menu__toggle .hfe-nav-menu-icon 				{ float: right; }

.bannerSec .sliderCont 											{ width: 100%; }
.bannerSec .sliderCont .elementor-container						{ max-width: 100% !important;}
.bannerSec .slideBtn > .elementor-container						{ flex-wrap: nowrap; column-gap: 20px; }
.bannerSec .slideBtn > .elementor-container .elementor-column   { width:auto; }
.bannerSec .sliderCont .sliderText								{ padding: 0; }
.bannerSec .slideBtn .elementor-button 							{ font-size: 18px; white-space: nowrap; }

.trustSec .elementor-widget-wrap 								{ gap: 20px; }
.trustSec .trustBarBox 											{ width: calc(50% - 10px); }

.productRangeSec .elementor-widget-text-editor p br				{ display: none; }
.productBox 													{ column-gap: 15px; row-gap: 15px; }
.productBox .item 												{ width: calc(33.33% - 10px); }
.productBox .item h4											{ bottom: 10px; font-size: 18px; }

.aboutSec 														{ background-size: cover !important; }

.worksBox .elementor-image-box-content p br						{ display: none; }
.processBox .elementor-container .elementor-col-33 				{ width: calc(33.333% - 16px); }
.processBox .processItem .elementor-widget-container h2 		{ width: 90px; height: 90px; }

.productSec .owl-theme .owl-nav 								{ top: -84px; }

.blogSec .blogList .hfe-post-image 								{ padding: 15px; }
.blogSec .blogList .hfe-post-content							{ padding: 15px; }
.blogSec .blogList .hfe-post-content .hfe-post-title 			{ min-height: 156px; font-size: 20px; }
.blogSec .blogList .hfe-post-content .hfe-read-more 			{ padding: 15px 25px; line-height: 26px; }

.footerSec .catMenu ul li.menu-item 							{ width: 50%; }

/* ---------- Inner Banner ---------- */
.innerBanner .sliderText 										{ min-height: 350px; }
.innerBanner .sliderText > .elementor-widget-wrap 				{ flex-direction: row; justify-content: flex-start; }

/*------------------- Inner Page ---------------------*/
.innerMainSec 													{ padding: 60px 15px; }

/* ---------- About Page ---------- */
.aboutGlobalBox .elementor-container 							{ flex-wrap: nowrap; }

/* ---------- Product List Page ---------- */
.prodListSec													{ padding: 60px 15px; }
.prodListSec .prodListBox .prodListItem 						{ width: calc(33.333333% - 20px); }
.prodListSec .prodListBox .prodListItem .content 				{ padding: 15px; }
.prodListSec .prodListBox .prodListItem .content .title 		{ font-size: 20px; line-height: 25px; }
.prodListSec .prodListBox .prodListItem .content .requestBtn 	{ padding: 8px 20px; }

/* ---------- Product Details Page ---------- */
.prodDetailsSec 												{ max-width: 100%; padding: 60px 15px; }
.prodDetailsSec article .content p 								{ margin: 0 0 20px 0; }

/* ---------- Blog Page ---------- */
.blogMainSec													{ padding: 60px 15px; }
.blogMainSec .articleBox article 								{ width: calc(50% - 15px); }
.blogMainSec .articleBox article .blogItem 						{ padding: 15px; }
.blogMainSec .articleBox article .blogItem .info h4				{ min-height: 78px; font-size: 20px; }
.blogMainSec .articleBox article .blogItem .info .readMoreBtn 	{ padding: 15px 25px; line-height: 26px; }

/* ---------- Blog Details Page ---------- */
.blogDetailsSec 												{ max-width: 100%; padding: 60px 15px; }
.blogDetailsSec article .content p 								{ margin: 0 0 20px 0; }

/* ---------- Contact Page ---------- */
.contactIcon .elementor-icon-box-wrapper .elementor-icon-box-description { width: 100%; }


}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 767px to 320px */
@media only screen and (max-width: 767px) {

:root															{ --container-width: 100%; }
.elementor-container											{ max-width: 740px; padding: 0 15px;}
.elementor-container .elementor-section .elementor-container	{ padding-left: 0; padding-right: 0; }

body:has(.rmp_menu_trigger.is-active) 							{ overflow: hidden; }

.ehf-header header#masthead 									{ margin-top: 15px; animation: none !important; }
header .headerSec .elementor-container 							{ justify-content: space-between; margin: 0 15px; }
header.sticky .headerSec .elementor-container 					{ margin: 0 0px; }

.logoBox 														{ max-width: 230px; }
.mainMenu .hfe-nav-menu__toggle 								{ margin: 0 !important; float: right; }
.mainMenu .hfe-nav-menu__toggle .hfe-nav-menu-icon 				{ float: right; }

.bannerSec .sliderCont 											{ width: 100%; position: relative; }
.bannerSec .sliderCont .elementor-container						{ max-width: 100% !important; }
.bannerSec .sliderCont .sliderText								{ padding: 0; }
.sliderText .slideBtn .slideCol 								{ width: 100%; }
.bannerSec .bnrSlider .elementor-image-carousel-wrapper:before 	{ background: transparent }
.bannerSec .bnrSlider .swiper .swiper-pagination 				{ display: none; }

.trustSec .elementor-widget-wrap 								{ gap: 20px; }
.trustSec .trustBarBox 											{ width: calc(50% - 10px); }
.trustSec .trustBarBox .elementor-image-box-title 				{ font-size: 18px !important; line-height: 24px !important; }

.productRangeSec .elementor-widget-text-editor p br				{ display: none; }
.productBox 													{ column-gap: 15px; row-gap: 15px; }
.productBox .item 												{ width: calc(50% - 8px); }
.productBox .item h4											{ bottom: 10px; font-size: 16px; }

.workSec .content .elementor-widget-text-editor p br			{ display: none; }

.processBox .processItem .elementor-widget-container h2 		{ width: 90px; height: 90px; padding-bottom: 10px; }

.productSec .owl-stage-outer 									{ width: 100%; }
.productSec .owl-stage-outer:after								{ display:none; }
.productSec .owl-theme .owl-nav 								{ width: 100%; margin-top: 20px; position: static; }

.aboutSec 														{ background-size: 100% !important; }

.operationBox .elementor-widget-container .elementor-icon-box-icon	  { margin-bottom: 0!important; width: 60px; height: 60px; }
.operationBox .elementor-widget-container .elementor-icon-box-wrapper { min-width: 300px; display: flex; align-items: center !important; gap: 15px !important; flex-direction: row; }
.operationBox .elementor-widget-container .elementor-icon-box-content { text-align:left; }

.blogSec .elementor-widget-text-editor p br						{ display: none; }
.blogSec .blogList .hfe-post-image 								{ padding: 15px; }
.blogSec .blogList .hfe-post-content							{ padding: 15px; }
.blogSec .blogList .hfe-post-content .hfe-post-title 			{ min-height: auto; }
.blogSec .blogList .hfe-post-content .hfe-read-more 			{ padding: 15px 25px; line-height: 26px; }

.foodProductSec .foodProdCol 									{ width: 100% !important; }
.foodProductSec .listIcon ul li .elementor-icon-list-icon		{ min-width: 26px; text-align: left; }
.foodProductSec .listIcon ul li .elementor-icon-list-text		{ min-width:150px; text-align: left; padding-left: 5px; }

.footerSec .catMenu ul li.menu-item 							{ width: 50%; }

/* ---------- Inner Banner ---------- */
.innerBanner .sliderText 										{ min-height: 250px; }
.innerBanner ul.bcn-breadcrumbs 								{ flex-wrap: wrap; }
.innerBanner ul.bcn-breadcrumbs li::after 						{ margin: 0 12px; background-position: top 4px center; background-size: 80%; }
.bannerCont														{ display:none; }

/*------------------- Inner Page ---------------------*/
.innerMainSec 													{ padding: 50px 15px; }
.innerMainSec .titleTotal 										{ margin-bottom: 25px; }
.innerMainSec .content .search-form .search-field 				{ min-width: 70%; width: 70%; }

/* ---------- Product List Page ---------- */
.prodListSec													{ padding: 50px 15px; }
.prodListSec .title 											{ margin-bottom: 25px; }
.prodListSec .prodListBox .prodListItem 						{ width: calc(100% - 0px); }
.prodListSec .prodListBox .prodListItem .content 				{ padding: 15px; }
.prodListSec .prodListBox .prodListItem .content .title 		{ font-size: 20px; line-height: 25px; }
.prodListSec .prodListBox .prodListItem .content .requestBtn 	{ padding: 8px 20px; }

/* ---------- Product Details Page ---------- */
.prodDetailsSec 												{ max-width: 100%; padding: 50px 15px; }
.prodDetailsSec article .entryHeader 							{ margin-bottom: 30px; }
.prodDetailsSec article .contentBox 							{ flex-direction: column; }
.prodDetailsSec article .content p 								{ margin: 0 0 20px 0; }

/* ---------- Blog Page ---------- */
.blogMainSec													{ padding: 50px 15px; }
.blogMainSec .articleBox article 								{ width: calc(100% - 0px); }
.blogMainSec .articleBox article .blogItem 						{ padding: 15px; }
.blogMainSec .articleBox article .blogItem .info h4				{ min-height: auto; font-size: 20px; }
.blogMainSec .articleBox article .blogItem .info .readMoreBtn 	{ padding: 15px 25px; line-height: 26px; }

/* ---------- Blog Details Page ---------- */
.blogDetailsSec 												{ max-width: 100%; padding: 50px 15px; }
.blogDetailsSec article .entryHeader 							{ margin-bottom: 30px; }
.blogDetailsSec article .image 									{ margin-bottom: 30px; }
.blogDetailsSec article .content p 								{ margin: 0 0 20px 0; }
.blogDetailsSec article .share 									{ margin-top: 30px; padding: 30px 0; }
.blogDetailsSec article .share .sfsi_widget .sfsi_wDiv 			{ display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 5px; }
.blogDetailsSec article .share .sfsi_widget .sfsi_wDiv .sfsi_wicons { margin-left:0!important; }

.blogDetailsSec .comment-respond h3 							{ margin: 30px 0 20px 0; }
.blogDetailsSec .comment-respond p 								{ flex-direction: column; margin: 0 0 10px 0; font-size: 16px; }
.blogDetailsSec .comment-respond p label 						{ width: 100%; margin-bottom: 5px; font-size: 16px; }
.blogDetailsSec .comment-respond p input, .blogDetailsSec .comment-respond p textarea { width: 87%; }
.blogDetailsSec .comment-respond p.comment-form-cookies-consent { flex-direction: row; }
.blogDetailsSec .comment-respond p.comment-form-cookies-consent input { margin: 0px; font-size: 16px; }
.blogDetailsSec .comment-respond p.comment-form-cookies-consent label { width: calc(95% - 30px); font-size: 16px; }
.blogDetailsSec .comment-respond p .submit 						{ margin-left: 0; }

/* ---------- Contact Page ---------- */
.contactIcon .elementor-icon-box-wrapper .elementor-icon-box-description { width: 100%; }
.contactForm .wpcf7-form 										{ column-gap: 20px; row-gap: 20px; flex-direction: column; }
.contactForm .form-group 										{ width: calc(100% - 0px); }

}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 575px to 320px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root															{ --container-width: 100%; }
.elementor-container											{ max-width: 100%; padding: 0 15px; }

}