.blog-listing-page-design-row-listing .col-lg-4{margin-bottom:15px;}
@media(max-width:767px){
 .fl-btn-left{ float:none; margin:auto !important; margin-bottom:10px !important;}
.fl-btn-right{ float:none; margin:auto !important; margin-top:10px !important; margin-bottom:40px !important;}	
.bulk-order-popup .modal-dialog{ max-width:97% !important;}
.bulk-order-popup .close{ font-size:6px; width:2px; height:20px; right:0px; top:2px;}
.bulk-order-popup .headline-popup{ font-size:16px;}
.bulk-order-popup .modal-popup-listing li img{ width:90%; margin-bottom:5px}
.bulk-order-popup .modal-popup-listing{ padding-left:3px; padding-right:3px; padding-top:20px;}
.bulk-order-popup .modal-popup-listing li h2{ font-size:12px;}
.bulk-order-popup .modal-popup-listing li p{ font-size:9px;}
.bulk-order-popup .modal-content{ padding-bottom:30px;}   
    
    
    
    
    
    
    
    
 .nutrition-bg .headingd{ font-size:15px; line-height:18px;}	
.nutrition-bg{ font-size:13px; width:100%;}	
.nutrition-energy-design{ padding-bottom:90px; margin-top:-30px;}   
    
    
    
    
 .thank-you-page-design{ padding:40px 0px;}	
.thank-you-page-design img{ width:70px;}
.thank-you-content h2{ font-size:20px;}
.thank-you-content p{ font-size:13px;}
.thank-you-page-design .go-to-product-btn{ width:220px; margin:auto;}
.thank-you-page-design .go-to-product-btn a{padding:10px;}   
    
    
    
    .foodpedia-list-design{height:100%;}
    .blog-details-content-sections span{ font-size:13px !important;}
	.homemade-list-star{ width:97%;}
.Cook-with-hazbe-Atta .homemade-list-heading h2{ margin-top:10px;}
.Cook-with-hazbe-Atta .homemade-list-star{ width:86%;}
.social-footer li a img{ width:27px;}
.contact-page-tab-form .nav-link.active{    border-bottom: 2px solid #fff;}
.contact-page-tab-form{ padding:0px;}	
.contact-page-tab-form .nav-link{ font-size:13px; padding:0px;}	
.contact-page-tab-form-content{ padding:15px 0px; padding-bottom:35px;}
.contact-page-tab-form-content label{ font-size:13px;}
.pl-20, .pr-20{ padding:0px;}
.mb-spacing{ margin-bottom:0px; padding:0px 0px;}
.contact-page-tab-form-content ::placeholder{ font-size:12px;}
.contact-page-tab-form-content .form-select{ font-size:12px;}
.submit-btn-center{ margin-top:30px;}
.contact-page-tab-form-design{ padding-bottom:0px;}
.submit-btn{ font-size:13px;}
.contact-page-tab-form-design:before{ background-size: 100%;height: 18px;top: -17px;}
.contact-page-tab-form-design:after{ background-size: 100%;height: 25px;bottom: -17px;}
.mb-spacing .col-12{ margin-bottom:5px;}

.contact-us-page-contact-design{ padding-top:20px; float:left; width:100%;}
.headline-cotact-left{ width:100%;}
.headline-cotact-left h2{ font-size:20px;}
.headline-cotact-left p{ font-size:13px;}
.contact-right-btn{ width:100%; margin-top:20px; }
.go-to-product-btn a{ font-size:13px;}
.regd-office-section-design{ padding:30px 0px;}
.regd-office-section-design h2{ font-size:16px;}
.regd-office-section-design p{ font-size:13px;}
.regd-office-section-design ul li{ margin:0px; padding:5px; font-size:13px; margin-bottom:8px; width:100%;}
.go-to-product-btn{ padding:6px 20px; width:100%;}

.blog-detail-page-banner-section{ height:220px; background-size: 169%;background-position: 40% 40%;}	
.blog-detail-page-banner-section:after{background-size: 100%;bottom: -60px;}	
.blog-detail-page-banner-heading{ width:100%;}
.blog-detail-page-banner-heading h2{ font-size:20px;    padding-right: 30px;}
.our-blog-icon-vector4{ display:none;}
.blog-details-content-section-design {padding-top: 50px; margin-bottom:40px;}
.blog-detail-quotation-design h3{ font-size:15px; line-height:16px;}
.blog-detail-quotation-design:before{ background-size:18px;}
.blog-detail-quotation-design:after{ background-size:18px;}
.blog-details-content-sections p{ font-size:13px;}
.blog-detail-quotation-design{ margin-bottom:20px;}
.blog-details-content-sections h4{ font-size:15px;}
.bl-mobile{ display:block !important; margin-bottom:8px;}
.blog-share-post-social ul li{ margin-right:2px;}
.blog-share-post-social:before{ background-size:100%;height:15px; top:-13px;}
.blog-share-post-social:after{ background-size:100%;height:15px; bottom:-13px;}
.our-blog-icon-vector{ display:none;}
.our-blog-post{ margin-top:40px; padding-top:0px !important;}
.our-blog-icon-vector1{ width:73px; bottom:60px}
.our-blog-icon-vector2{ width:90px; bottom:0px;}
.our-blog-post h3{ font-size:20px;}
.blog-listing-page-design-icon-vector{ display:none;}
.blog-listing-page-design .heading-section-design p{ font-size:13px; margin-bottom:10px;}
.blog-listing-page-design-row-listing .col-lg-4{margin-bottom:15px;}
.blog-listing-page-design-icon-vector1, .blog-listing-page-design-icon-vector2{ display:none;}
.product-pagination-design .page-item .page-link{ padding:5px 10px; font-size:11px;}
.product-pagination-design .page-item{ margin:0px 2px;}
.product-pagination-design .page-item:first-child{ margin-right:5px;}
.product-pagination-design .page-item:last-child{ margin-left:5px;}
.blog-listing-page-design .product-pagination-design{ margin-top:30px; margin-bottom:0px;}
.about-us-page-vector1 {right: 10px;top: 12px;width: 67px;}	
.about-us-page-banner-section-design img{ margin-top:0px;}
.about-us-banner-heading h2{ font-size:20px;}
.about-us-page-banner-design{ padding-top:23px;}
.about-us-content-description-vector{display:none;}
.about-us-content-description{ margin-top:-10px;}
.about-us-content-description{ padding:0px;}
.about-us-content-description h2{ font-size:20px; margin-bottom:10px;}
.about-us-content-description p{ font-size:13px;}
.about-us-content-description-vector1{ display:none;}
.about-us-content-description{ margin-bottom:50px;}
.about-us-listing p{ font-size:13px;}
.about-us-listing h2{ font-size:18px;}
.about-us-listing .col-12{ margin-bottom:10px;}
.about-us-listing{ margin-bottom:50px;}
.product-detail-vector-icon{top: -102px;width: 72px;}	
.threelist-product-img{ float:none; width:100%;}
.threelist-product-content{ float:none; width:100%;}
.threelist-product{ text-align:center;}
.product-threelisting-design:before{ height:16px;top: -15px; background-size:100%;}	
.product-threelisting-design:after{ height:15px;bottom: -15px; background-size:100%;}	
.threelist-product-img img{ width:70px; margin-bottom:10px;}
.threelist-product-content h2{ font-size:17px;}
.threelist-product-content p{ font-size:13px;}
.product-outline-vector1{ display:none;}
.product-outline-vector2{ display:none;}	
.product-slider-bg{ width:250px;}	
.product-detail-product-banner-slider .owl-nav button.owl-prev{ left:0px;top: 58px;}	
.product-detail-product-banner-slider .owl-nav button.owl-next{ right:0px;top: 58px;}	
.product-detail-product-banner-slider .item img{ width:150px;}
.product-detail-page-banner-section-content h2{ font-size:20px;}
.product-detail-page-banner-section-content p{ font-size:13px;}
.mobile-view-product{ display:block; margin-bottom:30px;}
.desktop-view-product{ display:none;}	
.product-detail-page-banner-section-content{ text-align:center;}	
.product-detail-page-banner-section-content .click-to-buy-online{ margin:40px auto;}
.product-detail-page-banner-section-design{ padding:30px 0px;}	
.product-page-listing{ padding-top:50px; }	
.product-page-banner-heading{ width:100%;padding-bottom:2px; padding-top:90px;}
.product-page-banner-heading h2{ font-size:20px;}	
.product-page-banner-heading p{ font-size:15px;}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.product-page-banner-section{ height:100%;object-fit: cover;width: 100%;}
.product-page-banner-section:after{ background-size:100%; bottom:-60px;}
.product-page-listing{ }	
.hazbe-pack-today-product-page{ padding-bottom:70px; padding-top:30px; margin-bottom:0px;}
.pro-page-vector1{display:none;}
.pro-page-vector2{ display:none;;}
.pro-page-vector3{ display:none;}
.pro-page-vector4{ display:none;}
.pro-page-vector5{display:none;}
.connect-line {position: absolute;left: 25px;top: 96px;margin: auto;text-align: center;transform: rotate(-4deg);z-index: 0;width: 202px;}	
.connect-line2 {position: absolute;left:65px;top: 396px;margin: auto;text-align: center;transform: rotate(-4deg);z-index: 0;width: 202px;}	
.left-space1{ margin-left:-20px;}
.mobile-call-and-whatsapp-cinhidden{ display:block;}
.footer-third-section p{ margin-bottom:7px;}
.footer-third-section .footer-phoene{ margin-bottom:7px;}
.logo{ float:left; text-align:left;}	
.section-navigation-design{ background-color:transparent; box-shadow:none; text-align:left;}
.footpedia-icon-vector{ width:90px; right:0px; bottom:-7px;}
.everybite-tell-story-design-section{ padding-top:20px; padding-top:0px;}
.everybite-tell-story-design:before{ background-size:160%; height:20px;}
.everybite-tell-story-design:after{ background-size:160%; height:20px; bottom:30px;}
.every-bite-tell-heading{ margin-top:18px; padding:29px 0px;}
.every-bite-tell-heading-watermark{ font-size:20px; top:14px;}
.every-bite-tell-heading-h2{ font-size:20px; width:260px;}
.every-bite-tell-heading-h2:before{ width:22px; height:24px; background-size:100%; left:-10px; top:0px;}
.every-bite-tell-heading-h2:after{ width:22px; height:24px; background-size:100%; right:-10px; top:0px;}
.every-heart-img{ left:10px; top:-14px;}
.every-heart-img img {width: 49px;}
.every-heart-img2{ right:20px; top:79px;}
.every-heart-img2 img{ width:30px;}
.testy-dish-design{ padding:0px; float:left; width:100%;}
.outline-vector1{ width:80px; right:3px; top:50px;}
.testi-circle{ width:50%; left:0px; }
.testi-heading-dish{ margin:0px; margin-top:0px;padding: 71px 0px; margin-left:10px; padding-top:20px;}
.testi-heading-dish h2{ font-size:14px; margin-bottom:10px;}
.red{ font-size:18px;}
.yellow{ font-size:18px;}
.testi-heading-dish img{ width:60%!important;}
.testi-dish-product-design{ width:50%;}
.testi-dishes{ width:50%; margin-top:54px;}
.testi-dishes img{width:100%;}
.third-section-dish-design .testi-heading-dish{margin-top:70px;}
.first .testi-heading-dish{padding-top:89px;}
.first{
	margin-top:-39px;
}
.first .testi-dishes{
	margin-top:125px!important;
}
.about-us-page-banner-section-design img{
	width: 100%;
}
.second-section-dish-design{ margin-top:50px!important;}
.second-section-dish-design .testi-circle{ width:50%; right:0px; top:-20px;}
.second-section-dish-design .testi-heading-dish{ margin:0px; margin-top:0px;padding: 71px 0px; margin-left:10px; padding-top:20px;}
.second-section-dish-design .testi-dishes{ margin-top:40px;}
.second-section-dish-design .testi-dishes img {width: 80%;margin-left: -3px; margin-top:-7px;}
.outline-vector6{top: -70px; margin:inherit; left:12px;width:80px;}
.third-section-dish-design{ margin-top:15px!important;}
.third-section-dish-design .testi-dishes{ margin-top:163px;}

.third-section-dish-design .testi-dishes img {width: 100%;margin-left: -38px; margin-top:-114px;}
.outline-vector3{ width: 80px;left: inherit;right: 24px;bottom: -70px;top: inherit;}
.outline-vector4{ bottom:-150px; top:inherit; width:80px;}
.outline-vector2{ display:none;}
.outline-vector5 {position: absolute;left: 8px;width:80px;bottom: -20px; top:inherit;}
.hazbe-pack-today:before{ top:-13px; height:20px;background-size: 100%;}
.hazbe-pack-today:after{ bottom:-7px; height:20px;background-size: 100%;}
.homemade-outline-vector4{bottom:-20px; width:97px;}
.homemade-outline-vector2 {bottom: 35px;right: 0px;width: 110px;}
.homemade-carousel1 .owl-nav button.owl-next, .homemade-carousel1 .owl-nav button.owl-prev{ display:none !important;}
.footer-section-design:before{ background-size:100%; top:-11px; height:13px;}
.min-read{ font-size:13px; width:114px;}	
.foodpedia-list-content h2{ font-size:16px; padding:8px 12px;}
.foodpedia-list-content a{ width:100px; font-size:13px;}
.mobile-call-and-whatsapp-cin{ display:block; position:absolute; right:47px; top:22px;}
.mobile-call-and-whatsapp-cin a{ margin-right:4px;}
.mobile-call-and-whatsapp-cin a:last-child{ margin-right:0px;}
.mobile-call-and-whatsapp-cin img{ width:30px;}
.back-to-top{ right:10px;}
.back-to-top img{ width:50px;}
.desktop-view-hide{ display:block;}
.mobile-show-accordian{ display:block;}	
.logo a img{ width:120px!important; margin-top:9px;}
.header-bg{ padding:0px; height:60px;}
.header-spaceing {margin-top: 65px;}
.banner-carousel .item img{ width:100%;}
.hazbe-home-about-us{ padding-top:60px; padding-bottom:10px;}
.heading-section-design h2{ font-size:17px; padding:10px 7px;}
.wd-20 {width:120px;}
.heading-section-design h2:before{margin-left: -60px; top:14px;background-size: 66%;}
.heading-section-design h2:after{ margin-left:30px; top:14px;background-size: 66%;}
.about-text-content{ padding:20px 0px;}
.about-text-content p{ font-size:13px;}
.about-list-design img{ width:70px; margin-bottom:10px;}
.about-list-design h2{ font-size:16px;}
.about-list-design p{ font-size:13px;}
.wd-25 {width:158px;}
.p-tb-text{ font-size:13px;}
.product-content-img-design .item img{ width:80%;}
.product-listing-page h2{ font-size:13px;}
.product-nav-tabs{ display:inline-table;}
.product-nav-tabs li{ display:inline-table; width:50%;}
.product-nav-tabs .nav-link{ font-size:13px;}
.product-nav-tabs .nav-link img{ width:18px; margin-right:0px;}
.view-all-product a{ width:140px; font-size:13px; padding:10px 30px; position:relative; z-index:9;}
.view-all-product{ padding-top:30px;}
.pack-today-section{ padding:30px 0px;}
.pack-today-contant h2{ font-size:14px;}
.pack-today-contant .line1{width:13%; top: 8px;}
.pack-today-contant .line2{width:13%; top: 8px;}
.pack-today-section .list-inline{ padding:20px 0px; margin-bottom:0px; padding-bottom:10px;}
.pack-today-section .list-inline li{ width:48%;}
.hazbe-pack-today{ height:100%;margin-top:20px;}
.wd-38 {width:224px;}
.hazbe-home-happiness-homemade .heading-section-design h2:after {margin-left: 18px;}
.hazbe-home-happiness-homemade .heading-section-design h2:before {margin-left: -48px;}
.hazbe-home-happiness-homemade{ padding:30px 0px; padding-top:50px;}
.happiness-homemade-tab-design{ padding-top:30px;}
.happiness-homemade-nav-tabs{ display:table; width:70%;}
.happiness-homemade-nav-tabs .nav-link img{ width:66px; margin-bottom:2px;}
.happiness-homemade-nav-tabs .nav-link{ font-size:13px;}
.happiness-homemade-nav-tabs li{ display:table-cell;}
.homemade-list-design{ padding:10px;}
.happiness-homemade-tab-content{ margin-top:0px;}
.homemade-list-heading h2{ font-size:15px; margin-bottom:2px;}
.homemade-list-heading p{ font-size:12px; margin:0px; margin-bottom:4px;}
.homemade-list-time p{ font-size:12px; margin-bottom:4px;}
.homemade-list-star p{ font-size:12px;}
.homemade-list-star img{ width:100px;}
.homemade-list-design{ height:410px; padding-bottom:20px; box-shadow:0px 0px 20px rgb(204 204 204 / 52%) !important;}
.homemade-carousel1 .owl-item{ padding:10px 2px;}
.homemade-list-img{ height:188px;width: 100%; margin-bottom:5px;}
.homemade-list-content{ width:100%;}
.homemade-content-text{ font-size:12px; line-height:17px;}
.hazbe-home-our-product{ }
.foodmedia-carousel1{ padding:20px 0px; padding-bottom:0px;}
.foodmedia-carousel1 .item{ padding:6px;}
.hazbe-home-FoodPedia{ padding-bottom:50px; padding-top:40px;}
.follow-world-heading{ padding-top:0px;}
.follow-world-heading h2{ font-size:17px; margin-bottom:3px;}
.follow-world-heading p{ font-size:13px;}
.follow-hazbeworld-img{height:100%;}
.follow-hazbeworld-list .row{ padding:0px 10px;}
.follow-hazbeworld-list .col-4{ padding:0px 5px; margin-bottom:10px;}
.follow-hazbeworld-design{ padding-bottom:30px;}
.footer-section-design h2{ font-size:15px;}
.footer-first-section .footer-link-design li a{ font-size:13px;}
.footer-first-section .footer-link-design li{ margin-bottom:5px;}
.footer-first-section{margin-bottom:15px; padding:0px;}
.footer-section-design .row{ padding:0px 15px;}
.footer-section-design .col-lg-3:first-child{ border:none; border-bottom:1px solid #fff; }
.footer-section-design h2{ margin-bottom:10px;}
.second-footer{ border:none; border-bottom:1px solid #fff; margin-bottom:15px; }
.footer-third-section{ border:none; margin-bottom:15px; padding:0px; font-size:13px; }
.copyright-footer{ margin-top:0px; padding-top:8px; font-size:13px;}
.footer-section-design{ padding-bottom:8px;}
.product-mobile-section-accordian .accordion-button{ padding:12px; font-size:14px;}
.product-mobile-section-accordian .accordion-button::after{background-position: 4px 3px;background-size: 76%; }
.product-mobile-section-accordian .accordion-button:not(.collapsed)::after{background-image:url(../images/arrow-acco.png)}
.foodpedia.heading-section-design h2:after {margin-left:22px;top: 11px;}
.foodpedia.heading-section-design h2:before {margin-left: -52px;top: 11px;}
.hazbe-pack-today{ background-attachment:inherit; background-position:inherit; background-size:auto;}
}

@media (min-width:320px) and (max-width:341px) {
.heading-section-design h2{ font-size:15px;}
.wd-38{ width:200px;}
.wd-25 {width: 125px;}
.wd-20 {width: 98px;}
.heading-section-design h2:after {margin-left: 20px;top: 11px;}
.heading-section-design h2:before {margin-left: -50px;top: 11px;}
.hazbe-home-happiness-homemade .heading-section-design h2:after {margin-left: 13px;}
.hazbe-home-happiness-homemade .heading-section-design h2:before {margin-left: -44px;}
.foodpedia.heading-section-design h2:after {margin-left:14px;top: 11px;}
.foodpedia.heading-section-design h2:before {margin-left: -44px;top: 11px;}
.pack-today-contant .line1{width: 13%; top: 9px;}
.pack-today-contant .line2{width: 13%; top: 9px;}
}

@media (min-width:360px) and (max-width:400px) {
.pack-today-contant h2 {font-size: 16px;}	
.pack-today-contant .line1{ top:9px;}	
.pack-today-contant .line2{ top:9px;}	
}

@media (min-width:401px) and (max-width:500px) {
.pack-today-contant h2 {font-size: 18px;}	
.pack-today-contant .line1{ top:10px;}	
.pack-today-contant .line2{ top:10px;}	
.hazbe-pack-today-product-page{background-size: 379%;}
}

@media (min-width:501px) and (max-width:767px) {
.pack-today-contant h2 {font-size:22px;}	
.pack-today-contant .line1{ top:14px;}	
.pack-today-contant .line2{ top:14px;}	
.hazbe-pack-today-product-page{background-size: 335%;}
}

@media (min-width:768px) and (max-width:991px) {
 .fl-btn-left{ float:left;margin-bottom:10px !important; width:187px !important; padding:7px 10px !important;}
.fl-btn-right{ float:left; width:187px !important; padding:7px 10px !important;}	
.bulk-order-popup .modal-dialog{ max-width:87% !important;}
.bulk-order-popup .close{ font-size:8px; width:10px; height:30px; right:-6px; top:-6px;}
.bulk-order-popup .headline-popup{ font-size:18px;}
.bulk-order-popup .modal-popup-listing li img{ width:90%; margin-bottom:5px}
.bulk-order-popup .modal-popup-listing{ padding-left:3px; padding-right:3px; padding-top:30px;}
.bulk-order-popup .modal-popup-listing li h2{ font-size:17px;}
.bulk-order-popup .modal-popup-listing li p{ font-size:12px;}
.bulk-order-popup .modal-content{ padding-bottom:40px;}	   
    
    
    
   .nutrition-energy-design{ margin-top:-50px;padding-bottom:80px;}	
.nutrition-bg .headingd{ font-size:16px; line-height:18px;}
.nutrition-bg{ font-size:12px;} 
    
    
    
 .pack-today-section .list-inline{padding-top:16px;}   
 .pack-today-section .list-inline li{margin-bottom: 6px;}   
   .contact-page-tab-form-design:before{top:-46px;background-size: auto;} 
   .contact-page-tab-form-design:after{background-size: auto;} 
  .product-page-listing{ padding-top:0px; margin-top:100px;}  
    .pro-page-vector2{ display:none;}
    
    
  .thank-you-page-design{ padding:70px 0px;}	
.thank-you-page-design img{ width:80px;}
.thank-you-content h2{ font-size:27px;}
.thank-you-content p{ font-size:15px;}
.thank-you-page-design .go-to-product-btn{ width:250px; margin:auto;}
.thank-you-page-design .go-to-product-btn a{padding:10px;}	  
    
    
    
    .foodpedia-list-design{height:89%;}
.Cook-with-hazbe-Atta .homemade-list-star{ width:86%;}	
.contact-page-tab-form{ padding:0px;}	
.contact-page-tab-form .nav-link{ font-size:16px; padding:0px; padding-bottom:5px;}	
.contact-page-tab-form-content{ padding:30px 0px;}
.contact-page-tab-form-content label{ font-size:14px;}
.pl-20, .pr-20{ padding:0px;}
.mb-spacing{ margin-bottom:0px; padding:0px 0px;}
.contact-page-tab-form-content ::placeholder{ font-size:12px;}
.contact-page-tab-form-content .form-select{ font-size:12px;}
.submit-btn-center{ margin-top:30px;}
.contact-page-tab-form-design{ padding-bottom:0px;}
.submit-btn{ font-size:14px;}


.contact-us-page-contact-design{ padding-top:40px; float:left; width:100%;}
.headline-cotact-left{ width:100%;}
.headline-cotact-left h2{ font-size:26px;}
.headline-cotact-left p{ font-size:15px;}
.contact-right-btn{ width:100%; margin-top:20px; }
.go-to-product-btn a{ font-size:15px;}
.regd-office-section-design{ padding:30px 0px;}
.regd-office-section-design h2{ font-size:16px;}
.regd-office-section-design p{ font-size:13px;}
.regd-office-section-design ul li{ padding:8px; font-size:15px; margin-bottom:8px; width:280px;}
.go-to-product-btn{ padding:6px 20px; width:100%;}



.blog-detail-page-banner-section{background-size: cover;height:345px;}
.blog-detail-page-banner-heading{ width:60%;    padding-top: 13%;}
.blog-detail-page-banner-heading h2{ font-size:35px;}
.our-blog-post{ padding-top:0px !important;}
.blog-listing-page-design-icon-vector{ display:none;}
.blog-listing-page-design .heading-section-design p{ font-size:13px; margin-bottom:10px;}
.blog-listing-page-design-row-listing .col-lg-4{margin-bottom:15px;}
.blog-listing-page-design-icon-vector1, .blog-listing-page-design-icon-vector2{ display:none;}
.product-pagination-design .page-item .page-link{ padding:5px 10px; font-size:11px;}
.product-pagination-design .page-item{ margin:0px 2px;}
.product-pagination-design .page-item:first-child{ margin-right:5px;}
.product-pagination-design .page-item:last-child{ margin-left:5px;}
.blog-listing-page-design .product-pagination-design{ margin-top:30px; margin-bottom:0px;}
.about-us-page-vector1 {right: 10px;top: 12px;width:97px;}	
.about-us-page-banner-section-design img{ margin-top:-60px;}
.about-us-banner-heading h2{ font-size:25px;}
.about-us-page-banner-design{ padding-top:48px;}
.about-us-content-description-vector{display:none;}
.about-us-content-description{ margin-top:-40px;}
.about-us-content-description{ padding:0px;}
.about-us-content-description h2{ font-size:20px; margin-bottom:10px;}
.about-us-content-description p{ font-size:16px;}
.about-us-content-description-vector1{ display:none;}
.about-us-content-description{ margin-bottom:50px;}
.about-us-listing p{ font-size:13px;}
.about-us-listing h2{ font-size:18px;}
.about-us-listing .col-12{ margin-bottom:10px;}
.about-us-listing{ margin-bottom:50px;}	
.product-detail-product-banner-slider .item img{ width:160px;}	
.product-detail-product-banner-slider .owl-nav button.owl-prev{ left:-24px;}
.product-detail-product-banner-slider .owl-nav button.owl-next{ right:-24px;}
.product-slider-bg{ width:283px;}
.product-detail-vector-icon{ width:120px; top:-140px;}
.product-detail-page-banner-section-design{ padding-bottom:70px;}
.threelist-product-content{ width:84%; padding-top:6px;}
.threelist-product-img img{ width:60px;}
.threelist-product{ margin-bottom:12px;}
.Cook-with-hazbe-Atta .happiness-homemade-tab-design{ padding:40px 30px;}	
.Cook-with-hazbe-Atta .homemade-content-text{ font-size:12px;}
.product-page-banner-section{background-size: cover; height:278px; top: 84px;   background-size: 100%;    width: 96%;}
.product-page-banner-heading{ width: 41%;margin-top: -66px;position: absolute;}
.pro-page-vector1{ width:70px;top: 72px;}
.pro-page-vector2 {position: absolute;right: 24px;top: 34%; width:130px;}
.pro-page-vector3{ width:140px; top:33%;}
.pro-page-vector5{ width:140px;}
.pro-page-vector4{ width:120px;}
.connect-line2{    width: 41%; left:200px;}
.connect-line{    width: 41%; left:200px;top: 254px;}
.hazbe-pack-today-product-page{ height:370px !important; padding-top:50px;background-size: 156%;}
.product-page-cir{ width:32.8%;}
.product-listing-page-circle img{ width:215px; bottom:-50px;}
.product-listing-page img{ width:140px;}
.product-listing-page h2{ font-size:16px;}
.homemade-list-img{ width:100%;}
.homemade-list-content{ width:100%;}
.homemade-carousel1 .owl-nav button.owl-prev, .homemade-carousel1 .owl-nav button.owl-next{ top:200px;}
.footpedia-icon-vector{ width:90px; right:0px; bottom:-7px;}
.everybite-tell-story-design-section{ padding-top:20px; padding-top:0px;}
.everybite-tell-story-design:before{ background-size:160%; height:47px;top: 30px;}
.everybite-tell-story-design:after{ background-size:160%; height:47px; bottom:10px;}
.every-bite-tell-heading{ margin-top:18px; padding:30px 0px;}
.every-bite-tell-heading-watermark{ font-size:50px; top:16px;}
.every-bite-tell-heading-h2{ font-size:30px; width:370px;}
.every-bite-tell-heading-h2:before{ width:22px; height:24px; background-size:100%; left:-10px; top:6px;}
.every-bite-tell-heading-h2:after{ width:22px; height:24px; background-size:100%; right:-10px; top:6px;}
.every-heart-img{ left:110px; top:21px;}
.every-heart-img img {width:60px;}
.every-heart-img2{ right:119px; top:43px;}
.every-heart-img2 img{ width:40px;}
.testy-dish-design{ padding:0px; float:left; width:100%;}
.outline-vector1{ width:168px; right:3px; top:0px;}
.testi-circle{ width:47%; left:0px; top:-20px;}
.testi-heading-dish{ margin:0px; margin-top:0px;padding: 71px 0px; margin-left:10px; padding-top:90px;}
.testi-heading-dish h2{ font-size:19px; margin-bottom:10px;}
.red{ font-size:32px;}
.yellow{ font-size:32px;}
.testi-heading-dish img{ width:60%;}
.testi-dish-product-design{ width:50%;}
.testi-dishes{ width:50%; margin-top:210px;}
.testi-dishes img{width:112%;margin-left: -56px;}
.second-section-dish-design{ margin-top:50px;}
.second-section-dish-design .testi-circle{ width:50%; right:0px; top:-20px;}
.second-section-dish-design .testi-heading-dish{ margin:0px; margin-top:0px;padding: 71px 0px; margin-left:10px; padding-top:20px;}
.second-section-dish-design .testi-dishes{ margin-top:40px;}
.second-section-dish-design .testi-dishes img {width: 103%;margin-left: -38px; margin-top:74px;}
.outline-vector6{top: -70px; margin:inherit; left:12px;width:140px;}
.third-section-dish-design{ margin-top:15px;}
.third-section-dish-design .testi-dishes{ margin-top:70px;}
.third-section-dish-design .testi-dishes img {width: 100%;margin-left: -38px; margin-top:54px;}
.outline-vector3{ width:90px; margin:inherit; left:inherit; right:80px; top:494px;}
.outline-vector4{ bottom:-150px; top:inherit; width:100px;}
.outline-vector2{ display:none;}
.outline-vector5 {position: absolute;left: 8px;width: 90px;bottom: -20px; top:inherit;}
.hazbe-pack-today:before{ top:-34px; height:50px;background-size: 100%;}
.hazbe-pack-today:after{ bottom:-25px; height:50px;background-size: 100%;}
.hazbe-home-FoodPedia{ padding-top:60px;}
#cssmenu ul{ display:block !important;}
#cssmenu > ul > li > a{padding:19px 8px;font-size: 13px; padding-bottom:18px;}
.logo img{ width:100px;}
#cssmenu > ul > li.has-sub > a:after{ top:14px;}
#cssmenu > ul > li.has-sub > a:before{ top:19px;}
#cssmenu > ul > li.has-sub:hover > a:before{ top:32px !important;}
#cssmenu ul ul li a{ width:100%;}
.header-bg{ height:67px;}
#cssmenu{ margin-top:0px;}
.header-spaceing {margin-top:114px;}
.banner-carousel .item img{ width:100%;}
.heading-section-design h2{ font-size:23px;}
.wd-20 {width: 25%;}
.heading-section-design h2:after{ margin-left:43px;top:11px;}
.heading-section-design h2:before{ margin-left:-88px; top:11px;}
.wd-25 {width: 32%;}
.product-nav-tabs .nav-link{ font-size:13px;}
.product-content-img-design{ padding:40px 0px; padding-bottom:0px;}
.pack-today-contant .line1{width:23%;}
.pack-today-contant .line2{width:23%;}
.pack-today-section .list-inline li{ width:24%;}
.pack-today-section .list-inline li img{ width:100%;}
.pack-today-section{ padding-top:30px;}
.hazbe-pack-today{ height:280px;}
.wd-38 {width: 50%;}
.foodpedia h2:before{ margin-left:-79px;}
.foodpedia h2:after{ margin-left:92px;}
.follow-hazbeworld-img{ height:213px; margin-bottom:20px;}
.second-footer{ padding-left:20px;}
.footer-first-section .footer-link-design li a{ font-size:12px;}
.footer-section-design h2{ font-size:15px;}
.footer-third-section{ padding-left:20px; font-size:12px;}
.social-footer li a img{ width:30px;}
.copyright-footer p{ font-size:12px;}
.footer-section-design{ padding:20px 0px; padding-bottom:15px;}
.about-text-content p{ font-size:13px;}
.about-list-design h2{ font-size:15px;}
.about-list-design p{ font-size:12px;}
.p-tb-text{ font-size:13px;}
.homemade-list-heading p{ font-size:13px;}
.homemade-list-heading h2{ font-size:17px;}
.homemade-list-time p{ font-size:13px;}
.homemade-list-star p{ font-size:13px;}
.homemade-list-star img{ width:100px;}
.homemade-list-design{ height:516px;}
.follow-world-heading p{ font-size:13px;}
.follow-world-heading h2{ font-size:20px; margin-bottom:4px;}
.happiness-homemade-nav-tabs .nav-link img{ width:120px;}
.happiness-homemade-nav-tabs{ width:480px;}
.hazbe-home-about-us{ padding-bottom:20px;}
}

@media (min-width:992px) and (max-width:1200px) {
  .fl-btn-left{ float:left;margin-bottom:10px !important; width:187px !important; padding:7px 10px !important;}
.fl-btn-right{ float:left; width:187px !important; padding:7px 10px !important;}	
.bulk-order-popup .modal-dialog{ max-width:87% !important;}
.bulk-order-popup .close{ font-size:8px; width:10px; height:30px; right:-6px; top:-6px;}
.bulk-order-popup .headline-popup{ font-size:18px;}
.bulk-order-popup .modal-popup-listing li img{ width:90%; margin-bottom:5px}
.bulk-order-popup .modal-popup-listing{ padding-left:3px; padding-right:3px; padding-top:30px;}
.bulk-order-popup .modal-popup-listing li h2{ font-size:17px;}
.bulk-order-popup .modal-popup-listing li p{ font-size:12px;}
.bulk-order-popup .modal-content{ padding-bottom:40px;}	  
    
  	.nutrition-energy-design{ margin-top:-50px; padding-bottom:90px;}	
.nutrition-bg .headingd{ font-size:16px; line-height:18px;}
.nutrition-bg{ font-size:13px;}  
    
    
   .pack-today-section .list-inline{padding-top:16px;}   
 .pack-today-section .list-inline li{margin-bottom: 6px;}   
   .contact-page-tab-form-design:before{top:-46px;background-size: auto;} 
   .contact-page-tab-form-design:after{background-size: auto;} 
  .product-page-listing{ padding-top:0px; margin-top:100px;}  
    .pro-page-vector2{ display:none;}  
  .blog-listing-page-design-icon-vector1{bottom: 6px;}  
   .blog-listing-page-design-icon-vector2{    width: 86px;bottom: 4px;} 
 .product-page-banner-section{background-size: cover; height:357px; top:95px;   background-size: 100%;    width: 96%;}
 
 
    
    
.thank-you-page-design{ padding:70px 120px;}	
.thank-you-page-design img{ width:80px;}
.thank-you-content h2{ font-size:27px;}
.thank-you-content p{ font-size:15px;}
.thank-you-page-design .go-to-product-btn{ width:250px; margin:auto;}
.thank-you-page-design .go-to-product-btn a{padding:10px;}
.thank-you-page-design .contact-right-btn{ width:auto;}	    
    
    
    .blog-detail-page-banner-section{background-size: auto;}
.foodpedia-list-design{height:465px;}    
.contact-page-tab-form-design{ padding-bottom:0px;}
.contact-page-tab-form-content label{ font-size:12px;}
.contact-page-tab-form-content ::placeholder{ font-size:12px;}
.contact-page-tab-form-content .form-select{ font-size:12px;}	
.blog-detail-page-banner-heading{ width:60%;}
.our-blog-post{ padding-top:0px !important;}
.blog-listing-page-design-icon-vector{ width:100px;}	
.about-us-page-vector1 {right: 10px;top: 12px;width:137px;}	
.about-us-page-banner-section-design img{ margin-top:-60px;}
.about-us-banner-heading h2{ font-size:30px;}
.about-us-page-banner-design{ padding-top:48px;}
.about-us-content-description-vector{ width:100px; left:-30px;}
.about-us-content-description{ margin-top:-60px;}
.about-us-content-description{ padding:0px 50px;}
.about-us-content-description h2{ font-size:30px; margin-bottom:10px;}
.about-us-content-description p{ font-size:15px;}
.about-us-content-description-vector1{ width:100px; right:-30px; }
.about-us-content-description{ margin-bottom:50px;}
.about-us-listing p{ font-size:15px;}
.about-us-listing h2{ font-size:18px;}
.about-us-listing .col-12{ margin-bottom:10px;}
.about-us-listing{ margin-bottom:50px;}	
.product-detail-product-banner-slider .item img{ width:205px;}	
.product-detail-product-banner-slider .owl-nav button.owl-prev{ left:0px;}
.product-detail-product-banner-slider .owl-nav button.owl-next{ right:0px;}
.product-slider-bg{ width:283px;}
.product-detail-vector-icon{ width:120px; top:-140px;}
.product-detail-page-banner-section-design{ padding-bottom:70px;}
.threelist-product-content{ width:74%; padding-top:6px;}
.threelist-product-img img{ width:60px;}
.threelist-product{ margin-bottom:12px;}
.Cook-with-hazbe-Atta .happiness-homemade-tab-design{ padding:40px 30px;}	
.Cook-with-hazbe-Atta .homemade-content-text{ font-size:12px;}
.threelist-product-content h2{ font-size:15px;}
.threelist-product-content p{ font-size:13px;}
.product-page-banner-heading{ width:33%;margin-top: -65px;}
.pro-page-vector1{ width:67px;    top: 72px;}
.pro-page-vector2 {position: absolute;right: 24px;top: 34%; width:170px;}
.pro-page-vector3{ width:180px; top:33%;}
.pro-page-vector5{ width:170px;}
.pro-page-vector4{ width:170px;}
.hazbe-pack-today-product-page{ height:418px !important; padding-top:30px;}
.connect-line {position: absolute;left: 258px;top: 314px;margin: auto;text-align: center;transform: rotate(-2deg);z-index: 0;width: 368px;}
.connect-line2 {position: absolute;left: 315px;top: 799px;margin: auto;text-align: center;transform: rotate(-5deg);
z-index: 0;width: 339px;}
.homemade-list-img{ margin-bottom:6px; width:44%;}
.homemade-list-time p{ margin-bottom:4px; font-size:12px;}
.homemade-list-heading p{ margin:0px; margin-bottom:4px; font-size:12px;}
.homemade-content-text{ font-size:12px; margin-bottom:3px;}
.homemade-carousel1 .owl-nav button.owl-next{top: 78px;right: -27px;}
.homemade-carousel1 .owl-nav button.owl-prev{top: 78px;left: -27px;}
.homemade-outline-vector4{ width:147px;}
.homemade-outline-vector2{ width:150px;}
#cssmenu ul ul li a{ width:154px;}
#cssmenu ul{ display:block !important;}
#cssmenu > ul > li > a{padding: 19px 8px;font-size: 13px; padding-bottom:18px;}
.logo img{ width:100px;}
#cssmenu > ul > li.has-sub > a:after{ top:14px;}
#cssmenu > ul > li.has-sub > a:before{ top:19px;}
.header-bg{ height:67px;}
#cssmenu{ margin-top:0px;}
.header-spaceing {margin-top:114px;}
.banner-carousel .item img{ width:100%;}
.heading-section-design h2{ font-size:23px;}
.wd-20 {width: 18%;}
.heading-section-design h2:after{ margin-left:43px;top:11px;}
.heading-section-design h2:before{ margin-left:-88px; top:11px;}
.wd-25 {width:23%;}
.product-nav-tabs .nav-link{ font-size:14px;}
.product-content-img-design{ padding:40px 0px; padding-bottom:0px;}
.pack-today-contant .line1{width:23%;}
.pack-today-contant .line2{width:23%;}
.pack-today-section .list-inline li{ width:24%;}
.pack-today-section .list-inline li img{ width:100%;}
.pack-today-section{ padding-top:50px;}
.hazbe-pack-today{ height:360px;background-size: auto;}
.wd-38 {width:36%;}
.foodpedia h2:before{ margin-left:-79px;}
.foodpedia h2:after{ margin-left:92px;}
.follow-hazbeworld-img{ height:133px; margin-bottom:20px;}
.second-footer{ padding-left:20px;}
.footer-first-section .footer-link-design li a{ font-size:12px;}
.footer-section-design h2{ font-size:15px;}
.footer-third-section{ padding-left:20px; font-size:12px;}
.social-footer li a img{ width:30px;}
.copyright-footer p{ font-size:12px;}
.footer-section-design{ padding:20px 0px; padding-bottom:15px;}
.about-text-content p{ font-size:13px;}
.about-list-design h2{ font-size:15px;}
.about-list-design p{ font-size:12px;}
.p-tb-text{ font-size:13px;}
.homemade-list-heading p{ font-size:12px;}
.homemade-list-heading h2{ font-size:15px;}
.homemade-list-time p{ font-size:12px;}
.homemade-list-star p{ font-size:12px;}
.homemade-list-star img{ width:100px;}
.homemade-list-design{ height:226px;}
.follow-world-heading p{ font-size:13px;}
.follow-world-heading h2{ font-size:20px; margin-bottom:4px;}
.happiness-homemade-nav-tabs .nav-link img{ width:120px;}
.happiness-homemade-nav-tabs{ width:480px;}
.hazbe-home-about-us{ padding-bottom:20px;}
.homemade-list-img{ height:195px; margin-bottom:10px;}
.happiness-homemade-tab-content{ margin-top:0px;}
.hazbe-home-happiness-homemade{ padding-bottom:30px;}
.foodmedia-carousel1{ padding-top:30px;}
.foodpedia-list-content h2{ margin:0px; padding:15px 5px;}
.follow-hazbeworld-design{ padding-bottom:20px;}
.footpedia-icon-vector{ width:120px; right:0px; bottom:28px;}
.everybite-tell-story-design-section{ padding-top:20px; padding-top:40px;}
.everybite-tell-story-design:before{ background-size:160%; height:47px;top: 30px;}
.everybite-tell-story-design:after{ background-size:160%; height:47px; bottom:10px;}
.every-bite-tell-heading{ margin-top:18px; padding:30px 0px;}
.every-bite-tell-heading-watermark{ font-size:50px; top:16px;}
.every-bite-tell-heading-h2{ font-size:30px; width:370px;}
.every-bite-tell-heading-h2:before{ width:22px; height:24px; background-size:100%; left:-10px; top:6px;}
.every-bite-tell-heading-h2:after{ width:22px; height:24px; background-size:100%; right:-10px; top:6px;}
.every-heart-img{ left:110px; top:21px;}
.every-heart-img img {width:60px;}
.every-heart-img2{ right:119px; top:43px;}
.every-heart-img2 img{ width:40px;}
.testy-dish-design{ padding:0px; float:left; width:100%;}
.outline-vector1{ width:180px; right:3px; top:0px;}
.testi-circle{ width:50%; left:0px; top:-20px;}
.testi-heading-dish{ margin:0px; margin-top:0px;padding: 71px 0px; margin-left:10px; padding-top:90px;}
.testi-heading-dish h2{ font-size:19px; margin-bottom:10px;}
.red{ font-size:32px;}
.yellow{ font-size:32px;}
.testi-heading-dish img{ width:40%;}
.testi-dish-product-design{ width:50%;}
.testi-dishes{ width:50%; margin-top:210px;}
.testi-dishes img{width:100%;margin-left: -73px;}
.second-section-dish-design{ margin-top:50px;}
.second-section-dish-design .testi-circle{ width:50%; right:0px; top:-20px;}
.second-section-dish-design .testi-heading-dish{ margin:0px; margin-top:0px;padding: 71px 0px; margin-left:10px; padding-top:20px;}
.second-section-dish-design .testi-dishes{ margin-top:40px;}
.second-section-dish-design .testi-dishes img {width: 103%;margin-left: -38px; margin-top:74px;}
.outline-vector6{top: -70px; margin:inherit; left:12px;width:180px;}
.third-section-dish-design{ margin-top:15px;}
.third-section-dish-design .testi-dishes{ margin-top:70px;}
.third-section-dish-design .testi-dishes img {width: 100%;margin-left: -38px; margin-top:54px;}
.outline-vector3{ width:100px; margin:inherit; left:inherit; right:24px; top:516px;}
.outline-vector4{ bottom:-150px; top:inherit; width:190px;}
.outline-vector2{ display:none;}
.outline-vector5 {position: absolute;left: 8px;width:180px;bottom: -20px; top:inherit;}
.hazbe-pack-today:before{ top:-43px; height:66px;background-size: 100%;}
.hazbe-pack-today:after{ bottom:-30px; height:66px;background-size: 100%;}
.hazbe-home-FoodPedia{ padding-top:60px;}
}



@media (min-width:1500px) and (max-width:1920px){
.foodpedia-list-design{height: 87%;}
.foodpedia-list-content h2{height: 77px;}
.product-page-banner-section{height: 463px;}
.hazbe-pack-today-product-page{height: 454px;padding-top: 39px;}
.hazbe-pack-today:before{height: 70px;}
.hazbe-pack-today:after{height: 70px;}
}